button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#respond #submit, .button, .site-topbar .btn:after, a, .slick-arrow, .menu > .menu-item-has-children:before, .menu#primary-menu > .menu-item, .saturnthemes-twitter .tweet-nav > span:hover, .post-share-buttons a, .post-grid-item .post-img .button, .woocommerce .product-item, .staff-content-title, .staff-content .expert-socials, .services-content .services-icon, .services-content-title:before, .services-content-title:after, .saturnthemes-product-categories .categories-overlay {
-webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
-moz-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
.breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after, .pagination.loop-pagination .page-numbers.next:before, .loop-pagination.page-links .page-numbers.next:before, .pagination.loop-pagination .page-numbers.next:after, .loop-pagination.page-links .page-numbers.next:after, .pagination.loop-pagination .page-numbers.prev:before, .loop-pagination.page-links .page-numbers.prev:before, .pagination.loop-pagination .page-numbers.prev:after, .loop-pagination.page-links .page-numbers.prev:after, #language-switcher-menu.menu li.menu-item-has-children:after,
#currency-switcher-menu.menu li.menu-item-has-children:after, .social-links li a:before, .menu > .menu-item-has-children:before, .menu .sub-menu .menu-item-has-children:after, .widget_recent_entries .post-date:before, .widget_archive ul li a:before,
.widget_categories ul li a:before, .widget_search .search-form:after,
.widget_search .woocommerce-product-search:after,
.widget_product_search .search-form:after,
.widget_product_search .woocommerce-product-search:after, .widget_product_categories .product-categories .cat-item:before, .sidebar .widget_nav_menu ul li a:before,
.wpb_widgetised_column .widget_nav_menu ul li a:before, .comments-area .comment-list .comment .comment-reply-link:before, .footer-widget-container .menu a:before, .woocommerce .star-rating:before, .woocommerce .star-rating span:before, .single-product .single_add_to_cart_button:before, .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after, .testimonial-container .testimonial-thumbnail:before, .services-content-title:before, .services-content-title:after, ul.list-icon-plus li:before {
display: inline-block;
font: normal normal normal 16px/1 FontAwesome;
vertical-align: middle;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#menu-side > .menu-item.more a:after, .post-pagination > div a:before, .post-pagination > div a:after {
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.saturnthemes-twitter .tweet-nav i:before {
display: inline-block;
width: 40px;
height: 40px;
line-height: 36px; }
.menu > .menu-item-has-children:before, .sep-bottom:after, .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:after, .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:after {
position: absolute;
left: 50%;
transform: translateX(-50%); }
.header-contact-details-list .header-contact-detail-icon, .slick-arrow, .menu .sub-menu .menu-item-has-children:after, .testimonial-container.style3 .testimonial-thumbnail:before, .testimonial-container.style3 .testimonial-thumbnail:after, .services-content-title:before, .services-content-title:after, .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active:after, ul.list-icon-plus li:before {
position: absolute;
top: 50%;
transform: translateY(-50%); } html {
font-family: sans-serif;
-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; }
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-appearance: textfield;
box-sizing: content-box; }
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: 0; } html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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; }
a:active {
outline: 0; }
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-appearance: textfield;
box-sizing: content-box; }
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: 0; }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
@-moz-viewport {
width: device-width; }
@-ms-viewport {
width: device-width; }
@-o-viewport {
width: device-width; }
@-webkit-viewport {
width: device-width; }
@viewport {
width: device-width; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
background-color: #fff; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #818a91; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: bold; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
a {
color: #0275d8;
text-decoration: none; }
a:focus, a:hover {
color: #014c8c;
text-decoration: underline; }
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
pre {
margin-top: 0;
margin-bottom: 1rem; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle; }
[role="button"] {
cursor: pointer; }
table {
background-color: transparent; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #818a91;
text-align: left;
caption-side: bottom; }
th {
text-align: left; }
label {
display: inline-block;
margin-bottom: .5rem; }
input,
button,
select,
textarea {
margin: 0;
line-height: inherit;
border-radius: 0; }
textarea {
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit; }
input[type="search"] {
box-sizing: inherit;
-webkit-appearance: none; }
output {
display: inline-block; }
.img-fluid {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all .2s ease-in-out;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.table-bordered {
border: 1px solid #eceeef; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #eceeef; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media (max-width: 1229.9px) {
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #eceeef; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.container {
max-width: 640px; } }
@media (min-width: 1024px) {
.container {
max-width: 960px; } }
@media (min-width: 1230px) {
.container {
max-width: 1200px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.row {
display: flex;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 320px) {
.col-xs-1 {
flex: 8.33333%;
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xs-2 {
flex: 16.66667%;
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xs-3 {
flex: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xs-4 {
flex: 33.33333%;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xs-5 {
flex: 41.66667%;
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xs-6 {
flex: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xs-7 {
flex: 58.33333%;
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xs-8 {
flex: 66.66667%;
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xs-9 {
flex: 75%;
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xs-10 {
flex: 83.33333%;
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xs-11 {
flex: 91.66667%;
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xs-12 {
flex: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; } }
@media (min-width: 768px) {
.col-sm-1 {
flex: 8.33333%;
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 16.66667%;
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-sm-4 {
flex: 33.33333%;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 41.66667%;
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-sm-7 {
flex: 58.33333%;
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 66.66667%;
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 75%;
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-sm-10 {
flex: 83.33333%;
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 91.66667%;
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 1024px) {
.col-md-1 {
flex: 8.33333%;
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 16.66667%;
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 20%;
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%; }
.col-md-4 {
flex: 33.33333%;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 41.66667%;
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-md-7 {
flex: 68.33333%;
-webkit-flex-basis: 68.33333%;
-ms-flex-preferred-size: 68.33333%;
flex-basis: 68.33333%;
max-width: 68.33333%; }
.col-md-8 {
flex: 66.66667%;
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 75%;
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-md-10 {
flex: 83.33333%;
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 91.66667%;
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1230px) {
.col-lg-1 {
flex: 8.33333%;
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 16.66667%;
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
flex: 33.33333%;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 41.66667%;
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
flex: 58.33333%;
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 66.66667%;
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 75%;
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
flex: 83.33333%;
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 91.66667%;
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
flex: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
@media (min-width: 1920px) {
.col-xl-1 {
flex: 8.33333%;
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 16.66667%;
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xl-4 {
flex: 33.33333%;
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 41.66667%;
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xl-7 {
flex: 58.33333%;
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 66.66667%;
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 75%;
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xl-10 {
flex: 83.33333%;
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 91.66667%;
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
flex: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xl-pull-0 {
right: auto; }
.col-xl-pull-1 {
right: 8.33333%; }
.col-xl-pull-2 {
right: 16.66667%; }
.col-xl-pull-3 {
right: 25%; }
.col-xl-pull-4 {
right: 33.33333%; }
.col-xl-pull-5 {
right: 41.66667%; }
.col-xl-pull-6 {
right: 50%; }
.col-xl-pull-7 {
right: 58.33333%; }
.col-xl-pull-8 {
right: 66.66667%; }
.col-xl-pull-9 {
right: 75%; }
.col-xl-pull-10 {
right: 83.33333%; }
.col-xl-pull-11 {
right: 91.66667%; }
.col-xl-pull-12 {
right: 100%; }
.col-xl-push-0 {
left: auto; }
.col-xl-push-1 {
left: 8.33333%; }
.col-xl-push-2 {
left: 16.66667%; }
.col-xl-push-3 {
left: 25%; }
.col-xl-push-4 {
left: 33.33333%; }
.col-xl-push-5 {
left: 41.66667%; }
.col-xl-push-6 {
left: 50%; }
.col-xl-push-7 {
left: 58.33333%; }
.col-xl-push-8 {
left: 66.66667%; }
.col-xl-push-9 {
left: 75%; }
.col-xl-push-10 {
left: 83.33333%; }
.col-xl-push-11 {
left: 91.66667%; }
.col-xl-push-12 {
left: 100%; }
.col-xl-offset-0 {
margin-left: 0%; }
.col-xl-offset-1 {
margin-left: 8.33333%; }
.col-xl-offset-2 {
margin-left: 16.66667%; }
.col-xl-offset-3 {
margin-left: 25%; }
.col-xl-offset-4 {
margin-left: 33.33333%; }
.col-xl-offset-5 {
margin-left: 41.66667%; }
.col-xl-offset-6 {
margin-left: 50%; }
.col-xl-offset-7 {
margin-left: 58.33333%; }
.col-xl-offset-8 {
margin-left: 66.66667%; }
.col-xl-offset-9 {
margin-left: 75%; }
.col-xl-offset-10 {
margin-left: 83.33333%; }
.col-xl-offset-11 {
margin-left: 91.66667%; }
.col-xl-offset-12 {
margin-left: 100%; } }
.col-xs-first {
box-ordinal-group: -1;
order: -1;
-ms-flex-order: -1; }
.col-xs-last {
box-ordinal-group: 1;
order: 1;
-ms-flex-order: 1; }
@media (min-width: 768px) {
.col-sm-first {
box-ordinal-group: -1;
order: -1;
-ms-flex-order: -1; }
.col-sm-last {
box-ordinal-group: 1;
order: 1;
-ms-flex-order: 1; } }
@media (min-width: 1024px) {
.col-md-first {
box-ordinal-group: -1;
order: -1;
-ms-flex-order: -1; }
.col-md-last {
box-ordinal-group: 1;
order: 1;
-ms-flex-order: 1; } }
@media (min-width: 1230px) {
.col-lg-first {
box-ordinal-group: -1;
order: -1;
-ms-flex-order: -1; }
.col-lg-last {
box-ordinal-group: 1;
order: 1;
-ms-flex-order: 1; } }
@media (min-width: 1920px) {
.col-xl-first {
box-ordinal-group: -1;
order: -1;
-ms-flex-order: -1; }
.col-xl-last {
box-ordinal-group: 1;
order: 1;
-ms-flex-order: 1; } }
.row-xs-top {
box-align: start;
align-items: flex-start;
-ms-flex-align: start; }
.row-xs-center {
box-align: center;
align-items: center;
-ms-flex-align: center; }
.row-xs-bottom {
box-align: end;
align-items: flex-end;
-ms-flex-align: end; }
@media (min-width: 768px) {
.row-sm-top {
box-align: start;
align-items: flex-start;
-ms-flex-align: start; }
.row-sm-center {
box-align: center;
align-items: center;
-ms-flex-align: center; }
.row-sm-bottom {
box-align: end;
align-items: flex-end;
-ms-flex-align: end; } }
@media (min-width: 1024px) {
.row-md-top {
box-align: start;
align-items: flex-start;
-ms-flex-align: start; }
.row-md-center {
box-align: center;
align-items: center;
-ms-flex-align: center; }
.row-md-bottom {
box-align: end;
align-items: flex-end;
-ms-flex-align: end; } }
@media (min-width: 1230px) {
.row-lg-top {
box-align: start;
align-items: flex-start;
-ms-flex-align: start; }
.row-lg-center {
box-align: center;
align-items: center;
-ms-flex-align: center; }
.row-lg-bottom {
box-align: end;
align-items: flex-end;
-ms-flex-align: end; } }
@media (min-width: 1920px) {
.row-xl-top {
box-align: start;
align-items: flex-start;
-ms-flex-align: start; }
.row-xl-center {
box-align: center;
align-items: center;
-ms-flex-align: center; }
.row-xl-bottom {
box-align: end;
align-items: flex-end;
-ms-flex-align: end; } }
.col-xs-top {
align-self: flex-start;
-ms-flex-item-align: start; }
.col-xs-center {
align-self: center;
-ms-flex-item-align: center; }
.col-xs-bottom {
align-self: flex-end;
-ms-flex-item-align: end; }
@media (min-width: 768px) {
.col-sm-top {
align-self: flex-start;
-ms-flex-item-align: start; }
.col-sm-center {
align-self: center;
-ms-flex-item-align: center; }
.col-sm-bottom {
align-self: flex-end;
-ms-flex-item-align: end; } }
@media (min-width: 1024px) {
.col-md-top {
align-self: flex-start;
-ms-flex-item-align: start; }
.col-md-center {
align-self: center;
-ms-flex-item-align: center; }
.col-md-bottom {
align-self: flex-end;
-ms-flex-item-align: end; } }
@media (min-width: 1230px) {
.col-lg-top {
align-self: flex-start;
-ms-flex-item-align: start; }
.col-lg-center {
align-self: center;
-ms-flex-item-align: center; }
.col-lg-bottom {
align-self: flex-end;
-ms-flex-item-align: end; } }
@media (min-width: 1920px) {
.col-xl-top {
align-self: flex-start;
-ms-flex-item-align: start; }
.col-xl-center {
align-self: center;
-ms-flex-item-align: center; }
.col-xl-bottom {
align-self: flex-end;
-ms-flex-item-align: end; } }
.start-xs {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-xs {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-xs {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; }
@media (min-width: 768px) {
.start-sm {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-sm {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-sm {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; } }
@media (min-width: 1024px) {
.start-md {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-md {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-md {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; } }
@media (min-width: 1230px) {
.start-lg {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-lg {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-lg {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; } }
@media (min-width: 1920px) {
.start-xl {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-xl {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center; }
.end-xl {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; } }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-right: .25rem;
margin-left: .25rem;
vertical-align: middle;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.dropdown-toggle:focus {
outline: 0; }
.dropup .dropdown-toggle::after {
border-top: 0;
border-bottom: 0.3em solid; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
text-align: left;
list-style: none;
background-color: #fff; }
.dropdown-item {
display: block;
width: 100%;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.5;
color: #373a3c;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0; }
.dropdown-item:focus, .dropdown-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5; }
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
color: #fff;
text-decoration: none;
background-color: #0275d8;
outline: 0; }
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
color: #818a91; }
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
.open > .dropdown-menu {
display: block; }
.open > a {
outline: 0; }
.dropdown-menu-right {
right: 0;
left: auto; }
.dropdown-menu-left {
right: auto;
left: 0; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 0.85rem;
line-height: 1.5;
color: #818a91;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 0.3em solid; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 0.85rem;
opacity: 0; }
.tooltip.in {
opacity: 0.9; }
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
padding: 5px 0;
margin-top: -3px; }
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
padding: 0 5px;
margin-left: 3px; }
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; }
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
padding: 5px 0;
margin-top: 3px; }
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
padding: 0 5px;
margin-left: -3px; }
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem; }
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9 {
padding-bottom: 42.85714%; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.clearfix::after {
content: "";
display: table;
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[hidden] {
display: none !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: "0/0" a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
@media (min-width: 320px) {
.text-xs-left {
text-align: left; }
.text-xs-right {
text-align: right; }
.text-xs-center {
text-align: center; } }
@media (min-width: 768px) {
.text-sm-left {
text-align: left; }
.text-sm-right {
text-align: right; }
.text-sm-center {
text-align: center; } }
@media (min-width: 1024px) {
.text-md-left {
text-align: left; }
.text-md-right {
text-align: right; }
.text-md-center {
text-align: center; } }
@media (min-width: 1230px) {
.text-lg-left {
text-align: left; }
.text-lg-right {
text-align: right; }
.text-lg-center {
text-align: center; } }
@media (min-width: 1920px) {
.text-xl-left {
text-align: left; }
.text-xl-right {
text-align: right; }
.text-xl-center {
text-align: center; } }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #818a91; }
.text-primary {
color: #0275d8; }
a.text-primary:focus, a.text-primary:hover {
color: #025aa5; }
.text-success {
color: #5cb85c; }
a.text-success:focus, a.text-success:hover {
color: #449d44; }
.text-info {
color: #5bc0de; }
a.text-info:focus, a.text-info:hover {
color: #31b0d5; }
.text-warning {
color: #f0ad4e; }
a.text-warning:focus, a.text-warning:hover {
color: #ec971f; }
.text-danger {
color: #d9534f; }
a.text-danger:focus, a.text-danger:hover {
color: #c9302c; }
.bg-inverse {
color: #eceeef;
background-color: #373a3c; }
.bg-faded {
background-color: #f7f7f9; }
.bg-primary {
color: #fff;
background-color: #0275d8; }
a.bg-primary:focus, a.bg-primary:hover {
background-color: #025aa5; }
.bg-success {
color: #fff;
background-color: #5cb85c; }
a.bg-success:focus, a.bg-success:hover {
background-color: #449d44; }
.bg-info {
color: #fff;
background-color: #5bc0de; }
a.bg-info:focus, a.bg-info:hover {
background-color: #31b0d5; }
.bg-warning {
color: #fff;
background-color: #f0ad4e; }
a.bg-warning:focus, a.bg-warning:hover {
background-color: #ec971f; }
.bg-danger {
color: #fff;
background-color: #d9534f; }
a.bg-danger:focus, a.bg-danger:hover {
background-color: #c9302c; }
@media (min-width: 320px) {
.hidden-xs-up {
display: none !important; } }
@media (max-width: 767.9px) {
.hidden-xs-down {
display: none !important; } }
@media (min-width: 768px) {
.hidden-sm-up {
display: none !important; } }
@media (max-width: 1023.9px) {
.hidden-sm-down {
display: none !important; } }
@media (min-width: 1024px) {
.hidden-md-up {
display: none !important; } }
@media (max-width: 1229.9px) {
.hidden-md-down {
display: none !important; } }
@media (min-width: 1230px) {
.hidden-lg-up {
display: none !important; } }
@media (max-width: 1919.9px) {
.hidden-lg-down {
display: none !important; } }
@media (min-width: 1920px) {
.hidden-xl-up {
display: none !important; } }
.hidden-xl-down {
display: none !important; }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } } .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.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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 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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@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.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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; }
.font-awesome, .mobile-menu-container .mobile-menu li > .mobile-menu-toggle:after {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; } body,
button,
input,
select,
textarea {
line-height: 1.6; }
h1, h2, h3, h4, h5, h6 {
margin: 0 0 18px 0;
letter-spacing: 0.05em; }
.comment-text h1,
.entry-content h1 {
font-size: 26px; }
.comment-text h2,
.entry-content h2 {
font-size: 24px; }
.comment-text h3,
.entry-content h3 {
font-size: 21px; }
.comment-text h4,
.entry-content h4 {
font-size: 19px; }
.comment-text h5,
.entry-content h5 {
font-size: 17px; }
.comment-text h6,
.entry-content h6 {
font-size: 15px; }
p {
margin-bottom: 1.4em; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 0 1.14em 0;
padding: 1.3em 0 1.3em 1.5em;
background: #F8F8F8;
border-left: 3px solid transparent; }
blockquote p {
margin-bottom: 0; }
address {
margin: 0 0 1.125em; }
pre {
background: #eee;
font-size: 0.875em;
line-height: 1.6;
margin-bottom: 1.2em;
max-width: 100%;
overflow: auto;
padding: 1.2em; }
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.82031em; }
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: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
word-spacing: -1px; }
blockquote {
quotes: "" ""; }
blockquote:before, blockquote:after {
content: ""; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
.row:before {
display: none !important; }
ul, ol {
margin: 0;
padding: 0;
list-style: none; }
.comment-text ul,
.comment-text ol,
.entry-content ul,
.entry-content ol,
.page-content ul,
.page-content ol {
padding-left: 16px;
margin-bottom: 20px; }
.comment-text ul,
.entry-content ul,
.page-content ul {
list-style: disc; }
.comment-text ul li,
.entry-content ul li,
.page-content ul li {
padding-bottom: 14px; }
.comment-text ol,
.entry-content ol,
.page-content ol {
list-style: decimal; }
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%; }
table {
margin: 0 0 1.5em;
width: 100%; }
th, td {
padding: 0.4em; }
th {
border-width: 0 1px 1px 0;
font-weight: 700; }
table, th, td {
border: 1px solid rgba(51, 51, 51, 0.1); }
.row-xs-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.row-sm-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } }
@media (min-width: 1024px) {
.row-md-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } }
@media (min-width: 1230px) {
.row-lg-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } } button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#respond #submit, .button {
display: inline-block;
height: 50px;
line-height: 46px;
padding: 0 20px;
border: 2px solid;
font-weight: 700;
text-transform: uppercase;
cursor: pointer; }
button .fa,
input[type="button"] .fa,
input[type="reset"] .fa,
input[type="submit"] .fa,
#respond #submit .fa, .button .fa {
font-size: 16px;
padding-right: 8px; }
.button.primary-button {
color: #FFF; }
.button.primary-button:hover i {
color: #FFF; }
.button.secondary-button {
background: none; }
.button.secondary-button:hover {
color: #FFF; }
.button.secondary-button:hover i {
color: #FFF; }
.button.full {
display: block;
margin-bottom: 10px;
text-align: center; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
border: 1px solid #DDD;
margin-bottom: 10px;
padding: 8px 10px;
height: 50px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus {
outline: none;
outline-offset: 0; }
input[type="checkbox"],
input[type="radio"] {
margin-right: 10px; }
textarea {
width: 100%;
border: 1px solid #DDD;
margin-bottom: 10px;
padding: 8px 10px; }
textarea:focus {
outline: none;
outline-offset: 0; }
select {
height: 50px;
border: 1px solid #DDD;
background: #FFF url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-down.png) no-repeat 98.5% center;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0 20px; }
.select2-container .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #DDD;
border-radius: 0;
padding: 13px 10px; }
.select2-search input {
margin-top: 10px; }
.select2-drop-active {
border: 1px solid #DDD; }
select::-ms-expand {
display: none; }
select:focus {
outline: none; } .searchform .search-submit {
display: none; }
.searchform select {
background: #fff url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-down.png) no-repeat 77% center; }
.searchform .btn {
border: none; }
.searchform input[type="text"]:placeholder-shown {
font-size: 14px; }
.search-type-1 {
position: relative;
z-index: 9999;
display: inline-block;
float: right; }
.search-type-1 i {
position: relative;
display: inline-block;
overflow: hidden;
border-left: 1px solid transparent;
text-align: center;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 18px;
cursor: pointer; }
.search-type-1 label span, .search-type-1 input[type="submit"] {
display: none; }
.search-type-1 .search-form {
display: none; }
.search-type-1 #js-search-overlay {
cursor: pointer; }
.full-screen-search-container {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999;
top: 0;
left: 0;
visibility: hidden;
backface-visibility: hidden;
opacity: 0;
transition: all 0.2s; }
.full-screen-search-container .container {
height: 100%; }
.full-screen-search-container .container .row {
height: 100%; }
.full-screen-search-container .full-screen-search-close {
position: absolute;
top: 40px;
right: 80px;
color: #ffffff;
transition: all 0.2s; }
.full-screen-search-container .full-screen-search-close:hover {
cursor: pointer;
transform: scale(1.5); }
.full-screen-search-container .search-form label {
display: inline-block;
width: 30%; }
.full-screen-search-container .search-form .search-label {
font-size: 30px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase; }
.full-screen-search-container .search-form .search-field {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #ffffff;
font-size: 20px;
padding: 3px; }
.full-screen-search-container .search-form .search-button i {
font-size: 25px;
line-height: 25px; }
.full-screen-search-container .search-form .search-submit {
display: none; }
.full-screen-search-container.open {
visibility: visible;
opacity: 1; }
.full-screen-search-container.open .search-form {
animation-name: fadeInUp; }
.full-screen-search-container {
background-color: rgba(0, 0, 0, 0.85);
color: #ffffff; }
.full-screen-search-container .search-form .search-field {
color: #ffffff; }
.search-type-2 .searchform {
display: inline-block;
vertical-align: top;
border: 1px solid #000000;
font-size: 0; }
.search-type-2 select,
.search-type-2 input[type="text"],
.search-type-2 .button {
vertical-align: top; }
.search-type-2 select {
border: none;
width: 180px;
height: 46px;
padding: 0 20px;
text-transform: uppercase;
font-size: 13px;
background-color: #fff;
background-image: url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-down.png);
background-position: 95% center;
background-repeat: no-repeat; }
.search-type-2 input[type="text"] {
width: 200px;
height: 100%;
margin: 0;
padding: 13px 20px;
font-size: 14px;
border: none;
background-position: 100% center;
background-repeat: no-repeat;
color: #000; }
.search-type-2 .btn {
margin-top: 0;
padding: 0;
width: 52px;
height: 48px;
background: none;
font-size: 18px; }
.search-type-2 .btn [class^="pe-7s-"],
.search-type-2 .btn [class*=" pe-7s-"] {
font-weight: bold; }
.search-type-2 .btn:focus {
outline: none; }
.search-type-2 #search-overlay {
display: none; }
@media (min-width: 1230px) {
.search-type-2 select {
width: 215px;
background-image: url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-down.png);
background-position: 77% center; }
.search-type-2 input[type="text"] {
width: 295px; } }
.search-type-3 .searchform {
vertical-align: top;
border: 1px solid #000000;
font-size: 0; }
.search-type-3 select,
.search-type-3 input[type="text"],
.search-type-3 .button {
vertical-align: top; }
.search-type-3 select {
border: none;
width: 220px;
height: 48px;
padding: 0 20px;
text-transform: uppercase;
font-size: 13px; }
.search-type-3 input[type="text"] {
width: calc(100% - 272px);
height: 48px;
margin: 0;
padding: 0 20px;
font-size: 14px;
border-top: none;
border-bottom: none;
border-right: 1px solid #000;
color: #000; }
.search-type-3 .btn {
margin-top: 0;
padding: 0;
width: 52px;
height: 48px;
background: none;
font-size: 18px; }
.search-type-3 .btn [class^="pe-7s-"],
.search-type-3 .btn [class*=" pe-7s-"] {
font-weight: bold; }
.search-type-3 #search-overlay {
display: none; } .header-overlay {
position: absolute;
width: 100%;
z-index: 99999;
background: transparent !important; } .header {
position: relative; }
.header .fa {
font-size: 16px; }
.logo h1, .logo h2 {
margin-bottom: 0; }
.mobile-header {
padding-top: 10px;
padding-bottom: 10px; }
.mini-cart {
float: left;
display: inline-block; }
.mini-cart .cart-contents {
position: relative; }
.mini-cart .cart-contents .count {
position: absolute;
top: -10px;
right: -10px;
display: block;
width: 19px;
height: 19px;
color: #FFF;
font-size: 10px;
text-align: center;
border-radius: 50%;
line-height: 19px; }
#search-mobile-toggle {
position: relative;
display: none; }
#search-mobile-toggle label {
display: block;
margin-bottom: 0; }
#search-mobile-toggle .search-field {
width: 100%; }
#search-mobile-toggle .mobile-search-close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
color: #454545; }
.site-topbar .btn {
position: relative;
display: inline-block;
padding: 14px 23px;
font-weight: 700;
text-transform: uppercase; }
.site-topbar .btn i {
padding-right: 6px; }
.site-topbar .btn:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 0; }
.site-topbar .btn:hover:after {
height: 5px; }
.site-topbar .fa {
font-size: 16px; }
.header-contact-info {
padding: 14px 0; }
.header-contact-info > li {
display: inline-block; }
.header-contact-info > li:not(:last-child) {
padding-right: 30px; }
.header-contact-info span {
font-size: 13px; }
.header-contact-info i {
padding-right: 8px; }
.affix:not(.affix-disabled) {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46);
-webkit-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46);
-moz-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46); }
.affix:not(.affix-disabled).header-01 #primary-menu > .menu-item > a,
.affix:not(.affix-disabled).header-05 #primary-menu > .menu-item > a,
.affix:not(.affix-disabled).header-01 #primary-menu > ul > li > a,
.affix:not(.affix-disabled).header-05 #primary-menu > ul > li > a {
padding: 19px 0 20px; }
.affix:not(.affix-disabled) .menu > .menu-item-has-children:before {
display: none; }  .header-layout-2 .header-middle {
padding: 32px 0; }
.header-layout-2 .menu > .menu-item-has-children:before {
display: none; }
.header-layout-2 .menu-horizontal > li:hover > .sub-menu,
.header-layout-2 .menu-horizontal > li:hover > .children,
.header-layout-2 .menu-horizontal > ul > li:hover > .sub-menu,
.header-layout-2 .menu-horizontal > ul > li:hover > .children {
top: 100%; }
.header-04 .site-topbar {
border-bottom: 1px solid transparent; }
.header-04 .header-nav {
border-top: 1px solid transparent; }
.header-contact-details-list {
text-align: right; }
.header-contact-details-list li {
display: inline-block;
text-align: left;
margin-left: 40px;
margin-right: 55px; }
.header-contact-details-list li:first-child {
margin-left: 0; }
.header-contact-details-list .header-contact-detail {
position: relative; }
.header-contact-details-list .header-contact-detail-icon {
right: -60px; }
.header-contact-details-list .header-contact-detail-icon i {
position: relative;
font-size: 18px;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #FFF; }
.header-contact-details-list .header-contact-detail-icon i:after {
content: '';
position: absolute;
top: 15px;
left: -6px;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6px 5px 0; }
.header-contact-details-list .header-contact-detail-info .header-contact-detail-title {
font-size: 13px;
text-transform: uppercase; }
.header-contact-details-list .header-contact-detail-info .header-contact-detail-extra-info {
font-size: 18px; }
.page-title {
position: relative;
z-index: 1000;
margin-bottom: 70px;
padding: 161px 0;
background-repeat: no-repeat;
background-position: center center; }
.page-title .header-title {
position: relative;
z-index: 3;
font-size: 25px;
font-weight: 700;
color: #FFF; }
.page-title-hero {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
z-index: -1; }
.page-title:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5); }
.breadcrumbs-wrapper {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
padding-top: 18px;
padding-bottom: 17px; }
.breadcrumbs-wrapper a, .breadcrumbs-wrapper a:visited, .breadcrumbs-wrapper .share-button {
color: #FFF; }
.breadcrumbs-wrapper .saturnthemes_industry_bread_crumb {
padding: 0; }
.breadcrumbs-wrapper .saturnthemes_industry_bread_crumb li {
display: inline-block;
margin-right: 10px; }
.breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after, .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb .current {
color: #BBB; }
.breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after {
content: "\f105";
margin-left: 12px; }
.breadcrumbs-wrapper .share-button {
text-transform: uppercase;
cursor: pointer; }
.breadcrumbs-wrapper .share-button .fa {
padding-right: 8px; }
.breadcrumbs-wrapper .cta-button {
position: relative;
display: block; }
.breadcrumbs-wrapper .cta-button .icon-box {
position: absolute;
bottom: -30px;
width: 100%;
height: 100px; }
.breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-icon {
float: left;
width: 100px;
height: 100px;
line-height: 110px;
background: rgba(0, 0, 0, 0.1);
text-align: center; }
.breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-icon .fa {
font-size: 30px;
color: #FFF; }
.breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-content {
overflow: hidden;
padding: 26px 5px 26px 25px; }
.breadcrumbs-wrapper .cta-button .icon-box.icon-left p {
margin-bottom: 2px;
color: rgba(0, 0, 0, 0.4);
text-transform: capitalize; }
.breadcrumbs-wrapper .cta-button .icon-box.icon-left h3 {
color: #FFF;
font-size: 17px;
text-transform: uppercase; }
.breadcrumbs-wrapper .share-wrapper {
background: #FFF;
border: 1px solid #CCC; }
.breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown {
top: calc(100% + 20px);
left: -50%;
min-width: 150px; }
.breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown > ul {
position: relative; }
.breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown > ul:before {
content: "";
position: absolute;
top: -8px;
left: calc(50% - 8px);
z-index: -1;
display: block;
width: 16px;
height: 16px;
background: #FFF;
border-top: 1px solid;
border-left: 1px solid;
border-color: #CCC;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.breadcrumbs-wrapper .share-wrapper i {
width: 25px; }
.breadcrumbs-wrapper .share-wrapper li a {
display: block;
padding: 10px 15px;
border-bottom: 1px solid #EEE; }
.breadcrumbs-wrapper .share-wrapper li a:hover {
background: rgba(0, 0, 0, 0.1); }
.breadcrumbs-wrapper .share-wrapper li:last-child a {
border-bottom: none; }  a {
text-decoration: none; }
a:focus, a:hover {
text-decoration: none; }
a:focus {
outline: none; }
a:hover, a:active {
outline: 0; } .pagination, .page-links {
padding: 30px 0;
border-top: 1px solid #EEE; }
.pagination .page-numbers, .page-links .page-numbers {
vertical-align: middle; }
.pagination .page-numbers:hover, .page-links .page-numbers:hover, .pagination .page-numbers.current, .page-links .page-numbers.current {
color: #FFF; }
.pagination ul.page-numbers, .page-links ul.page-numbers {
background: none !important; }
.pagination li, .page-links li, .pagination.loop-pagination, .loop-pagination.page-links {
display: inline-block; }
.pagination li .page-numbers, .page-links li .page-numbers, .pagination.loop-pagination .page-numbers, .loop-pagination.page-links .page-numbers {
display: inline-block;
width: 48px;
height: 48px;
margin-right: 4px;
text-align: center;
line-height: 44px;
border: 2px solid;
font-weight: 700; }
.pagination li .page-numbers.next, .page-links li .page-numbers.next, .pagination li .page-numbers.prev, .page-links li .page-numbers.prev, .pagination.loop-pagination .page-numbers.next, .loop-pagination.page-links .page-numbers.next, .pagination.loop-pagination .page-numbers.prev, .loop-pagination.page-links .page-numbers.prev {
width: auto;
border: none; }
.pagination li .page-numbers.next .fa, .page-links li .page-numbers.next .fa, .pagination li .page-numbers.prev .fa, .page-links li .page-numbers.prev .fa, .pagination.loop-pagination .page-numbers.next .fa, .loop-pagination.page-links .page-numbers.next .fa, .pagination.loop-pagination .page-numbers.prev .fa, .loop-pagination.page-links .page-numbers.prev .fa {
font-size: 16px; }
.pagination li .page-numbers.next:hover, .page-links li .page-numbers.next:hover, .pagination li .page-numbers.prev:hover, .page-links li .page-numbers.prev:hover, .pagination.loop-pagination .page-numbers.next:hover, .loop-pagination.page-links .page-numbers.next:hover, .pagination.loop-pagination .page-numbers.prev:hover, .loop-pagination.page-links .page-numbers.prev:hover {
background: none;
text-decoration: underline; }
.pagination li .page-numbers.prev, .page-links li .page-numbers.prev, .pagination.loop-pagination .page-numbers.prev, .loop-pagination.page-links .page-numbers.prev {
padding-right: 22px; }
.pagination li .page-numbers.prev .fa, .page-links li .page-numbers.prev .fa, .pagination.loop-pagination .page-numbers.prev .fa, .loop-pagination.page-links .page-numbers.prev .fa {
padding-right: 5px; }
.pagination li .page-numbers.next, .page-links li .page-numbers.next, .pagination.loop-pagination .page-numbers.next, .loop-pagination.page-links .page-numbers.next {
padding-left: 22px; }
.pagination li .page-numbers.next .fa, .page-links li .page-numbers.next .fa, .pagination.loop-pagination .page-numbers.next .fa, .loop-pagination.page-links .page-numbers.next .fa {
padding-left: 5px; }
.pagination.loop-pagination .page-numbers.prev:before, .loop-pagination.page-links .page-numbers.prev:before {
content: "\f104";
padding-right: 5px; }
.pagination.loop-pagination .page-numbers.next:after, .loop-pagination.page-links .page-numbers.next:after {
content: "\f105";
padding-left: 5px; }
.page-links {
display: inline-block; }
.page-links > a, .page-links > span:not(.page-links-title) {
display: inline-block;
width: 48px;
height: 48px;
margin-right: 4px;
text-align: center;
line-height: 44px;
border: 2px solid;
font-weight: 700; }
.page-links > a:hover,
.page-links > span:not(.page-links-title) {
color: #FFF; }  .slick-slider {
margin-bottom: 50px; }
.slick-slide {
height: auto; }
.slick-slide:focus {
outline: none; }
.slick-slide img {
margin: 0 auto; } .slick-arrow {
position: absolute;
top: 50%;
z-index: 999999;
display: block;
opacity: 0.4;
width: 40px;
height: 40px;
background: none;
color: #666;
border: 2px solid #666;
border-radius: 0;
font-size: 24px !important;
line-height: 36px !important;
cursor: pointer;
text-align: center;
outline: none; }
.slick-arrow:hover, .slick-arrow:focus {
color: #666;
opacity: 1; }
.slick-arrow-prev {
left: -50px; }
.slick-arrow-next {
right: -50px; } .slick-dots {
position: absolute;
left: 0;
bottom: -35px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: right; }
.slick-dots li {
position: relative;
display: inline-block;
width: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
font-size: 0;
line-height: 20px !important;
display: block;
height: auto;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
border-color: #222; }
.slick-dots li button:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 12px;
height: 12px;
margin: 5px;
background: #FFF;
border: 2px solid;
border-color: #A7A7A7;
opacity: 1; }
.slick-dots li.slick-active button:before {
border-color: #222;
opacity: 1; }
.on-top .slick-arrow {
top: -60px; }
.on-top .slick-arrow-prev {
left: auto;
right: 60px; }
.on-top .slick-arrow-next {
right: 15px; }
.pagination-vertical .slick-dots {
width: auto;
bottom: 50%;
left: auto;
right: -10px;
transform: translateY(50%); }
.pagination-vertical .slick-dots li {
display: block; }
@media (min-width: 1280px) and (max-width: 1399px) {
.slick-arrow-prev {
left: -28px; }
.slick-arrow-next {
right: -28px; } }
@media (min-width: 1400px) {
.slick-arrow-prev {
left: -70px; }
.slick-arrow-next {
right: -70px; } } #language-switcher-menu,
#currency-switcher-menu {
position: relative; }
#language-switcher-menu:after,
#currency-switcher-menu:after {
content: "";
position: absolute;
top: 44%;
right: -19px;
display: inline-block;
width: 20px;
height: 1px; }
#language-switcher-menu.menu ul a,
#language-switcher-menu.menu ul ul a,
#currency-switcher-menu.menu ul a,
#currency-switcher-menu.menu ul ul a {
margin: 0;
padding: 0; }
#language-switcher-menu.menu li,
#currency-switcher-menu.menu li {
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-left: 0;
font-size: 12px;
font-weight: bold; }
#language-switcher-menu.menu li.menu-item-has-children:after,
#currency-switcher-menu.menu li.menu-item-has-children:after {
display: inline-block;
content: '\f107';
width: 22px;
text-align: center;
font-size: 13px;
transform: translateY(-1px); }
#language-switcher-menu.menu li .flag,
#currency-switcher-menu.menu li .flag {
margin-right: 5px; }
#language-switcher-menu.menu li .sub-menu,
#currency-switcher-menu.menu li .sub-menu {
width: auto;
left: auto;
background: #fff; }
#language-switcher-menu.menu li .sub-menu li,
#currency-switcher-menu.menu li .sub-menu li {
display: block;
margin: 0; }
#language-switcher-menu.menu li .sub-menu li:after,
#currency-switcher-menu.menu li .sub-menu li:after {
display: none; }
#language-switcher-menu.menu li .sub-menu li:hover,
#currency-switcher-menu.menu li .sub-menu li:hover {
text-decoration: underline; }
#currency-switcher-menu.menu li .sub-menu,
#language-switcher-menu.menu li .sub-menu {
padding: 10px;
border: 1px solid #000; } .social-links {
display: inline-block;
font-size: 0;
vertical-align: middle;
padding: 0;
margin: 0; }
.social-links li {
display: inline-block; }
.social-links li a {
position: relative;
display: inline-block;
padding-left: 20px;
font-size: 0;
text-align: center;
line-height: 18px;
overflow: hidden; }
.social-links li a:before {
display: inline-block;
height: 100%;
width: 100%;
font-size: 18px;
line-height: inherit; }
.social-links li a[href*="facebook"]:before {
content: "\f09a"; }
.social-links li a[href*="twitter"]:before {
content: "\f099"; }
.social-links li a[href*="instagram"]:before {
content: "\f16d"; }
.social-links li a[href*="youtube"]:before {
content: "\f16a"; }
.social-links li a[href*="vimeo"]:before {
content: "\f27d"; }
.social-links li a[href*="vine"]:before {
content: "\f1ca"; }
.social-links li a[href*="plus.google.com"]:before {
content: "\f0d5"; }
.social-links li a[href*="flickr"]:before {
content: "\f16e"; }
.social-links li a[href*="pinterest"]:before {
content: "\f231"; }
.social-links li a[href*="dribbble"]:before {
content: "\f17d"; }
.social-links li a[href*="foursquare"]:before {
content: "\f180"; }
.social-links li a[href*="linkedin"]:before {
content: "\f0e1"; }
.social-links li a[href*="tumblr"]:before {
content: "\f173"; }
.social-links li a[href*="skype"]:before {
content: "\f17e"; }
.social-links li a[href*="feed"]:before {
content: "\f09e"; }
.social-links li a[href*="mailto:"]:before {
content: "\f003"; } .menu-inner {
position: relative; }
.menu-inner [class*="col-md"] {
position: static; }
.menu ul, .menu li {
margin: 0;
padding: 0; }
.menu a {
transition: color 0.2s, padding 0.2s; }
.menu .menu-item > a {
position: relative; }
.menu .menu-item > a .menu-item-text {
position: relative; }
.menu .menu-item > a .menu-item-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -20px;
font-size: 13px; }
.menu .menu-item > a .menu-item-badge {
position: absolute;
top: calc(-100% + 3px);
right: 0;
transform: translateX(50%);
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
line-height: 15px;
padding: 0 4px;
letter-spacing: 0;
color: white;
background-color: #B09365; }
.menu > .menu-item,
.menu > ul > li {
position: relative; }
.menu > .menu-item > a,
.menu > ul > li > a {
position: relative; }
.menu > .menu-item-has-children:before {
bottom: 12px; }
.menu > .menu-item-has-children:hover:before {
bottom: 10px; }
.menu .sub-menu .menu-item-has-children:after {
content: "\f067";
font-size: 10px;
right: 20px;
color: inherit; }
.menu#primary-menu > .menu-item {
border-bottom: 5px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
.menu > .menu-item .menu-item, .menu > .menu-item li,
.menu > ul > li .menu-item,
.menu > ul > li li {
position: relative;
display: block; }
.menu > .menu-item .menu-item > a, .menu > .menu-item li > a,
.menu > ul > li .menu-item > a,
.menu > ul > li li > a {
display: block; }
.menu > .menu-item .sub-menu, .menu > .menu-item .children,
.menu > ul > li .sub-menu,
.menu > ul > li .children {
position: absolute;
z-index: 1010;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, top 0.5s, left 0.5s, right 0.5s; }
.menu .menu-item:hover > .sub-menu,
.menu li:hover > .children {
visibility: visible;
opacity: 1;
z-index: 1020; }
.menu > .menu-item.narrow .sub-menu .sub-menu, .menu > .menu-item.narrow .sub-menu .children, .menu > .menu-item.narrow .children .sub-menu, .menu > .menu-item.narrow .children .children,
.menu > ul > li .sub-menu .sub-menu,
.menu > ul > li .sub-menu .children,
.menu > ul > li .children .sub-menu,
.menu > ul > li .children .children {
padding: 0; }
.menu > .menu-item.narrow .sub-menu .sub-menu > li, .menu > .menu-item.narrow .sub-menu .children > li, .menu > .menu-item.narrow .children .sub-menu > li, .menu > .menu-item.narrow .children .children > li,
.menu > ul > li .sub-menu .sub-menu > li,
.menu > ul > li .sub-menu .children > li,
.menu > ul > li .children .sub-menu > li,
.menu > ul > li .children .children > li {
border-bottom: none; }
.menu .col-span-1, .menu .col-span-10, .menu .col-span-11, .menu .col-span-12, .menu .col-span-2, .menu .col-span-3, .menu .col-span-4, .menu .col-span-5, .menu .col-span-6, .menu .col-span-7, .menu .col-span-8, .menu .col-span-9 {
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.menu .col-span-12 {
width: 100%; }
.menu .col-span-11 {
width: 91.66666667%; }
.menu .col-span-10 {
width: 83.33333333%; }
.menu .col-span-9 {
width: 75%; }
.menu .col-span-8 {
width: 66.66666667%; }
.menu .col-span-7 {
width: 58.33333333%; }
.menu .col-span-6 {
width: 50%; }
.menu .col-span-5 {
width: 41.66666667%; }
.menu .col-span-4 {
width: 33.33333333%; }
.menu .col-span-3 {
width: 25%; }
.menu .col-span-2 {
width: 16.66666667%; }
.menu .col-span-1 {
width: 8.33333333%; }
.menu > .menu-item.narrow .sub-menu, .menu > .menu-item.narrow .children,
.menu > ul > li .sub-menu,
.menu > ul > li .children, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu, #menu-side > .menu-item.narrow > .sub-menu, #menu-side > .menu-item .menu-item.narrow > .sub-menu {
padding: 4px 0; }
.menu > .menu-item.narrow .sub-menu > li, .menu > .menu-item.narrow .children > li,
.menu > ul > li .sub-menu > li,
.menu > ul > li .children > li, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li, #menu-side > .menu-item.narrow > .sub-menu > li, #menu-side > .menu-item .menu-item.narrow > .sub-menu > li {
width: 270px;
border-bottom: 1px solid; }
.menu > .menu-item.narrow .sub-menu > li:last-child, .menu > .menu-item.narrow .children > li:last-child,
.menu > ul > li .sub-menu > li:last-child,
.menu > ul > li .children > li:last-child, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li:last-child, #menu-side > .menu-item.narrow > .sub-menu > li:last-child, #menu-side > .menu-item .menu-item.narrow > .sub-menu > li:last-child {
border-bottom: none; }
.menu > .menu-item.narrow .sub-menu > li > a, .menu > .menu-item.narrow .children > li > a,
.menu > ul > li .sub-menu > li > a,
.menu > ul > li .children > li > a, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li > a, #menu-side > .menu-item.narrow > .sub-menu > li > a, #menu-side > .menu-item .menu-item.narrow > .sub-menu > li > a {
padding: 0 18px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 14px;
line-height: 14px; }
.menu-vertical > .left > .sub-menu, .menu > .menu-item .sub-menu > .left > .sub-menu, .menu > .menu-item .children > .left > .sub-menu,
.menu > ul > li .sub-menu > .left > .sub-menu,
.menu > ul > li .children > .left > .sub-menu, .menu-vertical > li > .sub-menu, .menu > .menu-item .sub-menu > li > .sub-menu, .menu > .menu-item .children > li > .sub-menu, .menu > .menu-item
.menu > ul > li .sub-menu > li > .sub-menu,
.menu > ul > li .menu > .menu-item .sub-menu > li > .sub-menu, .menu > ul > li .sub-menu > li > .sub-menu, .menu > .menu-item
.menu > ul > li .children > li > .sub-menu,
.menu > ul > li .menu > .menu-item .children > li > .sub-menu, .menu > ul > li .children > li > .sub-menu, .menu-horizontal.menu-vertical > li > .sub-menu,
.menu-horizontal > ul.menu-vertical > li > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.children > li > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.children > li > .sub-menu,
.menu-vertical > .left > .children, .menu > .menu-item .sub-menu > .left > .children, .menu > .menu-item .children > .left > .children,
.menu > ul > li .sub-menu > .left > .children,
.menu > ul > li .children > .left > .children,
.menu-vertical > li > .children, .menu > .menu-item .sub-menu > li > .children, .menu > .menu-item .children > li > .children, .menu > .menu-item
.menu > ul > li .sub-menu > li > .children,
.menu > ul > li .menu > .menu-item .sub-menu > li > .children, .menu > ul > li .sub-menu > li > .children, .menu > .menu-item
.menu > ul > li .children > li > .children,
.menu > ul > li .menu > .menu-item .children > li > .children, .menu > ul > li .children > li > .children,
.menu-horizontal.menu-vertical > li > .children,
.menu-horizontal >
ul.menu-vertical > li > .children, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li > .children, .menu > .menu-item
.menu-horizontal > ul.children > li > .children,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li > .children,
.menu > ul > li
.menu-horizontal > ul.children > li > .children {
left: 110%;
top: 0; }
.menu-vertical > .left:hover > .sub-menu, .menu > .menu-item .sub-menu > .left:hover > .sub-menu, .menu > .menu-item .children > .left:hover > .sub-menu,
.menu > ul > li .sub-menu > .left:hover > .sub-menu,
.menu > ul > li .children > .left:hover > .sub-menu, .menu-vertical > li:hover > .sub-menu, .menu > .menu-item .sub-menu > li:hover > .sub-menu, .menu > .menu-item .children > li:hover > .sub-menu, .menu > .menu-item
.menu > ul > li .sub-menu > li:hover > .sub-menu,
.menu > ul > li .menu > .menu-item .sub-menu > li:hover > .sub-menu, .menu > ul > li .sub-menu > li:hover > .sub-menu, .menu > .menu-item
.menu > ul > li .children > li:hover > .sub-menu,
.menu > ul > li .menu > .menu-item .children > li:hover > .sub-menu, .menu > ul > li .children > li:hover > .sub-menu, .menu-horizontal.menu-vertical > li:hover > .sub-menu,
.menu-horizontal > ul.menu-vertical > li:hover > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li:hover > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.children > li:hover > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li:hover > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.children > li:hover > .sub-menu,
.menu-vertical > .left:hover > .children, .menu > .menu-item .sub-menu > .left:hover > .children, .menu > .menu-item .children > .left:hover > .children,
.menu > ul > li .sub-menu > .left:hover > .children,
.menu > ul > li .children > .left:hover > .children,
.menu-vertical > li:hover > .children, .menu > .menu-item .sub-menu > li:hover > .children, .menu > .menu-item .children > li:hover > .children, .menu > .menu-item
.menu > ul > li .sub-menu > li:hover > .children,
.menu > ul > li .menu > .menu-item .sub-menu > li:hover > .children, .menu > ul > li .sub-menu > li:hover > .children, .menu > .menu-item
.menu > ul > li .children > li:hover > .children,
.menu > ul > li .menu > .menu-item .children > li:hover > .children, .menu > ul > li .children > li:hover > .children,
.menu-horizontal.menu-vertical > li:hover > .children,
.menu-horizontal >
ul.menu-vertical > li:hover > .children, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li:hover > .children, .menu > .menu-item
.menu-horizontal > ul.children > li:hover > .children,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li:hover > .children,
.menu > ul > li
.menu-horizontal > ul.children > li:hover > .children {
top: 0;
left: 100%; }
.menu-vertical > .right > .sub-menu, .menu > .menu-item .sub-menu > .right > .sub-menu, .menu > .menu-item .children > .right > .sub-menu,
.menu > ul > li .sub-menu > .right > .sub-menu,
.menu > ul > li .children > .right > .sub-menu {
right: 110%;
left: auto;
top: 0; }
.menu-vertical > .right:hover > .sub-menu, .menu > .menu-item .sub-menu > .right:hover > .sub-menu, .menu > .menu-item .children > .right:hover > .sub-menu,
.menu > ul > li .sub-menu > .right:hover > .sub-menu,
.menu > ul > li .children > .right:hover > .sub-menu {
left: auto;
right: 100%; }
.menu-horizontal > li > .sub-menu,
.menu-horizontal > ul > li > .children {
top: 120%; }
.menu-horizontal > li,
.menu-horizontal > ul > li {
display: inline-block; }
.menu-horizontal > li:hover > .sub-menu,
.menu-horizontal > li:hover > .children,
.menu-horizontal > ul > li:hover > .sub-menu,
.menu-horizontal > ul > li:hover > .children {
top: calc(100% + 5px); }
.menu-horizontal > .left > .sub-menu, .menu-vertical.menu-horizontal > li > .sub-menu, .menu > .menu-item .sub-menu.menu-horizontal > li > .sub-menu, .menu > .menu-item .children.menu-horizontal > li > .sub-menu,
.menu > ul > li .sub-menu.menu-horizontal > li > .sub-menu,
.menu > ul > li .children.menu-horizontal > li > .sub-menu, .menu-horizontal > li > .sub-menu,
.menu-horizontal > ul.menu-horizontal > li > .sub-menu,
.menu-horizontal > .left > .children,
.menu-vertical.menu-horizontal > li > .children, .menu > .menu-item
.sub-menu.menu-horizontal > li > .children, .menu > .menu-item
.children.menu-horizontal > li > .children,
.menu > ul > li
.sub-menu.menu-horizontal > li > .children,
.menu > ul > li
.children.menu-horizontal > li > .children,
.menu-horizontal > li > .children,
.menu-horizontal >
ul.menu-horizontal > li > .children,
.menu-horizontal > ul > .left > .sub-menu,
.menu-horizontal > ul.menu-vertical > li > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > .menu-item
.menu-horizontal > ul.children > li > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li > .sub-menu,
.menu > ul > li
.menu-horizontal > ul.children > li > .sub-menu,
.menu-horizontal > ul.menu-horizontal > li > .sub-menu,
.menu-horizontal > ul > li > .sub-menu,
.menu-horizontal > ul > .left > .children,
.menu-horizontal > ul.menu-vertical > li > .children, .menu > .menu-item
.menu-horizontal > ul.sub-menu > li > .children, .menu > .menu-item
.menu-horizontal > ul.children > li > .children,
.menu > ul > li
.menu-horizontal > ul.sub-menu > li > .children,
.menu > ul > li
.menu-horizontal > ul.children > li > .children,
.menu-horizontal > ul.menu-horizontal > li > .children,
.menu-horizontal > ul > li > .children {
left: 0;
text-align: left; }
.menu-horizontal > .right > .sub-menu,
.menu-horizontal > .right > .children,
.menu-horizontal > ul > .right > .sub-menu,
.menu-horizontal > ul > .right > .children {
left: auto;
right: 0;
text-align: right; }
.menu > .menu-item.menu-item-mega-menu > .sub-menu > li > a {
font-family: Montserrat;
font-size: 13px;
line-height: 1;
margin-bottom: 25px; }
.menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu {
position: static;
border: none !important;
background-color: transparent !important; }
.menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li {
padding-top: 20px; }
.menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li:first-child {
padding-top: 0; }
.menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li > a {
font-size: 14px;
line-height: 1; }
.menu > .menu-item.full-width > .sub-menu {
padding: 35px 30px; }
.menu.menu-horizontal > li.menu-item-mega-menu > .sub-menu {
width: 100%; }
.menu.menu-horizontal > li.menu-item-mega-menu > .sub-menu > li {
float: left; }
.menu.menu-horizontal > li.menu-item-mega-menu:hover > .sub-menu > li > .sub-menu {
position: static;
visibility: visible;
opacity: 1; }
.menu.menu-horizontal > .menu-item.menu-item-mega-menu {
position: static; }
.menu.menu-vertical > li.full-width > .sub-menu, .menu > .menu-item .menu.sub-menu > li.full-width > .sub-menu, .menu > .menu-item .menu.children > li.full-width > .sub-menu,
.menu > ul > li .menu.sub-menu > li.full-width > .sub-menu,
.menu > ul > li .menu.children > li.full-width > .sub-menu {
width: calc(300% + 9rem + 7px); }
.menu.menu-vertical > li.full-width > .sub-menu > li, .menu > .menu-item .menu.sub-menu > li.full-width > .sub-menu > li, .menu > .menu-item .menu.children > li.full-width > .sub-menu > li,
.menu > ul > li .menu.sub-menu > li.full-width > .sub-menu > li,
.menu > ul > li .menu.children > li.full-width > .sub-menu > li {
float: left; }
.menu.menu-vertical > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > .menu-item .menu.sub-menu > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > .menu-item .menu.children > li.full-width:hover > .sub-menu > li > .sub-menu,
.menu > ul > li .menu.sub-menu > li.full-width:hover > .sub-menu > li > .sub-menu,
.menu > ul > li .menu.children > li.full-width:hover > .sub-menu > li > .sub-menu {
visibility: visible;
opacity: 1; }
#menu-side {
background-color: #FFF; }
#menu-side > .menu-item {
padding: 13px 20px 13px 20px; }
#menu-side > .menu-item > a {
display: block; }
#menu-side > .menu-item:not(.more) > a {
line-height: 1; }
#menu-side > .menu-item:not(.more):first-child {
padding-top: 25px; }
#menu-side > .menu-item:not(.more):last-child {
padding-bottom: 25px; }
#menu-side > .menu-item.more {
padding-top: 10px;
padding-bottom: 0; }
#menu-side > .menu-item.more a {
padding-top: 23px;
padding-bottom: 23px;
border-top: 1px solid #000;
font-size: 13px;
line-height: 13px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase; }
#menu-side > .menu-item.more a:after {
position: absolute;
content: "\e688";
font-size: 18px;
right: -7px; }
#menu-side > .menu-item .sub-menu {
border-width: 1px;
border-style: solid; }
#menu-side > .menu-item.menu-item-mega-menu > .sub-menu {
padding: 35px 30px; }
.header-01 #primary-menu > .menu-item,
.header-05 #primary-menu > .menu-item,
.header-06 #primary-menu > .menu-item, .header-01 #primary-menu > ul > li,
.header-05 #primary-menu > ul > li,
.header-06 #primary-menu > ul > li {
padding: 0;
line-height: 1.2; }
.header-01 #primary-menu > .menu-item > a,
.header-05 #primary-menu > .menu-item > a,
.header-06 #primary-menu > .menu-item > a, .header-01 #primary-menu > ul > li > a,
.header-05 #primary-menu > ul > li > a,
.header-06 #primary-menu > ul > li > a {
display: inline-block;
margin: 0 20px;
padding: 49px 0 50px; }
.header-01 #primary-menu > .menu-item > a:hover{
color:#f8712f;
}
.header-layout-2 #primary-menu > .menu-item, .header-layout-2 #primary-menu > ul > li {
margin-left: -4px;
padding: 0 16px;
border-right: none;
border-bottom: none;
line-height: 1.2; }
.header-layout-2 #primary-menu > .menu-item > a, .header-layout-2 #primary-menu > ul > li > a {
display: inline-block;
border-bottom: 5px solid transparent;
padding: 22px 10px 17px; }
.header-layout-2 #primary-menu > .menu-item:last-child, .header-layout-2 #primary-menu > ul > li:last-child {
border-right: 1px solid transparent; }
.menu-side-container {
position: relative; }
.menu-side-container .heading {
margin-bottom: 0;
line-height: 1; }
.menu-side-container .heading:hover {
cursor: pointer; }
.menu-side-container .toggle-menu-wrap {
position: absolute;
left: 0;
top: 100%;
z-index: 100;
width: 100%;
opacity: 0;
visibility: hidden; }
.menu-side-container.open .toggle-menu-wrap {
opacity: 1;
visibility: visible; } #mobile-menu-toggle:hover {
cursor: pointer; }
#slide-menu {
position: fixed;
height: 100%;
background-color: #ffffff; }
.mobile-menu-container .mobile-menu li {
display: block;
position: relative; }
.mobile-menu-container .mobile-menu li > a {
display: block;
padding: 18px 20px;
line-height: 1; }
.mobile-menu-container .mobile-menu li > ul {
margin-left: 15px;
display: block; }
.mobile-menu-container .mobile-menu li > .mobile-menu-toggle {
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
background-color: #333; }
.mobile-menu-container .mobile-menu li > .mobile-menu-toggle:hover {
cursor: pointer; }
.mobile-menu-container .mobile-menu li > .mobile-menu-toggle:after {
color: #000000;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
content: "\f105"; }
.mobile-menu-container .mobile-menu li.open > ul {
display: block; }
.mobile-menu-container .mobile-menu li.open > .mobile-menu-toggle:after {
content: "\f107";
left: 10px; }
#slide-menu {
padding-bottom: 30px;
background: #292929;
opacity: 0; }
#slide-menu.slide_menu_open {
opacity: 1; }
#slide-menu *, #slide-menu *:before, #slide-menu *:after {
color: #FFF; }
#slide-menu .switchers-wrap > div {
margin-right: 15px; }
#slide-menu-top {
margin-top: 20px;
padding-top: 15px;
padding-bottom: 15px; }
#slide-menu #currency-switcher-menu:after,
#slide-menu #language-switcher-menu:after {
display: none; }
#slide-menu .search-type-2 {
margin-bottom: 15px; }
#slide-menu .search-type-2 #product_cat {
display: none; }
#slide-menu .search-type-2 .searchform {
background: #FFF;
width: 100%; }
#slide-menu .search-type-2 input[type="text"] {
width: 80%;
color: #000000; }
#slide-menu .search-type-2 .btn {
width: 20%; }
#slide-menu .search-type-2 .btn span:before {
color: #000; }
#slide-menu .social-links .text {
display: none; }
#slide-menu .social-links li a:before {
font-size: 18px; }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .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: 0.76562em;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.saturnthemes-toggle {
position: relative; }
.saturnthemes-toggle-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 160px; }
.open > .saturnthemes-toggle-dropdown {
display: block; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; } .clear:before::after,
.clear:after::after,
.entry-content:before::after,
.entry-content:after::after,
.comment-content:before::after,
.comment-content:after::after,
.site-header:before::after,
.site-header:after::after,
.site-content:before::after,
.site-content:after::after,
.site-footer:before::after,
.site-footer:after::after {
content: "";
display: table;
clear: both; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; }   .page-wrapper {
position: relative;
left: 0;
z-index: 2;
background: #FFF; }
body.boxed {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat; }
body.boxed .page-wrapper {
margin: 30px auto 0;
overflow: hidden;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
@media (min-width: 1230px) {
body.boxed .page-wrapper {
max-width: 1230px; } } .left-sidebar {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.widget {
margin-bottom: 40px; }
.widget-title, .comments-area .comment-respond .comment-reply-title {
position: relative;
display: inline-block;
border-left: 3px solid transparent;
margin-bottom: 30px;
padding-left: 15px;
font-size: 17px;
text-transform: uppercase;
text-align: left; }  .widget_archive select,
.widget_categories select,
.widget_product_categories select {
width: 100%;
height: 50px;
padding: 11px 15px;
background: #FFF url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-down.png) no-repeat 95% center; } .widget_meta ul,
.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul {
margin: auto 0; }
.widget_meta ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_recent_entries ul li {
padding: 10px 0;
font-weight: 400;
text-transform: capitalize;
border-bottom: 1px solid #EEE; }
.widget_meta ul li:first-child,
.widget_archive ul li:first-child,
.widget_categories ul li:first-child,
.widget_recent_entries ul li:first-child {
padding-top: 0; }
.widget_meta ul li ul.children li ul.children,
.widget_archive ul li ul.children li ul.children,
.widget_categories ul li ul.children li ul.children,
.widget_recent_entries ul li ul.children li ul.children {
margin-left: -40px !important; }
.widget_meta ul li ul.children li:nth-child(n+1),
.widget_archive ul li ul.children li:nth-child(n+1),
.widget_categories ul li ul.children li:nth-child(n+1),
.widget_recent_entries ul li ul.children li:nth-child(n+1) {
border-top: none; }
.widget_meta ul li ul.children li:nth-child(n+1) ul li,
.widget_archive ul li ul.children li:nth-child(n+1) ul li,
.widget_categories ul li ul.children li:nth-child(n+1) ul li,
.widget_recent_entries ul li ul.children li:nth-child(n+1) ul li {
padding-left: 60px !important; }
.widget_meta > ul > li > ul.children,
.widget_archive > ul > li > ul.children,
.widget_categories > ul > li > ul.children,
.widget_recent_entries > ul > li > ul.children {
margin-left: -5px !important;
margin-right: -5px !important; }
.widget_meta > ul > li > ul.children > li,
.widget_archive > ul > li > ul.children > li,
.widget_categories > ul > li > ul.children > li,
.widget_recent_entries > ul > li > ul.children > li {
padding-left: 20px !important; }
.widget_recent_entries ul li {
padding: 15px 0; }
.widget_recent_entries ul li:first-child {
padding-top: 0; }
.widget_recent_entries ul li:last-child {
border-bottom: none;
padding-bottom: 0; }
.widget_recent_entries a {
display: block;
padding-bottom: 5px; }
.sidebar .widget_recent_entries a {
font-weight: 700; }
.widget_recent_entries .post-date {
display: block; }
.widget_recent_entries .post-date:before {
content: "\f017";
padding-right: 6px; }
.widget_archive,
.widget_categories {
padding-bottom: 10px; }
.widget_archive ul,
.widget_categories ul {
margin: auto 0; }
.widget_archive ul li,
.widget_categories ul li {
padding: 8px 20px;
border-left: 1px solid #EEE; }
.widget_archive ul li:last-child,
.widget_categories ul li:last-child {
border-bottom: none; }
.widget_archive ul li:first-child,
.widget_categories ul li:first-child {
padding-top: 8px; }
.widget_archive ul li a,
.widget_categories ul li a {
position: relative; }
.widget_archive ul li a:before,
.widget_categories ul li a:before {
content: "\f067";
font-size: 10px;
vertical-align: middle;
padding-right: 8px; } .saturnthemes-twitter .username {
font-size: 16px;
line-height: 1; }
.saturnthemes-twitter .tweet-content {
margin: 15px 0;
padding: 0 20px; }
.saturnthemes-twitter .tweet-nav {
margin-top: 25px;
color: #999;
font-size: 12px; }
.saturnthemes-twitter .tweet-nav > span:hover {
cursor: pointer;
opacity: .7; }
.saturnthemes-twitter .tweet-nav-prev {
margin-right: 5px; }
.saturnthemes-twitter .tweet-nav i:before {
background: #EEE; }
.saturnthemes-twitter .tweet-actions > li {
display: inline-block;
padding-right: 10px; } .widget_recent_comments .recentcomments {
padding: 10px 0;
border-bottom: 1px solid #EEE; }
.widget_recent_comments .recentcomments:first-child {
padding-top: 0; }
.widget_recent_comments .recentcomments:last-child {
border-bottom: none; }
.widget_recent_comments .comment-author-link, .widget_recent_comments a {
font-weight: bold;
line-height: 2; } .widget_search,
.widget_product_search {
display: inline-block; }
.widget_search .search-form,
.widget_search .woocommerce-product-search,
.widget_product_search .search-form,
.widget_product_search .woocommerce-product-search {
position: relative; }
.widget_search .search-form:after,
.widget_search .woocommerce-product-search:after,
.widget_product_search .search-form:after,
.widget_product_search .woocommerce-product-search:after {
content: '\f002';
position: absolute;
top: 0;
right: 1px;
z-index: -1;
font-size: 14px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center; }
.widget_search .search-form label,
.widget_search .woocommerce-product-search label,
.widget_product_search .search-form label,
.widget_product_search .woocommerce-product-search label {
margin-bottom: 0; }
.widget_search .search-form .search-field,
.widget_search .woocommerce-product-search .search-field,
.widget_product_search .search-form .search-field,
.widget_product_search .woocommerce-product-search .search-field {
margin-bottom: 0;
width: 164px;
height: 40px; }
.widget_search .search-form input[type="submit"],
.widget_search .search-form .search-submit,
.widget_search .woocommerce-product-search input[type="submit"],
.widget_search .woocommerce-product-search .search-submit,
.widget_product_search .search-form input[type="submit"],
.widget_product_search .search-form .search-submit,
.widget_product_search .woocommerce-product-search input[type="submit"],
.widget_product_search .woocommerce-product-search .search-submit {
vertical-align: top;
width: 42px;
height: 40px;
margin-left: -3px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #DDD;
font-size: 0;
padding: 0; }
.widget_search .search-form input[type="submit"]:focus,
.widget_search .search-form .search-submit:focus,
.widget_search .woocommerce-product-search input[type="submit"]:focus,
.widget_search .woocommerce-product-search .search-submit:focus,
.widget_product_search .search-form input[type="submit"]:focus,
.widget_product_search .search-form .search-submit:focus,
.widget_product_search .woocommerce-product-search input[type="submit"]:focus,
.widget_product_search .woocommerce-product-search .search-submit:focus {
outline: none; } .tagcloud a, .post-tags a {
display: inline-block;
margin: 0 1px 5px 0;
padding: 4px 10px;
border: 1px solid #EEE;
font-size: 13px; } .yith-woo-ajax-navigation .yith-wcan-list li {
padding-bottom: 10px;
font-size: 14px;
font-weight: 400;
text-transform: capitalize; }
.yith-woo-ajax-navigation .yith-wcan-list li .count {
float: right;
font-size: 100%; }
.yith-woo-ajax-navigation .yith-wcan-list li .count:before {
content: "("; }
.yith-woo-ajax-navigation .yith-wcan-list li .count:after {
content: ")"; } .widget_price_filter {
overflow: hidden; }
.widget_price_filter .price_slider {
height: 3px; }
.widget_price_filter .price_slider:before {
content: "";
position: absolute;
top: 2px;
display: block;
width: 100%;
height: 3px;
background: #DDD; }
.widget_price_filter .ui-slider {
position: relative;
text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
outline: none;
top: -5px;
border-radius: 100%;
border: 3px solid transparent;
background: #FFF; }
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -16px; }
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 2px;
height: 100%; }
.widget_price_filter #min_price,
.widget_price_filter #max_price {
width: 45%;
margin-right: 4%;
margin-top: 0.3571em;
margin-bottom: 1.0714em; }
.widget_price_filter .price_slider_amount {
margin-top: 32px; }
.widget_price_filter .price_slider_amount .button {
display: inline-block !important;
float: left;
background: none;
padding: 0 17px; }
.widget_price_filter .price_label {
float: right;
padding: 14px 0; } .widget_product_categories .product-categories > .cat-item .children li:last-child {
border-bottom: none; }
.widget_product_categories .product-categories .cat-item {
text-transform: capitalize;
border-bottom: 1px solid #EEE;
border-left: 1px solid #EEE;
padding: 10px 0 10px 20px; }
.widget_product_categories .product-categories .cat-item:last-child {
border-bottom: none; }
.widget_product_categories .product-categories .cat-item:before {
content: "\f067";
vertical-align: middle;
padding-right: 8px;
font-size: 10px; }
.widget_product_categories .product-categories .cat-item .count {
float: right; }
.widget_product_categories .product-categories .children {
margin-top: 5px;
margin-left: 5px; }
.widget_product_categories .product-categories .children .cat-item {
border-left: none; }
.widget_product_categories .product-categories .children .cat-item:before {
content: "\f068"; } .wpb_widgetised_column ul,
.wpb_widgetised_column ol {
list-style: none;
padding-left: 0; } .textwidget p {
margin-bottom: 10px; }
.custom-contact-info p {
margin-bottom: 10px; }
.custom-contact-info i {
display: inline-block;
margin: 0 5px 0 0;
font-size: 16px; }
.custom-contact-info .custom-contact-long i {
float: left;
margin: 3px 15px 10px 0; }
.custom-contact-info a {
text-decoration: underline; }
.sidebar .widget_nav_menu ul,
.wpb_widgetised_column .widget_nav_menu ul {
margin: auto 0; }
.sidebar .widget_nav_menu ul li,
.wpb_widgetised_column .widget_nav_menu ul li {
padding: 8px 20px;
border-left: 1px solid #EEE;
border-bottom: 1px solid #EEE; }
.sidebar .widget_nav_menu ul li:last-child,
.wpb_widgetised_column .widget_nav_menu ul li:last-child {
border-bottom: none; }
.sidebar .widget_nav_menu ul li:first-child,
.wpb_widgetised_column .widget_nav_menu ul li:first-child {
padding-top: 8px; }
.sidebar .widget_nav_menu ul li a,
.wpb_widgetised_column .widget_nav_menu ul li a {
position: relative; }
.wpb_widgetised_column .widget_nav_menu ul li a:hover {
position: relative;
color:#f8712f;}
.sidebar .widget_nav_menu ul li a:before,
.wpb_widgetised_column .widget_nav_menu ul li a:before {
content: "\f101";
font-size: 15px;
vertical-align: middle;
padding-right: 8px; 
color:#f8712f;}  .hentry {
margin-bottom: 30px; }
.sticky {
display: block; }
.bypostauthor {
display: inline-block; }
.byline,
.updated:not(.published) {
display: none; }
.entry-content,
.entry-summary {
margin: 35px 0 0; } .post-audio iframe {
height: 146px;
width: 100%; }
.post-gallery {
margin-bottom: 0; } .post-img {
display: block; }
.single-post .post-img {
margin-bottom: 35px; }
.post-img.post-gallery .slick-arrow {
color: #FFF;
border-color: #FFF; }
.post-img.post-gallery .slick-arrow-prev {
left: 15px; }
.post-img.post-gallery .slick-arrow-next {
right: 15px; } .entry-header {
margin-bottom: 25px;
text-align: left; }
.post .entry-title {
font-size: 30px;
font-weight: 400; } .entry-meta-item:not(:last-child) {
padding-right: 30px; }
.entry-meta-item .fa {
padding-right: 8px;
font-size: 16px; }
.entry-meta-item a[rel="author"] {
text-transform: capitalize; }  .post-tags a {
margin-right: 4px; } .post-share-buttons {
position: relative; }
.post-share-buttons > .fa {
padding-right: 8px; }
.post-share-buttons .share-buttons-text {
display: none;
padding-right: 10px; }
.post-share-buttons a {
display: inline-block;
background: #EEE;
width: 40px;
height: 40px;
line-height: 42px;
margin-left: 3px;
text-align: center; }
.post-share-buttons a, .post-share-buttons a:visited {
color: #AAA; }
.post-share-buttons a:hover {
color: #FFF; }
.post-share-buttons a > .fa {
font-size: 18px; } .author-info {
overflow: hidden;
margin-bottom: 50px;
padding: 30px 15px 30px 30px;
background: #F8F8F8;
border-top: 1px solid transparent; }
.author-info-content {
overflow: hidden; }
.author-info-img {
float: left;
margin-right: 15px;
line-height: 0; }
.author-info-name {
display: block;
font-size: 16px;
font-weight: bold; } .post-pagination {
margin-bottom: 62px;
padding: 25px 30px;
vertical-align: middle;
background: #F7F7F7; }
.post-pagination > div {
display: inline-block;
width: calc(50% - 2px);
vertical-align: middle;
line-height: 1; }
.post-pagination > div a {
position: relative;
font-size: 18px;
line-height: 1.2; }
.post-pagination > div a:before, .post-pagination > div a:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px; }
.post-pagination .prev-post {
padding-left: 15px; }
.post-pagination .prev-post a:before {
content: "\e686";
left: -22px; }
.post-pagination .next-post {
padding-right: 15px;
text-align: right; }
.post-pagination .next-post a:after {
content: "\e684"; } .post-related {
margin-bottom: 20px; }
.post-related > h3 {
text-transform: uppercase; } .no-results,
.page-not-found {
margin-bottom: 70px;
text-align: center; }
.no-results .not-found-description,
.page-not-found .not-found-description {
font-size: 18px; }
.no-results .search-form label,
.page-not-found .search-form label {
margin-right: -4px; }
.no-results .search-form input[type="search"],
.page-not-found .search-form input[type="search"] {
width: 175px;
margin-bottom: 0; }
.no-results .search-submit,
.page-not-found .search-submit {
color: #FFF; }
@media (min-width: 768px) {
.no-results .search-form input[type="search"],
.page-not-found .search-form input[type="search"] {
width: 370px; }
.post-gallery.slick-slider .slick-dots {
width: auto;
bottom: 30px;
left: 50%;
transform: translateX(-50%); } }
@media (max-width: 1023.9px) {
.author-info {
padding: 15px; }
.author-info-img {
max-width: 60px; }
.author-info-top {
padding-bottom: 15px; } }
@media (max-width: 1229.9px) {
.post-share-buttons {
padding: 20px 0; } }
@media (min-width: 1024px) {
.hentry {
margin-bottom: 42px; }
.post-share-buttons .share-buttons-text {
display: inline-block; } }  .single .full-layout.hentry {
margin-bottom: 0; }
.full-layout .entry-header {
margin-bottom: 20px; }
.full-layout .post-img {
margin-bottom: 35px; }
.full-layout .entry-title {
margin-bottom: 0; }
.full-layout .entry-meta {
position: relative;
padding-top: 22px;
padding-bottom: 10px; }
.full-layout .entry-content {
margin-top: 0; }
.single .full-layout .entry-content {
padding-bottom: 28px; }
.full-layout .entry-footer {
border-bottom: 1px solid #EEE;
padding: 15px 0 50px; }
.single .full-layout .entry-footer {
border-bottom: none;
border-top: 1px solid #EEE;
padding: 30px 0 30px; }
.full-layout .single-post-meta {
display: flex;
padding: 33px 0;
border-top: 1px solid transparent; }
.full-layout .single-post-meta [class*='col-'] {
padding-left: 0;
padding-right: 0; } .post-grid-item .post-img {
position: relative;
overflow: hidden;
margin-bottom: 25px; }
.post-grid-item .post-img .button {
position: absolute;
bottom: 0;
left: 0;
opacity: 0; }
.post-grid-item .post-img:hover .button {
opacity: 1; }
.post-grid-item .entry-title {
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
line-height: 1.4; }
.post-grid-item .posted-on .fa {
padding-right: 8px;
font-size: 16px; }
.post-grid-item .entry-content {
margin-top: 11px; } .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none; }  .comments-area {
background: #FFF;
border-top: 1px solid transparent; }
.comments-area .heading {
font-size: 24px;
text-align: center;
text-transform: uppercase; }
.comments-area .comment-list {
margin-bottom: 30px; }
.comments-area .comment-list > .comment {
padding: 0 0 40px 0; }
.comments-area .comment-list .comment {
position: relative; }
.comments-area .comment-list .comment .comment-author {
float: left; }
.comments-area .comment-list .comment .comment-author img {
margin-right: 30px; }
.comments-area .comment-list .comment .comment-content {
overflow: hidden; }
.comments-area .comment-list .comment .comment-content cite.fn, .comments-area .comment-list .comment .comment-content cite.fn a, .comments-area .comment-list .comment .comment-content cite {
padding-right: 20px;
font-size: 16px;
text-transform: capitalize;
font-style: normal;
font-weight: bold; }
.comments-area .comment-list .comment .comment-content p {
margin-top: 14px;
margin-bottom: 0;
line-height: 2; }
.comments-area .comment-list .comment .comment-reply-link {
position: absolute;
top: 10px;
right: 0;
text-transform: uppercase; }
.comments-area .comment-list .comment .comment-reply-link:before {
content: "\f0e5";
padding-right: 7px;
line-height: 1; }
.comments-area .comment-list .comment .children {
margin-left: 30px; }
.comments-area .comment-list .comment .children .comment {
padding-top: 25px;
padding-bottom: 0; }
.comments-area .comment-list .comment .children .comment-reply-link {
top: 35px; }
.comments-area .comment-list .metadata {
padding-bottom: 13px;
border-bottom: 1px solid #EEE; }
.comments-area .comment-respond {
padding: 0 0 40px; }
.comments-area .comment-respond .comment-reply-title a {
font-size: 16px;
text-transform: none; }
.comments-area .comment-respond .comment-reply-title small {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -100%; }
.comments-area .comment-respond .comment-form {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
text-align: left; }
.comments-area .comment-respond .comment-form [class*='col-'] {
padding-left: 15px;
padding-right: 15px; }
.comments-area .comment-respond .comment-form label {
margin-bottom: 16px;
font-size: 13px;
text-transform: uppercase; }
.comments-area .comment-respond .comment-form input[type="text"] {
width: 100%;
margin-bottom: 12px;
text-align: center; }
.comments-area .comment-respond .comment-form textarea {
height: auto;
margin-bottom: 5px; }
.comments-area .comment-respond .comment-form .form-submit {
margin: 0;
padding: 20px 15px 0; }
.comments-area .comment-respond .comment-form .form-submit .submit {
display: inline-block;
background: none; }
.comments-area .comment-respond .comment-form .form-submit .submit:hover {
opacity: .7; }
.comments-area .comment-respond .comment-form .logged-in-as {
width: 100%;
margin: 15px; }
.comments-area .comment-respond .form-submit {
width: 100%;
display: block; }
@media (min-width: 48rem) {
.comments-area .comment-list .comment .children {
margin-left: 60px; } }
@media (max-width: 1023.9px) {
.comments-area .comment-list .comment .comment-content cite.fn, .comments-area .comment-list .comment .comment-content cite.fn a, .comments-area .comment-list .comment .comment-content cite {
display: block; } }
@media (min-width: 75rem) {
.comments-area {
padding-top: 5px; }
.comments-area .comment-list .comment .comment-author {
margin-right: 30px; }
.comments-area .comment-list .comment .comment-author img {
margin: 0; }
.comments-area .comment-list .comment .children .comment {
width: 100%;
padding-left: 40px !important; }
.comments-area .comment-list .comment .children .comment-author {
padding-left: 0; }
.comments-area .pingback,
.comments-area .no-comments {
padding-left: 30px;
padding-right: 30px; } }  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .saturnthemes-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,
.vc_figure {
position: relative;
margin-bottom: 2.14em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"],
.vc_figure img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text,
.wp-caption .vc_figure-caption,
.vc_figure .wp-caption-text,
.vc_figure .vc_figure-caption {
bottom: 0;
left: 0;
width: 100%;
margin-top: 0 !important;
padding: 16px 30px;
background: #f8712f;
color: #FFF;
font-size: 14px !important;
line-height: 1.4;
text-align: center; }
.wp-caption-text {
text-align: center; }
@media (min-width: 1024px) {
.wp-caption .wp-caption-text,
.wp-caption .vc_figure-caption,
.vc_figure .wp-caption-text,
.vc_figure .vc_figure-caption {
position: absolute; } } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
margin: 0;
padding: 1.79104477%;
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; } .site-footer .widget-title, .site-footer .comments-area .comment-respond .comment-reply-title, .comments-area .comment-respond .site-footer .comment-reply-title {
margin-bottom: 20px; }
.site-footer .textwidget p:not(:last-child) {
margin-bottom: 25px; }
.footer-widget-container {
padding: 75px 0 55px; }
.footer-bottom {
padding-top: 25px;
padding-bottom: 25px;
border-top: 1px solid transparent; }
.footer-bottom .widget-title, .footer-bottom .comments-area .comment-respond .comment-reply-title, .comments-area .comment-respond .footer-bottom .comment-reply-title {
margin-bottom: 0; }
.footer-widget-container .widget {
margin-bottom: 20px;
padding-bottom: 0; }
.footer-widget-container .menu > li {
padding-left: 15px;
border-left: 1px solid transparent; }
.footer-widget-container .menu a {
line-height: 2.4 !important;
font-weight: 400 !important; }
.footer-widget-container .menu a:before {
content: "\f067";
padding-right: 8px;
font-size: 10px; }
.footer-widget-container .widget_recent_entries a:hover {
text-decoration: underline; }
.footer-bottom .social-links {
padding-left: 20px; }
.footer-bottom .social-links li {
padding-right: 5px; }
.footer-bottom .social-links li a {
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
text-align: center; }
.scrollup {
position: fixed;
z-index: 99999;
bottom: -40px;
display: block;
right: 32px;
width: 32px;
height: 35px;
opacity: 0.9;
text-align: center;
border: 2px solid #AAA;
border-radius: 4px;
color: #AAA;
padding: 4px; }
.scrollup.show {
bottom: 48px; }
.scrollup:hover {
cursor: pointer;
color: #FFF; }
@media (max-width: 1229.9px) {
.footer-widget-container {
padding: 50px 0 0; }
.footer-bottom {
padding-top: 40px; }
.social-links {
display: block;
margin-top: 20px;
margin-bottom: 30px;
padding-left: 0 !important; } }
@media (min-width: 1024px) {
.footer-widget-container .menu > li {
display: inline-block;
width: 49%; } }    .mini-cart .cart-details {
border-radius: 0;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
padding: 20px;
left: auto;
z-index: 1001;
right: -28px;
width: 300px; }
.mini-cart .widget_shopping_cart {
margin-bottom: 0;
padding: 0; }
.mini-cart .widget_shopping_cart .empty {
margin-bottom: 0;
padding: 12px 0;
text-align: center;
font-size: 24px;
letter-spacing: -0.04em; }
.mini-cart .widget_shopping_cart .mini_cart_item {
margin-bottom: 20px; }
.mini-cart .widget_shopping_cart .mini_cart_item a {
font-weight: 700; }
.mini-cart .widget_shopping_cart .mini_cart_item .remove {
float: right;
font-size: 22px;
line-height: 1; }
.mini-cart .widget_shopping_cart .mini_cart_item img {
float: left;
margin-right: 20px; }
.mini-cart .widget_shopping_cart .mini_cart_item .quantity {
display: block; }
.mini-cart .widget_shopping_cart .mini_cart_item .amount {
font-size: 14px; }
.mini-cart .widget_shopping_cart .total {
font-size: 14px;
text-align: center;
text-transform: uppercase; }
.mini-cart .widget_shopping_cart .buttons {
margin-bottom: 0;
text-align: center; }
.mini-cart .widget_shopping_cart .buttons a {
margin: 0; }
.mini-cart .widget_shopping_cart .buttons .checkout {
color: #FFF; }
@media (min-width: 768px) {
.mini-cart .cart-details {
right: 0;
width: 350px; } } .woocommerce-before-loop {
overflow: hidden;
margin-bottom: 35px;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE; }
.woocommerce-before-loop .woocommerce-result-count {
margin-bottom: 0; }
.woocommerce-before-loop .orderby {
min-width: 230px;
border: none;
background: #F8F8F8 url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/arrow-right.png) no-repeat 92% center; }
.woocommerce {
position: relative; }
.woocommerce .product-item {
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 15px; }
.woocommerce .product-item h3,
.woocommerce .product-item .woocommerce-loop-product__title {
margin-top: 30px;
margin-bottom: 15px;
font-size: 14px; }
.woocommerce .product-item .price {
font-size: 17px; }
.woocommerce .onsale {
position: absolute;
top: -10px;
right: 35px;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
color: #FFF;
font-weight: 700;
text-transform: uppercase; }
.woocommerce .price {
display: block;
margin-bottom: 22px;
font-size: 17px;
font-weight: 700; }
.woocommerce .price del {
padding-right: 6px;
font-size: 14px;
font-weight: 400; }
.woocommerce .price ins {
background: none; }
.woocommerce .star-rating {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 0; }
.woocommerce .star-rating:before {
content: "\f005 \f005 \f005 \f005 \f005";
font-size: 12px;
color: #FFF; }
.woocommerce .star-rating span {
position: absolute;
left: 0;
overflow: hidden; }
.woocommerce .star-rating span:before {
content: "\f005 \f005 \f005 \f005 \f005";
color: #FFCA28;
font-size: 12px; }
.product-item:hover {
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); }    @media (max-width: 768px) {
.single-product.woocommerce .product .images {
width: 100% !important; }
.woocommerce .product .summary {
width: 100% !important;
clear: both; } }
.single-product.woocommerce .product .images {
width: 43%;
position: relative; }
.single-product.woocommerce .product .summary {
width: 54%; }
.single-product.woocommerce .product .thumbnails {
margin-top: 20px; }
.single-product.woocommerce .product .thumbnails a {
width: auto;
margin-right: 10px; }
.single-product .onsale {
display: none; }
.single-product .entry-summary {
margin-top: 0; }
.single-product .entry-title {
margin-bottom: 10px;
font-size: 30px;
font-weight: 400; }
.single-product .price {
margin-bottom: 8px;
font-size: 30px;
font-weight: 700; }
.single-product .woocommerce-product-rating {
margin-bottom: 20px; }
.single-product .star-rating {
vertical-align: middle; }
.single-product div[itemprop="description"] p {
margin-bottom: 35px; }
.single-product .cart {
margin-bottom: 18px; }
.single-product .quantity-container {
display: inline-block;
border: 1px solid #DDD; }
.single-product .quantity-container .input-text {
margin-bottom: 0;
border: none;
height: 48px;
padding: 8px 0;
text-align: center; }
.single-product .quantity-container .quantity-down,
.single-product .quantity-container .quantity-up {
cursor: pointer;
width: 38px;
height: 48px;
line-height: 48px;
text-align: center; }
.single-product .single_add_to_cart_button {
color: #FFF; }
.single-product .single_add_to_cart_button:before {
content: "\f290";
padding-right: 8px; }
.single-product .single_add_to_cart_button:hover {
opacity: .9; }
.single-product .product_meta > span {
display: block;
padding: 10px 0; }
.single-product .product_meta > span:first-child {
border-bottom: 1px solid #EEE; }
.single-product .woocommerce-tabs {
margin-bottom: 45px; }
.single-product .woocommerce-tabs ul.tabs {
list-style: none;
overflow: hidden;
position: relative; }
.single-product .woocommerce-tabs ul.tabs li {
display: inline-block;
position: relative;
z-index: 0;
padding: 0 18px;
background-color: #F5F5F5;
border: 2px solid #F5F5F5;
margin-right: 2px; }
.single-product .woocommerce-tabs ul.tabs li a {
display: inline-block;
height: 46px;
line-height: 46px;
font-weight: 700;
text-transform: uppercase; }
.single-product .woocommerce-tabs ul.tabs li a:hover {
color: black; }
.single-product .woocommerce-tabs ul.tabs li.active, .single-product .woocommerce-tabs ul.tabs li:hover {
background: #FFF;
z-index: 2;
border-left: 3px solid transparent;
border-bottom-color: #FFF; }
.single-product .woocommerce-tabs ul.tabs li.active a, .single-product .woocommerce-tabs ul.tabs li:hover a {
color: inherit;
text-shadow: inherit; }
.single-product .woocommerce-tabs ul.tabs:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 2px solid #EEE;
z-index: 1; }
.single-product .woocommerce-tabs .panel {
margin: 0;
padding: 30px 30px 15px 30px;
border: 2px solid #EEE;
border-top: none; }
.variations, .variations th, .variations td {
border: none; }
.variations select {
min-width: 220px;
background-position: 92% center; }
.variations .label {
font-weight: bold;
text-transform: capitalize; }
.variations .reset_variations {
margin-left: 10px; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a > img {
width: 100%; }
.woocommerce-product-gallery .flex-control-thumbs {
margin-top: 20px; }
.woocommerce-product-gallery .flex-control-thumbs li {
padding-right: 10px;
padding-bottom: 15px;
list-style: none;
float: left;
cursor: pointer; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
font-size: 0; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
content: "\f002"; }  .woocommerce-cart .main-content {
margin-bottom: 70px; }
.woocommerce-cart .cart {
font-weight: 700; }
.woocommerce-cart .cart, .woocommerce-cart .cart th, .woocommerce-cart .cart td {
border: none; }
.woocommerce-cart .cart thead {
background: #EEE;
border-left: 3px solid transparent;
font-size: 15px; }
.woocommerce-cart .cart td {
padding: 0.8em 0.4em; }
.woocommerce-cart .cart .cart_item {
border: 2px solid #EEE; }
.woocommerce-cart .cart .product-remove {
text-align: center;
font-size: 20px; }
.woocommerce-cart .cart .quantity-container {
width: 120px;
text-align: center;
border: 1px solid #EEE; }
.woocommerce-cart .cart .quantity-container > span {
cursor: pointer; }
.woocommerce-cart .cart .quantity-container .input-text {
border: none;
text-align: center;
margin-bottom: 0; }
.woocommerce-cart .cart .actions {
padding: 2em 0; }
.cart_totals table, .cart_totals th, .cart_totals td {
border: none; }
.cart_totals table {
border-left: 1px solid #EEE; }
.cart_totals th, .cart_totals td {
padding: 0.9em 1em; }
.cart_totals tr:not(:last-child) {
border-bottom: 1px solid #EEE; }
.cart_totals th:before {
content: "+";
font-size: 16px;
padding-right: 10px; }
.cart_totals td {
text-align: right; }
.cart_totals .shipping-calculator-button {
font-weight: 700; }
.coupon #coupon_code {
min-width: 270px; }
.woocommerce-cart .button,
.woocommerce-checkout .button {
color: #FFF; }
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover {
opacity: .8; }
@media (max-width: 1023.9px) {
.woocommerce-cart .cart .product-quantity {
overflow: hidden; }
.woocommerce-cart .cart .product-quantity:before {
padding-top: 15px; }
.woocommerce-cart .cart .quantity-container {
float: right; }
.woocommerce-cart .cart .actions {
text-align: center !important; }
.woocommerce-cart .cart .actions .coupon input[name="apply_coupon"] {
float: none !important; } } .woocommerce-checkout h3 {
display: block; }
.woocommerce-checkout .form-row {
margin-bottom: 3px; }
.woocommerce-checkout .login,
.woocommerce-checkout .checkout_coupon {
margin: 20px 0;
overflow: hidden; }
.woocommerce-checkout .login .button,
.woocommerce-checkout .checkout_coupon .button {
background: black; }
.woocommerce-checkout #customer_details {
margin-bottom: 40px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table, .woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td {
border: none;
font-weight: 400; }
.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
background: #EEE;
border-left: 3px solid; }
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
font-size: 15px;
font-weight: 700; }
.woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td {
padding: 0.5em 1em; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr:not(:last-child) {
border-bottom: 1px solid #DDD; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping {
border-bottom: 1px solid transparent; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
width: 60%; }
.woocommerce-checkout .woocommerce-checkout-payment {
vertical-align: top; }
.woocommerce-checkout .woocommerce-checkout-payment label {
font-weight: 700; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_method_paypal img {
max-width: 50%;
margin-right: 5px; }
.woocommerce-checkout #place_order {
width: 100%; }
form.woocommerce-checkout {
margin-top: 40px; }
.woocommerce-info a:hover {
text-decoration: underline; }
@media (min-width: 1024px) {
.woocommerce-checkout-review-order .woocommerce-checkout-payment,
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
display: inline-block;
width: 48%; }
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
margin-right: 30px; } }  .vc_row {
position: relative;
margin-bottom: 0; }
.vc_row .vc-row-overlay {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.vc_row .vc_column_container {
z-index: 2; } .heading {
border-left: 3px solid transparent;
margin-bottom: 45px;
padding-left: 15px; }
.heading h2 {
text-transform: uppercase; }
.heading p {
margin-bottom: 5px;
font-size: 16px;
line-height: 1.2; }
.sep-bottom {
position: relative;
margin-top: 77px;
margin-bottom: 68px; }
.sep-bottom p, .sep-bottom h2 {
text-align: center !important; }
.sep-bottom p {
margin-bottom: 0;
font-size: 16px; }
.sep-bottom:after {
content: "";
bottom: -18px;
display: inline-block;
width: 48px;
height: 3px; } .image-carousel .slick-slider {
margin-bottom: 30px; } .icon-btn {
margin: 10px auto; }
.icon-btn .button {
display: inline-block;
border: 2px solid; }
.icon-btn .icon-in-btn {
padding-right: 6px; }
.icon-btn .link-title {
font-weight: bold;
text-transform: uppercase; }
@media (max-width: 1229.9px) {
.icon-btn .button {
min-width: 170px; } } .testimonial-container {
padding-top: 5px; }
.testimonial-container .testimonial-thumbnail {
position: relative; }
.testimonial-container .testimonial-thumbnail:before {
content: "\f10e";
position: absolute;
font-size: 18px;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #FFF; }
.testimonial-container .testimonial-inner-content {
font-size: 16px; }
.testimonial-container .testimonial-inner-content p {
margin-bottom: 10px; }
.testimonial-container .testimonial-inner-title {
font-size: 14px;
text-transform: capitalize; }
.testimonial-container.style1 {
margin-left: -15px;
margin-right: -15px; }
.testimonial-container.style1 .testimonial-inner {
padding: 0 15px; }
.testimonial-container.style1 .testimonial-thumbnail {
margin-bottom: 25px; }
.testimonial-container.style1 .testimonial-thumbnail:before {
left: 0;
bottom: -10px; }
.testimonial-container.style2 .testimonial-inner {
overflow: hidden;
padding: 0 15px; }
.testimonial-container.style2 .testimonial-thumbnail {
float: left;
margin-right: 30px; }
.testimonial-container.style2 .testimonial-thumbnail:before {
top: 0;
right: -70px; }
.testimonial-container.style2 .testimonial-thumbnail:after {
content: '';
position: absolute;
top: 15px;
right: -30px;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6px 5px 0;
border-color: transparent; }
.testimonial-container.style2 .testimonial-inner-content {
overflow: hidden;
padding-top: 53px;
padding-right: 20px; }
.testimonial-container.style3 .testimonial-thumbnail {
display: inline-block; }
.testimonial-container.style3 .testimonial-thumbnail img {
max-width: 100px; }
.testimonial-container.style3 .testimonial-thumbnail:before {
top: 50%;
right: -40px; }
.testimonial-container.style3 .testimonial-thumbnail:after {
content: '';
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6px 5px 0;
border-color: transparent; }
.testimonial-container.style3 .testimonial-inner-content {
margin-left: 30px;
margin-top: -35px;
padding: 40px 30px 30px;
overflow: hidden;
background: #F3F3F3; }
.testimonial-container.style3 .testimonial-inner-content p {
margin-bottom: 18px; }
.testimonial-container.style3 .testimonial-inner-title {
font-size: 16px;
margin-bottom: 5px !important; }
.testimonial-container.style3 .slick-dots {
bottom: -55px; }
@media (max-width: 1023.9px) {
.testimonial-container.style2 .testimonial-thumbnail:before {
right: 0; }
.testimonial-container.style2 .testimonial-thumbnail:after {
right: 40px; }
.testimonial-container.style2 .testimonial-inner-content {
padding-top: 20px; } }
@media (min-width: 1024px) {
.testimonial-container.style3 .testimonial-inner-content {
margin-left: 50px;
margin-top: -45px;
padding: 65px 60px 50px; } } .staff-content {
margin-bottom: 30px; }
.staff-content > a {
display: block; }
.staff-content-img {
margin-bottom: 20px; }
.staff-content-title {
margin-bottom: 0; }
.staff-content-department {
margin-bottom: 12px;
padding-top: 2px;
font-size: 14px; }
.staff-content .expert-socials {
opacity: 0;
transform: translateY(-20px); }
.staff-content .expert-socials.show {
opacity: 1;
transform: translateY(0); }
.staff-content .expert-socials > a {
padding-right: 12px;
color: #AAA; }
.staff-content .expert-socials .fa {
font-size: 16px; }
.staff-content:hover .expert-socials {
opacity: 1;
transform: translateY(0); } .services-content {
margin-bottom: 44px; }
.services-content-header {
position: relative;
margin-bottom: 31px; }
.services-content .services-icon {
position: absolute;
left: 0;
bottom: -10px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background: #454545;
color: #FFF;
font-size: 24px; }
.services-content-title {
position: relative;
margin-bottom: 13px; }
.services-content-title a {
display: block; }
.services-content-title:before, .services-content-title:after {
right: 0; }
.services-content-title:before {
content: "\f068";
opacity: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.services-content-title:after { display:none;
}
.services-content p {
margin-bottom: 10px; }
.services-content .read-more:hover {
text-decoration: underline; }
.services-content:hover .services-content-title:before {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.services-content:hover .services-content-title:after {
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.services-content.style2 .services-icon {
position: static;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 36px; }
.services-content.style2 .services-content-title:before, .services-content.style2 .services-content-title:after {
display: none; }
.services-content .read-more .fa {
padding-left: 6px;
font-size: 10px; }
.post-type-archive-services .site-main {
padding-bottom: 20px; } .counter-container .counter {
margin-top: -38px;
margin-bottom: 0;
font-size: 50px; }
.counter-container .counter-title {
text-transform: capitalize;
color: #666; } .saturnthemes-products {
margin-left: -15px;
margin-right: -15px; }
.saturnthemes-products .products-carousel {
margin-right: 0;
margin-left: 0; }
.saturnthemes-products .woocommerce .products-carousel:not(.slick-slider) .product {
width: 100% !important;
max-width: 100% !important;
margin: 0; } .saturnthemes-product-tabs .nav-tabs {
margin: 0 15px 20px;
padding-bottom: 2px;
border-bottom: 1px solid #000; }
.saturnthemes-product-tabs .nav-tabs > li {
display: inline-block;
padding-right: 25px; }
.saturnthemes-product-tabs .nav-tabs > li:hover a, .saturnthemes-product-tabs .nav-tabs > li.active a {
border-bottom: 1px solid #000; }
.saturnthemes-product-tabs .nav-tabs a {
display: inline-block;
padding: 10px 0;
font-size: 14px;
text-transform: uppercase; }
.tab-content > .tab-pane {
display: block;
height: 0;
overflow: hidden; }
.tab-content > .active {
height: auto; } .product_list_widget > li {
padding: 20px 0;
border-bottom: 1px solid #EEE; }
.product_list_widget > li:first-child {
padding-top: 0; }
.product_list_widget > li:last-child {
border-bottom: none; }
.product_list_widget > li img {
float: left !important;
margin-right: 22px; }
.product_list_widget > li .product-title {
display: block;
font-weight: 700; }
.product_list_widget > li .star-rating {
display: block; }
.product_list_widget > li .amount {
font-size: 17px;
font-weight: 700; }
.product_list_widget > li del .amount {
padding-right: 6px;
font-size: 14px;
font-weight: 400; }
.product_list_widget > li ins {
background: none; } .saturnthemes-product-categories {
margin-left: -15px;
margin-right: -15px; }
.saturnthemes-product-categories .product-category {
position: relative;
padding-left: 15px;
padding-right: 15px; }
.saturnthemes-product-categories .categories-overlay {
position: absolute;
bottom: 30px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: calc(100% - 60px);
padding: 22px 22px;
background: #FFF;
overflow: hidden;
text-transform: uppercase; }
.saturnthemes-product-categories .categories-overlay:hover {
color: #FFF; }
.saturnthemes-product-categories .categories-overlay:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.saturnthemes-product-categories .categories-overlay:hover .overlay-inner {
border-color: #FFF; }
.saturnthemes-product-categories .categories-overlay:hover .count {
color: #FFF; }
.saturnthemes-product-categories .categories-overlay .overlay-inner {
border-right: 1px solid; }
.saturnthemes-product-categories .categories-overlay p {
margin-bottom: 0; }
.saturnthemes-product-categories .categories-overlay p:first-child {
font-size: 22px;
line-height: 1.2; }
.saturnthemes-product-categories .categories-overlay p.count {
font-size: 12px;
font-weight: 400; }  .icon-box .icon-box-icon {
display: flex;
width: 100px;
height: 100px;
justify-content: center;
align-items: center; }
.icon-box .icon-box-content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100px; }
.icon-box .icon-box-title {
margin-bottom: 3px;
font-weight: 400; }
.icon-box .icon-box-desc {
font-size: 16px; }
.icon-box.left, .menu-vertical > li.icon-box, .menu > .menu-item .sub-menu > li.icon-box, .menu > .menu-item .children > li.icon-box,
.menu > ul > li .sub-menu > li.icon-box,
.menu > ul > li .children > li.icon-box, .menu-horizontal > li.icon-box,
.menu-horizontal > ul > li.icon-box, .icon-box.right {
overflow: hidden; }
.icon-box.left .icon-box-icon, .menu-vertical > li.icon-box .icon-box-icon, .menu > .menu-item .sub-menu > li.icon-box .icon-box-icon, .menu > .menu-item .children > li.icon-box .icon-box-icon,
.menu > ul > li .sub-menu > li.icon-box .icon-box-icon,
.menu > ul > li .children > li.icon-box .icon-box-icon, .menu-horizontal > li.icon-box .icon-box-icon,
.menu-horizontal > ul > li.icon-box .icon-box-icon {
float: left;
margin-right: 25px; }
.icon-box.right {
padding-left: 25px; }
.icon-box.right .icon-box-icon {
float: right; } .industry-blog-posts {
margin-left: -15px;
margin-right: -15px; }
.industry-blog-posts .post-grid-item {
margin-bottom: 0;
padding: 0 15px; }
.industry-blog-posts .slick-dots {
text-align: center; } .vc_progress_bar .vc_single_bar.fwp_single_bar {
position: relative;
margin-bottom: 30px;
background-color: #F7F7F7;
box-shadow: none;
border-radius: 0; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label {
position: absolute;
padding: 0;
top: 50%;
transform: translateY(-50%);
text-shadow: none !important;
font-size: 14px !important;
font-weight: 700 !important; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label:first-child {
left: 12px; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label:last-child {
right: 12px; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container {
padding-left: 200px;
padding-right: 70px;
height: 40px; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner {
position: relative;
height: 100%; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner:before {
content: "";
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background-color: #dddddd; }
.vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner .vc_bar {
height: 1px;
top: 50%;
border-radius: 0;
background-color: #000000; }  .vc_tta-tabs-position-left .vc_tta-tabs-container {
overflow: visible !important; }
.vc_tta-tabs-position-left .vc_tta-tabs-container:before {
content: "";
position: absolute;
z-index: -1;
top: -100px;
right: 0;
display: block;
width: 2000px;
height: calc( 100% + 200px);
background: #EEE; }
.vc_tta-tabs-position-left .vc_tta-tab > a {
padding: 17px 20px 18px !important; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab {
border-bottom: 1px solid #DDD;
position: relative; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab:first-child {
border-top: 1px solid #DDD; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active {
border-bottom: none; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active:after {
content: "";
right: 0;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6px 5px 0;
border-color: transparent #fff transparent transparent; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active > a {
color: #FFF !important;
border-left: 3px solid rgba(0, 0, 0, 0.1); }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab > a {
font-size: 16px;
border-right: none;
background: none; }
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading a {
color: #FFF !important; }
.vc_tta-tabs-position-left.vc_tta.vc_general .vc_tta-panel-body {
padding: 14px 30px; } .vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a {
border: 2px solid #EEE;
border-left: 3px solid transparent; }
.vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a::after {
z-index: 99999; }
.vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-panel-body {
border-width: 2px !important;
border-color: #EEE !important;
border-top: none !important; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a {
border: none;
background: none; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span {
position: relative; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
background: #01B9E6;
bottom: -36px; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:after {
content: "";
bottom: -34px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 6px 5px;
border-color: transparent transparent #01B9E6 transparent; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a {
margin: 0 40px;
padding: 34px 0;
border: none; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-icon {
display: block;
padding-bottom: 15px;
font-size: 30px;
line-height: 1.2; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a span {
display: block;
margin-left: 0; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover {
border: none;
background: none; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span {
position: relative; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
background: #01B9E6;
bottom: -36px; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:after {
content: "";
bottom: -34px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 6px 5px;
border-color: transparent transparent #01B9E6 transparent; }
.vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-panel-body {
border: none;
border-top: 2px solid #EEE !important; }
.vertical-tab-with-heading .vc_tta-tabs-position-left .vc_tta-tabs-container:before {
top: -180px;
height: calc(100% + 280px); } .vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-body {
background: none;
padding: 25px 31px;
border-top: none; }
.vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-heading {
background: none !important;
border-bottom: none;
border-left: 3px solid red; }
.vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a {
border-bottom: 2px solid #EEE; }
.vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-panel-body,
.vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-tab > a {
border-width: 2px; }
.vc_tta-accordion.vc_tta .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 14px; }
.vc_tta-accordion.vc_tta .vc_tta-panel-heading .vc_tta-panel-title > a {
padding: 14px 0;
margin-left: 30px;
margin-right: 30px; }
@media (min-width: 1024px) {
.vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab > a {
min-width: 370px; } } .vc_row.row-toggle-container .vc_column-inner {
padding-top: 0 !important; }
.vc_row .vc_toggle {
margin: 0 !important; }
.vc_row .vc_toggle.vc_toggle_active .vc_toggle_title {
border-bottom: 1px solid #EEEEEE; }
.vc_row .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_title_separator {
position: absolute;
width: 100%;
left: 0;
bottom: -1px; }
.vc_row .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_title_separator .vc_toggle_title_separator_inner {
border-bottom: 1px solid #000000; }
.vc_row .vc_toggle .vc_toggle_title {
padding: 19px 0;
text-align: left;
border-top: 1px solid #EEEEEE; }
.vc_row .vc_toggle .vc_toggle_title h4 {
font-size: 18px !important;
font-weight: 400 !important;
color: #000000; }
.vc_row .vc_toggle .vc_toggle_title h4:hover{
font-size: 18px !important;
font-weight: 400 !important;
color: #f8712f;  
}
.vc_row .vc_toggle .vc_toggle_title .vc_toggle_icon {
display: none !important; }
.vc_row .vc_toggle .vc_toggle_content {
margin: 0;
padding-top: 22px;
padding-bottom: 7px;
background-color: #F7F7F7; }
.vc_row .vc_toggle:last-child .vc_toggle_title {
border-bottom: 1px solid #EEEEEE; } .industry-contact-detail .heading {
font-size: 17px;
text-transform: uppercase;
margin-bottom: 35px; }
.industry-contact-detail ul {
list-style: none;
margin-bottom: 0;
padding-left: 0; }
.industry-contact-detail .icon {
width: 33px;
float: left; }
.industry-contact-detail .icon .fa {
font-size: 16px; }
.industry-contact-detail .text {
overflow: hidden; }
.industry-contact-detail .contact-social-links {
padding-top: 12px; }
.industry-contact-detail .contact-social-links li {
display: inline-block;
padding-right: 5px;
padding-bottom: 0; }
.industry-contact-detail .contact-social-links li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: #EEE;
color: #AAA;
padding: 0;
text-align: center; }
.industry-contact-detail .contact-social-links li a:hover {
color: #FFF; }
.industry-contact-detail .contact-social-links li a i {
font-size: 18px; } .col-no-padding {
padding-left: 0;
padding-right: 0; }
.inline-right {
text-align: right; }
.inline-left {
text-align: left; }
.group-btn-inline div.icon-btn {
display: inline-block;
margin-left: 7px; }
.width-auto > .vc_column-inner {
width: auto !important; }
.vc_custom_heading.heading-border-white {
border-color: #FFF; }
.vc_custom_heading.sep-bottom:after {
background: #FFF !important; }
.industry-subscribe-style1 .mc4wp-form-fields input[type="email"],
.industry-subscribe-style2 .mc4wp-form-fields input[type="email"] {
margin-right: -4px; }
.industry-subscribe-style1 .button,
.industry-subscribe-style2 .button {
font-weight: 400; }
.industry-subscribe-style2 .mc4wp-form-fields input[type="submit"].primary-button {
background-image: url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/submit-bg-hover.png); }
.industry-subscribe-style2 input[type="email"] {
border-color: #FFF; }
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0 !important; }
.custom-contact-white {
color: #FFF; }
.custom-contact-white .heading {
color: #FFF; }
.custom-heading-name-quote {
text-align: center; }
.custom-heading-name-quote h2 {
display: inline-block;
position: relative;
margin-bottom: 0; }
.custom-heading-name-quote h2:before, .custom-heading-name-quote h2:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 20px;
height: 2px;
background-color: #FFF; }
.custom-heading-name-quote h2:before {
left: -30px; }
.custom-heading-name-quote h2:after {
right: -30px; }
.vc_custom_heading a:hover, .vc_custom_heading a:visited{
color:#f8712f;
} .wpcf7-form p {
margin-bottom: 10px; }
.wpcf7-form input:not(:submit) {
padding: 8px 20px; }
.wpcf7-form input:not(:submit):focus {
background: #F8F8F8; }
.wpcf7-form textarea {
padding: 18px 20px; 
height:190px;
}
.wpcf7-form .wpcf7-submit,
.wpcf7-form input[type="submit"].primary-button,
.mc4wp-form-fields .wpcf7-submit,
.mc4wp-form-fields input[type="submit"].primary-button {
margin-left:20px;
padding: 0 40px 0 40px;
}
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form input[type="submit"].primary-button:hover,
.mc4wp-form-fields .wpcf7-submit:hover,
.mc4wp-form-fields input[type="submit"].primary-button:hover {
} .contact-form-transport .vc_column-inner > .wpb_wrapper {
padding: 30px;
border: 1px solid #DDD;
-webkit-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1); }
.contact-form-transport .wpcf7 .wpcf7-text {
max-width: 310px;
border-color: #EEE;
background: #EEE; }
.contact-form-transport .wpcf7 p {
margin-bottom: 0; }
.contact-form-transport .icon-box .icon-box-icon {
width: auto;
height: 40px; }
.contact-form-transport .icon-box .icon-box-content {
min-height: 100%; }
.contact-form-transport .button-style3 {
padding: 0 15px;
background-image: none;
color: #FFF; }
.contact-form-transport .button-style3:hover {
background-image: none; } .icon-boxes-finance {
padding: 12px 0; }
.icon-boxes-finance i {
padding: 0 20px;
font-size: 24px; } .pattern-construction {
height: 120px;
background: url(//www.yankangmachine.com/wp-content/themes/saturnthemes-industry/assets/img/pattern-construction.png) repeat-x center; }
.pattern-construction .icon-box .icon-box-icon {
width: auto; }
.triangle-construction .icon-box .icon-box-icon {
width: auto; }
ul.list-icon-plus {
list-style: none;
padding-left: 0; }
ul.list-icon-plus li {
position: relative;
margin-bottom: 12px;
padding-bottom: 0;
padding-left: 18px; }
ul.list-icon-plus li:before {
content: '\f067';
left: 0;
font-size: 10px; }
ul.list-icon-plus h5 {
font-weight: 400; }
@media (min-width: 1024px) {
.industry-subscribe-style1 .mc4wp-form-fields input[type="email"],
.industry-subscribe-style2 .mc4wp-form-fields input[type="email"] {
width: 400px; } } .custom-banner {
padding: 35px 25px;
color: #FFF; }
.custom-banner .sub-title {
margin-bottom: 2px;
color: rgba(0, 0, 0, 0.4); }
.custom-banner-title {
color: #FFF;
font-size: 17px;
text-transform: uppercase; }
.custom-banner .button.secondary-button {
border-color: #FFF !important;
color: #FFF; }
.custom-banner .button.secondary-button .fa {
color: #454545; }
.custom-banner .button.secondary-button:hover {
background: #FFF;
color: #454545; } .primary-bg{
display:none;
}
.heading {
border-left:none;
}
.fa-users:before, .fa-share:before{
display:none;
}