File: /var/www/concertium.com/public_html/wp-content/themes/dt-the7/css/main.css
.vertical-centering {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.horizontal-centering {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.centering-mixin {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*! Prefix flex for IE10 in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */
/* These are the conditional mixins for the different syntax for IE10 Flexbox */
/*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 display definitions
========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
.old-ie audio,
.old-ie canvas,
.old-ie video {
display: inline;
zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
* {
padding: 0;
margin: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:active,
a:focus,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
code,
kbd,
pre,
samp {
font-family: monospace,serif;
font-family: 'courier new', monospace;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:after,
q:before {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dd,
dl,
menu,
ol,
ul {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure,
form {
margin: 0;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
.old-ie legend {
margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
.old-ie button,
.old-ie input,
.old-ie select,
.old-ie textarea {
vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button;
}
.old-ie button,
.old-ie input[type=button],
.old-ie input[type=reset],
.old-ie input[type=submit] {
overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
.old-ie input[type=checkbox],
.old-ie input[type=radio] {
height: 13px;
width: 13px;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* HTML5 display definitions:end; */
/*****************************************************
!-validationEngine.jquery
******************************************************/
.formError {
position: absolute;
top: 300px;
left: 300px;
padding-bottom: 13px;
display: block;
z-index: 5000;
}
.ajaxSubmit {
padding: 10px;
text-align: center;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
background: #8a0b2c;
color: #fff;
width: 165px;
font-family: tahoma;
font-size: 11px;
border: 0 solid #ddd;
text-shadow: #f5f5f5;
padding: 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
position: absolute;
bottom: 0;
left: 20px;
width: 15px;
height: 15px;
z-index: 5001;
}
.formError .formErrorArrowBottom {
top: 0;
margin: -6px;
}
.formError .formErrorArrow div {
border: none;
height: 1px;
background: #8a0b2c;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line3 {
width: 1px;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
display: none;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
display: none;
}
.formError .formErrorArrow {
border: none;
}
/* validationEngine.jquery:end; */
.contact-form.dt-form span .formError {
display: none;
}
.contact-form.dt-form span .formError.first {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.contact-form.dt-form .formError .close-message {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
font: normal normal normal 14px/1 FontAwesome;
line-height: 30px;
text-align: center;
opacity: 0.5;
}
.contact-form.dt-form .formError .close-message:before {
content: "\f00d";
}
.contact-form.dt-form .formError .close-message:hover {
cursor: pointer;
opacity: 1;
}
.contact-form.dt-form .error-field:not(.field-success) {
border-color: red;
}
.inline-message-style .contact-form.dt-form {
position: relative;
}
.inline-message-style .form-fields > span {
position: static;
}
.inline-message-style .formError {
width: 100%;
top: 0 !important;
left: 0 !important;
margin: 0 0 10px 0 !important;
padding: 15px 40px 15px 45px;
box-sizing: border-box;
}
.inline-message-style .formError.run-animation {
position: relative;
}
.inline-message-style .formError .formErrorContent {
width: 100%;
background: none;
}
.inline-message-style .formError .formErrorArrow {
display: none;
}
.popup-message-style .parentFormundefined.run-animation {
-webkit-transform: translate3d(200px, -50%, 0);
-ms-transform: translate3d(200px, -50%, 0);
transform: translate3d(200px, -50%, 0);
-webkit-animation: slide-in-message, slide-out-message;
animation: slide-in-message, slide-out-message;
-webkit-animation-duration: 1.2s, 1.1s;
animation-duration: 1.2s, 1.1s;
-webkit-animation-delay: .4s, 9s;
animation-delay: .4s, 9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
.popup-message-style .parentFormundefined.run-animation .formErrorContent {
opacity: 1;
}
.parentFormundefined:before {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
top: 20px;
left: 0;
width: 65px;
height: 100%;
font: normal normal normal 28px/1 FontAwesome;
content: "\f06a" !important;
}
.greenPopup.parentFormundefined:before {
content: "\f058" !important;
}
.popup-message-style .parentFormundefined:not(.run-animation),
.popup-message-style .parentFormundefined.run-animation {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
border: none;
opacity: 0;
position: fixed !important;
top: 50% !important;
left: 100% !important;
right: auto !important;
margin: 0 !important;
padding: 15px 40px 15px 20px;
padding-left: 45px;
width: 400px;
max-height: 500px;
z-index: 9999;
overflow: hidden;
font-weight: bold;
color: #FFF;
box-sizing: border-box;
}
.popup-message-style .parentFormundefined:not(.run-animation) a,
.popup-message-style .parentFormundefined.run-animation a,
.popup-message-style .parentFormundefined:not(.run-animation) a:hover,
.popup-message-style .parentFormundefined.run-animation a:hover {
color: #fff;
}
.popup-message-style .parentFormundefined:not(.run-animation) .formErrorContent,
.popup-message-style .parentFormundefined.run-animation .formErrorContent {
width: 100%;
background: none;
}
.popup-message-style .parentFormundefined:not(.run-animation) .formErrorArrow,
.popup-message-style .parentFormundefined.run-animation .formErrorArrow {
display: none;
}
@-webkit-keyframes slide-in-message {
0% {
opacity: 0;
-webkit-transform: translate3d(600px, -50%, 0);
transform: translate3d(600px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-200px, -50%, 0);
transform: translate3d(-200px, -50%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
}
@keyframes slide-in-message {
0% {
opacity: 0;
-webkit-transform: translate3d(600px, -50%, 0);
transform: translate3d(600px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-200px, -50%, 0);
transform: translate3d(-200px, -50%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
}
@-webkit-keyframes slide-out-message {
0% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-100px, -50%, 0);
transform: translate3d(-100px, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(800px, -50%, 0);
transform: translate3d(800px, -50%, 0);
}
}
@keyframes slide-out-message {
0% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-100px, -50%, 0);
transform: translate3d(-100px, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(800px, -50%, 0);
transform: translate3d(800px, -50%, 0);
}
}
/* #NextGEN gallery
================================================== */
#page .ngg-gallery-thumbnail img,
#page .ngg-thumbnail img,
#page .ngg-imagebrowser .ngg-imagebrowser .pic,
#page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back,
#page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next,
#page .ngg-navigation a.page-numbers,
#page .ngg-navigation a.next,
#page .ngg-navigation a.prev,
#page .ngg-navigation span.page-numbers,
#page .ngg-navigation span.next,
#page .ngg-navigation span.prev {
border: none;
background: none;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover {
background: none;
}
#page .ngg-gallery-thumbnail img,
#page .ngg-thumbnail img,
#page .ngg-imagebrowser .pic,
#page .ngg-imagebrowser-nav .next,
#page .ngg-imagebrowser-nav .back,
#page .ngg-navigation a.page-numbers,
#page .ngg-navigation a.next,
#page .ngg-navigation a.prev,
#page .ngg-navigation span.page-numbers,
#page .ngg-navigation span.next,
#page .ngg-navigation span.prev {
border: none;
background: none;
}
#page .ngg-navigation a {
font-weight: normal;
}
#page .ngg-navigation a.page-numbers:hover,
#page .ngg-navigation a.next:hover,
#page .ngg-navigation a.prev:hover {
background-color: transparent;
}
.ngg-imagebrowser a:hover,
.ngg-thumbnail a:hover,
#page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img,
.ngg-album-link a:hover img {
opacity: 0.7 !important;
}
.ngg-imagebrowser img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*NextGEN gallery:end*/
/* #Revolution slider
================================================== */
.rev_slider_wrapper {
z-index: 1;
}
.tp-scrollbelowslider:hover {
cursor: pointer;
}
.is-iphone .kenburnimg img {
transform: none !important;
}
/*!Revolution slider arrows*/
.widget .wpml-ls-item a span {
color: inherit;
}
.woocommerce #reviews #comments .add_review::after,
.woocommerce .products ul::after,
.woocommerce div.product form.cart::after,
.woocommerce div.product p.cart::after,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce ul.products::after {
clear: both;
}
.woocommerce-store-notice,
p.demo_store {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
}
.admin-bar p.demo_store {
top: 32px;
}
.woocommerce-store-notice a,
p.demo_store a {
color: #fff;
text-decoration: underline;
}
#wc-bookings-booking-form .wc-bookings-date-picker legend {
display: block;
}
.currentTextHolder {
line-height: 20px;
}
.related-product .woocommerce-placeholder.wp-post-image,
.upsells.products .woocommerce-placeholder.wp-post-image,
.cross-sells .woocommerce-placeholder.wp-post-image {
max-width: 100%;
height: auto;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
right: 10px;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: rgba(0, 0, 0, 0.8);
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
background: rgba(0, 0, 0, 0.7);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #fff;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin: 0 -5px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
padding: 10px 5px 0 5px;
box-sizing: border-box;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce .products ul,
.woocommerce ul.products {
padding: 0;
list-style: none;
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -0.5em -0.5em 0 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .star-rating {
font-size: 0.857em;
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
}
.woocommerce ul.products li.product .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: 0.857em;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: .5;
display: block;
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
}
.woocommerce ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
.pswp {
z-index: 999999;
}
.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
max-width: none;
}
button.pswp__button {
box-shadow: none!important;
background-image: url(../images/default-skin.png) !important;
}
button.pswp__button,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before,
button.pswp__button:hover {
background-color: transparent !important;
}
button.pswp__button--arrow--left,
button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right,
button.pswp__button--arrow--right:hover {
background-image: none !important;
}
button.pswp__button--close:hover {
background-position: 0 -44px;
}
button.pswp__button--zoom:hover {
background-position: -88px 0;
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before,
.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
content: ' ';
display: table;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px .5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: .5em 0 0;
display: block;
}
.product.has-default-attributes.has-children > .images {
opacity: 0;
}
.checkout-page-title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
width: 100%;
padding: 50px 2000px;
margin-left: -2000px;
}
.checkout-page-title nav {
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
max-width: 100%;
}
.checkout-page-title a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
text-align: center;
text-decoration: none;
flex: 1 0 auto;
width: 33.333%;
}
.checkout-page-title .checkout-breadcrumbs {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-flex-pack: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
}
.checkout-page-title .checkout-step {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
flex: 1 0 auto;
}
.checkout-page-title .checkout-step:before,
.checkout-page-title .checkout-step:after {
position: absolute;
top: 50%;
margin-top: 5px;
width: calc(50% - 40px);
height: 3px;
background: red;
content: "";
}
.checkout-page-title .checkout-step:before {
left: 0;
width: calc(50% - 40px);
}
.checkout-page-title .checkout-step:after {
left: calc(50% + 40px);
}
.checkout-page-title a:first-child .checkout-step:before {
display: none;
}
.checkout-page-title a:last-child .checkout-step:after {
display: none;
}
.checkout-page-title .checkout-counter {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: 10px;
}
.checkout-page-title a:last-child .checkout-line {
display: none;
}
#page .widget_shopping_cart a.remove,
.masthead .shopping-cart-inner a.remove,
.dt-mobile-header .shopping-cart-inner a.remove {
display: block;
font-size: 1.5em !important;
height: 1em !important;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce .cart_list a.remove:hover,
.masthead .shopping-cart-inner .cart_list a.remove:hover,
.dt-mobile-header .shopping-cart-inner .cart_list a.remove:hover {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.widget_shopping_cart .cart_list li a.remove,
.shopping-cart-inner .cart_list li a.remove {
position: absolute;
top: 20px;
left: 0;
}
.widget_shopping_cart .cart_list li:first-child a.remove,
.shopping-cart-inner .cart_list li:first-child a.remove {
top: 5px;
}
.shop_table strong,
.product form.cart .variations label,
strong[itemprop="author"],
.shopping-cart-inner strong,
.widget_shopping_cart_content strong,
.shop_table th,
.shop_table td {
font-weight: normal;
}
.cart .cart_item .product-name a,
.cart .cart_item .product-name,
label[for="rememberme"],
.quantity,
.product-subtotal .amount,
.cart .product-total .amount,
.order_details tfoot td,
td.product-subtotal,
.update-cart-button input[type="submit"],
.shipping-calculator-button,
.quantity input.qty,
.product-subtotal,
.cart-subtotal .amount,
.showcoupon-tag,
.showcoupon,
.showlogin-tag,
.showlogin,
form.woocommerce-checkout #customer_details label,
#shipping_method label,
.payment_methods label,
.woocommerce-MyAccount-content label,
#customer_login > div label,
form.track_order label,
form.lost_reset_password label,
.woocommerce-MyAccount-navigation > ul li a,
.product table.variations td.label label,
.woocommerce-Reviews label {
font-weight: bold;
}
.woocommerce-invalid-required-field input[type="text"],
.woocommerce-invalid-required-field input[type="search"],
.woocommerce-invalid-required-field input[type="tel"],
.woocommerce-invalid-required-field input[type="url"],
.woocommerce-invalid-required-field input[type="email"],
.woocommerce-invalid-required-field input[type="number"],
.woocommerce-invalid-required-field input[type="date"],
.woocommerce-invalid-required-field input[type="range"],
.woocommerce-invalid-required-field input[type="password"] {
border-color: #f55b5f;
}
.woocommerce-additional-fields label,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label,
.woocommerce-MyAccount-content label,
.woocommerce-account-fields label,
.track_order label,
.lost_reset_password label,
form.register label,
.woocommerce-form-login label {
margin-bottom: 5px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
textarea {
width: 100%;
}
#page .woocom-rollover-content .price ins .amount,
#page .woocom-rollover-content .star-rating span:before,
#page .woocom-rollover-content mark,
#page .widget_layered_nav ul li.chosen a,
#page .widget_layered_nav_filters ul li a {
color: #fff;
-webkit-text-fill-color: #fff;
background: none;
}
/*!-Products list*/
.switcher-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 40px;
}
.switcher-wrap > * {
margin-bottom: 10px;
}
.switcher-wrap .woocommerce-result-count {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.switcher-wrap .woocommerce-ordering {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.switcher-wrap .woocommerce-ordering select {
margin-bottom: 0;
}
.view-mode-switcher {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: 20px;
}
.view-mode-switcher > a {
position: relative;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 38px;
height: 38px;
border: 1px solid;
text-decoration: none;
}
.view-mode-switcher > a:first-child {
border-right: none;
}
.view-mode-switcher > a i {
font-size: 14px;
}
.view-mode-switcher .filter-popup {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100%;
padding: 2px 6px;
margin-bottom: 8px;
background: #000;
color: #fff !important;
font: normal 10px / 14px Arial, Verdana, sans-serif;
letter-spacing: 0.3px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-border-radius: 2px;
border-radius: 2px;
/* CSS Triangle*/
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
}
.view-mode-switcher .filter-popup:after {
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
content: "";
}
.view-mode-switcher .filter-popup:before {
position: absolute;
left: 0;
bottom: -20px;
content: " ";
display: block;
width: 100%;
height: 20px;
}
.view-mode-switcher > a:hover > .filter-popup {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
/*--Change img on hover setting*/
.description-on-hover .woocom-project > a {
display: block;
line-height: 0;
}
.wc-img-hover .woo-buttons-on-img {
overflow: hidden;
}
.wc-img-hover .woo-buttons-on-img a {
text-align: center;
}
.wc-img-hover .woocom-project img {
position: relative;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.wc-img-hover .woocom-project img.back-image {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
visibility: visible;
}
.wc-img-hover .woo-buttons-on-img:hover img.hide-on-hover {
opacity: 0;
}
.wc-img-hover .woo-buttons-on-img:hover img.show-on-hover {
opacity: 1;
}
.product:before,
.product:after {
content: "";
display: table;
clear: both;
}
.product .woo-buttons-on-img {
position: relative;
margin: 0 0 20px;
text-align: center;
}
.product .woo-buttons-on-img .out-stock-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
z-index: 2;
width: auto;
max-width: 100%;
min-height: 50px;
padding: 20px 25px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.65);
-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
color: #fff;
text-transform: uppercase;
font-weight: bold;
white-space: nowrap;
}
.wc-layout-list article.product {
margin-bottom: 50px;
}
article.product.post.bg-on {
background: none;
}
.wc-layout-list .woocom-project {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.wc-layout-list .woocom-project .woo-buttons-on-img {
margin-bottom: 0;
text-align: left;
}
.wc-layout-list .woocom-project .woocom-list-content {
padding-left: 40px;
margin-bottom: 0;
box-sizing: border-box;
text-align: left;
}
.wc-layout-list .woocom-project .woocom-list-content .star-rating {
margin: 0 0 25px 0;
}
.wc-layout-list .woocom-project .woocom-list-content .woocommerce-product-details__short-description {
margin-bottom: 25px;
}
.dt-isotope .woocom-project .woocommerce-product-details__short-description {
margin-bottom: 15px;
}
.hide-description .woocommerce-product-details__short-description {
display: none;
}
.cart-btn-on-img .woo-buttons {
position: absolute;
right: 10px;
bottom: 10px;
height: 32px;
min-width: 32px;
border-radius: 16px;
z-index: 2;
box-sizing: border-box;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.cart-btn-on-img .woo-buttons a {
display: block;
float: right;
height: 32px;
max-width: 22px;
padding: 0 32px 0 0px;
box-sizing: border-box;
-webkit-transition: max-width 0.4s ease-in-out;
transition: max-width 0.4s ease-in-out;
border-radius: 16px;
}
.cart-btn-on-img .woo-buttons a .filter-popup {
vertical-align: top;
line-height: 32px;
margin-left: 14px;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.cart-btn-on-img .woo-buttons a:after {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
content: "";
}
.cart-btn-on-img .woo-buttons:hover a,
.cart-btn-on-img .woo-buttons.is-clicked a {
width: auto;
max-width: 250px;
}
.cart-btn-on-img .woo-buttons:hover a .filter-popup,
.cart-btn-on-img .woo-buttons.is-clicked a .filter-popup {
opacity: 1;
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
.cart-btn-on-hover .woo-buttons {
opacity: 0;
}
.cart-btn-below-img .woo-buttons {
padding-top: 3px;
margin-bottom: 15px;
}
#page .cart-btn-below-img .woo-buttons:last-child {
margin-bottom: 15px;
}
.cart-btn-on-hover .woocom-project:hover .woo-buttons,
.cart-btn-on-hover .woo-buttons-on-img.is-clicked .woo-buttons {
opacity: 1;
}
.woo-buttons-on-img .woo-buttons > a:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='white' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Crect x='4.75' y='11.9' width='10.5' height='2'/%3E%3Crect x='4.75' y='6.9' width='10.5' height='2'/%3E%3Crect x='4.75' y='1.9' width='10.5' height='2'/%3E%3Cpath d='M2.002,6.65c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.559,1.248-1.25S2.696,6.65,2.002,6.65z'/%3E%3Cpath d='M2.002,11.65c-0.69,0-1.252,0.558-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.558,1.248-1.25S2.696,11.65,2.002,11.65z'/%3E%3Cpath d='M2.002,1.65c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.25,1.252,1.25c0.694,0,1.248-0.559,1.248-1.25S2.696,1.65,2.002,1.65z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
}
.woo-buttons-on-img .woo-buttons > .add_to_cart_button:after,
.woo-buttons-on-img .woo-buttons > .added_to_cart.wc-forward:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' fill='white' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath d='M15.439,4.021L3.532,2.358L3.406,1.172c0,0-0.034-0.425-0.052-0.46C3.281,0.484,3.158,0.417,2.906,0.344L0.792,0.026C0.468-0.073,0.124,0.115,0.025,0.444c-0.097,0.328,0.052,0.755,0.381,0.853l1.688,0.25l1.239,10.865C3.372,12.712,3.63,13,3.945,13h9.89c0.341,0,0.516-0.312,0.516-0.654c0-0.336-0.175-0.646-0.516-0.646H4.547L4.387,10h9.485c0.708,0.021,0.771-0.517,0.963-1.062l0.958-3.396C16.064,4.688,16.177,4.126,15.439,4.021z'/%3E%3Ccircle cx='4.801' cy='14.699' r='1.25'/%3E%3Cpath d='M12.802,13.449c-0.69,0-1.252,0.559-1.252,1.25s0.562,1.251,1.252,1.251c0.694,0,1.248-0.56,1.248-1.251S13.496,13.449,12.802,13.449z'/%3E%3C/svg%3E");
}
.woocommerce-cart-wrap,
.wc-complete-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.wc-complete-wrap {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.wc-complete-wrap * {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.wc-complete-wrap .wc-side-column {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
}
.wc-complete-wrap .wc-wide-column {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.wc-complete-wrap .woocommerce-bacs-bank-details {
margin-top: 20px;
}
.wc-complete-wrap .wc-bacs-bank-details {
margin: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.wc-complete-wrap .wc-bacs-bank-details li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid;
list-style: none;
box-sizing: border-box;
}
.wc-complete-wrap .wc-bacs-bank-details li > * {
-webkit-flex: 0 0 50%;
-moz-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.wc-complete-wrap .wc-bacs-bank-details li > strong {
font-weight: normal;
padding-left: 5px;
box-sizing: border-box;
}
.woocommerce-cart-wrap table.shop_table:not(.order_details) {
border: none;
}
.shop_table {
border-collapse: separate;
}
.woocommerce-cart-wrap .cart.shop_table {
border-collapse: separate;
}
.woocommerce-cart-wrap .cart.shop_table td {
padding: 25px 10px 25px 0;
}
.woocommerce-cart-wrap .cart.shop_table td.actions {
padding-top: 45px;
padding-right: 0;
}
.woocommerce-cart-wrap .cart.shop_table td.product-subtotal {
padding-right: 0;
}
.woocommerce-cart-wrap .cart.shop_table tfoot th,
.woocommerce-cart-wrap .cart.shop_table tbody th {
padding: 25px 0;
}
.shop_table.customer_details td {
padding-right: 0;
}
.shop_table.customer_details tbody th {
padding-right: 10px;
}
.customer_details tr:first-of-type th,
.customer_details tr:first-of-type td {
border-top: none;
}
.woocommerce-cart-wrap .shop_table thead th,
.customer_details thead th,
.woocommerce-orders-table thead th {
border: none;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.woocommerce-cart-wrap td.product-remove {
width: 30px;
max-width: 30px;
}
.woocommerce-cart-wrap a.remove {
display: block;
font-size: 16px !important;
width: 30px;
text-align: left;
line-height: 30px;
text-decoration: none;
border: 0;
}
.woocommerce-cart-wrap a.remove:hover {
cursor: pointer;
}
.woocommerce-cart-wrap .shop_table .product-thumbnail {
width: 70px;
padding-right: 20px;
}
.woocommerce-cart-wrap .shop_table .product-thumbnail img {
max-width: 70px;
height: auto;
}
.woocommerce-cart-wrap .shop_table .product-thumbnail > a {
display: block;
width: 70px;
font-size: 0;
line-height: 0;
}
.woocommerce-cart-wrap .product-price,
.woocommerce-cart-wrap .product-quantity {
width: 18%;
}
.woocommerce-cart-wrap .product-quantity {
width: 17%;
}
.woocommerce-cart-wrap .product-subtotal {
width: 18%;
text-align: right;
}
.woocommerce-cart-wrap .cart_item .product-name {
width: 32%;
}
.woocommerce-cart-wrap .cart_item .product-name a {
display: inline-block;
text-decoration: none;
}
.woocommerce-cart-wrap table.cart th.product-name {
position: relative;
left: -38px;
}
.content .variation dt,
.content .variation dd {
font-weight: normal;
float: left;
}
.content .variation dt p,
.content .variation dd p {
margin-bottom: 0;
}
.content .variation dt {
clear: left;
margin-right: 5px;
}
.woocommerce-cart-wrap .quantity,
.woocommerce-variation-add-to-cart .quantity,
.product .quantity {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
text-align: right;
}
.woocommerce-cart-wrap .quantity input[type='button'].is-form,
.woocommerce-variation-add-to-cart .quantity input[type='button'].is-form,
.product .quantity input[type='button'].is-form {
overflow: hidden;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
background-color: #fff;
border-width: 1px;
border-style: solid ;
text-transform: none;
font-weight: normal;
border-radius: 0;
box-shadow: none !important;
}
.woocommerce-cart-wrap .quantity .plus,
.woocommerce-variation-add-to-cart .quantity .plus,
.product .quantity .plus {
border-left: none !important;
}
.woocommerce-cart-wrap .quantity .minus,
.woocommerce-variation-add-to-cart .quantity .minus,
.product .quantity .minus {
border-right: none !important;
}
.quantity .plus:hover,
.quantity .minus:hover,
.quantity .plus:active,
.quantity .minus:active {
top: 0 !important;
margin-bottom: 0 !important;
}
.quantity input.qty {
display: inline;
float: left;
vertical-align: middle;
width: 40px;
padding: 0;
margin: 0;
border-radius: 0;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
display: none;
}
.cart-footer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-cart-wrap .coupon,
.wc-coupon-wrap .coupon {
position: relative;
padding-right: 10px;
padding-bottom: 10px;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-cart-wrap .coupon:before,
.wc-coupon-wrap .coupon:before {
content: "\f02b";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 20px;
top: 0px;
font-size: 14px;
z-index: 10;
}
.woocommerce-cart-wrap .coupon input[type="text"],
.wc-coupon-wrap .coupon input[type="text"] {
padding-left: 35px;
}
.wc-coupon-field {
position: relative;
}
.wc-coupon-field:focus label {
display: none;
}
.cart td.actions .coupon label {
position: absolute;
display: none;
height: 40px;
width: 100%;
padding: 5px 15px;
box-sizing: border-box;
}
.cart td.actions .coupon label:before {
margin-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f02b";
}
input[name="coupon_code"]::-webkit-input-placeholder,
input[name="coupon_code"]::-moz-placeholder,
input[name="coupon_code"]:-ms-input-placeholder,
input[name="coupon_code"]:-moz-placeholder {
/* Firefox 18- */
color: pink;
}
input[name="coupon_code"]::-webkit-input-placeholder:before,
input[name="coupon_code"]::-moz-placeholder:before,
input[name="coupon_code"]:-ms-input-placeholder:before,
input[name="coupon_code"]:-moz-placeholder:before {
margin-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f02b";
}
.woocommerce-cart-wrap .wc-coupon-text,
.woocommerce-cart-wrap .wc-coupon-field {
display: inline-block;
}
.woocommerce-cart-wrap .wc-coupon-text {
position: relative;
margin-right: 20px;
}
.woocommerce-cart-wrap .wc-coupon-text:after {
position: absolute;
z-index: 0;
top: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f02b";
font: normal normal normal 84px/1 FontAwesome;
}
.woocommerce-cart-wrap .wc-coupon-text > span {
position: relative;
z-index: 1;
}
.woocommerce-cart-wrap .wc-coupon-text span {
display: block;
}
.woocommerce-cart-wrap .update-cart-button input[type="submit"] {
padding: 0;
background: none;
border: none;
cursor: pointer;
text-align: right;
}
.woocommerce-cart-wrap .update-cart-button input[type="submit"]:focus {
outline: none;
}
.woocommerce-cart-wrap .update-cart-button input[type="submit"]:not(:disabled):hover {
opacity: 0.7;
}
.woocommerce-cart-wrap .update-cart-button i {
padding-right: 5px;
}
.wc-coupon-input.input-text {
width: 200px;
max-width: 100%;
}
.wc-cart-button,
input[name="apply_coupon"],
input[name="login"],
.single_add_to_cart_button.button,
.button.wc-backward,
.button.view-cart,
.button.checkout,
.button.wc-forward,
.price_slider .button,
.woocommerce-Reviews .submit,
button[name="calc_shipping"],
.woocommerce-Button[name="register"],
.track_order input[name="track"] {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
input[name="update_cart"] {
border: none;
box-shadow: none !important;
}
table.shop_table td button[name="calc_shipping"] {
margin: 0;
}
#shipping_method {
margin: 0;
}
#shipping_method li {
list-style: none;
}
#shipping_method li .shipping_method {
margin: 0 5px 0 0;
}
#payment .input-radio {
margin: 0 5px 0 0;
}
.woocommerce-ordering-div,
.shipping-calculator-form {
position: relative;
}
.shipping-calculator-form .woocommerce-ordering-div {
margin-bottom: 10px;
}
#calc_shipping_country,
#calc_shipping_state,
select.shipping_method,
form .form-row input.input-text {
width: 100% !important;
}
.shipping_method {
margin-bottom: 10px;
}
.woocommerce-shipping-calculator > p {
margin-bottom: 0;
}
.shipping-calculator-form {
margin: 10px 0;
}
.woocommerce-cart-wrap .cart-collaterals {
width: 25%;
padding: 30px;
margin-left: 50px;
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
box-sizing: border-box;
}
.woocommerce-cart-wrap .cart-collaterals .shop_table {
margin-bottom: 20px;
}
.woocommerce-cart-wrap .cart_totals tr:first-of-type td,
.woocommerce-cart-wrap .cart_totals tr:first-of-type th {
border: none;
}
.woocommerce-cart-wrap .cart_totals tr th {
padding-right: 10px;
}
.woocommerce-cart-wrap .cart_totals table,
.woocommerce-cart-wrap .cart_totals tbody,
.woocommerce-cart-wrap .cart_totals tr,
.woocommerce-cart-wrap .cart_totals th,
.woocommerce-cart-wrap .cart_totals tbody th,
.woocommerce-cart-wrap .cart_totals td {
display: block;
border: none;
padding: 0;
}
.woocommerce-cart-wrap .cart_totals tr {
border-top: 1px solid;
padding: 10px 0;
}
.woocommerce-cart-wrap .cart_totals tr:first-of-type {
border: none;
}
.woocommerce-cart-wrap .cart_totals td {
text-align: left;
padding-right: 0;
}
.woocommerce-cart-wrap .cart_totals .woocommerce-shipping-calculator {
overflow: hidden;
}
.shipping-calculator-form select {
margin-bottom: 0 !important;
}
.shipping-calculator-form p:last-of-type {
margin-bottom: 0;
}
#page .checkout-button.wc-forward,
#page #place_order {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.checkout-button {
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flexbox !important;
display: -ms-flex !important;
display: flex !important;
}
.shipping-calculator-button {
display: inline-block;
}
.cross-sells {
margin-top: 30px;
}
.col2-set .col-1 {
float: left;
width: 48%;
}
.col2-set .col-2 {
float: right;
width: 48%;
}
form.track_order,
form.lost_reset_password,
.wc-login-wrap,
.wc-coupon-wrap,
#customer_login > div {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
width: 50%;
}
form.track_order .coupon,
form.lost_reset_password .coupon,
.wc-login-wrap .coupon,
.wc-coupon-wrap .coupon,
#customer_login > div .coupon {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-bottom: 0;
}
form.track_order .coupon input,
form.lost_reset_password .coupon input,
.wc-login-wrap .coupon input,
.wc-coupon-wrap .coupon input,
#customer_login > div .coupon input {
width: 100%;
margin-bottom: 0;
}
form.track_order .button,
form.lost_reset_password .button,
.wc-login-wrap .button,
.wc-coupon-wrap .button,
#customer_login > div .button {
text-transform: uppercase;
font-weight: bold;
}
form.track_order .woocommerce-info,
form.lost_reset_password .woocommerce-info,
.wc-login-wrap .woocommerce-info,
.wc-coupon-wrap .woocommerce-info,
#customer_login > div .woocommerce-info {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
form.track_order form,
form.lost_reset_password form,
.wc-login-wrap form,
.wc-coupon-wrap form,
#customer_login > div form {
width: 100%;
margin-top: 25px;
padding: 30px;
box-sizing: border-box;
}
form.track_order .form-row,
form.lost_reset_password .form-row,
.wc-login-wrap .form-row,
.wc-coupon-wrap .form-row,
#customer_login > div .form-row {
width: 100%;
padding: 0;
}
form.track_order .showcoupon-tag,
form.lost_reset_password .showcoupon-tag,
.wc-login-wrap .showcoupon-tag,
.wc-coupon-wrap .showcoupon-tag,
#customer_login > div .showcoupon-tag,
form.track_order .showlogin-tag,
form.lost_reset_password .showlogin-tag,
.wc-login-wrap .showlogin-tag,
.wc-coupon-wrap .showlogin-tag,
#customer_login > div .showlogin-tag {
text-transform: uppercase;
}
form.track_order .showcoupon,
form.lost_reset_password .showcoupon,
.wc-login-wrap .showcoupon,
.wc-coupon-wrap .showcoupon,
#customer_login > div .showcoupon,
form.track_order .showlogin,
form.lost_reset_password .showlogin,
.wc-login-wrap .showlogin,
.wc-coupon-wrap .showlogin,
#customer_login > div .showlogin {
text-decoration: none;
}
form.track_order .log-message,
form.lost_reset_password .log-message,
.wc-login-wrap .log-message,
.wc-coupon-wrap .log-message,
#customer_login > div .log-message {
margin-bottom: 20px;
}
.wc-login-wrap {
margin-bottom: 20px;
}
.wc-login-wrap form {
padding-top: 25px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.wc-login-wrap form .form-row:not(.name-row):not(.password-row),
.wc-login-wrap form .lost_password {
display: inline-block;
width: auto;
}
.wc-login-wrap form .lost_password {
float: right;
margin-top: 12px;
}
.wc-login-wrap form .form-row-last {
margin-bottom: 20px;
}
.wc-login-wrap form label[for="rememberme"] {
margin-left: 20px;
}
.wc-coupon-wrap {
margin-bottom: 50px;
}
.wc-coupon-wrap form {
padding: 0;
margin-top: 0;
}
.wc-coupon-wrap .form-coupon-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 30px 30px 20px 30px;
margin-top: 25px;
}
.wc-coupon-wrap .form-coupon-wrap .coupon,
.wc-coupon-wrap .form-coupon-wrap .button {
margin-bottom: 10px;
}
form.track_order,
form.lost_reset_password,
#customer_login > div {
padding: 25px 30px 20px;
box-sizing: border-box;
}
form.track_order > p:not(.form-row),
form.lost_reset_password > p:not(.form-row),
#customer_login > div > p:not(.form-row) {
margin-bottom: 20px;
}
form.track_order .button,
form.lost_reset_password .button,
#customer_login > div .button {
margin-top: 10px;
}
form.track_order label,
form.lost_reset_password label,
#customer_login > div label {
text-transform: uppercase;
}
#customer_login {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
#customer_login > div {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
margin: 0 auto;
}
#customer_login > div form {
margin-top: 10px;
padding: 0;
}
#customer_login > div form > .form-row:not(.form-row-wide) {
display: inline-block;
width: auto;
}
#customer_login > div form label.woocommerce-form__label-for-checkbox {
display: inline-block;
margin-left: 20px;
text-transform: none;
}
#customer_login > div form .lost_password {
float: right;
margin: 22px 0 10px;
}
#customer_login > div + div {
margin-left: 50px;
}
.name-row,
.password-row {
position: relative;
}
.name-row:before,
.password-row:before {
content: "\f007";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 20px;
top: 0px;
font-size: 14px;
z-index: 10;
}
.name-row input[type="text"],
.password-row input[type="text"],
.name-row input[type="password"],
.password-row input[type="password"] {
padding-left: 35px;
}
.password-row:before {
content: "\f13e";
}
.showcoupon-tag,
.showlogin-tag {
display: inline-block;
margin-right: 10px;
}
.showcoupon-tag i,
.showlogin-tag i {
margin-right: 5px;
}
form.woocommerce-checkout {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.wc-order-review {
margin-left: 50px;
padding: 30px;
box-sizing: border-box;
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
.woocommerce-checkout-review-order-table tr.cart_item:first-of-type td {
border-top: none;
}
.content .woocommerce-checkout-review-order-table td {
overflow: hidden;
}
.content .woocommerce-checkout-review-order-table {
display: block;
border-collapse: separate;
}
.content .woocommerce-checkout-review-order-table tbody,
.content .woocommerce-checkout-review-order-table tfoot,
.content .woocommerce-checkout-review-order-table tr,
.content .woocommerce-checkout-review-order-table td,
.content .woocommerce-checkout-review-order-table th {
display: block;
border: none;
padding: 0;
}
.content .woocommerce-checkout-review-order-table tr {
border-top: 1px solid;
padding: 10px 0;
}
.content .woocommerce-checkout-review-order-table .product-name,
.content .woocommerce-checkout-review-order-table .product-total .amount {
font-weight: normal;
}
.content .woocommerce-checkout-review-order-table tbody tr:first-of-type {
border: none;
}
.content .woocommerce-checkout-review-order-table td,
.content .woocommerce-checkout-review-order-table .order-total th {
vertical-align: top;
}
.content .woocommerce-checkout-review-order-table td.product-name,
.content .woocommerce-checkout-review-order-table .order-total th.product-name {
padding-right: 10px;
}
.content .woocommerce-checkout-review-order-table th {
padding-right: 10px;
}
.content .woocommerce-checkout-review-order-table .cart-subtotal td,
.content .woocommerce-checkout-review-order-table .cart-subtotal th {
width: 100%;
}
.woocommerce-cart-wrap .cart_totals th {
width: 40%;
padding: 25px 0;
}
.woocommerce-billing-fields label abbr[title],
.woocommerce-shipping-fields label abbr[title],
.woocommerce-account-fields label abbr[title],
.woocommerce-MyAccount-content label abbr[title] {
border-bottom: none;
}
.content .payment_methods {
padding-top: 5px;
margin: 0 0 30px 0;
}
.content .payment_methods li img {
vertical-align: middle;
margin: -2px 0.5em 0 0.5em;
}
form.woocommerce-checkout .form-row,
.woocommerce-MyAccount-content .form-row {
padding-bottom: 20px;
}
form.woocommerce-checkout .form-row.place-order,
.woocommerce-MyAccount-content .form-row.place-order {
padding-bottom: 0;
}
form.woocommerce-checkout .form-row label,
.woocommerce-MyAccount-content .form-row label {
text-transform: uppercase;
}
form.woocommerce-checkout .select2-container .select2-selection__arrow,
.woocommerce-MyAccount-content .select2-container .select2-selection__arrow {
top: 50%;
margin-top: -13px;
right: 7px;
}
.woocommerce-cart-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
margin-top: -13px;
right: 7px;
}
form.woocommerce-checkout .form-row {
padding-bottom: 20px;
}
form.woocommerce-checkout .form-row#billing_address_1_field {
padding-bottom: 0;
}
.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content .woocommerce-Button.button {
margin-top: 20px;
}
.woocommerce-address-fields .button {
margin-top: 30px;
}
.woocommerce-MyAccount-content .woocommerce-address-fields {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.woocommerce-MyAccount-content .woocommerce-address-fields > p {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
}
.woocommerce-MyAccount-content .woocommerce-address-fields > p:first-of-type {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-wide {
width: 100%;
}
#page .select2-container .select2-selection--single {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-shipping-fields label,
.woocommerce-account-fields label {
text-transform: uppercase;
}
#ship-to-different-address {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#ship-to-different-address label {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
#ship-to-different-address input {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
margin-right: 5px;
}
.create-account {
margin-bottom: 10px;
}
.woocommerce-billing-fields {
padding-bottom: 10px;
}
.form-row.create-account {
padding-top: 15px;
padding-bottom: 0 !important;
margin-bottom: 15px;
clear: both;
}
.form-row.create-account label.checkbox {
margin-bottom: 0;
}
.woocommerce-shipping-fields {
padding-top: 15px;
clear: both;
}
.woocommerce-shipping-fields label.checkbox {
margin-bottom: 0;
}
.form-row.create-account label.checkbox span:before {
display: inline-block;
margin: 0 5px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f2bd";
font-size: inherit;
}
#account_password_field {
padding-top: 10px;
margin-bottom: 0;
}
.woocommerce-shipping-fields {
margin-bottom: 45px;
}
.woocommerce-shipping-fields .shipping_address {
margin-top: 20px;
margin-bottom: -20px;
}
.woocommerce-shipping-fields label.checkbox span:before {
display: inline-block;
margin-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f0d1";
font-size: inherit;
}
#order_comments_field {
margin-top: 30px;
}
.wc-side-column {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
padding: 30px;
margin-right: 50px;
box-sizing: border-box;
}
.wc-complete-wrap .wc-side-column {
margin-bottom: 30px;
}
.content .woocommerce-thankyou-order-details {
margin: 0;
}
.woocommerce-thankyou-order-details li {
padding: 10px 0;
border-top: 1px solid;
list-style: none;
}
.woocommerce-thankyou-order-details li:first-child {
border-top: none;
}
.woocommerce-thankyou-order-details li:last-child {
padding-bottom: 0;
}
.woocommerce-thankyou-order-details li strong {
display: block;
font-weight: normal;
}
.order_details,
.customer_details {
display: block;
}
.order_details thead,
.customer_details thead {
display: none;
}
.order_details tbody tr:first-of-type td,
.customer_details tbody tr:first-of-type td {
border-top: none;
}
.order_details tbody,
.customer_details tbody,
.order_details tfoot,
.customer_details tfoot {
display: block;
}
.order_details tr,
.customer_details tr {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.order_details tr td,
.customer_details tr td,
.order_details tr th,
.customer_details tr th {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 50%;
padding: 10px 0;
}
.woocommerce-cart-wrap .order_details .product-total,
.woocommerce-cart-wrap .customer_details .product-total,
.woocommerce-cart-wrap .order_details tfoot td,
.woocommerce-cart-wrap .customer_details tfoot td {
padding-right: 0;
}
.woocommerce-cart-wrap .order_details tfoot th,
.woocommerce-cart-wrap .customer_details tfoot th {
padding-right: 10px;
}
.woocommerce-cart-wrap .order_details tbody tr td:first-of-type {
padding-right: 10px;
}
.shop_table.order_details {
margin-bottom: 40px;
}
.shop_table.order_details .product-quantity {
margin-left: 5px;
}
.shop_table.order_details .product-name a {
text-decoration: none;
}
.wc-item-meta {
margin: 0 !important;
}
.wc-item-meta li {
list-style: none;
}
.wc-item-meta li > * {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
}
.select2-dropdown {
border: 0;
border-radius: 0;
background: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: none;
}
.select2-search {
padding-top: 5px;
padding-bottom: 5px;
}
.select2-search input[type="text"] {
margin-bottom: 0;
}
.select2-dropdown .select2-search input {
margin-top: 4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #e1e1e1;
height: 28px !important;
background-color: #fff;
color: #888888;
border-radius: 3px;
}
.select2-results {
color: #000;
font-size: 14px;
line-height: 18px;
background: none;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
margin-top: 18px;
}
#page .wc-item-downloads {
width: 100%;
margin: 0;
}
#page .wc-item-downloads li {
list-style: none;
}
/*--------------9 - Stars --------------*/
.stars {
position: relative;
font-size: 1em;
}
.stars a {
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
}
.stars a:last-child {
border-right: 0;
}
p.stars a.star-1,
p.stars a.star-2,
p.stars a.star-3,
p.stars a.star-4,
p.stars a.star-5 {
border-right: 1px solid;
}
p.stars a.star-1:after,
p.stars a.star-2:after,
p.stars a.star-3:after,
p.stars a.star-4:after,
p.stars a.star-5:after {
font-family: WooCommerce;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
p.stars a.star-1 {
width: 2em;
}
p.stars a.star-1:after {
content: "\e021";
}
p.stars a.star-1.active:after,
p.stars a.star-1:hover:after {
content: "\e020";
}
p.stars a.star-2 {
width: 3em;
}
.woocommerce p.stars a.star-2:after {
content: "\e021\e021";
}
p.stars a.star-2.active:after,
p.stars a.star-2:hover:after {
content: "\e020\e020";
}
p.stars a.star-3 {
width: 4em;
}
p.stars a.star-3:after {
content: "\e021\e021\e021";
}
p.stars a.star-3.active:after,
p.stars a.star-3:hover:after {
content: "\e020\e020\e020";
}
p.stars a.star-4 {
width: 5em;
}
p.stars a.star-4:after {
content: "\e021\e021\e021\e021";
}
p.stars a.star-4.active:after,
p.stars a.star-4:hover:after {
content: "\e020\e020\e020\e020";
}
p.stars a.star-5 {
width: 6em;
border: 0;
}
p.stars a.star-5:after {
content: "\e021\e021\e021\e021\e021";
}
p.stars a.star-5.active:after,
p.stars a.star-5:hover:after {
content: "\e020\e020\e020\e020\e020";
}
.star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 0.8em;
width: 5.4em;
font-family: star;
}
.widget .star-rating {
float: none;
margin: 5px 0;
}
.woocom-list-content {
text-align: center;
}
.woocom-rollover-content .star-rating,
.woocom-rollover-content .price,
.woocom-list-content .star-rating,
.woocom-list-content .price {
display: block;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
.woocom-rollover-content .star-rating,
.woocom-rollover-content .price {
text-align: center;
}
.woocom-rollover-content .star-rating {
margin: 0 auto 10px auto;
}
.woocom-list-content .star-rating,
#content .woocom-list-content .star-rating:last-child {
margin-bottom: 15px;
}
.star-rating:before {
content: "\53\53\53\53\53";
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocom-rollover-content .star-rating:before {
color: rgba(255, 255, 255, 0.4);
-webkit-text-fill-color: rgba(255, 255, 255, 0.4);
}
.woocom-rollover-content .price del,
.woocom-rollover-content .price del * {
color: rgba(255, 255, 255, 0.5);
-webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.products .star-rating {
display: block;
float: none;
}
.hreview-aggregate .star-rating {
margin: 10px 0 0;
}
/*--------------9 - Stars:end --------------*/
/*--------------8 - Woo Message --------------*/
.woocommerce-error-text > li,
.woocommerce-info li,
.woocommerce-message li,
.payment_methods li {
list-style: none;
}
.woocommerce-error:after,
.woocommerce-message:after,
.woocommerce-message:before {
content: " ";
display: table;
}
.woocommerce-error:after,
.woocommerce-info:after,
.woocommerce-message:after {
clear: both;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: right;
}
.inline-message-style .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
width: 100%;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message,
.woocommerce-error,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info {
position: relative;
color: #fff;
padding: 15px 40px 15px 65px;
box-sizing: border-box;
margin-bottom: 40px;
width: 100%;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message a:hover,
.woocommerce-error a:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info a:hover {
color: #fff;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .close-message,
.woocommerce-error .close-message,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .close-message {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
font: normal normal normal 14px/1 FontAwesome;
line-height: 30px;
text-align: center;
opacity: 0.5;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .close-message:before,
.woocommerce-error .close-message:before,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .close-message:before {
content: "\f00d";
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .close-message:hover,
.woocommerce-error .close-message:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .close-message:hover {
cursor: pointer;
opacity: 1;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text,
.woocommerce-error .woocommerce-message-text,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text,
.woocommerce-error .woocommerce-info-text,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text,
.woocommerce-error .woocommerce-error-text,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 100%;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text li,
.woocommerce-error .woocommerce-message-text li,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text li,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text li,
.woocommerce-error .woocommerce-info-text li,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text li,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text li,
.woocommerce-error .woocommerce-error-text li,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text .button,
.woocommerce-error .woocommerce-message-text .button,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text .button,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text .button,
.woocommerce-error .woocommerce-info-text .button,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text .button,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text .button,
.woocommerce-error .woocommerce-error-text .button,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text .button {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
background: none;
box-shadow: none;
border: none;
padding: 0 !important;
font: inherit !important;
font-size: inherit !important;
text-decoration: underline !important;
line-height: inherit !important;
text-transform: none !important;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text .button:hover,
.woocommerce-error .woocommerce-message-text .button:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text .button:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text .button:hover,
.woocommerce-error .woocommerce-info-text .button:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text .button:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text .button:hover,
.woocommerce-error .woocommerce-error-text .button:hover,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text .button:hover {
background: none !important;
box-shadow: none;
border: none;
text-decoration: none !important;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message:before,
.woocommerce-error:before,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info:before {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
top: 15px;
left: 0;
width: 65px;
height: 100%;
font: normal normal normal 28px/1 FontAwesome;
content: "\f058";
color: #fff;
-webkit-text-fill-color: #fff;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message ul,
.woocommerce-error ul,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info ul {
margin: 0 !important;
}
.inline-message-style .wc-coupon-wrap div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message,
.inline-message-style .wc-coupon-wrap .woocommerce-error,
.inline-message-style .wc-coupon-wrap div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info {
margin: 20px 0 5px 0;
}
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message.hide-message,
.woocommerce-error.hide-message,
div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info.hide-message {
display: none;
}
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message,
.popup-message-style .woocommerce-error,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
border: none;
position: fixed;
top: 50%;
left: 100%;
width: 400px;
max-height: 500px;
margin: 0 !important;
padding: 15px 40px 15px 65px;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(200px, -50%, 0);
-ms-transform: translate3d(200px, -50%, 0);
transform: translate3d(200px, -50%, 0);
-webkit-animation: slide-in-message, slide-out-message;
animation: slide-in-message, slide-out-message;
-webkit-animation-duration: 1.2s, 1.1s;
animation-duration: 1.2s, 1.1s;
-webkit-animation-delay: .4s, 9s;
animation-delay: .4s, 9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
font-weight: bold;
color: #FFF;
box-sizing: border-box;
}
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message a,
.popup-message-style .woocommerce-error a,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info a,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message a:hover,
.popup-message-style .woocommerce-error a:hover,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info a:hover {
color: #fff;
}
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text,
.popup-message-style .woocommerce-error .woocommerce-message-text,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text,
.popup-message-style .woocommerce-error .woocommerce-info-text,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text,
.popup-message-style .woocommerce-error .woocommerce-error-text,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text {
opacity: 1;
}
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message ul,
.popup-message-style .woocommerce-error ul,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info ul {
margin: 0 !important;
}
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message.hide-message,
.popup-message-style .woocommerce-error.hide-message,
.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info.hide-message {
display: none;
}
.single-product .woocommerce-message {
display: none !important;
}
.woocommerce-error {
background: #dd3c3d;
}
.woocommerce-error:before {
content: "\f06a" !important;
}
.woocommerce-MyAccount-content .woocommerce-info {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.woocommerce-MyAccount-content .woocommerce-info a.button {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
margin-top: 5px;
}
@-webkit-keyframes slide-in-message {
0% {
opacity: 0;
-webkit-transform: translate3d(600px, -50%, 0);
transform: translate3d(600px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-200px, -50%, 0);
transform: translate3d(-200px, -50%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
}
@keyframes slide-in-message {
0% {
opacity: 0;
-webkit-transform: translate3d(600px, -50%, 0);
transform: translate3d(600px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-200px, -50%, 0);
transform: translate3d(-200px, -50%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
}
@-webkit-keyframes slide-out-message {
0% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-100px, -50%, 0);
transform: translate3d(-100px, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(800px, -50%, 0);
transform: translate3d(800px, -50%, 0);
}
}
@keyframes slide-out-message {
0% {
opacity: 1;
-webkit-transform: translate3d(-400px, -50%, 0);
transform: translate3d(-400px, -50%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(-100px, -50%, 0);
transform: translate3d(-100px, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(800px, -50%, 0);
transform: translate3d(800px, -50%, 0);
}
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.update-cart-button input[type="submit"]:disabled {
cursor: not-allowed;
}
/*!-Account page*/
.woocommerce-MyAccount-content mark {
padding: 0 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 300px;
padding-right: 50px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: calc(100% - 350px);
}
.content .woocommerce-MyAccount-navigation > ul {
margin: 0;
}
.woocommerce-MyAccount-navigation > ul li {
margin-bottom: 10px;
list-style: none;
}
.woocommerce-MyAccount-navigation > ul li.is-active a,
.woocommerce-MyAccount-navigation > ul li.is-active:hover a {
color: #fff;
}
.woocommerce-MyAccount-navigation > ul li a {
display: block;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
display: block;
float: none;
width: 100%;
padding: 0;
margin-bottom: 40px;
}
}
.woocommerce-Addresses {
padding-top: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content address {
font-style: normal;
}
/* !-Single product*/
body.hide-product-title .summary > .product_title {
display: none;
}
.product .variations_button:before,
.product .variations_button:after,
.product .cart:before,
.product .cart:after,
#review_form:before,
#review_form:after,
form.cart:before,
form.cart:after {
content: "";
display: table;
clear: both;
}
.summary.entry-summary div[itemprop="description"] {
margin: 25px 0;
}
.product table.variations {
position: relative;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
width: auto;
margin-bottom: 20px;
}
.product table.variations tr,
.product table.variations td {
display: block;
}
.product table.variations td.label {
padding: 0;
margin-bottom: 5px;
}
.product table.variations td.label label {
text-transform: uppercase;
}
.product table.variations td.value {
padding: 0;
margin-bottom: 10px;
}
.product table.variations .reset_variations {
position: absolute;
top: 0;
right: 0;
}
.product table.variations .reset_variations:hover {
text-decoration: none;
}
.woocommerce div.product div.summary {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.woocommerce div.product div.summary .woocommerce-product-rating {
display: block;
margin: -5px 0 20px 0;
-webkit-order: -1;
-moz-order: -1;
-ms-flex-order: -1;
order: -1;
}
.woocommerce div.product div.summary .woocommerce-review-link {
text-decoration: none;
}
.woocommerce div.product div.summary .woocommerce-review-link:hover {
text-decoration: underline;
}
.woocommerce div.product div.summary h1 {
margin-bottom: 30px;
}
.woocommerce div.product div.summary .single_variation .price,
.woocommerce div.product div.summary .single_variation > p,
.woocommerce div.product div.summary .single_variation .woocommerce-variation-description > p,
.woocommerce div.product div.summary .single_variation .woocommerce-variation-availability > p {
display: block;
margin-bottom: 25px;
}
.woocommerce div.product div.summary .woocommerce-product-rating .star-rating {
display: inline-block;
margin: 0 4px 0 0;
float: none;
}
.woocommerce div.product div.summary form.cart,
.woocommerce div.product div.summary p.cart {
margin-bottom: 30px;
}
.woocommerce div.product div.summary .woocommerce-variation-availability .in-stock {
margin-bottom: 0;
}
.woocommerce div.product div.summary .woocommerce-review-link {
display: inline-block;
}
.woocommerce div.product div.summary > .price {
position: relative;
padding-bottom: 15px;
margin-bottom: 35px;
}
.woocommerce div.product div.summary > .price:after {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
content: "";
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description {
margin-bottom: 20px;
}
.product_meta {
margin-bottom: 30px;
}
.product_meta .posted_in,
.product_meta .sku_wrapper {
display: inline-block;
}
.product_meta .posted_in a,
.product_meta .sku_wrapper a {
text-decoration: none;
}
.product_meta .posted_in a:hover,
.product_meta .sku_wrapper a:hover {
text-decoration: underline;
}
.product_meta .posted_in {
position: relative;
margin: 0 6px 5px 0;
padding: 0 9px 0 0;
}
.product_meta .posted_in:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 3px;
height: 3px;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
}
.product_meta > .tagged_as {
margin-top: 3px;
}
.product_meta > .tagged_as a {
display: inline-block;
padding: 1px 6px;
margin: 2px 1px 2px 0;
border: 1px solid;
font: normal 10px / 15px Arial, Verdana, sans-serif;
text-decoration: none;
letter-spacing: 0.3px;
}
.woocommerce-tabs {
padding-top: 30px;
clear: both;
}
.single .woocommerce-tabs .entry-content {
margin-bottom: 0;
}
.woocommerce-tabs .tabs {
position: relative;
overflow: hidden;
margin: 0 0 30px 0;
}
.woocommerce-tabs .tabs:after {
position: absolute;
left: 0;
top: 0;
height: 1px;
width: 100%;
content: "";
}
.woocommerce-tabs .tabs > li {
position: relative;
float: left;
padding-top: 20px;
margin-left: 40px;
list-style: none;
}
.woocommerce-tabs .tabs > li:first-child {
margin-left: 0;
}
.woocommerce-tabs .tabs > li > a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
.woocommerce-tabs .tabs > li:after {
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 100%;
content: "";
}
.woocommerce-tabs #tab-description > h2:first-child,
.woocommerce-tabs #tab-additional_information > h2:first-child {
display: none;
}
.woocommerce-tabs .shop_attributes {
padding: 20px 30px;
border-collapse: separate;
border: none;
}
.woocommerce-tabs .shop_attributes tr:first-of-type th,
.woocommerce-tabs .shop_attributes tr:first-of-type td {
border: none;
}
.woocommerce-Reviews .comment-reply-title {
margin-bottom: 5px;
}
.woocommerce-Reviews label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
}
.woocommerce-Reviews .comment-form-rating {
margin-top: 30px;
}
.woocommerce-noreviews {
display: none;
}
#reviews ol.commentlist {
margin: 40px 0 0 0;
padding-bottom: 20px;
}
#reviews ol.commentlist li {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 20px 0 !important;
list-style: none;
}
.no-avatars #reviews ol.commentlist li {
padding-left: 0;
}
#reviews ol.commentlist .comment_container {
position: relative;
padding: 30px 30px 15px 120px;
}
#reviews ol.commentlist .comment_container p.meta {
margin-bottom: 20px;
}
#reviews ol.commentlist .comment_container .woocommerce-review__author {
display: block;
margin-bottom: 5px;
}
#reviews ol.commentlist .comment_container .woocommerce-review__dash {
display: none;
}
#reviews .commentlist li img.avatar {
float: left;
margin-right: 20px;
border-radius: 50%;
margin: 0 30px 15px -90px;
}
.woocommerce-Reviews .comment-respond > h3 {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
padding: 0;
margin-bottom: 20px;
}
.woocommerce-Reviews .comment-respond > h3:after {
display: none;
}
.woocommerce .form-submit .dt-btn {
display: none;
}
.product .upsells.products,
.product .related.products {
padding-top: 50px;
margin-top: 60px;
border-top: 1px solid;
clear: both;
}
.related.products > h2,
.upsells.products > h2,
.woocommerce > h2,
.woocommerce-tabs .panel > h2 {
margin-bottom: 20px;
}
.product .related.products > h2,
.product .upsells.products > h2,
.cross-sells > h2 {
position: relative;
margin-bottom: 40px;
padding-bottom: 10px;
}
.product .related.products > h2:after,
.product .upsells.products > h2:after,
.cross-sells > h2:after {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
content: "";
}
.content .related-product {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -25px -25px -25px;
}
.related-product > li {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 33%;
padding: 0 25px 25px 25px;
box-sizing: border-box;
}
.sidebar-right .related-product > li,
.sidebar-left .related-product > li {
width: 50%;
}
.woocommerce-cart-wrap .related-product > li {
width: 100%;
}
.related-product > li .onsale {
position: absolute;
top: 5px;
left: 30px !important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
padding: 4px;
min-width: 24px;
min-height: 24px;
line-height: 1;
font-size: 14px;
box-sizing: border-box;
}
.related-product > li .product-thumbnail {
max-width: 100px;
min-width: 100px;
margin-right: 20px;
}
.related-product > li .product-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.related-product > li .product-title {
display: inline-block;
margin-bottom: 5px;
text-decoration: none;
font-weight: bold;
}
.related-product > li .price {
margin-bottom: 10px;
}
.single.single-product .single-share-box {
padding-top: 5px;
margin-bottom: 30px;
}
.single-product .share-link-description {
text-align: left;
}
.product .wf-container.description-on-hover > .wf-cell {
line-height: 0;
}
/*Checkout steps responsivnes*/
@media screen and (max-width: 768px) {
.checkout-page-title .checkout-breadcrumbs {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.checkout-page-title a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-bottom: 40px;
text-align: left;
}
.checkout-page-title a:last-child {
margin-bottom: 0;
}
.checkout-page-title a .checkout-step {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
flex: none;
}
.checkout-page-title a .checkout-step .checkout-counter {
margin: 0 10px 0 0;
}
.checkout-page-title a .checkout-step:before,
.checkout-page-title a .checkout-step:after {
left: 50%;
margin-left: -5px;
height: 14px;
width: 3px;
}
.checkout-page-title a .checkout-step:before {
top: -26px;
}
.checkout-page-title a .checkout-step:after {
top: 40px;
}
.checkout-page-title a .checkout-name {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.wc-single-shortcode.wf-container {
margin: 0;
}
/*Widgets*/
/**
* Rating Filter Widget
*/
.widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
margin: 0;
}
.widget_rating_filter ul li.chosen a:before {
color: red;
}
.woocommerce button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="submit"]:focus,
a.button,
button.button {
-webkit-appearance: none;
outline: none;
}
.products-carousel-shortcode .product h4,
.products-shortcode .product h4 {
margin-bottom: 5px;
}
.hide-rating .star-rating {
display: none;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
-ms-touch-action: none;
touch-action: none;
/* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox {
/* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
/* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
/* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
/* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
/* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
/* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
/* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px;
/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
/* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
/* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/**
* Owl Carousel v2.2.0
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
-webkit-font-smoothing: antialiased;
}
.owl-carousel .owl-wrapper,
.owl-carousel .dt-owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .dt-owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .dt-owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .dt-owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .dt-owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .dt-owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .dt-owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-ms-touch-action: none;
touch-action: none;
z-index: 9500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp::after,
.pswp::before {
content: ' ';
display: table;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
.admin-bar .pswp {
z-index: 100000;
}
.pswp__zoom-wrap {
text-align: center;
}
.pswp__zoom-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.pswp-video-wrap {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
line-height: 0;
width: 100%;
max-width: 900px;
position: relative;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
width: 100%;
}
.video-wrapper iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper video {
width: 100% !important;
height: auto !important;
}
.pswp .pswp__ui--fit .pswp__top-bar,
.pswp .pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
.admin-bar .pswp .pswp__ui--fit .pswp__top-bar,
.admin-bar .pswp .pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.7);
}
.pswp.video-active .pswp__share-tooltip.show-share-pin .pswp__share--pinterest {
display: none;
}
.mobile-false .pswp__share--whatsapp {
display: none;
}
.pswp__caption .pswp__caption__center {
text-align: center;
}
.pswp__caption h5 {
color: #fff;
margin-bottom: 5px;
}
.pswp button.pswp__button {
height: 43px;
background: none !important;
font: normal normal normal 17px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
opacity: 0.5;
}
.pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--left,
.pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--right {
visibility: visible;
}
.pswp button.pswp__button:focus,
.pswp button.pswp__button:hover {
opacity: 1;
}
.pswp .pswp__button:active {
opacity: 0.9;
}
.pswp--zoom-allowed .pswp__button--zoom:before {
content: "\f00e";
}
.pswp--zoomed-in .pswp__button--zoom:before {
content: "\f010";
}
.pswp--supports-fs .pswp__button--fs:before {
content: "\f065";
}
.pswp--fs .pswp__button--fs:before {
content: "\f066";
}
.pswp button.pswp__button--close {
font-size: 21px;
}
.pswp__button--close:before {
content: "\f00d";
}
.pswp__button--share:before {
content: "\f1e0";
}
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before {
top: 0;
}
.pswp .pswp__button--arrow--left:before {
content: "\f104" !important;
background: none !important;
}
.pswp .pswp__button--arrow--right:before {
content: "\f105" !important;
background: none !important;
}
.pswp .pswp__share-tooltip,
.pswp .pswp__share-tooltip a:first-child,
.pswp .pswp__share-tooltip a:last-child {
border-radius: 0;
}
.pswp .pswp__share-tooltip a {
display: none;
color: #222222;
}
.pswp__share-tooltip a:hover {
color: #fff !important;
}
.pswp__share-tooltip a .fa {
min-width: 15px;
margin-right: 5px;
}
.mobile-false .pswp .pswp__share-tooltip.show-share-wp .pswp__share--whatsapp,
.hide-pspw-share .pswp__share-modal,
.hide-pspw-share .pswp__button--share,
.mobile-false .hide-pspw-share-on_desktop .pswp__button--share {
display: none;
}
.pswp .pswp__share-tooltip.show-share-fb .pswp__share--facebook,
.pswp .pswp__share-tooltip.show-share-tw .pswp__share--twitter,
.pswp .pswp__share-tooltip.show-share-pin .pswp__share--pinterest,
.pswp .pswp__share-tooltip.show-share-in .pswp__share--linkedin,
.pswp .pswp__share-tooltip.show-share-wp .pswp__share--whatsapp,
.pswp .pswp__share-tooltip.show-share-g .pswp__share--google {
display: block;
}
.pswp__share-tooltip {
min-width: 150px;
}
.pswp__share-tooltip:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #4c69c7;
}
a.pswp__share--twitter:hover {
background: #2abeeb;
}
a.pswp__share--pinterest:hover {
background: #cf2834 !important;
}
a.pswp__share--linkedin:hover {
background: #007bc7;
}
a.pswp__share--whatsapp:hover {
background: #36b74d;
}
a.pswp__share--google:hover {
background: #e64235;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(../images/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(../images/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(../images/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
/*!
* WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme)
* Copyright © 2013 Dream-Theme. All rights reserved.
*/
/* #Grid system
================================================== */
.responsive-off #page {
display: grid;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-template-areas: "header" "slider" "title" "fancyheader" "checkout" "main" "footer";
}
.footer-overlap.responsive-off #page {
grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "checkout" "main" "footer";
}
.responsive-off.header-side-left:not(.sticky-header) #page,
.responsive-off.header-side-line.left-side-line #page {
grid-template-areas: "header-side slider" "header-side title" "header-side fancyheader" "header-side checkout" "header-side main" "header-side footer";
}
.footer-overlap.responsive-off.header-side-left:not(.sticky-header) #page,
.footer-overlap.responsive-off.header-side-line.left-side-line #page {
grid-template-areas: "header-side page-inner" "header-side footer";
}
.responsive-off.header-side-right:not(.sticky-header) #page,
.responsive-off.header-side-line.right-side-line #page {
grid-template-areas: "slider header-side" "title header-side" "fancyheader header-side" "checkout header-side" "main header-side" "footer header-side";
}
.footer-overlap.responsive-off.header-side-right:not(.sticky-header) #page,
.footer-overlap.responsive-off.header-side-line.right-side-line #page {
grid-template-areas: "page-inner header-side" "footer header-side";
}
.no-cssgridlegacy.no-cssgrid .wf-container:before,
.no-cssgridlegacy.no-cssgrid .wf-container-main:before {
content: "";
display: table;
}
.no-cssgridlegacy.no-cssgrid .wf-container:after,
.no-cssgridlegacy.no-cssgrid .wf-container-main:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container,
.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container-main {
zoom: 1;
}
.page-inner {
-ms-grid-column: 1;
-ms-grid-row: 2;
grid-area: page-inner;
}
.header-side-left:not(.sticky-header) .page-inner,
.header-side-line.left-side-line .page-inner {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) .page-inner,
.header-side-line.right-side-line .page-inner {
-ms-grid-column: 1;
}
#main-slideshow {
-ms-grid-column: 1;
-ms-grid-row: 2;
grid-area: slider;
}
.floating-navigation-below-slider #main-slideshow {
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.header-side-left:not(.sticky-header) #main-slideshow,
.header-side-line.left-side-line #main-slideshow {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) #main-slideshow,
.header-side-line.right-side-line #main-slideshow {
-ms-grid-column: 1;
}
.masthead {
-ms-grid-column: 1;
-ms-grid-row: 1;
grid-area: header;
}
.floating-navigation-below-slider .masthead {
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.side-header.masthead,
.side-header-v-stroke.masthead {
-ms-grid-column: 1;
grid-area: header-side;
}
.checkout-page-title {
grid-area: checkout;
}
.page-title {
-ms-grid-column: 1;
-ms-grid-row: 3;
grid-area: title;
}
.header-side-left:not(.sticky-header) .page-title,
.header-side-line.left-side-line .page-title {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) .page-title,
.header-side-line.right-side-line .page-title {
-ms-grid-column: 1;
}
.fancy-header {
-ms-grid-column: 1;
-ms-grid-row: 3;
grid-area: fancyheader;
}
.header-side-left:not(.sticky-header) .fancy-header,
.header-side-line.left-side-line .fancy-header {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) .fancy-header,
.header-side-line.right-side-line .fancy-header {
-ms-grid-column: 1;
}
#main {
-ms-grid-column: 1;
-ms-grid-row: 4;
grid-area: main;
}
.header-side-left:not(.sticky-header) #main,
.header-side-line.left-side-line #main {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) #main,
.header-side-line.right-side-line #main {
-ms-grid-column: 1;
}
.footer {
-ms-grid-column: 1;
-ms-grid-row: 5;
grid-area: footer;
}
.header-side-left:not(.sticky-header) .footer,
.header-side-line.left-side-line .footer {
-ms-grid-column: 2;
}
.header-side-right:not(.sticky-header) .footer,
.header-side-line.right-side-line .footer {
-ms-grid-column: 1;
}
.wf-phone-visible,
.wf-mobile-visible {
display: none;
}
.wf-wrap,
.wf-cell,
.wf-usr-cell,
.content,
.sidebar,
.wpb_row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wf-container {
font-size: 0;
line-height: 0;
word-spacing: -4px;
}
.wf-cell,
.wf-usr-cell,
.footer .widget {
display: inline-block;
vertical-align: top;
}
.ancient-ie .wf-cell,
.ancient-ie .wf-usr-cell,
.ancient-ie .footer .widget {
display: inline;
zoom: 1;
}
/* !- Cells widths */
.wf-1,
.wf-span-12 {
width: 100%;
}
.wf-1-2,
.wf-2-4,
.wf-span-6 {
width: 50%;
}
.wf-1-3,
.wf-span-4 {
width: 33.3333%;
}
.wf-2-3,
.wf-span-8 {
width: 66.6667%;
}
.wf-1-4,
.wf-span-3 {
width: 25%;
}
.wf-3-4,
.wf-span-9 {
width: 75%;
}
.wf-1-5 {
width: 20%;
}
.wf-1-6,
.wf-span-2 {
width: 16.6667%;
}
.wf-span-1,
.wf-span-10 {
width: 83.3333%;
}
.wf-span-7 {
width: 58.3333%;
}
/* Grid system: end */
/* #Layout helpers
================================================== */
.wf-table {
display: table;
width: 100%;
}
.wf-tr {
display: table-row;
}
.wf-td {
display: table-cell;
vertical-align: middle;
}
.wf-float-left {
float: left;
}
.wf-float-right {
float: right;
}
/* Layout helpers: end */
/* #WireFrame settings
================================================== */
.wf-cell,
.wf-usr-cell,
.footer .widget {
padding: 0 22px;
}
.wf-container {
margin: 0 -22px;
padding: 0;
}
.wf-wrap {
max-width: 100%;
padding: 0 44px;
margin: 0 auto;
}
/* WireFrame settings: end */
/* #Animation
================================================== */
/*Old animation library*/
/* Scale Up animation */
@-webkit-keyframes mk_scale {
0% {
-webkit-transform: scale(0.3);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes mk_scale {
0% {
transform: scale(0.3);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* Fade In animation */
@-webkit-keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
/* Left to Right animation */
@-webkit-keyframes mk_left_to_right {
0% {
-webkit-transform: translate(-20px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_left_to_right {
0% {
transform: translate(-20px, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Right To Left animation */
@-webkit-keyframes mk_right_to_left {
0% {
-webkit-transform: translate(20px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_right_to_left {
0% {
transform: translate(20px, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Bottom to Top animation */
@-webkit-keyframes mk_bottom_to_top {
0% {
-webkit-transform: translate(0, 20px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_bottom_to_top {
0% {
transform: translate(0, 20px);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Top to Bottom animation */
@-webkit-keyframes mk_top_to_bottom {
0% {
-webkit-transform: translate(0, -20px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_top_to_bottom {
0% {
transform: translate(0, -20px);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
.mobile-false .animate-element {
opacity: 0;
}
.ie-mobile .animate-element,
.skills.animate-element,
.no-cssanimations .animate-element.start-animation {
opacity: 1;
}
.mobile-false .animate-element.start-animation.scale-up,
.mobile-false #page .animate-element.start-animation.scale-up {
-webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.mobile-false .animate-element.start-animation.fade-in,
.mobile-false #page .animate-element.start-animation.fade-in {
-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.mobile-false .animate-element.start-animation.right-to-left,
.mobile-false #page .animate-element.start-animation.right-to-left {
-webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mobile-false .animate-element.start-animation.left-to-right,
.mobile-false #page .animate-element.start-animation.left-to-right {
-webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mobile-false .animate-element.start-animation.top-to-bottom,
.mobile-false #page .animate-element.start-animation.top-to-bottom {
-webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mobile-false .animate-element.start-animation.bottom-to-top,
.mobile-false #page .animate-element.start-animation.bottom-to-top {
-webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
/*New animation library*/
.mobile-false .animate-element.start-animation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* bounce */
@-webkit-keyframes dt_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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 dt_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-ms-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.mobile-false .animate-element.start-animation.bounce,
.mobile-false #page .animate-element.start-animation.bounce {
-webkit-animation-name: dt_bounce;
animation-name: dt_bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
opacity: 1;
}
/* flash */
@-webkit-keyframes dt_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes dt_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.mobile-false .animate-element.start-animation.flash {
-webkit-animation-name: dt_flash;
animation-name: dt_flash;
}
/* pulse */
@-webkit-keyframes dt_pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes dt_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.mobile-false .animate-element.start-animation.pulse {
-webkit-animation-name: dt_pulse;
animation-name: dt_pulse;
opacity: 1;
}
/* rubberBand */
@-webkit-keyframes dt_rubberBand {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes dt_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-ms-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-ms-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.mobile-false .animate-element.start-animation.rubberBand {
-webkit-animation-name: dt_rubberBand;
animation-name: dt_rubberBand;
opacity: 1;
}
/* shake */
@-webkit-keyframes dt_shake {
0%,
100% {
-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 dt_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.mobile-false .animate-element.start-animation.shake {
-webkit-animation-name: dt_shake;
animation-name: dt_shake;
opacity: 1;
}
/* swing */
@-webkit-keyframes dt_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);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes dt_swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.mobile-false .animate-element.start-animation.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: dt_swing;
animation-name: dt_swing;
opacity: 1;
}
/* tada */
@-webkit-keyframes dt_tada {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes dt_tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-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);
-ms-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);
-ms-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);
-ms-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.mobile-false .animate-element.start-animation.tada {
-webkit-animation-name: dt_tada;
animation-name: dt_tada;
opacity: 1;
}
/* wobble */
@-webkit-keyframes dt_wobble {
0% {
-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-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);
-ms-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);
-ms-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);
-ms-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);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.wobble {
-webkit-animation-name: dt_wobble;
animation-name: dt_wobble;
opacity: 1;
}
/* bounceIn */
@-webkit-keyframes dt_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes dt_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-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);
-ms-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);
-ms-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);
-ms-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);
-ms-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.mobile-false .animate-element.start-animation.bounceIn {
-webkit-animation-name: dt_bounceIn;
animation-name: dt_bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
opacity: 1;
}
/* bounceInDown */
@-webkit-keyframes dt_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.bounceInDown {
-webkit-animation-name: dt_bounceInDown;
animation-name: dt_bounceInDown;
opacity: 1;
}
/* bounceInLeft */
@-webkit-keyframes dt_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.bounceInLeft {
-webkit-animation-name: dt_bounceInLeft;
animation-name: dt_bounceInLeft;
opacity: 1;
}
/* bounceInRight */
@-webkit-keyframes dt_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.bounceInRight {
-webkit-animation-name: dt_bounceInRight;
animation-name: dt_bounceInRight;
opacity: 1;
}
/* bounceInUp */
@-webkit-keyframes dt_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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, -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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes dt_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.mobile-false .animate-element.start-animation.bounceInUp {
-webkit-animation-name: dt_bounceInUp;
animation-name: dt_bounceInUp;
opacity: 1;
}
/* fadeIn */
@-webkit-keyframes dt_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dt_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.fadeIn {
-webkit-animation-name: dt_fadeIn;
animation-name: dt_fadeIn;
}
/* fadeInDown */
@-webkit-keyframes dt_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInDown {
-webkit-animation-name: dt_fadeInDown;
animation-name: dt_fadeInDown;
}
/* fadeInDownBig */
@-webkit-keyframes dt_fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInDownBig {
-webkit-animation-name: dt_fadeInDownBig;
animation-name: dt_fadeInDownBig;
}
/* fadeInLeft */
@-webkit-keyframes dt_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInLeft {
-webkit-animation-name: dt_fadeInLeft;
animation-name: dt_fadeInLeft;
}
/* fadeInLeftBig */
@-webkit-keyframes dt_fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInLeftBig {
-webkit-animation-name: dt_fadeInLeftBig;
animation-name: dt_fadeInLeftBig;
}
/* fadeInRight */
@-webkit-keyframes dt_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInRight {
-webkit-animation-name: dt_fadeInRight;
animation-name: dt_fadeInRight;
}
/* fadeInRightBig */
@-webkit-keyframes dt_fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInRightBig {
-webkit-animation-name: dt_fadeInRightBig;
animation-name: dt_fadeInRightBig;
}
/* fadeInUp */
@-webkit-keyframes dt_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInUp {
-webkit-animation-name: dt_fadeInUp;
animation-name: dt_fadeInUp;
}
/* fadeInUpBig */
@-webkit-keyframes dt_fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.fadeInUpBig {
-webkit-animation-name: dt_fadeInUpBig;
animation-name: dt_fadeInUpBig;
}
/* flipInX */
@-webkit-keyframes dt_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes dt_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-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);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.mobile-false .animate-element.start-animation.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: dt_flipInX;
animation-name: dt_flipInX;
opacity: 1;
}
/* flipInY */
@-webkit-keyframes dt_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes dt_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-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);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
.mobile-false .animate-element.start-animation.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: dt_flipInY;
animation-name: dt_flipInY;
opacity: 1;
}
/* rotateIn */
@-webkit-keyframes dt_rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.rotateIn {
-webkit-animation-name: dt_rotateIn;
animation-name: dt_rotateIn;
}
/* rotateInDownLeft */
@-webkit-keyframes dt_rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.rotateInDownLeft {
-webkit-animation-name: dt_rotateInDownLeft;
animation-name: dt_rotateInDownLeft;
}
@-webkit-keyframes dt_rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.rotateInDownRight {
-webkit-animation-name: dt_rotateInDownRight;
animation-name: dt_rotateInDownRight;
}
/* rightInDownRight */
@-webkit-keyframes dt_rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.rotateInUpLeft {
-webkit-animation-name: dt_rotateInUpLeft;
animation-name: dt_rotateInUpLeft;
}
/* rotateInUpRight */
@-webkit-keyframes dt_rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.rotateInUpRight {
-webkit-animation-name: dt_rotateInUpRight;
animation-name: dt_rotateInUpRight;
}
/* rollIn */
@-webkit-keyframes dt_rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes dt_rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.mobile-false .animate-element.start-animation.rollIn {
-webkit-animation-name: dt_rollIn;
animation-name: dt_rollIn;
}
/* rollOut */
@-webkit-keyframes dt_rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes dt_rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.mobile-false .animate-element.start-animation.rollOut {
-webkit-animation-name: dt_rollOut;
animation-name: dt_rollOut;
opacity: 1;
}
/* zoomIn */
@-webkit-keyframes dt_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes dt_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.zoomIn {
-webkit-animation-name: dt_zoomIn;
animation-name: dt_zoomIn;
opacity: 1;
}
/* zoomInDown */
@-webkit-keyframes dt_zoomInDown {
0% {
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 dt_zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-ms-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);
-ms-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);
}
}
.mobile-false .animate-element.start-animation.zoomInDown {
-webkit-animation-name: dt_zoomInDown;
animation-name: dt_zoomInDown;
opacity: 1;
}
/* zoomInLeft */
@-webkit-keyframes dt_zoomInLeft {
0% {
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 dt_zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-ms-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);
-ms-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);
}
}
.mobile-false .animate-element.start-animation.zoomInLeft {
-webkit-animation-name: dt_zoomInLeft;
animation-name: dt_zoomInLeft;
opacity: 1;
}
/* zommInRight */
@-webkit-keyframes dt_zoomInRight {
0% {
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 dt_zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-ms-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);
-ms-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);
}
}
.mobile-false .animate-element.start-animation.zoomInRight {
-webkit-animation-name: dt_zoomInRight;
animation-name: dt_zoomInRight;
opacity: 1;
}
/* zoomInUp */
@-webkit-keyframes dt_zoomInUp {
0% {
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 dt_zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-ms-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);
-ms-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);
}
}
.mobile-false .animate-element.start-animation.zoomInUp {
-webkit-animation-name: dt_zoomInUp;
animation-name: dt_zoomInUp;
opacity: 1;
}
/* lightSpeedIn */
@-webkit-keyframes dt_lightSpeedIn {
0% {
-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;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes dt_lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
.mobile-false .animate-element.start-animation.lightspeedIn {
-webkit-animation-name: dt_lightSpeedIn;
animation-name: dt_lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
#main-slideshow {
position: relative;
z-index: 1;
clear: both;
}
#main-slideshow-content {
display: none;
}
#main-slideshow {
overflow: hidden;
}
#main-slideshow.fixed {
padding: 44px;
margin-top: 0px;
}
#main-slideshow.layer-fixed {
padding: 40px;
margin-top: 0px;
}
#main-slideshow.fix.rv-slider {
padding-top: 0;
padding-bottom: 0;
margin-top: 0px;
}
#main-slideshow.fixed:after,
#main-slideshow.layer-fixed:after,
#main-slideshow.fix:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
content: "";
}
#main-slideshow.fixed:after,
#main-slideshow.layer-fixed:after,
#main-slideshow.fix:after {
top: auto;
bottom: 0;
}
#main-slideshow #main-slideshow-content {
display: block;
}
/* #Page titles
================================================== */
.transparent .page-title {
visibility: hidden;
}
/* #Fancy Title
================================================== */
#fancy-header {
position: relative;
}
#fancy-header.title-center .wf-wrap,
#fancy-header.content-left .wf-wrap,
#fancy-header.content-right .wf-wrap {
display: table;
width: 100%;
}
#fancy-header .wf-wrap,
.page-title .wf-wrap {
padding-top: 0;
padding-bottom: 0;
}
#fancy-header > .wf-wrap {
position: relative;
z-index: 1;
max-width: 100%;
}
.fancy-header-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#fancy-header.title-center .wf-table,
#fancy-header.content-left .wf-table,
#fancy-header.content-right .wf-table {
display: table-cell;
vertical-align: middle;
}
.fancy-header .wf-td {
width: 50%;
vertical-align: middle;
}
.content-left.fancy-header .wf-td,
.content-right.fancy-header .wf-td {
display: block;
width: 100%;
}
.content-right.fancy-header .wf-td,
.title-left .breadcrumbs,
.title-right .hgroup {
text-align: right;
}
.fancy-header.title-center .wf-table,
.fancy-header.title-center .wf-td {
display: block;
width: 100%;
text-align: center;
}
.mobile-false #fancy-header .fancy-title,
.mobile-false #fancy-header .fancy-subtitle,
.mobile-false #fancy-header .breadcrumbs {
opacity: 0;
}
#fancy-header .fancy-title > span {
display: inline-block;
}
.ie-mobile #fancy-header .fancy-title,
.ie-mobile #fancy-header .fancy-subtitle,
.ie-mobile #fancy-header .breadcrumbs {
opacity: 1;
}
#fancy-header .fancy-title.start-animation,
#fancy-header .fancy-subtitle.start-animation,
#fancy-header .breadcrumbs.start-animation {
-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.fancy-header .hgroup,
.page-title .hgroup {
overflow: hidden;
}
.fancy-header .hgroup {
padding: 5px 0;
}
#fancy-header.title-center.breadcrumbs-off .hgroup,
#fancy-header.content-left.breadcrumbs-off .hgroup,
#fancy-header.content-right.breadcrumbs-off .hgroup {
margin-top: 5px;
margin-bottom: 5px;
}
#fancy-header.title-center .breadcrumbs.breadcrumbs-bg,
#fancy-header.content-left .breadcrumbs.breadcrumbs-bg,
#fancy-header.content-right .breadcrumbs.breadcrumbs-bg {
margin-top: 10px;
}
#fancy-header.titles-off .breadcrumbs {
margin-top: 5px;
margin-bottom: 5px;
}
#fancy-header.title-center .breadcrumbs,
#fancy-header.content-left .breadcrumbs,
#fancy-header.content-right .breadcrumbs {
margin-bottom: 10px;
}
#fancy-header.disabled-bg.title-center .breadcrumbs,
#fancy-header.disabled-bg.content-left .breadcrumbs,
#fancy-header.disabled-bg.content-right .breadcrumbs,
#fancy-header.disabled-bg.title-center.breadcrumbs-off .hgroup,
#fancy-header.disabled-bg.content-left.breadcrumbs-off .hgroup,
#fancy-header.disabled-bg.content-right.breadcrumbs-off .hgroup,
#fancy-header.disabled-bg.breadcrumbs-off.page-title h1 {
margin-bottom: 0;
}
#fancy-header.title-center .hgroup,
#fancy-header.content-left .hgroup,
#fancy-header.content-right .hgroup {
padding-bottom: 5px;
}
#fancy-header.title-center.breadcrumbs-off .hgroup,
#fancy-header.content-left.breadcrumbs-off .hgroup,
#fancy-header.content-right.breadcrumbs-off .hgroup {
margin-bottom: 5px;
}
.fancy-header .fancy-title,
.fancy-header .fancy-subtitle {
padding: 0;
}
.fancy-header .fancy-title {
margin: 5px 0;
padding: 0;
}
.fancy-header .fancy-subtitle {
margin: 0;
padding: 5px 0;
}
.fancy-header .wf-td .breadcrumbs,
.page-title .wf-td .breadcrumbs {
display: inline-block;
}
.breadcrumbs.bg-dark,
.breadcrumbs.bg-light,
.hr-breadcrumbs .breadcrumbs.bg-light,
.hr-breadcrumbs .breadcrumbs.bg-dark {
padding: 4px 10px;
}
.breadcrumbs.bg-dark {
background-color: rgba(15, 18, 19, 0.1);
}
.breadcrumbs.bg-light {
background-color: rgba(255, 255, 255, 0.12);
}
.title-left .breadcrumbs {
float: right;
}
.fancy-header .breadcrumbs li {
position: relative;
background: none;
}
.fancy-header .breadcrumbs li:first-child:before,
.breadcrumbs li:first-child:before {
content: "";
}
.fancy-header .breadcrumbs li:before,
.breadcrumbs li:before {
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 13px;
content: "/";
opacity: 0.5;
text-align: left;
z-index: 3;
}
.breadcrumbs li:before {
opacity: 1;
}
/* #Page title
================================================== */
.page-title.overlay-bg {
position: relative;
}
.page-title.overlay-bg .wf-wrap {
position: relative;
z-index: 1;
}
.page-title.overlay-bg:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.page-title.title-center .wf-container-title,
.page-title.content-left .wf-container-title,
.page-title.content-right .wf-container-title {
display: table;
width: 100%;
}
.page-title.title-center .wf-table,
.page-title.content-left .wf-table,
.page-title.content-right .wf-table {
display: table-cell;
vertical-align: middle;
}
.page-title.title-center .wf-td,
.page-title.content-left .wf-td,
.page-title.content-right .wf-td {
display: block;
text-align: center;
}
.page-title.content-left .wf-td {
text-align: left;
}
.page-title.content-right .wf-td,
.page-title.title-left .hr-breadcrumbs,
.page-title.title-right h1 {
text-align: right;
}
.page-title.title-left .hr-breadcrumbs {
float: right;
}
.page-title h1,
.page-title h2 {
margin: 0;
}
.page-title .hr-breadcrumbs .breadcrumbs:after {
display: none;
}
.page-title .wf-container-title,
.page-title.full-width-line,
.article-top-bar .wf-container-top {
border-bottom: 1px solid;
}
.page-title.solid-bg .wf-container-title,
.page-title.gradient-bg .wf-container-title,
.page-title.full-width-line .wf-container-title,
.page-title.disabled-bg .wf-container-title,
.page-title.transparent-bg .wf-container-title {
border-bottom: none;
}
.page-title.title-left.disabled-bg h1,
.page-title.title-right.disabled-bg h1 {
margin: 0;
}
.page-title .wf-table {
box-sizing: border-box;
}
/* #Breadcrumbs
================================================== */
.dt-breadcrumbs-shortcode {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.dt-breadcrumbs-shortcode.align-centre {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.dt-breadcrumbs-shortcode.align-right {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.breadcrumbs {
list-style: none;
}
.breadcrumbs li {
position: relative;
display: inline-block;
padding-left: 12px;
margin-left: 8px;
}
.breadcrumbs li:first-child {
padding-left: 0;
margin-left: 0;
background: none !important;
}
.breadcrumbs li a,
.fancy-header .breadcrumbs li a {
color: inherit;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
/* #Filter
================================================== */
.filter {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
z-index: 10;
}
.filter:before {
content: "";
display: table;
}
.filter:after {
content: "";
display: table;
clear: both;
}
.filter-categories,
.filter-extras,
.filter-by,
.filter-sorting,
.filter-categories a {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filter-by,
.filter-sorting,
.filter-categories {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.filter-categories,
.filter-extras {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.filter-categories {
position: relative;
}
.filter-categories .hasCustomSelect {
display: none;
left: 0;
z-index: 1;
}
#page .filter-categories .customSelect {
position: relative;
padding: 0;
background: none;
display: none !important;
}
#page .filter-categories .customSelect:after {
position: relative;
right: 0;
width: 20px;
height: 20px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f0dc";
}
#page .filter-categories .customSelect .customSelectInner {
background: none;
}
.filter .filter-categories a,
.filter .filter-extras a {
position: relative;
text-decoration: none;
}
.filter .filter-extras a {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
}
.filter-categories a {
white-space: nowrap;
}
.filter-categories a:first-child {
margin-left: 0;
}
.extras-off .filter-categories a:last-child {
margin-right: 0;
}
.filter-bg-decoration .filter-categories a {
overflow: hidden;
}
.filter-bg-decoration .filter-categories a:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0;
}
.filter-bg-decoration .filter-categories a.act:after {
opacity: 1;
}
.filter-underline-decoration .filter-categories a:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.filter-underline-decoration .filter-categories a.act:after,
.filter-underline-decoration .filter-categories a:hover:after {
opacity: 1;
}
.filter .filter-extras a .fa {
font-size: 14px;
line-height: 1;
}
.filter .filter-extras > div:last-child {
margin-right: 0;
}
.filter .filter-popup {
position: absolute;
left: 50%;
bottom: 100%;
padding: 2px 6px;
margin-bottom: 15px;
background: #000;
color: #fff !important;
font: normal 10px / 14px Arial, Verdana, sans-serif;
letter-spacing: 0.3px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-border-radius: 2px;
border-radius: 2px;
/* CSS Triangle*/
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
}
.filter .filter-popup:after {
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
content: "";
}
.filter .filter-popup:before {
position: absolute;
left: 0;
bottom: -20px;
content: " ";
display: block;
width: 100%;
height: 20px;
}
/* IE can just show/hide with no transition */
.lte8 .filter-popup {
display: none;
}
.lte8 .filter-extras a:hover .filter-popup {
display: block;
}
.filter-extras > div > a:hover {
cursor: default;
}
.filter-extras > div > a > i:hover {
cursor: pointer;
}
.filter-extras > div > a > i:hover + .filter-popup {
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.filter-extras > div > a > i:hover + .filter-popup:before {
bottom: 0;
}
.filter-switch {
position: relative;
display: inline-block;
width: 19px;
height: 7px;
margin: 0 10px;
}
.filter-switch:hover {
cursor: pointer;
}
.filter-switch,
.filter-switch-toggle {
-webkit-border-radius: 8px;
border-radius: 8px;
}
.filter-switch-toggle {
position: absolute;
top: -1px;
left: 0;
width: 9px;
height: 9px;
background-color: #fff;
content: "";
-webkit-transition: left 300ms ease-out;
transition: left 300ms ease-out;
}
.filter-switch.right-act .filter-switch-toggle {
left: 9px;
}
.pressed .filter-switch-toggle:after,
.filter-extras a.pressed:after {
-webkit-animation: anim-effect-boris 0.45s ease-out forwards;
animation: anim-effect-boris 0.45s ease-out forwards;
}
@-webkit-keyframes anim-effect-boris {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes anim-effect-boris {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* #Paginator
================================================== */
.paginator {
position: relative;
margin: 30px 0 0 0;
z-index: 10;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.paginator:before {
content: "";
display: table;
}
.paginator:after {
content: "";
display: table;
clear: both;
}
.paginator:not(.paginator-more-button) a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.paginator .disabled:hover {
cursor: default;
}
.paginator:not(.paginator-more-button) a,
.paginator:not(.paginator-more-button) span {
position: relative;
display: inline-block;
padding: 1px 8px;
margin: 0 6px;
text-align: center;
text-decoration: none;
font-weight: bold;
}
.paginator:not(.paginator-more-button) a:after,
.paginator:not(.paginator-more-button) span:after {
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.paginator:not(.paginator-more-button) a.disabled,
.paginator:not(.paginator-more-button) span.disabled {
opacity: 0;
}
.paginator:not(.paginator-more-button) a.nav-next,
.paginator:not(.paginator-more-button) span.nav-next,
.paginator:not(.paginator-more-button) a.nav-prev,
.paginator:not(.paginator-more-button) span.nav-prev {
padding: 0;
font-size: 14px;
line-height: 1;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.paginator:not(.paginator-more-button) a.nav-next:not(.disabled):hover,
.paginator:not(.paginator-more-button) span.nav-next:not(.disabled):hover {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.paginator:not(.paginator-more-button) a.nav-prev:not(.disabled):hover,
.paginator:not(.paginator-more-button) span.nav-prev:not(.disabled):hover {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
.paginator:not(.paginator-more-button) a.nav-next:after,
.paginator:not(.paginator-more-button) span.nav-next:after,
.paginator:not(.paginator-more-button) a.nav-prev:after,
.paginator:not(.paginator-more-button) span.nav-prev:after {
display: none;
}
.paginator:not(.paginator-more-button) a.act:after,
.paginator:not(.paginator-more-button) span.act:after,
.paginator:not(.paginator-more-button) a:hover:after,
.paginator:not(.paginator-more-button) span:hover:after {
opacity: 1;
}
.paginator .nav-prev,
.paginator .nav-next {
position: relative;
display: inline-block;
text-decoration: none;
}
/*Load more button*/
.paginator.paginator-more-button {
text-align: center;
}
.lazy-loading-mode .paginator.paginator-more-button {
opacity: 0;
}
.justified-grid .paginator.paginator-more-button {
width: 100%;
}
.paginator .button-load-more,
.paginator .loading-ready {
position: relative;
display: inline-block;
float: none;
text-decoration: none;
}
.paginator .button-load-more {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
width: 220px;
height: 50px;
border: 2px solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.paginator .button-load-more .stick {
display: none;
opacity: 0;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.paginator .button-load-more .button-caption {
display: block;
margin: 0;
font-weight: bold;
-webkit-transition: opacity 0.01s ease, color 0.2s ease;
transition: opacity 0.01s ease, color 0.2s ease;
}
.paginator .button-load-more .button-caption:before {
content: "\f13a";
margin-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
}
.paginator .button-load-more.animate-load,
.paginator .button-load-more.button-lazy-loading {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.paginator .button-load-more.animate-load .button-caption,
.paginator .button-load-more.button-lazy-loading .button-caption {
opacity: 0;
text-indent: -9999px;
}
.paginator .button-load-more.animate-load .stick,
.paginator .button-load-more.button-lazy-loading .stick {
display: block;
-webkit-animation: dt-spin 1s infinite linear 0.2s;
animation: dt-spin 1s infinite linear 0.2s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
border-bottom-color: transparent;
border-left-color: transparent;
}
.dt-posts-preload.iso-preloader .dt-posts-preload-activity:before {
border-color: transparent;
border-top-color: #fff;
border-right-color: #fff !important;
}
.iso-preloader .dt-posts-preload-activity:after {
display: none;
}
.stick:first-child,
.iso-preloader .dt-posts-preload-activity:before {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 50px;
height: 50px;
-webkit-border-radius: 40px;
border-radius: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border: 2px solid;
-webkit-animation: dt-spin 1s infinite linear 0.2s;
animation: dt-spin 1s infinite linear 0.2s;
}
.stick:first-child {
top: -2px;
left: -2px;
margin: 0;
}
@-webkit-keyframes dt-spin {
0% {
opacity: 1;
}
100% {
opacity: 1;
-webkit-transform: rotate(360deg);
}
}
@keyframes dt-spin {
0% {
opacity: 1;
}
100% {
opacity: 1;
transform: rotate(360deg);
}
}
/* #Blog, Portfolio, Albums
================================================== */
/*Display content area*/
.page-info {
padding: 0 0 10px 0;
}
.post {
position: relative;
}
.post:before,
.post:after {
content: "";
display: table;
clear: both;
}
.post .entry-title a {
display: inline-block;
}
/*read more button*/
.blog .details.more-link,
.dt-blog-shortcode .details.more-link {
margin-bottom: 10px;
}
.more-link.dt-btn {
margin-top: 5px;
}
.post .more-link.dt-btn {
margin-right: 10px;
}
/* #post format
================================================== */
.post.bg-on .block-style-widget,
.post.bg-on .format-aside-content,
.post.bg-on .format-status-content,
.post.bg-on .format-link-content {
padding: 0;
background: none !important;
box-shadow: none !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.format-aside-content,
.format-link-content {
padding: 25px 30px 15px;
margin: 0 0 15px;
}
.author-quote {
border-left: 5px solid;
padding-left: 10px;
}
.format-status-content {
padding: 25px 20px 15px;
margin: 5px 0 15px;
}
.format-link .details,
.format-aside .details,
.format-status .details,
.format-quote .details {
display: none;
}
/*resize image to 100% width parent container*/
.images-container img,
.albums .post img,
.media .post img,
.portfolio .post img,
.blog .post img,
.single .post .rollover img,
.dt-blog-shortcode img,
.dt-albums-shortcode img,
.dt-portfolio-shortcode img,
.wf-container.iso-grid img,
.wf-container.layout-masonry img {
max-width: 100%;
width: 100%;
height: auto;
}
.mobile-true .post img.iso-lazy-load {
width: 100%;
}
.blog.layout-list .post .blog-media img {
width: 100%;
}
/* #Background under projects
================================================== */
.bg-on .blog-content {
padding: 10px 25px 10px;
}
.bg-on .project-list-content {
padding: 10px 25px 10px;
}
.slider-wrapper .bg-on .project-list-content {
padding-top: 20px;
}
.iso-container .bg-on .project-list-content > *,
.iso-grid .bg-on .project-list-content > *,
.iso-container .bg-on .blog-content > *,
.iso-grid .bg-on .blog-content > * {
padding-top: 10px;
padding-bottom: 0;
margin-bottom: 0;
}
.iso-container .bg-on .project-list-content > :last-child,
.iso-grid .bg-on .project-list-content > :last-child,
.iso-container .bg-on .blog-content > :last-child,
.iso-grid .bg-on .blog-content > :last-child {
margin-bottom: 10px;
}
.post.bg-on .alignleft,
.post.bg-on .alignnone,
.bg-on .blog-media > p,
.bg-on .project-list-media > p,
.post.bg-on ul.royalSlider.alignnone,
.description-under-image .post.bg-on ul.royalSlider.alignnone {
margin-bottom: 0;
}
.bg-on .blog-media,
.bg-on .project-list-media {
padding: 25px 25px 0;
}
.bg-on.fullwidth-img .blog-media,
.bg-on.fullwidth-img .project-list-media {
padding: 0;
}
.bg-on .blog-content,
.bg-on .blog-media {
position: relative;
z-index: 9;
}
.bg-on.post .alignnone {
margin-top: 0;
}
/* #Template: List
================================================== */
.layout-list .post {
padding-top: 44px;
margin-top: 19px;
}
.layout-list .articles-list .post:last-child {
margin-bottom: -25px;
}
.layout-list .articles-list .post.bg-on:last-child {
margin-bottom: 0;
}
.layout-list .post:first-child {
border: none;
padding-top: 0;
margin-top: 0;
}
.blog .post.bg-on,
.portfolio .post.bg-on {
border-top: none;
}
.layout-list .blog-content,
.layout-list .blog-media,
.layout-list .project-list-content,
.layout-list .project-list-media {
display: block;
float: left;
width: 100%;
}
.layout-list article.no-img .blog-content {
width: 100% !important;
}
/* #Checkerboard order
================================================== */
.project-even .alignleft,
.project-even ul.royalSlider.alignleft {
float: right;
margin-right: 0;
margin-left: 30px;
}
/* #Background under projects
================================================== */
.layout-list .post.bg-on {
padding: 25px 25px 0px;
margin: 0 0 20px;
}
.layout-list .bg-on .blog-media,
.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-media,
.layout-list .bg-on .project-list-content {
display: block;
float: left;
width: 100%;
padding: 0;
}
.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-content {
padding-bottom: 10px;
}
/* #Post slider
================================================== */
.layout-list .post-slider {
margin-right: 30px;
}
.layout-list .project-even .post-slider {
margin-right: 0;
margin-left: 30px;
}
.layout-list .media-wide .post-slider,
.layout-list .media-wide.project-even .post-slider {
margin-right: 0;
margin-left: 0;
}
/* #Post Images
================================================== */
.post .alignleft,
.description-under-image .post .alignnone,
.description-under-image .post ul.royalSlider.alignnone,
.blog.layout-list .post.bg-on ul.royalSlider.alignnone,
.description-under-image .post .photoSlider-wrap {
margin-bottom: 20px;
}
.description-under-image .post .buttons-on-img ul.royalSlider.alignnone,
.description-under-image .bg-on.post .alignnone {
margin-bottom: 0;
}
.project-list-media .alignleft {
width: 100%;
}
.blog-media .alignleft {
float: none;
}
.blog.layout-list .post .alignleft,
.blog.layout-list .post .alignnone,
.blog.layout-list .post .post-slider {
margin-bottom: 25px;
}
.format-quote .block-style-widget {
margin: 0 0 15px;
padding: 25px 30px 15px;
}
.format-quote.bg-on .block-style-widget,
.bg-on .format-aside-content,
.bg-on .format-link-content {
margin-bottom: 10px;
}
/* #Blog
================================================== */
.layout-masonry .blog-content.wf-td,
.layout-masonry .blog-media.wf-td,
.iso-grid .blog-content.wf-td,
.iso-grid .blog-media.wf-td,
.media-wide .blog-content.wf-td,
.media-wide .blog-media.wf-td,
.iso-container .blog-media.wf-td,
.iso-container .blog-content.wf-td,
.shortcode-blog-posts .wf-td {
display: block;
}
.blog-media {
position: relative;
overflow: hidden;
z-index: 9;
}
/*Fancy date*/
.fancy-date a {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 10px;
right: 10px;
z-index: 30;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
background: #ffffff;
}
.circle-fancy-style .fancy-date a {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 0 8px;
min-width: 63px;
min-height: 63px;
}
.vertical-fancy-style .fancy-date a {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
min-height: 80px;
min-width: 42px;
padding: 2px 0;
}
.horizontal-fancy-style .fancy-date a {
padding: 2px 2px 1px 4px;
}
.fancy-date a * {
color: #222222;
}
.circle-fancy-style .fancy-date a .entry-year,
.circle-fancy-style .fancy-date a .entry-date:after {
display: none;
}
.fancy-date a .entry-month,
.fancy-date a .entry-date {
position: relative;
}
.fancy-date a .entry-month:after,
.fancy-date a .entry-date:after {
position: absolute;
height: 2px;
content: "";
}
.circle-fancy-style .fancy-date a .entry-month:after,
.circle-fancy-style .fancy-date a .entry-date:after {
left: 0;
bottom: -2px;
width: 100%;
}
.vertical-fancy-style .fancy-date a .entry-month:after,
.vertical-fancy-style .fancy-date a .entry-date:after {
left: 50%;
bottom: -2px;
width: 14px;
margin-left: -7px;
}
.horizontal-fancy-style .fancy-date a .entry-month:after,
.horizontal-fancy-style .fancy-date a .entry-date:after {
top: 50%;
margin-top: -2px;
right: 0;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.layout-list article.project-odd .fancy-date a {
top: 10px;
right: auto;
left: 10px;
}
.layout-list article.project-even .fancy-date a {
top: 10px;
left: auto;
right: 10px;
}
.bg-on:not(.fullwidth-img) .fancy-date a {
top: 35px;
right: 35px;
}
.fancy-date .entry-month,
.fancy-date .entry-year {
font: bold 11px / 19px Arial, Verdana, sans-serif;
}
.circle-fancy-style .fancy-date .entry-month,
.circle-fancy-style .fancy-date .entry-year {
text-transform: uppercase;
}
.vertical-fancy-style .fancy-date .entry-month,
.vertical-fancy-style .fancy-date .entry-year {
font: 700 12px/22px Arial;
padding: 1px;
}
.horizontal-fancy-style .fancy-date .entry-month,
.horizontal-fancy-style .fancy-date .entry-year {
padding: 0 6px 0 5px;
text-transform: none;
font: bold 12px / 22px Arial, Verdana, sans-serif;
}
.circle-fancy-style .fancy-date .entry-month,
.vertical-fancy-style .fancy-date .entry-month {
margin-bottom: 2px;
}
.horizontal-fancy-style .fancy-date .entry-month {
padding: 0 9px 0 5px;
}
.fancy-date .entry-date {
font: bold 24px / 29px Arial, Verdana, sans-serif;
}
.vertical-fancy-style .fancy-date .entry-date {
font: 700 22px/28px Arial;
margin-bottom: 3px;
padding: 2px;
}
.horizontal-fancy-style .fancy-date .entry-date {
padding: 0 9px 0 5px;
font: bold 12px / 22px Arial, Verdana, sans-serif;
}
/* #Portfolio
================================================== */
.post .project-media {
margin-bottom: 20px;
line-height: 0;
}
.project-media,
.project-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.project-media img {
max-width: 100%;
}
/* #Gallery
================================================== */
.dt-format-gallery a,
.dt-format-gallery .rollover-video {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* #Loading indicator
================================================== */
.dt-posts-preload {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.dt-posts-preload .dt-posts-preload-activity {
position: fixed;
display: block;
z-index: 2000;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.dt-posts-preload .dt-posts-preload-activity:before {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border: 3px solid #fff;
border-right-color: rgba(0, 0, 0, 0) !important;
border-left-color: rgba(0, 0, 0, 0) !important;
-webkit-animation: dt-posts-loader-rotation 1s linear infinite;
animation: dt-posts-loader-rotation 1s linear infinite;
content: '';
}
@-webkit-keyframes dt-posts-loader-rotation {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes dt-posts-loader-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* #Single
================================================== */
.single .content > .post,
.single .content > .project-post {
margin-bottom: 50px;
}
.single .content > .post:last-child,
.single .content > .project-post:last-child {
margin-bottom: 0;
}
/*!-Meta & tags*/
.post-meta .entry-meta,
.post-meta .entry-tags {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.portfolio-categories {
display: block;
overflow: hidden;
}
.blog-content .entry-meta {
padding: 0 0 10px 0;
}
.portfolio-categories {
padding: 0 0 10px 0;
}
.project-post .portfolio-categories {
padding: 0px 0 0 0;
margin-bottom: 10px;
}
.single .fs-entry .entry-meta {
float: none;
}
.entry-meta > a,
.entry-meta > span,
.portfolio-categories > a,
.portfolio-categories > span {
position: relative;
display: inline-block;
text-decoration: none;
}
.portfolio-categories a {
-webkit-transition: all 0.05s linear 0.05s;
transition: all 0.05s linear 0.05s;
}
.entry-meta span a,
.portfolio-categories > span a {
text-decoration: none;
}
.entry-meta a:hover,
.portfolio-categories a:hover {
text-decoration: underline;
}
.portfolio-categories > a.data-link:hover {
text-decoration: none;
cursor: default;
}
.portfolio-categories > a,
.portfolio-categories > span,
.entry-meta > a,
.entry-meta > span {
margin: 0 6px 0 0;
padding: 0 9px 0 0;
}
.portfolio-categories > a:last-child,
.portfolio-categories > span:last-child,
.entry-meta > a:last-child,
.entry-meta > span:last-child {
padding: 0;
margin: 0;
}
.portfolio-categories > a:after,
.portfolio-categories > span:after,
.entry-meta > a:after,
.entry-meta > span:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 3px;
height: 3px;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
}
.portfolio-categories > a:last-child:after,
.portfolio-categories > span:last-child:after,
.entry-meta > a:last-child:after,
.entry-meta > span:last-child:after {
display: none;
}
.fullwidth-slider .portfolio-categories > a,
.fullwidth-slider .portfolio-categories span {
float: none;
display: inline-block;
}
.entry-tags {
display: block;
overflow: hidden;
padding: 10px 0 0 0;
}
.entry-tags,
.entry-tags a,
.entry-tags span {
word-wrap: break-word;
}
.entry-tags span.single-tags {
position: relative;
float: left;
}
.single .entry-tags a {
padding: 1px 6px;
margin: 2px;
border: 1px solid;
font: normal 10px / 15px Arial, Verdana, sans-serif;
text-decoration: none;
letter-spacing: 0.3px;
}
/* #Single Blog
================================================== */
/*!-Post author*/
.entry-author {
overflow: hidden;
margin-bottom: 60px;
padding: 30px 30px 25px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entry-author:last-child {
margin-bottom: 0;
}
.entry-author-img {
width: 115px;
}
.entry-author-info {
vertical-align: top;
}
.entry-author .text-primary {
font-weight: bold;
}
.entry-author .alignleft {
margin-bottom: 10px;
}
.entry-author .alignleft img,
.entry-author img.alignleft {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.post .entry-author img {
max-width: none;
}
.blog .post .wp-smiley {
width: auto;
}
.single .post:not(.type-event) .post-thumbnail {
position: relative;
margin-bottom: 45px;
line-height: 0;
}
.single .post:not(.type-event) .post-thumbnail:last-child {
margin-bottom: 0;
}
.single .post:not(.type-event) .post-thumbnail img {
width: 100%;
}
.single .entry-content {
margin-bottom: 50px;
}
.single .entry-content:last-child {
margin-bottom: 0;
}
.single .post-meta {
margin-bottom: 55px;
}
.single .post-meta:last-child {
margin-bottom: 0;
}
.single-share-box {
position: relative;
}
.single .single-share-box {
margin-top: -5px;
margin-bottom: 60px;
}
.single .single-share-box:last-child {
margin-bottom: 0;
}
.page .single-share-box {
margin-top: 50px;
}
.single-share-box.show-on-hover {
z-index: 10;
display: inline-block;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-share-box.show-on-hover:hover {
cursor: pointer;
}
.share-link-description {
display: block;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}
.show-on-hover .share-link-description {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.show-on-hover .share-link-description:before {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border: 2px solid;
margin-bottom: 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
content: "\f1e0";
font: normal normal normal 14px/1 FontAwesome;
}
.single-share-box .share-buttons {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
line-height: 0;
}
.single-share-box:not(.show-on-hover) .share-buttons {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.share-buttons .soc-font-icon {
display: none;
}
.show-on-hover .share-buttons {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100%;
padding: 10px 5px 10px 10px;
margin-bottom: 10px;
background: #fff;
-webkit-box-shadow: 1px 3px 16px 0px rgba(0, 0, 0, 0.3);
box-shadow: 1px 3px 16px 0px rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
/* CSS Triangle*/
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
}
.show-on-hover .share-buttons:after {
position: absolute;
left: 50%;
bottom: -6px;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #fff;
content: "";
}
.show-on-hover .share-buttons:before {
position: absolute;
left: 0;
bottom: -20px;
content: " ";
display: block;
width: 100%;
height: 20px;
}
.show-on-hover:hover .share-buttons {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.single-share-box .share-buttons a {
display: inline-block;
width: 50px;
height: 30px;
min-width: 50px;
min-height: 30px;
margin: 0 4px 4px 0;
border: 1px solid;
font: normal normal normal 14px/30px FontAwesome;
text-decoration: none;
text-align: center;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.single-share-box .share-buttons a .icon {
display: none;
}
.single-share-box .share-buttons a.facebook {
border-color: rgba(76, 105, 199, 0.3);
color: #4c69c7;
}
.single-share-box .share-buttons a.facebook:hover {
border-color: #4c69c7;
}
.single-share-box .share-buttons a.facebook:before {
content: "\f09a";
}
.single-share-box .share-buttons a.twitter {
border-color: rgba(42, 190, 235, 0.3);
font-size: 15px;
color: #2abeeb;
}
.single-share-box .share-buttons a.twitter:hover {
border-color: #2abeeb;
}
.single-share-box .share-buttons a.twitter:before {
content: "\f099";
}
.single-share-box .share-buttons a.google {
border-color: rgba(230, 66, 53, 0.3);
color: #e64235;
}
.single-share-box .share-buttons a.google:hover {
border-color: #e64235;
}
.single-share-box .share-buttons a.google:before {
content: "\f0d5";
}
.single-share-box .share-buttons a.pinterest {
border-color: rgba(207, 40, 52, 0.3);
font-size: 16px;
color: #cf2834;
}
.single-share-box .share-buttons a.pinterest:hover {
border-color: #cf2834;
}
.single-share-box .share-buttons a.pinterest:before {
content: "\f0d2";
}
.single-share-box .share-buttons a.linkedin {
border-color: rgba(0, 123, 199, 0.3);
color: #007bc7;
}
.single-share-box .share-buttons a.linkedin:hover {
border-color: #007bc7;
}
.single-share-box .share-buttons a.linkedin:before {
content: "\f0e1";
}
.single-share-box .share-buttons a.whatsapp {
display: none;
border-color: rgba(54, 183, 77, 0.3);
font-size: 16px;
color: #36b74d;
}
.mobile-true .single-share-box .share-buttons a.whatsapp {
display: inline-block;
}
.single-share-box .share-buttons a.whatsapp:hover {
border-color: #36b74d;
}
.single-share-box .share-buttons a.whatsapp:before {
content: "\f232";
}
.author-info {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.author-avatar {
-webkit-flex: 0 0 80px;
-moz-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
margin-right: 30px;
}
.author-avatar.no-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
}
.author-avatar.no-avatar.no-avatar:after {
content: "\f007";
font-size: 36px;
}
.author-description h4 {
margin-bottom: 5px;
}
.author-description .author-link {
display: inline-block;
margin-bottom: 20px;
text-decoration: none;
}
.author-description .author-link:hover {
text-decoration: underline;
}
.post-navigation {
margin-bottom: 50px;
}
.post-navigation:last-child {
margin-bottom: 0;
}
.post-navigation .nav-links {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
padding: 25px 0;
border-width: 1px 0 1px 0;
border-style: solid;
}
.disabled-post-navigation.post-navigation .nav-links {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.post-navigation .nav-links .back-to-list .fa {
font-size: 28px;
}
.meta-nav {
margin-bottom: 5px;
text-transform: uppercase;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.post-navigation .back-to-list {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
text-decoration: none;
}
.back-to-list {
width: 30px;
}
.rtl .back-to-list {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.nav-previous {
width: 45%;
padding-left: 35px;
margin-right: 30px;
}
.nav-previous i {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 42px;
}
.nav-previous .post-title {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
max-width: 100%;
}
.rtl .nav-previous .post-title {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
}
.rtl .nav-previous {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.post-navigation .nav-next {
padding-right: 35px;
margin-left: 30px;
width: 45%;
text-align: right;
}
.post-navigation .nav-next i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 42px;
}
.post-navigation .nav-next .post-title {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
max-width: 100%;
}
.rtl .post-navigation .nav-next .post-title {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
.rtl .nav-next {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
}
/* #Single Portfolio/ Gallery
================================================== */
.project-post {
position: relative;
}
.single .project-slider {
margin-bottom: 45px;
}
.single-gallery-media {
padding-bottom: 45px;
}
.single .project-content {
margin-bottom: 55px;
}
/* List images*/
.images-container {
line-height: 0;
}
.images-list {
position: relative;
margin-bottom: 20px;
line-height: 0;
}
.images-list:last-child {
margin-bottom: 0;
}
.images-list img {
margin-bottom: 0;
}
.images-list-caption {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
}
.images-list-inner {
position: absolute;
bottom: 0;
display: inline-block;
margin: 0 20px;
padding: 15px 0 15px;
}
.images-list-inner h4 {
display: inline-block;
margin: 5px 0 0;
}
.images-list-inner,
.images-list-inner * {
color: #fff;
}
.navigation-inner a,
.project-details,
.project-link,
.project-zoom,
.vc-item .vc_read_more {
text-decoration: none;
}
/*!-Slideshow description*/
.slider-post-inner h4 {
display: inline-block;
vertical-align: middle;
margin: 5px 0 0;
}
.slider-post-inner,
#main .slider-post-inner h4,
.images-list-inner,
#main .images-list-inner h4 {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.slider-post-inner .album-content-btn,
.images-list-inner .album-content-btn {
display: block;
float: left;
width: 100%;
margin-bottom: 0;
}
.images-list-inner p {
margin-bottom: 0;
}
.slider-link {
display: block;
float: left;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 50%;
border-radius: 50%;
background-repeat: no-repeat;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.slider-link:hover {
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.7;
}
.slider-link,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
margin: 0 5px 5px 0;
background-position: center center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*Slideshow description:end*/
.single-related-posts {
padding-bottom: 35px;
margin-bottom: 50px;
border-bottom: 1px solid;
}
.single-related-posts:last-child {
margin-bottom: 0;
}
.single-related-posts .items-grid {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -25px -25px -25px;
}
.single-related-posts .items-grid > .related-item {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 33%;
padding: 0 25px 25px 25px;
box-sizing: border-box;
}
.sidebar-right .single-related-posts .items-grid > .related-item,
.sidebar-left .single-related-posts .items-grid > .related-item {
width: 50%;
}
.comments-area,
.single-related-posts,
.comment-respond {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.comments-area > h3,
.single-related-posts > h3,
.comment-respond > h3 {
position: relative;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
padding-bottom: 10px;
margin-bottom: 40px;
}
.comments-area > h3:after,
.single-related-posts > h3:after,
.comment-respond > h3:after {
position: absolute;
bottom: 0;
left: 50%;
width: 60px;
height: 3px;
margin-left: -30px;
content: "";
}
.single-related-posts > h3 {
margin-bottom: 35px;
}
.single-portfolio .single-related-posts {
padding-bottom: 60px;
}
.single-portfolio .single-related-posts > h3 {
margin-bottom: 40px;
}
/* #Comments
================================================== */
#comments .comment-list,
#comments .children {
margin: 0;
padding: 0;
list-style: none;
}
#comments .comment-list {
padding-bottom: 50px;
}
#comments .comment-list:last-child {
padding-bottom: 0;
}
.comment-list .comment-body {
position: relative;
padding: 30px 30px 15px 120px;
margin-top: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.comment-list > li:first-child > .comment-body {
margin-top: 0;
}
#comments .children {
margin-left: 90px;
}
.comment-author-name {
display: block;
margin-bottom: 5px;
}
.comment-author-name a {
font: inherit !important;
}
.comment-metadata {
margin-bottom: 20px;
}
.comment-author .avatar,
.comment-author .rollover {
float: left;
margin: 0px 30px 15px -90px;
}
.comment-author .rollover i,
.comment-author .rollover,
.comment-author .avatar {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.comment-author .rollover .avatar {
margin: 0;
}
.comment-content {
overflow: hidden;
margin-bottom: 10px;
}
.comment-list .reply {
text-align: right;
margin-bottom: 10px;
}
.comment-reply-link {
margin-left: 10px;
font-weight: bold;
}
.comment-reply-title > small {
display: block;
text-align: center;
}
.comment-reply-title #cancel-comment-reply-link {
display: inline-block;
float: none;
padding-left: 15px;
text-align: center;
}
.comment-notes,
.logged-in-as {
text-align: center;
margin-bottom: 15px;
}
.comment-form .form-fields {
overflow: hidden;
margin-bottom: 10px;
}
#page .comment-respond .dt-btn,
#page .comment-respond p.form-submit {
margin-bottom: 0;
}
.rtl #page .comment-respond .dt-btn {
float: left;
}
.says {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
/* !- Comments form */
.comment #respond {
padding-top: 24px;
}
#respond #submit {
display: none;
}
#commentform textarea,
.contact-form textarea {
width: 100%;
margin: 0 0 10px;
}
.comment-reply-link,
.comment-meta a,
.fn a,
.pingback a,
.clear-form {
text-decoration: none;
}
#reply-title small a:hover,
.comment-reply-link:hover,
.comment-meta a:hover,
.pingback a:hover,
.clear-form:hover {
text-decoration: underline;
}
/* #Share buttons
================================================== */
.project-share-overlay {
position: relative;
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
}
.project-info-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
margin-bottom: 40px;
}
.project-post .btn-project-link {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
min-width: 220px;
height: 50px;
border: 2px solid;
margin-bottom: 15px;
font-weight: bold;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.project-share-overlay .share-button.entry-share {
text-decoration: none;
}
#page .project-share-overlay .share-button.entry-share {
padding: 0 0 0 23px;
}
.share-button.entry-share {
display: inline-block;
padding: 0 0 0 23px;
}
.share-button.entry-share.no-text,
.btn-project-link.no-text {
width: 36px;
height: 36px;
padding: 0;
text-indent: -9999px;
}
.share-button.entry-share,
.btn-project-link,
.share-overlay .soc-ico a {
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.photo-scroller .share-button.entry-share,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E");
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico {
position: absolute;
z-index: 999;
bottom: 46px;
width: 150px;
height: 36px;
padding: 0 3px;
visibility: hidden;
overflow: visible;
opacity: 0;
background-color: #fff;
text-align: center;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico {
bottom: 48px;
}
.project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico {
bottom: 38px;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico:after,
.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
position: absolute;
left: 50%;
margin-left: -5px;
bottom: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid white;
content: "";
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
margin-left: -6px;
bottom: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0, 0, 0, 0.1);
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a {
display: none;
float: none;
width: 24px;
margin: 7px 3px 0 3px;
background: none !important;
}
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a {
box-shadow: none;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover {
background: none !important;
opacity: 0.6;
}
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:before,
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after {
display: none;
}
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .soc-font-icon,
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .soc-font-icon {
color: #000;
}
.project-share-overlay.allways-visible-icons .soc-ico {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
/*albums share*/
.slide-caption .share-button.entry-share,
.slide-caption .btn-project-link {
border-color: rgba(255, 255, 255, 0.35);
}
.slide-caption .share-button.entry-share:hover,
.slide-caption .btn-project-link:hover {
background-color: rgba(255, 255, 255, 0.35);
border-color: rgba(255, 255, 255, 0.35);
}
.single-attachment article.type-attachment {
text-align: center;
}
.single-attachment article.type-attachment .rollover {
display: inline-block;
}
/* #Sidebar
================================================== */
.sidebar {
position: relative;
z-index: 9;
}
.sidebar-none .sidebar {
display: none;
}
#main .ui-widget-content {
clear: both;
}
.sidebar-right .sidebar.solid-bg,
.sidebar-left .sidebar.solid-bg,
.sidebar-right .sidebar.bg-under-widget,
.sidebar-left .sidebar.bg-under-widget {
border: none;
}
.sidebar-left .sidebar.solid-bg,
.sidebar-left .sidebar.bg-under-widget {
padding-right: 0;
}
.sidebar-right .sidebar.solid-bg,
.sidebar-right .sidebar.bg-under-widget {
padding-left: 0;
}
.sidebar-left .wf-wrap:before,
.sidebar-left .wf-wrap:after,
.sidebar-right .wf-wrap:before,
.sidebar-right .wf-wrap:after {
content: "";
display: table;
}
.sidebar-divider-off #sidebar {
border: none;
}
/* !- Full-width page (no sidebar) */
.sidebar-none .content {
width: 100%;
}
.no-cssgridlegacy.no-cssgrid .sidebar-none .content {
width: 100%;
}
/* #Widgets
================================================== */
.sidebar .widget,
.sidebar-content .widget {
padding: 0;
margin-bottom: -10px;
}
.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
margin-bottom: 0;
}
.sidebar.solid-bg .widget,
.solid-bg .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
padding-left: 25px;
padding-right: 25px;
}
.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
padding: 25px 25px 15px;
}
.sidebar .widget-divider-off .widget,
.sidebar-content.widget-divider-off .widget,
.solid-bg.sidebar-content .widget {
border-top: none;
}
.sidebar.bg-under-widget .widget:first-child,
.bg-under-widget .sidebar-content .widget:first-child,
.solid-bg.sidebar-content .widget:first-child {
margin-top: 0;
}
.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child,
.content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child {
padding-top: 0;
}
.sidebar .widget:first-child,
.sidebar-content .widget:first-child {
border-top: none;
}
.footer .widget {
margin-bottom: 30px;
}
.widget:before,
.widget:after {
content: "";
display: table;
clear: both;
}
.widget-info {
margin-bottom: 10px;
}
.content .widget ul {
list-style: none;
}
.widget-title {
margin-bottom: 15px;
clear: both;
}
/* #Categories
================================================== */
.custom-categories,
.widget_categories ul {
padding-bottom: 10px;
}
.custom-categories li,
.cat-item {
overflow: hidden;
margin: 9px 0 0 0;
padding: 10px 0 0 0;
}
.custom-categories li {
margin-top: 0;
}
.custom-categories > li:first-child,
.cat-item:first-child {
margin-top: 0;
padding-top: 0;
border-top: none !important;
}
.custom-categories a,
.cat-item a {
text-decoration: none;
}
.custom-categories a {
display: block;
clear: both;
}
.custom-categories span.item-name {
float: left;
}
.custom-categories span.item-num {
float: right;
margin-left: 10px;
}
.custom-categories ul,
.cat-item ul {
margin-left: 20px;
}
/* #Calendar
================================================== */
#wp-calendar {
margin: 25px 0 15px 0;
border-width: 1px;
border-style: solid;
}
#wp-calendar caption {
padding: 5px 0 5px 0;
margin: 0;
height: auto;
border-style: solid;
border-width: 1px;
border-bottom: none;
}
#wp-calendar th {
height: 25px;
font-weight: normal;
}
.content #wp-calendar th {
border: none;
}
#wp-calendar td {
width: 34px;
height: 25px;
border-style: solid;
border-width: 1px;
vertical-align: middle;
text-align: center;
line-height: 20px;
cursor: default;
}
#wp-calendar td.act {
color: #fff;
}
#wp-calendar td a {
display: block;
width: 100%;
text-decoration: none;
}
#wp-calendar td.pad,
.footer #wp-calendar td.pad {
background: none !important;
border: none;
}
#wp-calendar tfoot td {
width: auto;
}
#wp-calendar tfoot td#prev {
padding-left: 10px;
text-align: left;
}
#wp-calendar tfoot td#next {
padding-right: 10px;
text-align: right;
}
#wp-calendar tfoot td a:hover {
background: none;
text-decoration: none;
}
/* #Contact info
================================================== */
.shortcode-contacts,
.shortcode-contact-info {
margin-bottom: 20px;
}
.contact-info,
.content .contact-info {
margin: 0;
padding-bottom: 10px;
}
.contact-info li {
margin: 10px 0 0 0;
list-style: none;
}
.contact-info li:first-child {
margin-top: 0;
}
.widget .soc-ico {
padding: 5px 0 10px 0;
}
/* #Custom navigation
================================================== */
.custom-nav {
margin: 0;
}
.custom-nav > li:first-child {
border-top: none !important;
}
.custom-nav > li > a {
display: block;
position: relative;
padding: 0 0 10px;
text-decoration: none;
}
.custom-nav > li > a span {
display: inline-block;
}
.custom-nav > li > a:before,
.custom-nav > li li a:before {
display: block;
position: absolute;
top: 14px;
right: 0;
width: 13px;
height: 13px;
content: "";
background-repeat: no-repeat;
background-position: center center;
}
.custom-nav > li .custom-menu li {
border: none !important;
}
.custom-nav > li li a {
padding-left: 12px;
background-image: none !important;
}
.custom-nav > li li a:before {
top: 50%;
margin-top: -1px;
right: auto;
left: 0;
width: 3px;
height: 3px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.custom-nav > li > ul {
display: none;
margin: 0 0px 0 0px;
padding: 0 20px 15px 20px;
}
.custom-nav > li > ul a span {
display: inline-block;
}
.custom-nav > li li {
margin-top: 0;
padding-top: 7px;
}
.custom-nav > li > ul a:hover {
text-decoration: none;
}
.custom-nav > li:last-child > ul {
margin-bottom: -5px;
}
.bg-under-widget .custom-nav > li:last-child > ul,
.solid-bg .custom-nav > li:last-child > ul {
margin-bottom: -5px;
}
/* #Menu
================================================== */
.menu,
.custom-menu .widget_pages > ul {
margin: 0;
padding: 0 0 10px 0;
}
.menu li,
.widget_pages li,
.qts-lang-menu li {
display: block;
position: relative;
margin: 9px 0 0 0;
padding: 10px 0 0 0;
}
.custom-menu li {
padding: 6px 0 0 0;
}
.dividers-on.custom-menu li {
padding: 9px 0 0 0;
}
.custom-menu li {
margin: 6px 0 0 0;
padding: 7px 0 0 0;
}
.dividers-on.custom-menu li {
margin: 9px 0 0 0;
padding: 10px 0 0 0;
}
.menu > li:first-child,
.custom-menu > li:first-child,
.widget_pages > ul > li:first-child,
.qts-lang-menu li:first-child {
border: none !important;
margin-top: 0;
padding-top: 0;
}
#page .qtrans_flag {
width: auto;
height: auto;
background-position: 0 center;
}
.menu a,
.custom-menu a,
.widget_pages a {
text-decoration: none;
padding-right: 15px;
}
.widget_nav_menu a {
display: inline-block;
}
.widget_nav_menu a:hover {
text-decoration: none;
}
.custom-menu a {
position: relative;
display: inline-block;
background-repeat: no-repeat;
background-position: 0 5px;
}
.show-arrow.custom-menu a {
padding-left: 23px;
}
.enable-bold.custom-menu a {
font-weight: bold;
}
.custom-menu.show-arrow a:before,
.widget_presscore-custom-menu-1 .custom-menu.show-arrow a:after {
position: absolute;
top: 5px;
left: 0;
width: 14px;
height: 14px;
content: "";
}
.custom-nav.show-arrow > .has-children > a:after {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: 5px;
width: 8px;
height: 8px;
content: "";
}
.widget_pages a {
display: inline-block;
}
.menu li ul,
.custom-menu li ul,
.widget_pages li ul,
.content .menu li ul,
.content .custom-menu li ul,
.content .widget_pages li ul {
margin-left: 20px;
}
.custom-nav .custom-menu li ul {
padding-top: 10px;
}
/* #Meta
================================================== */
.tagcloud {
padding-bottom: 15px;
}
.widget_tag_cloud a {
display: inline-block;
padding: 0 3px;
margin-bottom: 2px;
text-decoration: none;
}
/* #Recent posts
================================================== */
.recent-posts {
margin: 0;
padding: 0 0 5px 0;
}
.recent-posts li {
display: block;
overflow: hidden;
margin: 9px 0 0 0;
padding: 15px 0 0 0;
}
.recent-posts li article {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.widget .recent-posts li {
margin-top: 0;
}
.recent-posts > li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none !important;
}
.recent-posts a,
.items-grid .post-content > a {
display: inline-block;
text-decoration: none;
}
.recent-posts .post-content > p,
.items-grid .post-content > p {
margin-top: 10px;
}
.recent-posts .alignleft {
margin: 5px 20px 5px 0;
font-size: 0;
line-height: 0;
}
/* #Recent tweets
================================================== */
.widget .tp_recent_tweets {
margin-bottom: 10px;
}
.widget .tp_recent_tweets li .twitter_time {
position: relative;
padding: 0 0 0 20px;
}
.widget .tp_recent_tweets li {
padding: 15px 0 0 0;
background-image: none;
}
.tp_recent_tweets li,
.tp_recent_tweets li * {
line-height: inherit;
}
.widget .tp_recent_tweets li:first-child {
margin-top: 0;
padding-top: 0;
border: none !important;
}
.widget .tp_recent_tweets li .twitter_time:before {
position: absolute;
display: block;
top: 2px;
left: 0;
width: 15px;
height: 15px;
content: "";
background-position: 0 0;
background-repeat: no-repeat;
}
.widget .tp_recent_tweets li:first-child:before {
top: 5px;
}
.tp_recent_tweets li a {
font-weight: normal;
text-decoration: none;
}
.widget .tp_recent_tweets .twitter_time {
font-style: normal;
}
.widget .tp_recent_tweets .twitter_time:hover {
text-decoration: underline;
}
/* #Search
================================================== */
.widget .searchform,
.content .searchform {
position: relative;
}
.widget_search form {
margin: 5px 0 15px 0;
}
.widget_search input[type="text"] {
width: 100%;
margin: 0;
}
.widget .searchform input,
.content .searchform input {
padding-right: 30px;
}
.widget .searchsubmit,
.widget .searchform .submit,
.content .searchform .submit {
position: absolute;
top: 12px;
right: 15px;
width: 16px;
height: 16px;
padding: 0;
background-position: 0 0;
background-repeat: no-repeat;
}
/* #Skills
================================================== */
.skills {
padding-bottom: 5px;
}
.skills.hide-percent .skill-value > span {
display: none !important;
}
html:not(.mobile-true) .skill-value {
-webkit-transition: width 1200ms ease;
transition: width 1200ms ease;
}
.skill-name {
margin-bottom: 5px;
}
.skill-name span {
margin-left: 5px;
}
.skill {
margin-bottom: 15px;
height: 7px;
}
.skill-value {
position: relative;
width: 0%;
height: 100%;
}
.skill-value:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
html:not(.mobile-true) .skill-value {
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
-webkit-transition-delay: 300ms;
}
.skill-value span {
position: absolute;
top: -26px;
right: -16px;
margin-right: 4px;
padding: 2px 6px 3px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
font-size: 10px;
font-family: Tahoma, san-serif;
line-height: 14px;
}
.skill-value span:after {
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(0, 0, 0, 0.8);
content: "";
}
.widget .rsContW {
padding-top: 5px;
}
/* #Categories, Meta, Blogroll, Archives, Recent Posts, Recent Comments
========================================================================= */
.widget_categories > ul,
.widget_meta > ul,
.blogroll > ul,
.widget_archive > ul,
.widget_recent_entries > ul,
.widget_recent_comments > ul,
.widget_links > ul,
.custom-menu {
padding-bottom: 10px;
}
.widget_categories li,
.widget_meta li,
.blogroll li,
.widget_archive li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_links li {
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
.widget_categories li:first-child,
.widget_meta li:first-child,
.blogroll li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments > ul > li:first-child,
.custom-menu > li:first-child,
.widget_links > ul > li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none !important;
}
.widget_categories a,
.widget_meta a,
.blogroll a,
.widget_archive a,
.widget_recent_entries a,
.widget_recent_comments a,
.widget_links a {
display: inline-block;
text-decoration: none;
}
/* #Accordion
========================================================================= */
.st-accordion {
padding-bottom: 10px;
}
.st-accordion ul {
margin: 0;
}
.st-accordion > ul > li {
overflow: hidden;
/*height: 20px;*/
margin: 0;
padding: 9px 0 0 0;
list-style: none;
}
.st-accordion > ul > li:first-child .st-content {
display: block;
}
.st-accordion > ul > li:first-child {
padding-top: 0;
margin-top: 0;
border: none;
}
.st-accordion li > a {
display: inline-block;
position: relative;
padding-left: 25px;
outline: none;
}
.st-accordion li > a:before,
.st-accordion li > a:after {
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
width: 14px;
height: 14px;
content: "";
}
.st-accordion li > a:after {
background-position: center center;
background-repeat: no-repeat;
}
.st-content {
display: none;
padding: 10px 0 5px 0;
}
.st-content p {
margin-bottom: 0;
}
.st-accordion li > a:hover {
text-decoration: none;
}
/*text widget*/
.textwidget {
margin-bottom: 10px;
}
.textwidget a {
text-decoration: none;
}
.textwidget img {
max-width: 100%;
height: auto;
}
.textwidget * {
max-width: 100%;
}
.textwidget input {
width: 100%;
}
a.rsswidget {
text-decoration: none;
display: inline-block;
}
/* #Basic typography
================================================== */
body.responsive-off {
min-width: 998px;
}
body {
overflow-x: hidden;
}
/* #Headers
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
clear: both;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* #Lists
================================================== */
.content ul,
.content ol {
margin: 0 0 10px 20px;
}
.fa-ul li {
list-style: none;
}
.content .widget ul,
.content .widget ol {
margin: 0 0 0px 0px;
}
.content ul {
list-style: disc outside none;
}
.content ol {
list-style-type: decimal;
}
/* #Tables
================================================== */
.content table {
border-bottom: 1px solid transparent;
width: 100%;
margin: 0 0 10px 0;
}
.content table caption {
margin: 10px 0;
}
.content td,
.content th {
border-top: 1px solid transparent;
padding: 5px 10px 5px 5px;
}
.content th {
text-align: left;
}
/* #Images
================================================== */
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.post img,
.post .rollover,
.post .rollover-video:not(.ts-slide) {
max-width: 100%;
height: auto;
}
.recent-posts .alignleft img {
max-width: inherit;
height: inherit;
}
blockquote {
padding: 20px 25px;
margin: 0 0 10px 0;
}
.format-status-content {
border: none;
}
.alignleft {
float: left;
margin: 0 30px 10px 0;
}
#footer .alignleft,
#sidebar .alignleft {
margin-right: 20px;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
#footer .alignright,
#sidebar .alignright {
margin-left: 20px;
}
.aligncenter {
display: block;
margin: 0 auto 10px auto;
}
.alignnone {
float: none;
margin: 0 auto 10px auto;
}
.shortcode-single-image-wrap.alignnone,
.shortcode-single-image-wrap.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.wp-caption {
max-width: 100%;
}
/* #Dividers & gap
================================================== */
.hr-thick,
.hr-thin,
.gap-10,
.gap-20,
.gap-30,
.gap-40,
.vc_empty_space,
.gap {
clear: both;
}
.hr-thick {
height: 1px;
line-height: 1px;
border-bottom-style: solid;
border-bottom-width: 5px;
margin-bottom: 1px;
margin: 0 auto;
}
.hr-thin {
height: 9px;
line-height: 9px;
margin: 0 auto;
}
.hr-thin.hr-left {
margin: 0;
}
.hr-thin.hr-right {
margin: 0 0 0 auto;
}
.divider-heder,
.single .divider-heder,
.page .divider-heder {
margin: 25px 0 36px 0;
}
.layout-list .divider-heder,
.layout-masonry .divider-heder {
margin: 25px 0 36px 0;
}
.divider-comments {
margin: 0 0 35px 0;
}
.divider-post {
margin: 10px 0 20px 0;
}
.text-centered {
text-align: center;
}
/* Basic typography: end */
/* #Helper styles
================================================== */
a.text-secondary {
text-decoration: none;
}
a.text-secondary:hover {
text-decoration: underline;
}
.assistive-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.assistive-info {
text-align: right;
color: #fff;
}
.wf-clearfix:before {
content: "";
display: table;
}
.wf-clearfix:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .wf-clearfix {
zoom: 1;
}
.wf-container:before,
#main-nav:before,
#top-bar:before,
.header-bottom-bar:before,
.layout-list .post:before {
content: "";
display: table;
}
.wf-container:after,
#main-nav:after,
#top-bar:after,
.header-bottom-bar:after,
.layout-list .post:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .wf-container,
.ancient-ie #main-nav,
.ancient-ie #top-bar,
.ancient-ie .header-bottom-bar,
.ancient-ie .layout-list .post {
zoom: 1;
}
/* Helper styles: end */
/* #Basic blocks layout
================================================== */
#page {
position: relative;
overflow: hidden;
}
.footer-overlap #page {
background: none;
}
#page.boxed {
max-width: 1320px;
margin: 0px auto;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
/* !Main */
.main-gradient {
display: none;
}
#main {
padding: 50px 0 50px 0;
}
/* Basic blocks layout: end */
.static-height {
position: relative;
}
.fancy-parallax-bg,
.page-title-parallax-bg {
background-attachment: fixed !important;
background-position-x: 50%;
}
.fancy-parallax-bg > .wf-wrap,
.page-title-parallax-bg > .wf-wrap {
position: relative;
}
.mobile-false .fancy-parallax-bg,
.mobile-false .page-title-parallax-bg {
opacity: 0;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
/*!-Video */
embed,
iframe,
object,
video {
max-width: 100%;
}
/*Video:end*/
/*!-Parallax background for device*/
.mobile-true .fancy-parallax-bg,
.mobile-true .page-title-parallax-bg {
background-attachment: scroll !important;
background-size: auto !important;
}
/* background for device:end*/
/*!-Row settings->Full-width content*/
.full-width-wrap {
position: relative;
display: block;
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.is-iphone .full-width-wrap {
opacity: 1;
}
.full-width-wrap > .wf-cell,
.full-width-wrap > .wpb_column,
.content .vc_row.full-width-wrap > .wpb_column,
.full-width-wrap > .wpb_column > .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
/*!-WP Audio*/
.mejs-controls .mejs-play:hover button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button,
.mejs-controls .mejs-pause:hover button {
background-position: 0 -16px;
}
.mejs-controls button {
-webkit-box-shadow: none;
box-shadow: none;
}
.mejs-controls .mejs-mute button:hover {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button:hover {
background-position: -16px 0;
}
/*WP Audio:end*/
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
#page .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
/**/
article.attachment:after,
article.attachment:before {
content: "";
display: table;
clear: both;
}
/* #Basic forms style
================================================== */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select,
textarea,
.wpcf7-number {
padding: 5px 15px 5px 15px;
margin-bottom: 10px;
border: 1px solid #e0e1e1;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="button"] {
outline: none;
}
@media all and (-ms-high-contrast: none) {
.dt-form textarea {
min-height: 100px;
}
}
.comment-form .form-fields > span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-fields input,
.login-username input,
.login-password input {
width: 100%;
}
.form-message {
display: block;
margin-bottom: 10px;
}
.inline-message-style .form-message {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.inline-message-style .form-message .formError {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
}
.inline-message-style .form-message textarea {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.form-fields > span {
position: relative;
display: block;
}
.inline-message-style .form-fields > span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.inline-message-style .form-fields > span .formError {
-webkit-order: 0;
-moz-order: 0;
-ms-flex-order: 0;
order: 0;
}
.inline-message-style .form-fields > span input {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.form-allowed-tags {
margin-bottom: 20px;
}
.clear-form,
#cancel-comment-reply-link {
position: relative;
float: right;
padding: 0 15px 0 0;
}
.clear-form:before,
#cancel-comment-reply-link:before {
display: block;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
width: 10px;
font: normal normal normal 10px/1 FontAwesome;
content: "\f00d";
}
/*Contact form 7*/
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-select {
width: 100%;
}
.wpcf7-not-valid-tip {
display: none;
}
.inline-message-style .wpcf7-mail-sent-ok,
.inline-message-style .wpcf7-validation-errors {
border: none;
}
.popup-message-style #page .wpcf7-mail-sent-ok,
.popup-message-style #page .wpcf7-validation-errors {
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flexbox !important;
display: -ms-flex !important;
display: flex !important;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
border: none !important;
position: fixed;
top: 50%;
left: 100%;
width: 400px;
max-height: 500px;
margin: 0 !important;
padding: 15px 20px 15px 65px;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(200px, -50%, 0);
-ms-transform: translate3d(200px, -50%, 0);
transform: translate3d(200px, -50%, 0);
-webkit-animation: slide-in-message, slide-out-message;
animation: slide-in-message, slide-out-message;
-webkit-animation-duration: 1.2s, 1.1s;
animation-duration: 1.2s, 1.1s;
-webkit-animation-delay: .4s, 9s;
animation-delay: .4s, 9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
font-weight: bold;
box-sizing: border-box;
}
.popup-message-style #page .wpcf7-mail-sent-ok:before,
.popup-message-style #page .wpcf7-validation-errors:before {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
top: 20px;
left: 0;
width: 65px;
height: 100%;
font: normal normal normal 28px/1 FontAwesome;
content: "\f06a";
}
.popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text,
.popup-message-style #page .wpcf7-validation-errors .wpcf7-not-valid-tip-text,
.popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-valid-tip-text,
.popup-message-style #page .wpcf7-validation-errors .wpcf7-valid-tip-text {
opacity: 1;
}
.popup-message-style #page .wpcf7-mail-sent-ok:before {
content: "\f058";
}
input.wpcf7-validates-as-required.wpcf7-not-valid {
border-color: #f55b5f;
}
/*Gravity Forms*/
.gform_fields li {
list-style: none;
}
.gform_wrapper .gform_body input[type="text"],
.gform_wrapper .gform_body input[type="url"],
.gform_wrapper .gform_body input[type="email"],
.gform_wrapper .gform_body input[type="tel"],
.gform_wrapper .gform_body input[type="number"],
.gform_wrapper .gform_body input[type="password"] {
padding: 9px 10px 8px;
font-size: 100%;
}
.gform_wrapper .gform_body select,
.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select,
.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select,
.mc4wp-form form select {
padding: 6px 10px 5px;
font-size: 100%;
}
#main .gform_wrapper .ginput_left input:focus + label,
#main .gform_wrapper .ginput_right input:focus + label,
#main .gform_wrapper .ginput_full input:focus + label {
font-weight: normal;
}
/* #Buttons
================================================== */
.dt-form button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.dt-btn,
a.button,
button.button,
#main-slideshow .tp-button,
#main .gform_wrapper .gform_footer input.button,
#main .gform_wrapper .gform_footer input[type="submit"],
.nsu-submit,
form.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
.tml-submit-wrap input[type="submit"] {
position: relative;
display: inline-block;
border: none;
text-decoration: none;
white-space: nowrap;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dt-form button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.dt-btn:hover,
a.button:hover,
button.button:hover,
#main-slideshow .tp-button:hover,
#main .gform_wrapper .gform_footer input.button:hover,
#main .gform_wrapper .gform_footer input[type="submit"]:hover,
.nsu-submit:hover,
form.mc4wp-form input[type="submit"]:hover,
div.mc4wp-form button[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.mc4wp-form input[type="submit"]:hover,
.tml-submit-wrap input[type="submit"]:hover {
text-decoration: none;
}
.full-width-btn.dt-btn {
display: block;
text-align: center;
clear: both;
}
#page .btn-margin,
#page .btn-margin:last-child,
#page .contact-form .dt-btn {
margin-right: 10px;
}
#page .btn-margin-left,
#page .btn-margin-left:last-child {
margin-left: 10px;
}
.btn-shortcode {
margin-bottom: 10px;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button.button,
input.button {
border: none;
}
#page .btn-link {
padding: 0;
}
.btn-link {
display: inline-block;
text-decoration: none;
white-space: nowrap;
}
/*Font icons for button*/
.dt-btn .fa,
.btn-link .fa,
.dt-btn .fa *,
.btn-link .fa * {
color: inherit;
}
.dt-btn-s .fa,
.dt-btn-m .fa {
margin-right: 8px;
}
.dt-btn-l .fa {
margin-right: 9px;
}
.dt-btn-s.ico-right-side .fa,
.dt-btn-m.ico-right-side .fa {
margin-right: 0px;
margin-left: 8px;
}
.dt-btn-l.ico-right-side .fa {
margin-right: 0px;
margin-left: 9px;
}
/* # 3D, Flat Buttons
================================================== */
.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),
.btn-3d button.button,
.btn-3d a.button,
.btn-3d .dt-form button,
.btn-3d .widget .dt-form .dt-btn,
.btn-3d input[type="reset"],
.btn-3d .nsu-submit,
.btn-3d .wpcf7-submit,
.btn-3d .dt-wc-btn,
.btn-3d .checkout-button,
.btn-3d #place_order,
.btn-3d input[name="apply_coupon"],
.btn-3d input[name="login"],
.btn-3d button[name="calc_shipping"],
.btn-3d .single_add_to_cart_button.button,
.btn-3d .button.wc-backward,
.btn-3d .woocommerce-Button.button,
.btn-3d .woocommerce-Reviews .submit,
.btn-3d .woocommerce-Button[name="register"],
.btn-3d .track_order input[name="track"],
.btn-3d input#place_order,
.btn-3d input[name="save_address"],
.btn-3d .post-password-form input[type="submit"],
.btn-3d .mc4wp-form input[type="submit"],
.btn-3d div.mc4wp-form button[type="submit"],
.btn-3d .tml-submit-wrap input[type="submit"],
.btn-3d .wpcf7-form input[type="submit"],
.btn-3d input[type="submit"]:not([name="update_cart"]) {
top: 0;
border-bottom: 2px solid;
-webkit-transition: none;
transition: none;
}
.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,
.btn-flat button.button:after,
.btn-flat a.button:after,
.btn-flat .dt-form button:after,
.btn-flat .widget .dt-form .dt-btn:after,
.btn-flat input[type="reset"]:after,
.btn-flat .nsu-submit:after,
.btn-flat .wpcf7-submit:after,
.btn-flat .dt-wc-btn:after,
.btn-flat .checkout-button:after,
.btn-flat #place_order:after,
.btn-flat input[name="apply_coupon"]:after,
.btn-flat input[name="login"]:after,
.btn-flat button[name="calc_shipping"]:after,
.btn-flat .single_add_to_cart_button.button:after,
.btn-flat .button.wc-backward:after,
.btn-flat .woocommerce-Button.button:after,
.btn-flat .woocommerce-Reviews .submit:after,
.btn-flat .woocommerce-Button[name="register"]:after,
.btn-flat .track_order input[name="track"]:after,
.btn-flat input#place_order:after,
.btn-flat input[name="save_address"]:after,
.btn-flat .post-password-form input[type="submit"]:after,
.btn-flat .mc4wp-form input[type="submit"]:after,
.btn-flat div.mc4wp-form button[type="submit"]:after,
.btn-flat .tml-submit-wrap input[type="submit"]:after,
.btn-flat .wpcf7-form input[type="submit"]:after,
.btn-flat input[type="submit"]:not([name="update_cart"]):after,
.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,
.btn-3d button.button:after,
.btn-3d a.button:after,
.btn-3d .dt-form button:after,
.btn-3d .widget .dt-form .dt-btn:after,
.btn-3d input[type="reset"]:after,
.btn-3d .nsu-submit:after,
.btn-3d .wpcf7-submit:after,
.btn-3d .dt-wc-btn:after,
.btn-3d .checkout-button:after,
.btn-3d #place_order:after,
.btn-3d input[name="apply_coupon"]:after,
.btn-3d input[name="login"]:after,
.btn-3d button[name="calc_shipping"]:after,
.btn-3d .single_add_to_cart_button.button:after,
.btn-3d .button.wc-backward:after,
.btn-3d .woocommerce-Button.button:after,
.btn-3d .woocommerce-Reviews .submit:after,
.btn-3d .woocommerce-Button[name="register"]:after,
.btn-3d .track_order input[name="track"]:after,
.btn-3d input#place_order:after,
.btn-3d input[name="save_address"]:after,
.btn-3d .post-password-form input[type="submit"]:after,
.btn-3d .mc4wp-form input[type="submit"]:after,
.btn-3d div.mc4wp-form button[type="submit"]:after,
.btn-3d .tml-submit-wrap input[type="submit"]:after,
.btn-3d .wpcf7-form input[type="submit"]:after,
.btn-3d input[type="submit"]:not([name="update_cart"]):after {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-border-radius: inherit;
border-radius: inherit;
}
.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after,
.btn-flat button.button:active:after,
.btn-flat a.button:active:after,
.btn-flat .dt-form button:active:after,
.btn-flat .widget .dt-form .dt-btn:active:after,
.btn-flat input[type="reset"]:active:after,
.btn-flat .nsu-submit:active:after,
.btn-flat .wpcf7-submit:active:after,
.btn-flat .dt-wc-btn:active:after,
.btn-flat .checkout-button:active:after,
.btn-flat #place_order:active:after,
.btn-flat input[name="apply_coupon"]:active:after,
.btn-flat input[name="login"]:active:after,
.btn-flat button[name="calc_shipping"]:active:after,
.btn-flat .single_add_to_cart_button.button:active:after,
.btn-flat .button.wc-backward:active:after,
.btn-flat .woocommerce-Button.button:active:after,
.btn-flat .woocommerce-Reviews .submit:active:after,
.btn-flat .woocommerce-Button[name="register"]:active:after,
.btn-flat .track_order input[name="track"]:active:after,
.btn-flat input#place_order:active:after,
.btn-flat input[name="save_address"]:active:after,
.btn-flat .post-password-form input[type="submit"]:active:after,
.btn-flat .mc4wp-form input[type="submit"]:active:after,
.btn-flat div.mc4wp-form button[type="submit"]:active:after,
.btn-flat .tml-submit-wrap input[type="submit"]:active:after,
.btn-flat .wpcf7-form input[type="submit"]:active:after,
.btn-flat input[type="submit"]:not([name="update_cart"]):active:after,
.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after,
.btn-3d button.button:active:after,
.btn-3d a.button:active:after,
.btn-3d .dt-form button:active:after,
.btn-3d .widget .dt-form .dt-btn:active:after,
.btn-3d input[type="reset"]:active:after,
.btn-3d .nsu-submit:active:after,
.btn-3d .wpcf7-submit:active:after,
.btn-3d .dt-wc-btn:active:after,
.btn-3d .checkout-button:active:after,
.btn-3d #place_order:active:after,
.btn-3d input[name="apply_coupon"]:active:after,
.btn-3d input[name="login"]:active:after,
.btn-3d button[name="calc_shipping"]:active:after,
.btn-3d .single_add_to_cart_button.button:active:after,
.btn-3d .button.wc-backward:active:after,
.btn-3d .woocommerce-Button.button:active:after,
.btn-3d .woocommerce-Reviews .submit:active:after,
.btn-3d .woocommerce-Button[name="register"]:active:after,
.btn-3d .track_order input[name="track"]:active:after,
.btn-3d input#place_order:active:after,
.btn-3d input[name="save_address"]:active:after,
.btn-3d .post-password-form input[type="submit"]:active:after,
.btn-3d .mc4wp-form input[type="submit"]:active:after,
.btn-3d div.mc4wp-form button[type="submit"]:active:after,
.btn-3d .tml-submit-wrap input[type="submit"]:active:after,
.btn-3d .wpcf7-form input[type="submit"]:active:after,
.btn-3d input[type="submit"]:not([name="update_cart"]):active:after {
background-color: rgba(0, 0, 0, 0.2);
}
/* # Light Buttons
================================================== */
.btn-light,
.light-bg-btn,
.btn-link,
.outline-btn {
webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
}
.outline-bg-btn {
webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn-3d .dt-btn.btn-light:before,
.btn-3d .dt-btn.btn-light:after,
#page .btn-light:after {
display: none;
}
/* # Material Buttons
================================================== */
.rippleAnimate {
background: rgba(255, 255, 255, 0.25);
}
.btn-light .rippleAnimate,
.light-hover-bg.icons-bg .rippleAnimate {
background: rgba(0, 0, 0, 0.1);
}
.ripple > span:first-child {
display: block;
}
/* #Outline & Outline with background on hover
================================================== */
.outline-bg-btn,
.outline-btn {
border: 2px solid;
}
/*Custom colors*/
.custom-btn-color .dt-btn > * {
color: inherit !important;
}
.dt-btn.custom-btn-hover-color:hover > span:not(.rippleWrap),
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > span:not(.rippleWrap),
.btn-link.custom-btn-hover-color:hover > span:not(.rippleWrap),
.dt-btn.custom-btn-hover-color:hover > .text-wrap *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .text-wrap *,
.btn-link.custom-btn-hover-color:hover > .text-wrap *,
.dt-btn.custom-btn-hover-color:hover > .fa,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .fa,
.btn-link.custom-btn-hover-color:hover > .fa {
background: none !important;
color: inherit !important;
-webkit-text-fill-color: inherit !important;
}
.outline-element-decoration .btn-light:hover {
box-shadow: none;
}
/*Material buttons*/
.btn-material .dt-btn {
transform: translateZ(0);
}
.default-btn-shortcode {
text-align: center;
max-width: 100%;
box-sizing: border-box;
white-space: normal;
}
.default-btn-shortcode.btn-inline-center {
margin-left: auto;
margin-right: auto;
}
.default-btn-shortcode.btn-inline-right {
float: right;
}
.btn-align-center {
text-align: center;
}
.btn-align-right {
text-align: right;
}
/* #Banner
========================================================================= */
.shortcode-banner {
position: relative;
overflow: hidden;
background-position: center;
line-height: 0;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-background-size: cover;
background-size: cover;
}
.shortcode-banner-inside,
.shortcode-banner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wf-table .shortcode-banner-inside {
display: table-cell;
vertical-align: middle;
}
.content .shortcode-banner-inside * {
color: inherit;
}
.shortcode-banner-link:hover .shortcode-banner-bg {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
cursor: pointer;
}
.shortcode-banner img {
width: 100%;
height: auto;
}
.shortcode-banner-bg {
height: 100%;
background-clip: padding-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shortcode-banner-inside {
overflow: hidden;
width: 100%;
height: 100%;
padding: 15px 20px;
background-clip: padding-box;
}
/* #blockquote
================================================== */
blockquote {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shortcode-blockquote {
position: relative;
overflow: hidden;
padding: 20px 25px;
font-style: normal;
}
blockquote.shortcode-blockquote {
background-color: transparent;
border: 1px solid;
}
blockquote.shortcode-blockquote.block-style-widget {
border: none;
}
.shortcode-blockquote.block-style-widget:before {
position: absolute;
right: 0;
bottom: 0;
width: 117px;
height: 81px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 117px 81px;
content: "";
}
.block-style-widget {
border: none;
}
.shortcode-blockquote p {
margin-bottom: 0;
}
/* !- pullquote */
.shortcode-pullquote {
position: relative;
background-color: transparent !important;
}
.shortcode-pullquote.align-left,
#page .shortcode-pullquote.align-left {
float: left;
margin: 15px 30px 10px 0;
padding: 5px 20px 5px 0;
}
.shortcode-pullquote.align-right,
#page .shortcode-pullquote.align-right {
float: right;
margin: 15px 0 10px 30px;
padding: 5px 0 5px 20px;
}
.shortcode-pullquote:after {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
content: "";
}
.shortcode-pullquote.align-left:after {
left: auto;
right: 0;
}
/* #Call to actions
================================================== */
.shortcode-action-box,
.shortcode-action-bg.no-line {
word-wrap: break-word;
}
.plain-bg {
border-style: solid;
border-width: 1px;
}
.shortcode-action-bg.no-line:before {
display: none;
background-color: transparent;
}
.shortcode-action-box.box-style-table {
display: table;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-style-table .shortcode-action-container {
display: table;
}
.box-style-table .shortcode-action-container {
display: table-cell;
vertical-align: middle;
}
.shortcode-action-bg {
position: relative;
padding: 20px 25px 10px 30px;
}
.block-style-widget.shortcode-action-bg {
border: none;
}
.shortcode-action-bg.no-line {
padding-left: 25px;
}
#page .shortcode-action-bg:before {
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
content: "";
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
}
.action-button {
margin-bottom: 20px;
}
.box-style-table .action-button {
padding-top: 0;
padding-left: 40px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-style-table .action-button .dt-btn {
float: right;
margin-right: 0;
margin-bottom: 10px;
}
/* #Fancy media
========================================================================= */
.shortcode-single-image-wrap {
margin-bottom: 0px;
max-width: 100%;
}
.shortcode-single-image-wrap:before {
content: "";
display: table;
}
.shortcode-single-image-wrap:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .shortcode-single-image-wrap {
zoom: 1;
}
.shortcode-single-image-wrap.alignnone img {
display: inherit;
margin: 0 auto;
}
.shortcode-single-image-wrap.alignnone .fancy-media-wrap {
text-align: center;
display: inline-block;
}
.shortcode-single-image-wrap.alignnone .rollover,
.shortcode-single-image-wrap.alignnone .rollover-video {
display: inline-block;
}
.shortcode-single-image-wrap.alignnone .rollover img,
.shortcode-single-image-wrap.alignnone .rollover-video img {
border-radius: inherit;
}
.shortcode-single-image-wrap.alignleft,
.shortcode-single-image-wrap.alignright {
margin: 0;
}
.fancy-media-wrap > a {
display: block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.shortcode-single-image-wrap .fancy-media-wrap,
.shortcode-single-image-wrap .rollover,
.shortcode-single-image-wrap .rollover-video {
display: block !important;
}
}
.shortcode-single-image {
position: relative;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.alignnone .shortcode-single-image {
text-align: center;
}
.shortcode-single-image:before {
content: "";
display: table;
}
.shortcode-single-image:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .shortcode-single-image {
zoom: 1;
}
.shortcode-single-image .rollover i,
.shortcode-single-image .rollover i:after,
.shortcode-single-image .rollover-video i {
border-radius: inherit;
}
.shortcode-single-video.alignnone .fancy-media-wrap,
.shortcode-single-video .fancy-media-wrap,
.shortcode-single-video .shortcode-teaser-video,
.post-video,
.shortcode-video {
position: relative;
display: block;
overflow: hidden;
padding-top: 30px;
height: 0;
padding-bottom: 56.25%;
}
.shortcode-single-video iframe,
.shortcode-single-video object,
.shortcode-single-video embed,
.post-video iframe,
.post-video object,
.post-video embed,
.shortcode-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shortcode-single-image img {
max-width: 100%;
height: auto;
}
.borderframe .shortcode-single-image {
border: 1px solid;
}
.borderframe.br-standard .shortcode-single-image {
border: none;
}
.content .borderframe.caption-on .shortcode-single-image {
border-bottom: none;
}
#main .borderframe.caption-on .shortcode-single-image {
padding-bottom: 0 !important;
}
.shortcode-single-caption {
width: 100%;
height: auto;
padding: 15px 20px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.br-standard.borderframe .shortcode-single-caption {
border: none;
}
.shortcode-single-caption p {
margin-bottom: 0;
}
/* #List
================================================== */
.standard-arrow,
.content .standard-arrow,
.content .standard-number-list,
.content .image-arrow {
margin: 0 0 15px 0;
}
.content .standard-arrow ul,
.content .standard-number-list ul,
.content .image-arrow ul {
margin: 0;
}
.standard-arrow li,
.standard-number-list li {
position: relative;
padding-left: 24px;
margin-bottom: 10px;
list-style: none;
}
.standard-arrow li:before,
.standard-arrow li:after {
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
width: 14px;
height: 14px;
content: "";
background-position: 0 center;
background-repeat: no-repeat;
}
.standard-number-list li:before,
.standard-number-list.list-divider li:first-child:before,
.standard-arrow li:before {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.standard-arrow.bullet-top li:after {
top: 0;
margin-top: 0;
height: 14px;
}
.standard-arrow.bullet-top li:after,
.standard-arrow.list-divider.bullet-top li:first-child:after,
.standard-arrow.list-divider.bullet-top li:after {
background-position: center center;
}
.list-divider li {
padding-top: 9px;
padding-bottom: 10px;
margin-bottom: 0;
border-top: 1px solid;
background-position: 0 13px;
}
.image-arrow .fa-ul li {
padding-left: 2.14286em;
}
.image-arrow .fa-ul li .fa-li {
left: 0;
line-height: inherit;
}
.list-divider.image-arrow .fa-ul li .fa-li {
padding: 9px 0 10px;
}
.list-divider.image-arrow .fa-ul li:first-child .fa-li {
padding-top: 0;
}
.list-divider li p {
margin-bottom: 0;
}
.list-divider li:first-child {
padding-top: 0;
margin-bottom: 0;
border: none !important;
background-position: 0 4px;
}
.standard-number-list {
counter-reset: my-badass-counter;
}
.standard-number-list li {
position: relative;
padding-left: 30px;
}
.standard-number-list.list-divider li:first-child {
padding-top: 0;
}
.standard-number-list.list-divider li {
padding-top: 9px;
}
.standard-number-list li:before {
position: absolute;
text-align: center;
top: 50%;
left: 0;
width: 20px;
height: 20px;
margin-top: -10px;
color: #fff;
background-color: red;
content: counter(my-badass-counter, decimal);
counter-increment: my-badass-counter;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 20px;
}
.standard-number-list.list-divider li:first-child {
padding-top: 0;
}
.standard-number-list.list-divider li:first-child:before {
top: 10px;
}
.standard-number-list.bullet-top li:before,
.standard-number-list.bullet-top li:first-child:before {
top: 0px;
margin-top: 0;
}
.standard-number-list.list-divider.bullet-top li:before,
.standard-number-list.list-divider.bullet-top li:first-child:before {
top: 10px;
margin-top: 0;
}
.standard-number-list.list-divider.bullet-top li:first-child:before {
top: 5px;
}
.image-arrow li {
overflow: hidden;
width: 100%;
margin-bottom: 10px;
list-style: none;
}
.image-arrow.list-divider li {
margin-bottom: 0;
}
.image-arrow li .wf-table {
width: auto;
}
.image-arrow li .wf-table div {
display: table-cell;
vertical-align: middle;
}
.image-arrow li .list-img {
margin: 0 10px 0px 0;
}
.font-arrow ul {
list-style: none;
}
.font-arrow .fa {
font-size: 14px;
margin-right: 10px;
}
/* #Teasers
========================================================================= */
.frame-on {
padding-top: 25px;
border: 1px solid;
}
.frame-on.img-full {
padding-top: 0px;
}
.content .frame-on.frame-fancy {
border: none;
}
.shortcode-teaser.frame-on.img-full {
-webkit-border-radius: 0;
border-radius: 0;
}
.shortcode-teaser-img {
line-height: 0;
padding-bottom: 20px;
}
.frame-on .shortcode-teaser-img {
padding: 0px 25px 25px;
}
.img-full .shortcode-teaser-img {
padding: 0 0 25px;
}
.shortcode-teaser-img img {
width: 100%;
height: auto;
}
.frame-on .shortcode-teaser-content {
padding: 0px 25px 10px;
}
.shortcode-teaser-content {
margin-top: -5px;
}
.text-centered .shortcode-teaser-content {
text-align: center;
}
/* #Tooltip
================================================== */
.shortcode-tooltip {
border-bottom: 1px dashed;
}
.shortcode-tooltip:hover {
border: none;
cursor: help;
}
.tooltip-c {
display: none;
}
.shortcode-tooltip-content {
position: absolute;
left: -9999px;
z-index: 999;
display: none;
overflow: visible;
margin: 5px 0 15px;
padding: 13px 20px 17px;
min-width: 210px;
max-width: 210px;
background: rgba(24, 25, 25, 0.95);
color: #fff !important;
}
.tooltip-title.text-big {
color: #fff;
}
.tooltip-title {
display: block;
margin-bottom: 10px;
}
/* #highlighted text
================================================== */
.dt-highlight {
padding: 1px 4px;
color: #fff;
}
.dt-highlight.highlight-white {
background-color: #fff !important;
background-image: none !important;
color: #2e2e2f;
}
.dt-highlight.highlight-red {
background-color: #d73b37;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-berry {
background-color: #e32a5a !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-orange {
background-color: #f36c0a !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-yellow {
background-color: #f2a809 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-pink {
background-color: #fd8fb6 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-green {
background-color: #8cc63a !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-dark-green {
background-color: #3ab459 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-blue {
background-color: #27cff3 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-dark-blue {
background-color: #2985c6 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-violet {
background-color: #6946b8 !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-black {
background-color: #3e3f3f !important;
background-image: none !important;
color: #ffffff;
}
.dt-highlight.highlight-gray {
background-color: #a5a6a7 !important;
background-image: none !important;
color: #ffffff;
}
/* #WP gallery
================================================== */
.dt-format-gallery {
overflow: hidden;
/*margin-bottom: 25px;*/
max-width: 100%;
}
.dt-format-gallery.shortcode-gallery {
margin-bottom: 0;
}
.dt-format-gallery.shortcode-gallery a {
line-height: 0;
}
.dt-format-gallery a.big-img,
.dt-format-gallery .rollover-video.big-img {
border-bottom: none;
}
.gallery-col-1 > a,
.gallery-col-1 .rollover-video {
width: 100%;
}
.gallery-col-2 > a,
.gallery-col-2 .rollover-video {
width: 50%;
}
.gallery-col-2 > a.big-img,
.gallery-col-2 .rollover-video.big-img {
width: 100%;
}
.gallery-col-3 a.big-img,
.gallery-col-3 .rollover-video.big-img {
width: 66.6667%;
}
.gallery-col-3 > a,
.gallery-col-3 .rollover-video {
width: 33.3333%;
}
.gallery-col-4 a.big-img,
.gallery-col-4 .rollover-video.big-img {
width: 50%;
}
.gallery-col-4 > a,
.gallery-col-4 .rollover-video {
width: 25%;
}
.gallery-col-5 a.big-img,
.gallery-col-5 .rollover-video.big-img {
width: 40%;
}
.gallery-col-5 > a,
.gallery-col-5 .rollover-video {
width: 20%;
}
.gallery-col-6 a.big-img,
.gallery-col-6 .rollover-video.big-img {
width: 33.3333%;
}
.gallery-col-6 > a,
.gallery-col-6 .rollover-video {
width: 16.6667%;
}
.gallery-coll-half {
float: left;
line-height: 0;
}
.gallery-coll-fourth {
float: left;
}
.dt-format-gallery a,
.dt-format-gallery .rollover-video {
max-width: 100%;
float: left;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
}
.dt-format-gallery.gallery-col-1 a.big-img,
.dt-format-gallery.gallery-col-1 .rollover-video.big-img,
.dt-format-gallery.gallery-col-2 a.big-img,
.dt-format-gallery.gallery-col-2 .rollover-video.big-img {
border-bottom: 3px solid transparent;
}
.dt-format-gallery img {
width: 100%;
height: auto;
}
#main .gallery img {
border: none;
}
/* #Accordion
================================================== */
.dt-style.wpb_content_element {
margin-bottom: 0 !important;
}
.wpb_content_element .wpb_accordion_header a:active,
.wpb_content_element .wpb_accordion_header a:focus,
.wpb_content_element .wpb_accordion_header a,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
outline: 0 !important;
-webkit-appearance: none;
}
.wpb_content_element .wpb_accordion_header > a span {
display: inline-block;
}
#main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
#main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
display: none;
}
.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header {
margin: 10px 0 0;
border: none;
background: none;
}
.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header {
margin: 10px 0 0;
padding: 9px 0 0;
border-top: 1px solid;
}
.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header,
.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header {
padding-top: 0;
margin-top: 0;
border: none;
}
.wpb_content_element.dt-style .wpb_accordion_header a {
position: relative;
display: block;
padding: 0 25px 0 0;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:hover {
text-decoration: none;
}
.dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {
padding: 9px 0 9px 18px;
}
.rtl .dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {
padding: 9px 18px 9px 0;
}
.wpb_content_element .wpb_accordion_header > a:before,
.wpb_content_element .wpb_accordion_header > a:after {
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
width: 14px;
height: 14px;
content: "";
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:before,
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:after {
right: 13px;
}
.rtl .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:before,
.rtl .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:after {
right: auto;
left: 13px;
}
.wpb_content_element .wpb_accordion_header > a:after {
background-position: center center;
background-repeat: no-repeat;
}
.dt-style.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
display: none;
padding: 10px 0 5px 0;
margin: 0;
clear: both;
}
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 17px 0 13px 0;
}
/* #Shortcode scroller
================================================== */
.slider-wrapper {
position: relative;
visibility: hidden;
}
.shadow-element-decoration .description-under-image .ts-viewport:not(.photoSlider-wrap) {
padding: 15px 10px;
margin: -15px -10px;
}
.ts-viewport {
overflow: hidden;
height: 0;
-webkit-transform: translatez(0);
transform: translatez(0);
}
.mobile-true .slider-wrapper:not(.enable-mobile-arrows) .ts-viewport > ul {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.fs-entry .post.bg-on {
position: static;
background: none;
}
.fs-entry .post.bg-on:before {
position: absolute;
display: block;
width: 100%;
height: 100%;
content: "";
z-index: 0;
}
.bg-on .project-list-content {
position: relative;
}
.slider-content {
visibility: hidden;
}
.ts-viewport:not(.photoSlider-wrap) {
-webkit-transition: height 150ms;
transition: height 150ms;
}
ul.photoSlider {
visibility: hidden;
}
.ts-wrap {
position: relative;
display: block;
}
.ts-cont,
.content .ts-cont {
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.ts-cell {
position: absolute;
top: 0;
display: block;
}
.ts-slide {
position: absolute;
display: table-cell;
vertical-align: middle;
top: 0;
overflow: hidden;
text-align: center;
}
.slider-content .ts-slide {
width: 100%;
text-align: left;
}
.ts-cell > img {
max-width: 100%;
}
.mobile-false .frame ul:hover {
cursor: -moz-grab;
cursor: -webkit-grab;
}
.mobile-false .frame.dragged ul,
.mobile-false .frame.dragged ul li *,
.mobile-false .frame.dragged ul li:hover * {
cursor: move;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.fs-entry {
opacity: 0;
}
.fs-entry:first-child {
margin-left: 0 !important;
}
.fs-entry:last-child {
margin-right: 0 !important;
}
.slider-wrapper .blog-media,
.slider-wrapper .blog-content,
.slider-wrapper .project-list-media,
.slider-wrapper .project-list-content {
display: block;
}
/*Scroller navigation*/
.slider-wrapper .prev,
.slider-wrapper .next {
position: absolute;
z-index: 99;
left: 10px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.slider-wrapper .next {
left: auto;
right: 10px;
}
.shadow-element-decoration .description-under-image.slider-wrapper .next {
right: 0;
}
.slider-wrapper.arrows-accent .prev,
.slider-wrapper.arrows-accent .next {
width: 30px;
height: 60px;
margin-top: -30px;
}
.slider-wrapper.hide-arrows .disabled {
display: none;
}
.slider-wrapper.arrows-dark .prev,
.slider-wrapper.arrows-dark .next,
.slider-wrapper.arrows-light .prev,
.slider-wrapper.arrows-light .next,
.slider-wrapper.arrows-accent .prev,
.slider-wrapper.arrows-accent .next {
visibility: visible;
}
.slider-wrapper.show-arrows .prev,
.slider-wrapper.show-arrows .next {
opacity: 1;
}
.mobile-true .slider-wrapper.show-arrows .prev,
.mobile-true .slider-wrapper.show-arrows .next {
display: none;
}
.mobile-true .enable-mobile-arrows.slider-wrapper.show-arrows .prev,
.mobile-true .enable-mobile-arrows.slider-wrapper.show-arrows .next {
display: block;
}
.slider-wrapper .prev i:hover,
.slider-wrapper .next i:hover {
cursor: pointer;
}
.slider-wrapper .prev.disabled i:hover,
.slider-wrapper .next.disabled i:hover {
cursor: auto;
}
.slider-wrapper .prev i,
.slider-wrapper .next i {
position: absolute;
left: 0px;
top: 0;
width: 40px;
height: 40px;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.slider-wrapper .prev i:after,
.slider-wrapper .next i:after {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 40px;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
.slider-wrapper .next i:after {
width: 45px;
}
.slider-wrapper .prev.disabled i:after,
.slider-wrapper .next.disabled i:after,
.slider-wrapper .prev.disabled i:active:after,
.slider-wrapper .next.disabled i:active:after {
opacity: 0.55;
}
.slider-wrapper .prev i:active:after,
.slider-wrapper .next i:active:after {
opacity: 0.8;
}
.slider-wrapper.arrows-accent .prev i,
.slider-wrapper.arrows-accent .next i,
.slider-wrapper.arrows-accent .prev i:after,
.slider-wrapper.arrows-accent .next i:after {
width: 30px;
height: 60px;
}
.arrows-light .prev i,
.arrows-light .next i {
background-color: #fff;
-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.arrows-light .prev:not(.disabled):hover i,
.arrows-light .next:not(.disabled):hover i {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.arrows-light .prev.disabled i,
.arrows-light .next.disabled i,
.arrows-light .prev.disabled:hover i,
.arrows-light .next.disabled:hover i {
background-color: rgba(255, 255, 255, 0.5);
}
.arrows-dark .prev i,
.arrows-dark .next i {
background-color: rgba(34, 34, 34, 0.6);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.arrows-dark .prev.disabled i,
.arrows-dark .next.disabled i,
.arrows-dark .prev.disabled:hover i,
.arrows-dark .next.disabled:hover i {
background-color: rgba(34, 34, 34, 0.25);
}
.arrows-dark .prev:hover i,
.arrows-dark .next:hover i {
background-color: rgba(34, 34, 34, 0.85);
}
.arrows-light .prev i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");
}
.arrows-light .next i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");
}
.arrows-dark .prev i:after,
.arrows-accent .prev i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");
}
.arrows-dark .next i:after,
.arrows-accent .next i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");
}
.arrows-dark .prev i:after,
.arrows-dark .next i:after {
opacity: 0.7;
}
/* !- Shortcode slider */
.photoSlider-wrap {
background: #262626;
}
.photoSlider-wrap .ts-slide {
text-align: left;
height: 100%;
width: 100%;
}
.rollover-video.ts-slide {
position: absolute;
line-height: inherit;
}
.blog .post .slider-masonry img,
#page .photoSlider-wrap img {
max-width: none;
}
.photoSlider-wrap .video-icon:hover,
.photoSlider-wrap .ps-link:hover {
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.7;
}
.photoSlider .slider-post-caption {
position: absolute;
left: 0;
top: auto;
bottom: 0;
width: 100%;
text-align: left;
}
.photoSlider .slider-post-caption p {
margin-bottom: 0;
}
.photoSlider .slider-post-inner {
position: absolute;
bottom: 0;
display: inline-block;
padding: 5px 90px 15px 20px;
margin: 0 0;
}
.photoSlider .slider-post-inner * {
color: #fff;
}
.photoSlider-wrap .leftArrow,
.photoSlider-wrap .rightArrow,
.photoSlider-wrap .psPlay {
height: 32px;
width: 32px;
position: absolute;
display: block;
cursor: pointer;
z-index: 100;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.photoSlider-wrap .leftArrow:hover,
.photoSlider-wrap .rightArrow:hover,
.photoSlider-wrap .psPlay:hover {
opacity: 0.7;
}
.photoSlider-wrap .leftArrow {
right: 58px;
bottom: 20px;
}
.photoSlider-wrap .rightArrow {
right: 19px;
bottom: 20px;
}
@media screen and (min-width: 740px) {
.mobile-false .shortcode-slider-wrap .leftArrow {
right: 98px;
bottom: 20px;
}
.mobile-false .shortcode-slider-wrap .rightArrow {
right: 58px;
bottom: 20px;
}
.mobile-false .photoSlider-wrap .psPlay {
right: 19px;
bottom: 20px;
}
}
.photoSlider-wrap .leftArrow:before,
.photoSlider-wrap .rightArrow:before,
.photoSlider-wrap .psPlay:before {
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
content: "";
background-position: center center;
background-repeat: no-repeat;
z-index: 9;
}
.photoSlider-wrap .rightArrow:before,
.rsShor-wrap .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E");
}
.photoSlider-wrap .rightArrow:hover:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E");
}
.photoSlider-wrap .leftArrow:before,
.rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E");
}
.photoSlider-wrap .leftArrow:hover:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E");
}
.photoSlider-wrap .psPlay.paused:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E");
}
.photoSlider-wrap .psPlay:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E");
}
.testimonial-item-slider .ts-viewport {
padding-bottom: 40px;
}
.widget .contentSlider-wrap {
margin-bottom: 40px;
}
.contentSlider-wrap .psBullets {
position: absolute;
top: calc(100% + 20px);
overflow: hidden;
width: 100%;
height: auto;
text-align: center;
}
.widget .contentSlider-wrap .psBullets {
top: calc(100% + 10px);
}
.psBullet:hover {
cursor: pointer;
}
.psBullet:after,
.psBullet {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.contentSlider-wrap .psBullet {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
vertical-align: middle;
background-color: transparent;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
/* Shortcode slider:end */
/* #Progress bar
================================================== */
/*#main */
.vc_progress_bar.dt-style .vc_single_bar {
height: 30px;
margin-bottom: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.vc_progress_bar.dt-style .vc_single_bar:last-child {
margin-bottom: 0;
}
.dt-style.vc_progress_bar.pb-style-two .vc_single_bar {
height: 13px;
}
.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar {
-webkit-animation: none;
animation: none;
background-repeat: no-repeat;
background-size: 100%;
}
.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.dt-style.vc_progress_bar.pb-style-three .vc_single_bar {
height: 7px;
margin-bottom: 15px;
}
.vc_progress_bar.dt-style .vc_single_bar .vc_label {
height: 30px;
padding-top: 0;
padding-bottom: 0;
line-height: 30px;
text-shadow: none;
}
.pb-style-three.dt-style .vc_label,
.pb-style-two.dt-style .vc_label {
display: block;
margin-bottom: 8px;
}
.vc_progress_bar .vc_label,
.pb-style-one.vc_progress_bar .vc_label * {
color: #fff;
}
/* #Tabs
================================================== */
#main .wpb_tour_next_prev_nav {
display: none;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
display: inline-block;
width: auto;
}
#page .tab-style-one .wpb_tabs_nav li.ui-state-active a {
color: #fff;
-webkit-text-fill-color: #fff;
}
.wpb_tabs_nav a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpb_tabs .wpb_tabs_nav li {
position: relative;
}
/* #Tabs style one
================================================== */
.tab-style-one.wpb_tabs .wpb_tabs_nav li {
margin: 0 10px 5px 0;
}
.tab-style-one.wpb_tabs .wpb_tabs_nav a {
padding-top: 9px;
padding-bottom: 9px;
}
.tab-style-one.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
padding: 15px 0 0;
background: none;
}
/* #Tabs style two
================================================== */
.tab-style-two.wpb_tabs .wpb_tabs_nav {
overflow: hidden;
padding-left: 25px !important;
}
.tab-style-two.wpb_tabs .wpb_tabs_nav li {
margin: 12px 30px 6px 0;
background: none;
}
.tab-style-two.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:before {
position: absolute;
display: block !important;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
content: "";
-webkit-backface-visibility: hidden;
}
.tab-style-two.wpb_tabs .wpb_tabs_nav li a {
padding: 0 0 0.5em;
}
.tab-style-two.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
padding: 20px 25px;
background: none;
}
/* #Tabs style three
================================================== */
.tab-style-three.wpb_tabs .wpb_tabs_nav li {
margin-right: 30px;
border: none;
}
.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
padding: 0;
}
.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
padding: 15px 0 0 0;
}
.tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.tab-style-three.wpb_content_element .wpb_tabs_nav li {
background: none;
}
/* #Tabs style four
================================================== */
.tab-style-four.wpb_tabs {
overflow: hidden;
}
.tab-style-four.wpb_tabs .wpb_tabs_nav {
overflow: hidden;
}
.tab-style-four.wpb_tabs .wpb_tabs_nav li {
margin: 0;
background: none;
-webkit-transition: background 400ms ease;
transition: background 400ms ease;
}
.tab-style-four.wpb_tabs .wpb_tabs_nav li.ui-tabs-active,
.tab-style-four.wpb_tabs .wpb_tabs_nav li:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.tab-style-four.wpb_tabs .wpb_tabs_nav li a,
.tab-style-four.wpb_tabs .wpb_tabs_nav li a * {
color: #fff;
}
.tab-style-four.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
padding: 20px 25px;
background: none;
}
/* #Tour
================================================== */
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper {
display: table;
}
.wpb_tour.wpb_content_element .wpb_tabs_nav,
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
display: table-cell;
float: none;
vertical-align: top;
}
.wpb_tour .wpb_tabs_nav {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpb_tour .wpb_tabs_nav li:hover {
cursor: pointer;
}
/* #Tour style one
================================================== */
.wpb_tour.tab-style-one .wpb_tabs_nav li {
margin-bottom: 10px;
}
.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
padding-top: 8px;
padding-bottom: 8px;
}
.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab {
padding-top: 0;
padding-left: 25px;
}
.rtl .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab {
padding-left: 0;
padding-right: 25px;
}
/* #Tour style two
================================================== */
.wpb_tour.tab-style-two .wpb_tabs_nav {
padding-right: 10px;
}
.rtl .wpb_tour.tab-style-two .wpb_tabs_nav {
padding-right: 0;
padding-left: 10px !important;
}
.wpb_tour.tab-style-two .wpb_tabs_nav li {
margin-bottom: 10px;
}
.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
padding: 12px 15px 12px 0;
}
.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
padding: 10px 15px 10px 15px;
}
.wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab {
padding: 20px 25px 20px;
}
/* #Tour style three
================================================== */
.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab {
padding-top: 0;
padding-left: 25px;
}
.wpb_tour.tab-style-three .wpb_tabs_nav {
border-right: 1px solid;
}
.wpb_tour.tab-style-three .wpb_tabs_nav li {
border-top: 1px solid;
}
.tab-style-three.wpb_tour .wpb_tabs_nav li:first-child {
border: none;
}
/* #Tour style four
================================================== */
.tab-style-four.wpb_tour {
overflow: hidden;
}
.tab-style-four.wpb_tour .wpb_tabs_nav {
overflow: hidden;
}
.tab-style-four.wpb_tour .wpb_tabs_nav li {
margin: 0;
background: none;
-webkit-transition: background 400ms ease;
transition: background 400ms ease;
}
.tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active,
.tab-style-four.wpb_tour .wpb_tabs_nav li:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.tab-style-four.wpb_tour .wpb_tabs_nav li a,
.tab-style-four.wpb_tour .wpb_tabs_nav li a * {
display: block;
color: #fff;
}
.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
padding: 20px 25px;
background: none;
}
/* #Pie charts
================================================== */
.transparent-pie .vc_pie_wrapper .vc_pie_chart_back {
border-color: transparent !important;
}
.transparent-pie .vc_pie_wrapper span {
width: 100% !important;
height: auto !important;
}
.transparent-pie .vc_pie_wrapper canvas {
height: 70px !important;
}
.transparent-pie .vc_pie_wrapper canvas {
visibility: hidden;
}
.transparent-pie .vc_pie_chart_value {
font-size: 70px !important;
line-height: 70px !important;
}
.vc_pie_chart[data-pie-color="dt-content"] canvas,
.transparent-pie[data-pie-color="dt-content"] .vc_pie_wrapper span {
opacity: 0.5;
}
.vc_pie_chart .vc_pie_wrapper {
visibility: hidden;
}
#page .vc_pie_chart_back {
opacity: 1;
}
/* #Social icons
================================================== */
.soc-ico {
overflow: hidden;
}
.dt-shortcode-soc-icons.soc-icons-center {
text-align: center;
}
.dt-shortcode-soc-icons.soc-icons-right {
text-align: right;
}
.soc-ico a {
position: relative;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
/*float: left;*/
margin: 2px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
.dt-shortcode-soc-icons a {
position: relative;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
min-width: 46px;
min-height: 46px;
line-height: 46px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
margin: 0;
}
.dt-shortcode-soc-icons a:before,
.dt-shortcode-soc-icons a:after {
box-sizing: border-box;
border: 0px solid;
}
.soc-ico a:before,
.soc-ico a:after {
position: absolute;
top: 0;
left: 0;
width: 46px;
height: 46px;
content: "";
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transition: opacity 0.150s;
transition: opacity 0.150s;
}
.dt-shortcode-soc-icons a:before,
.dt-shortcode-soc-icons a:after {
position: absolute;
top: 0;
left: 0;
min-width: 46px;
min-height: 46px;
width: 100%;
height: 100%;
content: "";
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transition: opacity 0.180s;
transition: opacity 0.180s;
}
.dt-shortcode-soc-icons a:before,
.dt-shortcode-soc-icons a:hover:after,
.soc-ico a:before,
.soc-ico a:hover:after {
opacity: 1;
}
.dt-shortcode-soc-icons a:after,
.dt-shortcode-soc-icons a:hover:before,
.soc-ico a:after,
.soc-ico a:hover:before {
opacity: 0;
}
.soc-ico.text-centered a {
float: none;
display: inline-block;
}
#top-bar .right-block .soc-ico a {
float: right;
margin: 2px;
}
.soc-ico a,
.soc-ico a:hover,
#top-bar .soc-ico a:hover,
#bottom-bar .soc-ico a:hover {
text-decoration: none;
}
#main .soc-ico a:hover .soc-font-icon,
#footer .soc-ico a:hover .soc-font-icon {
color: #fff;
}
/* #Fancy titles and separators
================================================== */
.dt-fancy-separator {
position: relative;
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.dt-fancy-separator.title-left,
.dt-fancy-separator.title-right {
margin: 0;
}
.dt-fancy-separator.title-right {
float: right;
clear: both;
}
.dt-fancy-separator.title-left {
text-align: left;
}
.dt-fancy-separator.title-left .dt-fancy-title {
padding-left: 0;
}
.dt-fancy-separator.title-left .dt-fancy-title.bg-on {
padding-left: 1em;
}
.dt-fancy-separator.title-right {
text-align: right;
}
.dt-fancy-separator.title-right .dt-fancy-title {
padding-right: 0;
}
.dt-fancy-separator.title-right .dt-fancy-title.bg-on {
padding-right: 1em;
}
.separator-holder {
position: absolute;
display: block;
top: 49.99%;
width: 2000px;
border-top: 1px solid red;
content: '';
}
.style-dashed .separator-holder {
border-top-width: 1px;
border-top-style: dashed;
}
.style-dotted .separator-holder {
border-top-width: 1px;
border-top-style: dotted;
}
.style-double .separator-holder {
border-top-width: 3px;
border-top-style: double;
}
.style-thick .separator-holder {
border-top-width: 5px;
border-top-style: solid;
}
.style-disabled .separator-holder {
display: none;
}
.separator-left {
right: 100%;
margin-right: 1em;
}
.separator-right {
left: 100%;
margin-left: 1em;
}
.dt-fancy-separator.line-below .separator-left {
top: auto;
right: 0;
bottom: -1em;
margin-right: 0;
}
.line-below .separator-holder {
top: auto;
bottom: -1em;
margin-right: 0;
margin-left: 0;
}
.dt-fancy-separator.line-below.title-left .separator-left {
left: 0;
right: auto;
}
.dt-fancy-separator.line-below.title-right .separator-left {
left: auto;
right: 0;
}
.dt-fancy-separator.line-below.title-right .separator-right,
.dt-fancy-separator.line-below.title-left .separator-right {
display: none;
}
.dt-fancy-title {
position: relative;
display: inline-block;
top: 50%;
}
.dt-fancy-title.bg-on {
padding: 0 1em;
}
.accent-gradient .accent-border-color.hr-thin.style-line {
height: 1px;
}
.accent-gradient .accent-border-color.hr-thick {
height: 5px;
}
/* #Before-After
================================================== */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
position: absolute;
width: 120px;
padding: 3px 5px 3px;
color: white !important;
font-size: 13px;
line-height: 16px;
vertical-align: middle;
text-align: center;
z-index: 99;
opacity: 0;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.twentytwenty-horizontal .twentytwenty-before-label {
bottom: 10px;
left: 10px;
text-align: left;
}
.twentytwenty-horizontal .twentytwenty-after-label {
bottom: 10px;
right: 10px;
text-align: right;
}
.twentytwenty-vertical .twentytwenty-before-label {
top: 10px;
left: 50%;
margin-left: -65px;
}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 10px;
left: 50%;
margin-left: -65px;
}
.twentytwenty-container:hover .twentytwenty-after-label,
.twentytwenty-container:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
top: 0;
display: block;
}
.active-click .twentytwenty-handle,
.twentytwenty-container.active-click img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
z-index: 40;
cursor: pointer;
}
.twentytwenty-container[data-navigation="move"] .twentytwenty-handle {
border: none;
cursor: default;
}
.twentytwenty-container[data-navigation="move"] .twentytwenty-handle > span {
display: none;
}
.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {
margin-bottom: 0;
margin-left: 0;
}
.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {
margin-top: 0;
margin-left: 0;
}
.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {
margin-left: 0;
margin-top: 0;
}
.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {
margin-right: 0;
margin-top: 0;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
}
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px;
}
/* #Blog
================================================== */
.shortcode-blog-posts .post {
border: none;
}
.items-grid .wf-td,
.recent-posts .wf-td {
display: table-cell;
vertical-align: top;
}
.post-content a {
text-decoration: none;
}
.shortcode-blog-posts .entry-meta {
padding-bottom: 10px;
}
.items-grid {
margin-bottom: -20px;
}
.items-grid .wf-cell {
margin-bottom: 20px;
}
.items-grid .borders:before {
display: block;
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
content: "";
}
.items-grid article {
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.single-related-posts .mini-post-img {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.items-grid a {
text-decoration: none;
}
.items-grid .alignleft {
margin: 5px 20px 5px 0;
font-size: 0;
line-height: 0;
}
.blog-shortcode article {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.mode-masonry:not(.bottom-overlap-layout-list) article,
.mode-grid:not(.bottom-overlap-layout-list) article {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.gradient-overlay-layout-list article,
article.on-hover {
cursor: pointer;
}
.centered-layout-list article,
.bottom-overlap-layout-list article {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.classic-layout-list.mode-list article.full-width-img {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.dividers-on.classic-layout-list article {
padding-top: 44px;
margin-top: 19px;
}
.dividers-on.classic-layout-list article:first-child {
padding-top: 0;
margin-top: 0;
}
.jquery-filter article:not(.visible) {
display: none;
opacity: 0;
}
.jquery-filter article.visible {
-webkit-animation: fadeInFromNone 0.5s ease-out;
animation: fadeInFromNone 0.5s ease-out;
}
.jquery-filter article.hidden {
display: none;
opacity: 0;
}
@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
opacity: 0;
}
100% {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
opacity: 0;
}
100% {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
opacity: 1;
}
}
.blog-shortcode .post-thumbnail-wrap {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
}
.project-even .post-thumbnail-wrap {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.blog-shortcode .post-thumbnail {
position: relative;
display: block;
}
.blog-shortcode .post-thumbnail .alignleft {
margin: 0;
}
.blog-shortcode .post-thumbnail .alignnone {
margin-bottom: 0;
}
.blog-shortcode .format-gallery .post-thumbnail {
width: 100%;
}
.post-thumbnail-rollover {
position: relative;
display: block;
line-height: 0;
overflow: hidden;
}
.post-thumbnail-rollover:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.post-thumbnail > .post-thumbnail-rollover:hover:after,
.on-hover .post-thumbnail > .post-thumbnail-rollover:after {
opacity: 1;
}
.blog-thumb-iso-lazy-load {
opacity: 0;
}
.mobile-false .content-rollover-layout-list article:hover > .post-thumbnail-wrap .post-thumbnail-rollover:after,
.mobile-false .gradient-overlay-layout-list article:hover > .post-thumbnail-wrap .post-thumbnail-rollover:after {
opacity: 1;
}
.mobile-true .content-rollover-layout-list article.is-clicked > .post-thumbnail-wrap .post-thumbnail-rollover:after,
.mobile-true .gradient-overlay-layout-list article.is-clicked > .post-thumbnail-wrap .post-thumbnail-rollover:after {
opacity: 1;
}
.no-img .overlay-placeholder img {
max-width: none;
}
.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
width: 100%;
}
.blog-shortcode.scale-img .post-thumbnail > .post-thumbnail-rollover img {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
transition: transform 0.3s ease-out, opacity 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-thumbnail > .post-thumbnail-rollover img.lazy-load,
.post-thumbnail > .post-thumbnail-rollover img.blog-thumb-lazy-load {
-webkit-transition: transform 0.3s ease-out, opacity 0.35s;
transition: transform 0.3s ease-out, opacity 0.35s;
}
.blog-shortcode.scale-img .post-thumbnail > .post-thumbnail-rollover:hover img,
.blog-shortcode.scale-img .post-thumbnail:hover img,
.blog-shortcode.scale-img .on-hover .post-thumbnail img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s ease-out;
transition: transform 4s ease-out;
}
.mobile-false .scale-img.gradient-overlay-layout-list article:hover .post-thumbnail > .post-thumbnail-rollover img,
.mobile-false .scale-img.content-rollover-layout-list article:hover .post-thumbnail > .post-thumbnail-rollover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s ease-out;
transition: transform 4s ease-out;
}
.mobile-true .scale-img.gradient-overlay-layout-list article.is-clicked .post-thumbnail > .post-thumbnail-rollover img,
.mobile-true .scale-img.content-rollover-layout-list article.is-clicked .post-thumbnail > .post-thumbnail-rollover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s ease-out;
transition: transform 4s ease-out;
}
/*-- Fancy date*/
.side-overlap-layout-list .project-odd .fancy-date a {
right: auto;
left: 10px;
}
.fancy-date a > span {
display: block;
}
/*-- Fancy categories*/
.fancy-categories {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
z-index: 30;
top: 10px;
left: 10px;
}
.fancy-categories a {
padding: 2px 9px 1px;
margin: 0 0 2px 0;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
}
.fancy-categories a:hover {
color: #fff;
}
.side-overlap-layout-list .project-odd .fancy-categories {
top: auto;
bottom: 10px;
}
.side-overlap-layout-list .project-even .fancy-categories {
top: auto;
right: 10px;
bottom: 10px;
left: auto;
}
.fancy-categories * {
font: bold 12px / 22px Arial, Verdana, sans-serif;
}
.post-entry-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-align-center .post-entry-content {
text-align: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.blog-shortcode .post-entry-content {
position: relative;
z-index: 10;
}
.centered-layout-list .post-entry-content {
position: static;
text-align: center;
}
.centered-layout-list .post-entry-content:after {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
content: "";
}
.gradient-overlap-layout-list .post-entry-content {
position: relative;
margin-top: -125px;
z-index: 1;
padding-top: 90px;
}
.gradient-overlap-layout-list .post-entry-content:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 150px;
content: "";
}
.gradient-overlap-layout-list .no-img .post-entry-content {
margin-top: 0;
}
.gradient-overlay-layout-list .post-entry-content {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
right: 10px;
bottom: 10px;
left: 10px;
top: 20px;
overflow: hidden;
}
.mode-grid.bottom-overlap-layout-list .iso-item-ready .post-entry-content {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.mode-grid.gradient-overlap-layout-list .iso-item-ready .post-entry-content {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.gradient-overlay-layout-list .post-entry-content .entry-title {
pointer-events: none;
}
.content-rollover-layout-list.mode-masonry .post-entry-content,
.content-rollover-layout-list.mode-grid .post-entry-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.content-rollover-layout-list.mode-masonry .post-entry-content:hover,
.content-rollover-layout-list.mode-grid .post-entry-content:hover {
cursor: pointer;
}
.content-rollover-layout-list.mode-masonry .post-entry-content .entry-title,
.content-rollover-layout-list.mode-grid .post-entry-content .entry-title {
pointer-events: none;
}
#main .blog-shortcode .format-quote .post-entry-content,
#main .blog-shortcode .format-link .post-entry-content,
#main .blog-shortcode .format-aside .post-entry-content,
#main .blog-shortcode .format-status .post-entry-content {
width: 100%;
top: 0;
margin: 0;
}
#main .classic-layout-list.mode-list .full-width-img .post-entry-content {
width: 100%;
}
.blog-shortcode .entry-excerpt {
overflow: hidden;
}
.post-entry-title-content {
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-shortcode .post-entry-content .entry-title a,
.blog-shortcode .post-entry-title-content .entry-title a {
-webkit-transition: color 0.35s;
transition: color 0.35s;
}
.blog-shortcode .entry-meta {
padding: 0;
}
.blog-shortcode .entry-meta a:hover {
text-decoration: none;
}
.blog-shortcode .entry-meta > span a {
display: inline-block;
}
.blog-shortcode .entry-meta a:hover {
text-decoration: underline;
}
.centered-layout-list .entry-meta {
text-align: center;
}
.blog-shortcode .entry-meta * {
color: inherit;
}
.blog-shortcode .entry-meta > a:after,
.blog-shortcode .entry-meta > span:after {
right: 0;
width: 3px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.post-details {
position: relative;
display: inline-block;
text-decoration: none;
}
.post-details:before {
content: "";
display: table;
}
.post-details:after {
content: "";
display: table;
clear: both;
}
.ancient-ie .post-details {
zoom: 1;
}
.post-details .fa {
margin-right: 0;
margin-left: 7px;
font-size: 12px;
}
.gradient-overlay-layout-list .post-details,
.mode-grid.gradient-overlap-layout-list .post-details {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
.content-align-center.gradient-overlay-layout-list .post-details,
.content-align-center.mode-grid.gradient-overlap-layout-list .post-details {
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
#page .post-details.details-type-btn {
margin-bottom: 0;
}
.btn-3d .post-details.details-type-btn:hover {
margin-bottom: 1px !important;
}
.post-details.details-type-link {
float: left;
padding-bottom: 8px;
margin-bottom: -8px;
font-weight: bold;
}
.centered-layout-list .post-details.details-type-link,
.content-align-center .post-details.details-type-link {
float: none;
vertical-align: top;
}
.post-details.details-type-link:after {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: "";
-webkit-transition: width 0.4s ease;
transition: width 0.4s ease;
}
.post-details.details-type-link:hover:after {
width: 100%;
}
/*---------------*/
/***** Gradient text on hover layout *****/
/*---------------*/
.content-rollover-layout-list .post-entry-content {
top: 0;
height: 100%;
overflow-y: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.content-rollover-layout-list .post-entry-content:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
content: '';
-webkit-transform: translate3d(0, 35%, 0);
transform: translate3d(0, 35%, 0);
}
.content-rollover-layout-list .entry-excerpt,
.content-rollover-layout-list .post-details {
opacity: 0;
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
}
.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .entry-excerpt,
.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-details,
.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .entry-excerpt,
.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-details {
opacity: 1;
}
.content-rollover-layout-list .post-entry-content:before,
.content-rollover-layout-list .post-entry-content .post-entry-wrapper {
-webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;
transition: opacity 0.35s, bottom 0.35s, transform 0.4s;
}
.content-rollover-layout-list .post-entry-content .post-entry-wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-content:before,
.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-content:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mobile-false .content-rollover-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper {
opacity: 1;
bottom: 0;
}
.mobile-true .content-rollover-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-wrapper {
opacity: 1;
bottom: 0;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
/*-----------------*/
/***** Overlay (background) - scale effect *****/
/*-----------------*/
.gradient-overlay-layout-list .post-head-wrapper,
.gradient-overlay-layout-list .post-entry-wrapper {
position: absolute;
top: 50%;
left: 20px;
right: 20px;
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, transform 0.4s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.gradient-overlay-layout-list .post-entry-content {
-webkit-backface-visibility: hidden;
transform: translatez(0);
}
.gradient-overlay-layout-list .post-entry-wrapper {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(0, -50%, 0) scale3d(0.8, 0.8, 1);
}
.mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-head-wrapper,
.mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-head-wrapper {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(0, -50%, 0) scale3d(0.8, 0.8, 1);
}
.mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper,
.mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-wrapper {
-webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
opacity: 1;
transition-delay: 0.1s;
}
/* #Blog
================================================== */
.portfolio-shortcode article {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.mode-masonry:not(.bottom-overlap-layout-list) article,
.mode-grid:not(.bottom-overlap-layout-list) article {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.centered-layout-list article,
.bottom-overlap-layout-list article {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.classic-layout-list.mode-list article.full-width-img {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.portfolio-shortcode .post-thumbnail-wrap {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
}
.portfolio-shortcode .post-thumbnail {
position: relative;
display: block;
}
.portfolio-shortcode .post-thumbnail .alignleft {
margin: 0;
}
.portfolio-shortcode .post-thumbnail .alignnone {
margin-bottom: 0;
}
.portfolio-shortcode .format-gallery .post-thumbnail {
width: 100%;
}
.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
width: 100%;
}
.portfolio-shortcode.scale-img .post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
transition: transform 0.3s ease-out, opacity 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio-shortcode.scale-img .post-thumbnail > .post-thumbnail-rollover:hover img,
.portfolio-shortcode.scale-img .post-thumbnail:hover img,
.portfolio-shortcode.scale-img .on-hover .post-thumbnail img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s ease-out;
transition: transform 4s ease-out;
}
.portfolio-shortcode .post-entry-content {
position: relative;
z-index: 10;
}
.gradient-overlap-layout-list .post-entry-content {
position: relative;
margin-top: -125px;
z-index: 1;
padding-top: 90px;
}
.gradient-overlap-layout-list .post-entry-content:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 150px;
content: "";
}
.gradient-overlay-layout-list .post-entry-content {
position: absolute;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
right: 10px;
bottom: 10px;
left: 10px;
top: 20px;
overflow: hidden;
}
.portfolio-shortcode .entry-excerpt {
overflow: hidden;
}
.portfolio-shortcode .post-entry-content .entry-title a,
.portfolio-shortcode .post-entry-title-content .entry-title a {
-webkit-transition: color 0.35s;
transition: color 0.35s;
}
.portfolio-shortcode .entry-meta {
padding: 0;
}
.portfolio-shortcode .entry-meta a:hover {
text-decoration: none;
}
.portfolio-shortcode .entry-meta > span a {
display: inline-block;
}
.portfolio-shortcode .entry-meta a:hover {
text-decoration: underline;
}
.portfolio-shortcode .entry-meta * {
color: inherit;
}
.portfolio-shortcode .entry-meta > a:after,
.portfolio-shortcode .entry-meta > span:after {
right: 0;
width: 3px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
/* #Shortcode carousel
================================================== */
.owl-carousel {
box-sizing: border-box;
}
.owl-carousel .post {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.owl-nav a {
position: absolute;
z-index: 10;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.arrows-hover-bg-off .owl-nav a:hover {
background: none !important;
}
.owl-carousel .owl-dots {
position: absolute;
}
.owl-carousel .owl-dots .owl-dot {
position: relative;
display: inline-block;
}
:not(.bullets-etefu).owl-carousel .owl-dots .owl-dot span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
}
/* Scale up */
.bullets-scale-up .owl-dot span {
-webkit-transition: -webkit-transform 0.3s ease, background 0.3s ease;
transition: transform 0.3s ease, background 0.3s ease;
}
.bullets-scale-up .owl-dot.active span {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
/* Stroke */
.bullets-stroke .owl-dot:not(.active) span {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) !important;
}
.bullets-stroke .owl-dot span {
-webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.bullets-stroke .owl-dot.active span {
background-color: transparent;
box-shadow: 0 0 0 2px white;
}
/* Fill in */
.bullets-fill-in .owl-dot span {
background-color: transparent;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
/* Small dot with stroke */
.bullets-small-dot-stroke .owl-dot {
border-radius: 50%;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.bullets-small-dot-stroke .owl-dot span {
cursor: pointer;
position: absolute;
-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.bullets-small-dot-stroke .owl-dot.active span {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
/*** Ubax ***/
.bullets-ubax .owl-dot span {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: calc(96%);
height: calc(96%);
border: 2px solid transparent;
border-radius: 0 !important;
box-sizing: border-box;
}
.bullets-ubax .owl-dot.active span {
z-index: 10;
background: transparent !important;
-webkit-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.bullets-ubax .owl-dot:not(.active):hover span {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
/*** Etefu ***/
.bullets-etefu .owl-dot {
height: 5px !important;
}
.bullets-etefu .owl-dot span {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.bullets-etefu .owl-dot span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.bullets-etefu .owl-dot.active span:before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@font-face {
font-family: 'icomoon-arrows-the7-32x32';
src: url('fonts/icomoon-arrows-the7-32x32.eot?lp0p2y');
src: url('fonts/icomoon-arrows-the7-32x32.eot?lp0p2y#iefix') format('embedded-opentype'), url('fonts/icomoon-arrows-the7-32x32.ttf?lp0p2y') format('truetype'), url('fonts/icomoon-arrows-the7-32x32.woff?lp0p2y') format('woff'), url('fonts/icomoon-arrows-the7-32x32.svg?lp0p2y#icomoon-arrows-the7-32x32') format('svg');
font-weight: normal;
font-style: normal;
}
.carousel-shortcode [class^="icon-"],
.carousel-shortcode [class*=" icon-"],
.carousel-shortcode [class^="icon-"]:before,
.carousel-shortcode [class*=" icon-"]:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon-arrows-carousel-32x32' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* #Shortcode carousel
================================================== */
.owl-carousel:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .post-entry-content {
position: relative;
z-index: 10;
}
.classic-layout-list[data-auto-height="false"] .owl-stage,
.bottom-overlap-layout-list[data-auto-height="false"] .owl-stage,
.gradient-overlap-layout-list[data-auto-height="false"] .owl-stage {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.classic-layout-list[data-auto-height="false"] .owl-stage .dt-owl-item,
.bottom-overlap-layout-list[data-auto-height="false"] .owl-stage .dt-owl-item,
.gradient-overlap-layout-list[data-auto-height="false"] .owl-stage .dt-owl-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.bottom-overlap-layout-list[data-auto-height="false"] .post-entry-content,
.gradient-overlap-layout-list[data-auto-height="false"] .post-entry-content {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.content-rollover-layout-list.owl-carousel .post-entry-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.content-rollover-layout-list.owl-carousel .post-entry-content:hover {
cursor: pointer;
}
.content-rollover-layout-list.owl-carousel .post-entry-content .entry-title {
pointer-events: none;
}
.owl-carousel .post-thumbnail-wrap {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
}
.owl-carousel .post-thumbnail {
position: relative;
display: block;
}
.owl-carousel .post-thumbnail .alignleft {
margin: 0;
}
.owl-carousel .post-thumbnail .alignnone {
margin-bottom: 0;
}
.owl-carousel .format-gallery .post-thumbnail {
width: 100%;
}
.owl-carousel .fancy-categories,
.owl-carousel .fancy-date > a,
.owl-carousel .post-entry-wrapper > * {
-webkit-backface-visibility: hidden;
transform: translatez(0);
}
.owl-carousel .entry-excerpt {
overflow: hidden;
}
.owl-carousel .post-entry-content .entry-title a,
.owl-carousel .post-entry-title-content .entry-title a {
-webkit-transition: color 0.35s;
transition: color 0.35s;
}
.owl-carousel .entry-meta {
padding: 0;
}
.owl-carousel .entry-meta a:hover {
text-decoration: none;
}
.owl-carousel .entry-meta > span a {
display: inline-block;
}
.owl-carousel .entry-meta a:hover {
text-decoration: underline;
}
.owl-carousel .entry-meta * {
color: inherit;
}
.owl-carousel .entry-meta > a:after,
.owl-carousel .entry-meta > span:after {
right: 0;
width: 3px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.owl-carousel [class^="icon-"],
.owl-carousel [class*=" icon-"],
.owl-carousel [class^="icon-"]:before,
.owl-carousel [class*=" icon-"]:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon-arrows-carousel-32x32' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.owl-carousel.scale-img .post-thumbnail > .post-thumbnail-rollover img {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
transition: transform 0.3s ease-out, opacity 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-thumbnail > .post-thumbnail-rollover img.lazy-load {
-webkit-transition: transform 0.3s ease-out, opacity 0.35s;
transition: transform 0.3s ease-out, opacity 0.35s;
}
.owl-carousel.scale-img .post-thumbnail > .post-thumbnail-rollover:hover img,
.owl-carousel.scale-img .post-thumbnail:hover img,
.owl-carousel.scale-img .on-hover .post-thumbnail img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s ease-out;
transition: transform 4s ease-out;
}
/* #Header
================================================== */
.masthead {
position: relative;
z-index: 102;
}
.masthead:not(.side-header) {
display: -ms-flexbox;
-ms-flex-direction: column;
}
.floating-navigation-below-slider.transparent .masthead:not(#phantom) {
transform: translateY(-100%);
}
.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on) .top-bar,
.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on) .header-bar,
.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on) .mobile-header-bar {
display: none;
}
.hidden-header.sticky-header .mixed-header,
.hidden-header.overlay-navigation .mixed-header {
display: none;
}
.hidden-header.header-side-left #page,
.hidden-header.overlay-navigation.header-side-line #page:not(.boxed),
.hidden-header.header-side-left.header-side-line #page:not(.boxed),
.disable-headers.header-side-left #page,
.disable-headers.overlay-navigation.header-side-line #page:not(.boxed),
.disable-headers.header-side-left.header-side-line #page:not(.boxed) {
padding-left: 0;
}
.hidden-header.header-side-right #page,
.hidden-header.header-side-right.header-side-line #page:not(.boxed),
.disable-headers.header-side-right #page,
.disable-headers.header-side-right.header-side-line #page:not(.boxed) {
padding-right: 0;
}
.responsive-off.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead {
position: absolute;
width: 100%;
z-index: 102;
}
/* #Header layouts
================================================== */
/* #Top bar
================================================== */
/* #Top bar
================================================== */
.top-bar {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.top-bar:after,
.top-bar-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.boxed .top-bar:after,
.boxed .top-bar-bg {
padding: 0;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.top-bar:after {
height: 1px;
}
.transparent .top-bar-line-hide.top-bar:after {
display: none;
}
.top-bar.full-width-line:after,
.top-bar-bg {
padding: 0 1000px;
margin-left: -1000px;
}
.boxed .top-bar.full-width-line:after,
.boxed .top-bar-bg {
padding: 0;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.top-bar > .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.top-bar .mini-widgets:last-child {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.top-bar .mini-widgets.right-widgets {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.top-bar * {
font-size: inherit;
line-height: inherit;
}
.top-bar.top-bar-empty,
.top-bar.hide-top-bar {
position: absolute;
visibility: hidden;
opacity: 0;
}
.transparent .top-bar {
margin-bottom: -1px;
}
.top-bar .sub-nav {
z-index: 1003;
}
.top-bar a,
.top-bar .sub-nav a:hover,
.top-bar a:hover {
text-decoration: none;
}
.top-bar a:hover,
.top-bar .mini-search .submit:hover,
.top-bar .mini-login a:hover {
text-decoration: none;
opacity: 0.7;
}
.top-bar .soc-ico a:hover,
.top-bar .shopping-cart-inner a:hover {
opacity: 1;
}
/* #Header elements
================================================== */
/* #Branding
================================================== */
.branding {
line-height: 0;
font-size: 0;
}
.side-header .branding {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.branding > a {
display: block;
}
.branding a img,
.branding img {
max-width: 100%;
height: auto;
}
.branding .mobile-logo,
.branding .mobile-desktop-logo,
.phantom-sticky .side-header .branding .mobile-logo {
display: none;
}
/* #Mini widgets
================================================== */
.responsive-off .masthead .hide-on-desktop {
visibility: hidden;
position: absolute;
left: -9999px;
}
.responsive-off .masthead .hide-on-desktop.display-none {
display: none;
}
.masthead .mini-widgets > *,
.masthead .mobile-mini-widgets > * {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.masthead.side-header:not(.masthead-mobile-header) .mini-widgets > *,
.masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets > * {
margin-left: 0;
margin-right: 20px;
}
.masthead.side-header.h-center .mini-widgets > *,
.masthead.side-header.h-center .mobile-mini-widgets > * {
margin-left: 10px;
margin-right: 10px;
}
.masthead.side-header:not(.masthead-mobile-header) .mini-widgets > *,
.masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets > * {
margin-top: 5px;
margin-bottom: 5px;
}
.side-header-v-stroke:not(.masthead-mobile-header) .mini-widgets > *,
.side-header-v-stroke:not(.masthead-mobile-header) .mobile-mini-widgets > * {
margin: 10px 0;
}
.dt-mobile-header .mobile-mini-widgets-in-menu > * {
margin: 5px 20px 5px 0;
}
.side-header .top-bar .mini-widgets > *:first-child,
.side-header .top-bar .mobile-mini-widgets > *:first-child,
.masthead:not(.side-header) .mini-widgets > *:first-child,
.masthead:not(.side-header) .mobile-mini-widgets > *:first-child,
.side-header-h-stroke .mini-widgets > *:first-child,
.side-header-h-stroke .mobile-mini-widgets > *:first-child,
.side-header .top-bar .mini-widgets > *.first,
.side-header .top-bar .mobile-mini-widgets > *.first,
.masthead:not(.side-header) .mini-widgets > *.first,
.masthead:not(.side-header) .mobile-mini-widgets > *.first,
.side-header-h-stroke .mini-widgets > *.first,
.side-header-h-stroke .mobile-mini-widgets > *.first {
margin-left: 0;
}
.side-header .top-bar .mini-widgets > *:last-child,
.side-header .top-bar .mobile-mini-widgets > *:last-child,
.masthead:not(.side-header) .mini-widgets > *:last-child,
.masthead:not(.side-header) .mobile-mini-widgets > *:last-child,
.side-header-h-stroke .mini-widgets > *:last-child,
.side-header-h-stroke .mobile-mini-widgets > *:last-child,
.side-header .top-bar .mini-widgets > *.last,
.side-header .top-bar .mobile-mini-widgets > *.last,
.masthead:not(.side-header) .mini-widgets > *.last,
.masthead:not(.side-header) .mobile-mini-widgets > *.last,
.side-header-h-stroke .mini-widgets > *.last,
.side-header-h-stroke .mobile-mini-widgets > *.last {
margin-right: 0;
}
.masthead-mobile-header .mini-widgets > *,
.masthead-mobile-header .mobile-mini-widgets > *,
.masthead .mobile-header-bar .mini-widgets > *,
.masthead .mobile-header-bar .mobile-mini-widgets > *,
.side-header-h-stroke .mobile-header-bar .mini-widgets > *,
.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > * {
margin: 0 10px;
}
.masthead-mobile-header .mini-widgets > *:first-child,
.masthead-mobile-header .mobile-mini-widgets > *:first-child,
.masthead .mobile-header-bar .mini-widgets > *:first-child,
.masthead .mobile-header-bar .mobile-mini-widgets > *:first-child,
.side-header-h-stroke .mobile-header-bar .mini-widgets > *:first-child,
.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > *:first-child,
.masthead-mobile-header .mini-widgets > *.first,
.masthead-mobile-header .mobile-mini-widgets > *.first,
.masthead .mobile-header-bar .mini-widgets > *.first,
.masthead .mobile-header-bar .mobile-mini-widgets > *.first,
.side-header-h-stroke .mobile-header-bar .mini-widgets > *.first,
.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > *.first {
margin-left: 10px;
}
.masthead-mobile-header .mini-widgets > *:last-child,
.masthead-mobile-header .mobile-mini-widgets > *:last-child,
.masthead .mobile-header-bar .mini-widgets > *:last-child,
.masthead .mobile-header-bar .mobile-mini-widgets > *:last-child,
.side-header-h-stroke .mobile-header-bar .mini-widgets > *:last-child,
.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > *:last-child,
.masthead-mobile-header .mini-widgets > *.last,
.masthead-mobile-header .mobile-mini-widgets > *.last,
.masthead .mobile-header-bar .mini-widgets > *.last,
.masthead .mobile-header-bar .mobile-mini-widgets > *.last,
.side-header-h-stroke .mobile-header-bar .mini-widgets > *.last,
.side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > *.last {
margin-right: 10px;
}
/* !-- Contacts */
.mini-contacts {
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: 18px;
margin: 0;
background-repeat: no-repeat;
background-position: 0 center;
/* white-space: nowrap;*/
}
.side-header .mini-contacts,
.dt-mobile-header .mini-contacts {
white-space: normal;
}
.mini-contacts.email,
.mini-contacts.skype,
.mini-contacts.clock,
.mini-contacts.address {
padding-left: 22px;
}
/* !!!!!!!!!!!! revrite-- Navigation */
.mini-nav {
position: relative;
display: inline-block;
vertical-align: middle;
}
.mini-nav .customSelect,
.menu-select select {
border: none;
padding: 0;
margin-bottom: 0;
}
.mini-nav .customSelect {
position: absolute;
visibility: hidden;
}
.mini-nav .customSelect .customSelectInner {
opacity: 0;
}
.menu-select select,
.mini-nav .customSelect1 {
position: relative;
visibility: visible;
opacity: 1;
}
.menu-select:hover,
.menu-select select {
cursor: pointer;
}
.menu-select:hover,
.menu a:hover {
text-decoration: underline;
}
.masthead .menu-select:hover,
.masthead .menu a:hover,
.dt-mobile-header .menu-select:hover,
.dt-mobile-header .menu a:hover {
text-decoration: none;
}
.mini-nav .customSelectInner {
padding-left: 20px;
background: none;
}
.mini-nav .customSelectInner:hover {
text-decoration: none;
}
.mini-nav .customSelectInner:before {
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
margin-top: -8px;
content: "";
background-position: 0 center;
background-repeat: no-repeat;
}
.menu-select select {
z-index: 9;
}
.mini-nav .customSelect {
padding: 0;
}
.mini-nav li {
position: relative;
display: inline-block;
vertical-align: middle;
}
.dt-mobile-header .mini-nav .sub-nav > li {
display: block;
}
#page .mini-nav .sub-nav li.has-children a:after {
right: 8px;
}
.mini-nav li:last-child {
margin-right: 0;
}
#bottom-bar .mini-nav ul > li.act > a .menu-item-text,
#bottom-bar .mini-nav > ul > li > a:hover .menu-item-text {
text-decoration: underline;
}
.mini-nav ul > li > a,
#bottom-bar .mini-nav ul > li > a:hover,
.mini-nav > ul > li > a:hover,
.mini-nav ul .sub-nav > li.act > a .menu-item-text,
#bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text {
text-decoration: none;
}
.mini-nav li:first-child:before {
border-left: none;
}
.mini-nav select {
min-width: 100px;
height: 0;
opacity: 0;
}
#page .mini-nav select option,
.light-preset-color:not(.sticky-mobile-on) .masthead:not(#phantom):not(.sticky-on) .mini-nav select option {
color: #b8bcbe !important;
-webkit-text-fill-color: #b8bcbe;
}
/* !-- Search form */
.masthead .mini-search.act {
position: relative;
z-index: 1002;
}
.masthead .mini-search,
.dt-mobile-header .mini-search {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 10;
}
.dt-mobile-header .mini-search,
.dt-mobile-header .searchform {
position: static;
}
.searchform {
position: relative;
z-index: 3;
}
.masthead .mini-search .field,
.dt-mobile-header .mini-search .field {
position: absolute;
/*right: 6px;*/
left: 0;
top: 38px;
width: 290px;
height: 50px;
background-color: #fff;
border: none !important;
font-style: italic;
visibility: hidden;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.dt-mobile-header .mini-search .field {
left: 0;
width: 100%;
z-index: 100;
}
.mini-search .field.right-overflow {
right: 0;
left: auto;
}
.mini-search .field:focus {
outline: none;
}
.searchform .submit,
.mini-search .submit {
display: block;
padding-left: 22px;
border: none;
background-color: transparent;
text-decoration: none;
}
.dt-mobile-header .searchform .submit,
.dt-mobile-header .mini-search .submit {
position: relative;
}
.mini-search .submit:hover {
opacity: 0.7;
}
.mini-search .submit:before {
position: absolute;
top: 50%;
left: 0;
height: 16px;
width: 16px;
margin-top: -8px;
background-position: 0 center;
background-repeat: no-repeat;
content: "";
}
.masthead .mini-search .searchsubmit,
.dt-mobile-header .mini-search .searchsubmit {
display: none;
}
/* !-- Log in */
.mini-login {
display: inline-block;
vertical-align: middle;
}
.mini-login:hover {
opacity: 0.7;
}
.mini-login a {
position: relative;
padding-left: 22px;
text-decoration: none;
}
.mini-login a:hover {
text-decoration: none;
}
.mini-login a:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
height: 16px;
width: 16px;
background-position: 0 center;
background-repeat: no-repeat;
content: "";
}
/* !-- Social icons */
.masthead .soc-ico a:hover,
.accent-gradient .masthead .soc-ico.accent-bg a:hover,
.masthead .soc-ico.accent-bg a:hover,
.masthead .soc-ico.custom-bg a:hover,
.masthead .soc-ico.gradient-bg a:hover,
.accent-gradient .masthead .soc-ico.gradient-bg a:hover {
background: none;
}
.masthead .soc-ico.hover-custom-bg a:hover,
.masthead .soc-ico.accent-bg.hover-custom-bg a:hover,
.masthead .soc-ico.hover-custom-bg a:hover,
.accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover,
.masthead .soc-ico.hover-accent-bg a:hover,
.masthead .soc-ico.hover-disabled-bg a:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
/* Mini widgets : end */
#page .mini-icon-off,
#page .wc-ico-cart.mini-icon-off:before,
#page .mini-login .submit.mini-icon-off:before,
#page .mini-icon-off:before,
#phantom .mini-icon-off,
#phantom .wc-ico-cart.mini-icon-off:before,
#phantom .mini-login .submit.mini-icon-off:before,
#phantom .mini-icon-off:before {
background: none !important;
padding-left: 0;
}
.masthead .soc-ico {
display: inline-block;
vertical-align: middle;
}
.text-area {
position: relative;
display: inline-block;
vertical-align: middle;
}
.mini-widgets .text-area a:not(.dt-btn),
.mobile-mini-widgets .text-area a:not(.dt-btn) {
text-decoration: underline;
}
.text-area a:not(.dt-btn):hover {
text-decoration: none;
}
.text-area > p {
margin-bottom: 0;
}
.top-bar > span {
display: none !important;
}
.searchform .submit.text-disable,
.mini-search .submit.text-disable,
.wc-ico-cart.text-disable,
.mini-login .submit.text-disable {
padding-left: 16px;
letter-spacing: -4px;
}
.masthead .soc-ico a {
line-height: 22px;
}
.lines {
position: relative;
display: inline-block;
width: 22px;
height: 2px;
}
.menu-toggle.active .lines-button.x .lines,
.hide-overlay.active .lines-button.x .lines {
background: transparent;
}
.accent-bg .lines,
.accent-bg .lines:before,
.accent-bg .lines:after {
background-color: #fff;
}
.lines:before,
.lines:after {
position: absolute;
display: inline-block;
left: 0;
width: 22px;
height: 2px;
content: '';
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.menu-toggle.active .lines-button.x .lines:before,
.menu-toggle.active .lines-button.x .lines:after,
.hide-overlay.active .lines-button.x .lines:before,
.hide-overlay.active .lines-button.x .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
-webkit-transition: -webkit-transform 0.1s ease;
transition: transform .1s ease;
}
.lines:before {
top: 7px;
}
.menu-toggle:not(.active) .lines-button:hover .lines:before {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.large-menu-icon .menu-toggle:not(.active) .lines-button:hover .lines:before {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.lines:after {
top: -7px;
}
.menu-toggle:not(.active) .lines-button:hover .lines:after {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.large-menu-icon .menu-toggle:not(.active) .lines-button:hover .lines:after {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.menu-toggle.active .lines-button.x .lines:before,
.hide-overlay.active .lines-button.x .lines:before {
-ms-transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform .2s ease;
}
.menu-toggle.active:hover .lines-button.x .lines:before,
.hide-overlay.active:hover .lines-button.x .lines:before {
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
.menu-toggle.active .lines-button.x .lines:after,
.hide-overlay.active .lines-button.x .lines:after {
-ms-transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform .2s ease;
}
.menu-toggle.active:hover .lines-button.x .lines:after,
.hide-overlay.active:hover .lines-button.x .lines:after {
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
/* #Main menu
================================================== */
/* #Main menu
================================================== */
/* #Main menu
================================================== */
.main-nav > li {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.main-nav > li > a {
text-decoration: none;
}
.main-nav > li > a,
.mini-nav li > a {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.not-clickable-item {
cursor: default;
}
.main-nav > li > a .text-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: inherit;
}
.main-nav > li > a .text-wrap .menu-item-text {
position: relative;
z-index: 10;
}
.main-nav.level-arrows-on > li.has-children > a {
position: relative;
}
.main-nav .menu-item a .fa,
.main-nav .menu-item a > i,
.main-nav .menu-item .text-wrap > i,
.mini-nav .menu-item a .fa,
.mini-nav .menu-item a > i,
.mini-nav .menu-item .text-wrap > i {
padding-right: 6px;
}
.subtitle-text,
.menu-text {
display: block;
}
.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text {
position: relative;
padding-right: 10px;
}
.sub-sideways .main-nav.level-arrows-on > li.has-children > a .menu-item-text {
position: relative;
}
.top-header .main-nav .menu-text:after {
position: absolute;
top: 50%;
margin-top: -5px;
right: 0;
width: 8px;
height: 8px;
content: "";
}
.main-nav .rippleWrap {
width: 100%;
height: 100%;
}
.side-header .main-nav.level-arrows-on > li.has-children > a:after {
position: absolute;
top: 50%;
margin-top: -7px;
right: -14px;
width: 14px;
height: 14px;
content: "";
background-repeat: no-repeat;
background-position: center center;
}
.side-header.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after {
right: -30px;
margin-top: -15px;
width: 30px;
height: 30px;
}
.sub-downwards .next-level-button,
.dt-mobile-header .next-level-button {
position: relative;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center center;
}
.sub-downwards.dt-parent-menu-clickable .main-nav.level-arrows-on > li.has-children > a:after,
.dt-mobile-header.dt-parent-menu-clickable .mobile-main-nav > li.has-children > a:after {
display: none;
}
.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after,
.sub-downwards .side-header .main-nav.level-arrows-on > li.has-children > a:after,
.sub-downwards .next-level-button,
.dt-mobile-header .next-level-button {
-ms-transition: -ms-transform 0.3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.sub-downwards .main-nav.level-arrows-on > li.has-children.open-sub > a.act:after,
.sub-downwards li.has-children.open-sub > .next-level-button,
.dt-mobile-header li.has-children.open-sub > .next-level-button {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* #Left to right decoration style
================================================== */
.l-to-r-line > li > a > span {
position: relative;
display: block;
}
.l-to-r-line > li > a i.underline {
position: absolute;
display: block;
left: 1px;
bottom: -5px;
overflow: hidden;
width: 0;
pointer-events: none;
background-color: transparent;
opacity: 0.85;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.top-header .l-to-r-line > li.act > a i.underline,
.top-header .l-to-r-line > li > a:hover i.underline,
.top-header .l-to-r-line > li.dt-hovered > a i.underline {
width: 100%;
}
/* #From centre decoration style
================================================== */
.from-centre-line > li > a > span {
position: relative;
display: block;
}
.from-centre-line > li > a .menu-item-text:before {
position: absolute;
visibility: hidden;
left: 0;
bottom: -5px;
width: 100%;
height: 2px;
background-color: #000;
content: "";
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-ms-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
opacity: 0.85;
}
.top-header .from-centre-line > li > a:hover .menu-item-text:before,
.top-header .from-centre-line > li.dt-hovered > a .menu-item-text:before,
.top-header .from-centre-line > li.act > a .menu-item-text:before {
visibility: visible;
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* #Upwards decoration style
================================================== */
.upwards-line > li > a > span {
position: relative;
display: block;
}
.upwards-line > li > a .menu-item-text:before {
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0, 0, 0, 0.1);
content: '';
opacity: 0;
-ms-transition: opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.top-header .upwards-line > li.dt-hovered > a .menu-item-text:before,
.top-header .upwards-line > li > a:hover .menu-item-text:before,
.top-header .upwards-line > li.act > a .menu-item-text:before {
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* #Downwards decoration style
================================================== */
.downwards-line > li > a > span {
position: relative;
display: block;
}
.downwards-line > li > a .menu-item-text:before {
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-ms-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.top-header .downwards-line > li.dt-hovered > a .menu-item-text:before,
.top-header .downwards-line > li > a:hover .menu-item-text:before,
.top-header .downwards-line > li.act > a .menu-item-text:before {
height: 2px;
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* #Material underline decoration style
================================================== */
.top-header .hover-line-decoration > li > a,
.top-header .active-line-decoration > li > a {
overflow: hidden;
}
.top-header .hover-line-decoration > li > a .decoration-line,
.top-header .active-line-decoration > li > a .decoration-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
content: "";
opacity: 0;
-ms-transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.top-header .active-line-decoration > li.act > a .decoration-line,
.top-header .hover-line-decoration > li > a:hover .decoration-line,
.top-header .hover-line-decoration > li.dt-hovered > a .decoration-line {
opacity: 1;
}
.top-header .hover-bg-decoration > li:not(.act) > a {
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
}
/* #Drop down menu
================================================== */
/* #Menu -> second level
================================================== */
.sub-nav,
.dt-mega-menu-wrap {
position: absolute;
visibility: hidden;
z-index: 200;
top: 100%;
left: 0;
width: 240px;
opacity: 0;
}
.sub-nav.right-overflow {
left: auto;
right: 0;
}
.sub-nav {
padding: 0;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sub-nav li {
position: relative;
display: block;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sub-nav li:first-child {
padding-top: 10px;
}
.sub-nav li:last-child {
padding-bottom: 10px;
}
.sub-nav li:first-child:before {
display: none;
}
.sub-nav li a,
.sub-nav li a .text-wrap {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
align-content: center;
-ms-flex-line-pack: center;
text-decoration: none;
}
.sub-nav li a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sub-nav li a .text-wrap {
width: 100%;
}
.sub-downwards.h-justify.h-center .sub-nav > li > a,
.sub-downwards.h-center .sub-nav > li,
.sub-downwards.h-center .sub-nav li a .text-wrap {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
.sub-nav li.has-children a:after {
position: absolute;
display: block;
right: 0;
top: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
content: "";
background-position: center center;
background-repeat: no-repeat;
}
.sub-downwards .sub-nav li.has-children a:after {
right: -30px;
margin-top: -15px;
}
.sub-downwards .sub-nav .next-level-button,
.dt-mobile-header .sub-nav .next-level-button,
.sub-downwards .sub-nav li.has-children a:after {
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 30px;
height: 30px;
background-position: center center;
background-repeat: no-repeat;
}
.sub-downwards.dt-parent-menu-clickable .sub-nav li.has-children a:after,
.dt-mobile-header.dt-parent-menu-clickable .sub-nav li.has-children a:after {
display: none;
}
.sub-downwards.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after,
.dt-mobile-header.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after {
display: block;
}
.sub-downwards .sub-nav.level-arrows-on li.has-children > a:after,
.sub-downwards .sub-nav .next-level-button,
.dt-mobile-header .sub-nav .next-level-button {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.sub-downwards .sub-nav.level-arrows-on li.has-children.open-sub > a.act:after,
.sub-downwards .sub-nav li.has-children.open-sub > .next-level-button,
.dt-mobile-header .sub-nav li.has-children.open-sub > .next-level-button {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sub-nav .sub-nav {
left: 241px;
top: 0;
margin-top: 0px;
}
.rtl .sub-nav .sub-nav {
left: auto;
right: 241px;
}
.sub-nav .sub-nav.right-overflow {
left: -241px;
}
.rtl .sub-nav .sub-nav.right-overflow {
left: auto;
right: -241px;
}
/* #Side header -> second level
================================================== */
.side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow),
.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow) {
top: 0 !important;
left: 100%;
}
.rtl .side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow),
.rtl .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow) {
right: 100%;
left: auto;
}
.side-header:not(.sub-downwards) .main-nav > li > .sub-nav,
.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap {
left: 100%;
}
.rtl .side-header:not(.sub-downwards) .main-nav > li > .sub-nav,
.rtl .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap {
right: 100%;
left: auto;
}
.side-header .sub-nav.bottom-overflow,
.side-header .dt-mega-menu-wrap.bottom-overflow,
.side-header .mini-nav.sub-nav.bottom-overflow {
top: auto !important;
bottom: 0;
}
.top-header.floating-navigation-below-slider .sub-nav.bottom-overflow {
top: auto !important;
bottom: 0;
}
.dt-mobile-header .mini-nav li,
.dt-mobile-header .mini-nav {
position: static;
}
.dt-mobile-header .mini-nav .sub-nav {
left: 0;
width: 100%;
}
.dt-mobile-header .mini-nav .sub-nav .sub-nav {
left: 0 !important;
}
.header-side-right .sub-sideways .main-nav > li > .sub-nav,
.overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav,
.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap,
.overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap {
left: auto !important;
right: 100%;
}
.rtl.header-side-right .sub-sideways .main-nav > li > .sub-nav,
.rtl.overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav,
.rtl.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap,
.rtl.overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap {
left: 100% !important;
right: auto;
}
/* #Side header -> Show drop down menu - > Downwards
================================================== */
.sub-downwards .main-nav > li,
.mobile-main-nav > li,
.sub-downwards .sub-nav > li,
.dt-mobile-header .sub-nav > li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.sub-downwards.side-header .main-nav > li > .sub-nav,
.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap,
.sub-downwards.side-header .main-nav > li > .sub-nav .sub-nav,
.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav,
.dt-mobile-header .mobile-main-nav > li > .sub-nav,
.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap,
.dt-mobile-header .mobile-main-nav > li > .sub-nav .sub-nav,
.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav {
position: relative;
display: none;
top: 0;
left: 0;
width: 100%;
padding: 0;
visibility: visible;
opacity: 1;
z-index: auto;
}
.sub-downwards.side-header .main-nav > li .sub-nav .sub-nav {
padding: 15px 20px 15px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sub-downwards li:not(.dt-mega-menu) .sub-nav {
width: auto;
}
.sub-downwards .level-arrows-on li.has-children a {
max-width: calc(100% - 30px);
box-sizing: border-box;
}
.sub-downwards .main-nav > li > .sub-nav {
padding-bottom: 0;
}
.sub-downwards .main-nav .sub-nav,
.mobile-main-nav .sub-nav {
background: none;
box-shadow: none;
}
.sub-downwards .main-nav .sub-nav li,
.masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
padding: 0;
width: 100%;
}
.sub-downwards .main-nav.level-arrows-on > li.has-children:last-child {
margin-right: 0;
}
.sub-downwards #main-nav li a:hover,
.next-level-button:hover {
cursor: pointer !important;
}
/* #Mega menu
================================================== */
/* #Mega menu
================================================== */
.main-nav > li.dt-mega-menu > a {
position: relative;
}
.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text,
.dt-mega-menu .sub-nav li.has-children:after,
.dt-mega-menu .sub-nav .dt-mega-parent:before,
.dt-mega-menu .sub-nav .dt-mega-parent:first-child:before,
.dt-mega-menu .sub-nav li:before {
display: none;
}
.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title:not(.with-subtitle) > a {
padding: 0;
}
.sub-downwards .sub-nav li.hide-mega-title > a {
display: block;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
/*subtitle*/
.menu-subtitle {
display: block;
text-transform: none;
}
.menu-subtitle {
font-family: Arial, sans-serif;
font-style: normal;
font-weight: normal;
}
/*#main-nav > li > a span > span.menu-subtitle,*/
.dt-mega-menu .sub-nav .dt-mega-parent > a span.menu-subtitle {
font-size: 12px;
line-height: 14px;
}
.menu-subtitle:after,
.mega-icon:after {
display: none !important;
}
/*mega sub menu width*/
.top-header .mega-full-width > .dt-mega-menu-wrap {
width: 100%;
}
.side-header .mega-full-width .dt-mega-menu-wrap,
.side-header .mega-auto-width .dt-mega-menu-wrap {
top: 0;
left: 100%;
}
.header-side-right .mega-full-width > .dt-mega-menu-wrap,
.header-side-right .mega-auto-width > .dt-mega-menu-wrap {
top: 0;
left: auto;
right: 100%;
padding-left: 0;
}
.masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap,
.masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap {
width: 890px;
max-width: 890px;
}
.mega-auto-width .dt-mega-menu-wrap {
left: 0;
width: auto;
/*max-width: 100%;*/
}
.main-nav .mega-auto-width > .dt-mega-menu-wrap {
min-width: 240px;
}
.mega-auto-width > .dt-mega-menu-wrap.left-overflow,
.mega-full-width .dt-mega-menu-wrap.left-overflow {
left: 0 !important;
right: auto !important;
margin-left: 0 !important;
}
.top-header .main-nav .dt-mega-menu-wrap {
position: absolute;
top: 100%;
visibility: hidden;
opacity: 0;
padding: 10px;
}
.main-nav .dt-mega-menu-wrap {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow {
top: auto;
bottom: 100%;
}
.top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow {
top: auto;
bottom: 0;
}
.dt-mega-menu-wrap .sub-nav {
position: relative;
width: auto;
padding: 0;
background: none;
box-shadow: none;
}
.show-mega-menu .dt-mega-menu-wrap .sub-nav,
.sub-downwards .dt-mega-menu-wrap .sub-nav {
visibility: visible;
opacity: 1;
}
#page .dt-mobile-header .dt-mega-menu-wrap > .sub-nav {
visibility: visible;
opacity: 1;
width: auto;
}
.dt-mega-menu-wrap > .sub-nav {
display: block !important;
}
.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul,
.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul {
width: auto;
}
.dt-mega-menu .dt-mega-menu-wrap {
padding-top: 0;
padding-bottom: 0;
font-size: 0;
line-height: 0;
word-spacing: -4px;
text-align: left;
}
.dt-mega-menu .dt-mega-menu-wrap:before,
.dt-mega-menu .dt-mega-menu-wrap:after {
content: "";
display: table;
clear: both;
}
.dt-mega-menu > .dt-mega-menu-wrap {
padding: 20px 10px 10px;
}
.dt-mega-menu .dt-mega-menu-wrap li {
padding-left: 0;
padding-right: 0;
word-spacing: normal;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
position: static;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
padding: 0 10px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dt-mega-menu .sub-nav .dt-mega-parent:first-child {
border-left: none;
}
.new-column > a {
margin-left: -21px !important;
border-radius: none;
}
.dt-mega-menu .sub-nav .dt-mega-parent:hover > a {
-webkit-border-radius: 0;
border-radius: 0;
}
.dt-mega-menu .sub-nav .dt-mega-parent a {
width: auto;
}
.dt-mega-menu .sub-nav .dt-mega-parent.no-link > a:hover,
.no-link > a:hover {
opacity: 1;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav,
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow {
position: relative;
left: auto !important;
top: auto;
max-width: 100%;
padding: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav,
.rtl .masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow {
right: auto;
left: auto !important;
}
.dt-mega-menu.dt-hovered .sub-nav .sub-nav,
.show-mega-menu.dt-mega-menu .sub-nav .sub-nav {
visibility: visible !important;
opacity: 1 !important;
}
.dt-mega-parent .sub-nav > li {
margin-bottom: 2px;
}
.hide-mega-title {
margin-top: 5px;
}
.sub-downwards .hide-mega-title {
margin-top: 0;
}
.side-header .main-nav .new-column {
display: none;
}
/* #Mobile menu
================================================== */
/* #Mobile menu
================================================== */
.mobile-header-space,
.mobile-header-bar {
display: none;
}
.menu-open.not-iOS {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.dt-mobile-header {
position: fixed;
top: 0;
height: 100%;
min-height: 100%;
width: 500px;
max-width: 100%;
z-index: 9602;
padding: 30px 30px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: grey;
-ms-transition: -ms-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
-ms-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.show-mobile-header .dt-mobile-header {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.right-mobile-menu .dt-mobile-header {
right: 0;
-ms-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-ms-transition: right 0.5s ease;
-webkit-transition: right 0.5s ease;
transition: right 0.5s ease;
}
.admin-bar .dt-mobile-header {
padding-top: 62px;
}
.is-iOS .dt-mobile-header,
.mobile-true .dt-mobile-header {
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobile-header-scrollbar-wrap:not(.mCustomScrollbar) {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.mobile-header-scrollbar-wrap.mCustomScrollbar {
width: 100%;
height: 100%;
}
.mobile-mini-widgets-in-menu,
.show-on-first-switch,
.show-on-second-switch {
display: none;
}
.mobile-mini-widgets-in-menu,
.dt-mobile-header .mini-widgets {
padding-bottom: 30px;
}
.mobile-sticky-header-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {
position: fixed;
visibility: hidden;
top: 10px;
right: 10px;
opacity: 0;
width: 44px;
height: 44px;
margin: 0 !important;
background-color: rgba(0, 0, 0, 0.2);
-webkit-backface-visibility: hidden;
}
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn {
visibility: visible;
opacity: 1;
}
.dt-mobile-menu-icon.floating-btn .lines {
-webkit-border-radius: 0;
border-radius: 0;
}
.medium-mobile-menu-icon .mobile-header-bar .dt-mobile-menu-icon {
width: 24px;
}
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines,
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:not(.active),
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:before,
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:after {
background-color: #fff;
}
/*First switch mobile header layout*/
/*Mobile menu*/
.mobile-main-nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-flex: 10 1 auto;
-moz-flex: 10 1 auto;
-ms-flex: 10 1 auto;
flex: 10 1 auto;
padding-bottom: 30px;
}
.mobile-main-nav > li {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.mobile-main-nav > li > a {
text-decoration: none;
}
.mobile-main-nav > li:before {
content: "";
position: absolute;
top: -0.5px;
height: 0;
border-top: solid 1px yellow;
width: 100%;
max-width: 100%;
left: 0;
}
.mobile-main-nav > li:first-child:before,
.dt-mobile-header .mobile-main-nav .new-column {
display: none;
}
.mobile-main-nav > li > a {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 30px 10px 0;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.mobile-main-nav .sub-nav li.hide-mega-title > a {
display: block;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.mobile-main-nav > li.has-children > a:after {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
width: 30px;
height: 30px;
content: "";
background-repeat: no-repeat;
background-position: center center;
}
.mobile-main-nav > li.has-children > a:after,
.mobile-main-nav .next-level-button {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.mobile-main-nav > li.has-children.open-sub > a.act:after,
.mobile-main-nav li.has-children.open-sub > .next-level-button {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-main-nav .menu-item a .fa {
padding-right: 6px;
}
.mobile-main-nav li > a .subtitle-text {
font-size: 10px;
line-height: 12px;
font-family: Arial, sans-serif;
}
.mobile-main-nav .sub-nav {
margin-left: 20px;
}
.header-side-right .mobile-main-nav .mega-full-width > .sub-nav,
.header-side-right .mobile-main-nav .mega-auto-width > .sub-nav {
right: 0;
}
#page .mobile-main-nav .sub-nav li,
#page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
padding: 0;
width: 100%;
}
#page .mobile-main-nav .sub-nav {
width: 100%;
}
.mobile-main-nav .sub-nav .sub-nav {
left: 0;
}
.mobile-main-nav .sub-nav > li > a {
padding: 10px 30px 10px 0;
margin: 0;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.mobile-main-nav .sub-nav > li > a:hover {
background: none !important;
}
.mobile-main-nav .sub-nav .next-level-button,
.mobile-main-nav .sub-nav li.has-children a:after {
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-ms-flex-item-align: center;
align-self: center;
top: 0;
margin: 0;
width: 30px;
height: 30px;
background-position: center center;
background-repeat: no-repeat;
}
.mobile-main-nav.dt-parent-menu-clickable .sub-nav li.has-children a:after {
display: none;
}
.mobile-main-nav .sub-nav li.has-children > a:after,
.mobile-main-nav .sub-nav .next-level-button {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.mobile-main-nav .sub-nav li.has-children.open-sub > a.act:after,
.mobile-main-nav .sub-nav li.has-children.open-sub > .next-level-button {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* ====================== lines button ==================================================*/
.lines-button,
.dt-mobile-menu-icon {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
margin-right: 16px;
transition: .3s;
cursor: pointer;
user-select: none;
}
.dt-mobile-menu-icon {
width: 22px;
height: 22px;
margin-right: 0;
}
.lines-button:active {
transition: 0;
}
.dt-close-mobile-menu-icon {
position: fixed;
top: 0;
width: 30px;
height: 30px;
left: -50px;
z-index: 9999;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.admin-bar .dt-close-mobile-menu-icon {
top: 32px;
}
.show-mobile-header .dt-close-mobile-menu-icon {
opacity: 1;
}
.dt-close-mobile-menu-icon span {
position: relative;
display: block;
width: 30px;
height: 30px;
margin: 0;
}
.dt-close-mobile-menu-icon span:hover {
cursor: pointer;
}
.dt-close-mobile-menu-icon span:before,
.dt-close-mobile-menu-icon span:after {
background-color: #fff;
}
.dt-close-mobile-menu-icon span:before,
.dt-close-mobile-menu-icon span:after {
display: inline-block;
width: 22px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
content: '';
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: top 0.3s;
transition: top 0.3s;
}
.dt-mobile-menu-icon:hover .lines:before {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.dt-mobile-menu-icon:hover .lines:after {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.dt-close-mobile-menu-icon span:before,
.dt-close-mobile-menu-icon span:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%;
left: 50%;
margin: -1px 0 0 -11px;
width: 22px;
-webkit-transition: -webkit-transform 0.1s ease;
transition: transform .1s ease;
}
.dt-close-mobile-menu-icon span:before {
-ms-transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.dt-close-mobile-menu-icon:hover span:before {
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
.dt-close-mobile-menu-icon span:after {
-ms-transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.dt-close-mobile-menu-icon:hover span:after {
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
.masthead .mobile-header-bar {
position: relative;
min-height: 150px;
width: 100%;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.side-header .mobile-header-bar {
padding: 0 44px;
}
.mobile-header-bar > * {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-header-bar .mobile-branding {
line-height: 0;
}
.mobile-header-bar .mobile-branding img {
max-width: 100%;
height: auto;
}
/* #Floating menu
================================================== */
/*Floating navigation->Style->Sticky*/
/* #Floating menu
================================================== */
#phantom {
position: fixed;
width: 100%;
left: 0;
top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#phantom.boxed {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.dt-style-um #phantom {
display: none;
}
.phantom-fade #phantom {
-webkit-transform: translateZ(0);
}
.phantom-fade #phantom:not(.show-phantom):not(.hide-phantom) {
display: none;
opacity: 0;
}
.phantom-fade .hide-phantom#phantom {
-webkit-animation: fade-out-anim 0.8s ease 0ms 1 normal both;
animation: fade-out-anim 0.8s ease 0ms 1 normal both;
}
.phantom-fade .show-phantom#phantom {
-webkit-animation: opacity-lat 0.7s ease 0ms 1 normal both;
animation: opacity-lat 0.7s ease 0ms 1 normal both;
animation-delay: 0.1s;
}
.phantom-fade #phantom.hide-phantom {
will-change: opacity;
}
/*Phantom fade*/
@-webkit-keyframes fade-out-anim {
0% {
opacity: 1;
display: block;
}
30% {
opacity: 0;
display: block;
}
99% {
opacity: 0;
display: block;
}
100% {
opacity: 0;
display: none;
z-index: 1;
}
}
@keyframes fade-out-anim {
0% {
opacity: 1;
display: block;
}
30% {
opacity: 0;
display: block;
}
99% {
opacity: 0;
display: block;
}
100% {
opacity: 0;
display: none;
z-index: 1;
}
}
@-webkit-keyframes fade-in-anim {
0% {
opacity: 0;
display: none;
}
1% {
opacity: 0;
display: block;
}
50% {
opacity: 1;
display: block;
}
100% {
opacity: 1;
display: block;
}
}
@keyframes fade-in-anim {
0% {
opacity: 0;
display: none;
}
1% {
opacity: 0;
display: block;
}
50% {
opacity: 1;
display: block;
}
100% {
opacity: 1;
display: block;
}
}
.phantom-slide #phantom.hide-phantom {
will-change: transform, opacity;
}
.phantom-sticky .sticky-off.masthead:not(.masthead-mobile) {
will-change: transform;
}
.phantom-slide #phantom {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.phantom-slide .hide-phantom#phantom {
-webkit-animation: slide-out-anim 0.35s ease 0ms 1 normal both;
animation: slide-out-anim 0.35s ease 0ms 1 normal both;
}
.phantom-slide .boxed.hide-phantom#phantom {
-webkit-animation: slide-out-anim-boxed 0.35s ease 0ms 1 normal both;
animation: slide-out-anim-boxed 0.35s ease 0ms 1 normal both;
}
.phantom-slide .show-phantom#phantom {
-webkit-animation: slide-in-anim 0.52s ease 0ms 1 normal both;
animation: slide-in-anim 0.52s ease 0ms 1 normal both;
}
.phantom-slide .boxed.show-phantom#phantom {
-webkit-animation: slide-in-anim-boxed 0.52s ease 0ms 1 normal both;
animation: slide-in-anim-boxed 0.52s ease 0ms 1 normal both;
}
/*Phantom slide*/
@-webkit-keyframes slide-out-anim {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
100% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slide-out-anim {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
100% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes slide-in-anim {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
10% {
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in-anim {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
10% {
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out-anim-boxed {
0% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
30% {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
}
@keyframes slide-out-anim-boxed {
0% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
30% {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
}
@-webkit-keyframes slide-in-anim-boxed {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
10% {
opacity: 1;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@keyframes slide-in-anim-boxed {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
10% {
opacity: 1;
-webkit-transform: translate3d(-50%, -100%, 0);
transform: translate3d(-50%, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
/*
body.admin-bar.phantom-sticky:not(.floating-navigation-below-slider) .masthead:not(.side-header):not(.masthead-mobile),
body.admin-bar.phantom-sticky.floating-navigation-below-slider.sticky-on .masthead:not(.side-header):not(.masthead-mobile),
*/
body.admin-bar #phantom {
top: 32px !important;
}
.floating-navigation-below-slider .top-bar {
display: none;
}
#phantom.boxed {
z-index: 9008;
}
.ph-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
}
.full-height .ph-wrap {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ph-wrap .menu-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.ph-wrap.with-logo .menu-box,
.justify .ph-wrap .menu-box {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.ph-wrap.with-logo .menu-box {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.inline-header.center .ph-wrap.with-logo .menu-box {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
#phantom:not(.split-header) .main-nav,
#phantom.inline-header.center .main-nav {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
#phantom.classic-header.justify .main-nav,
#phantom.inline-header.justify .main-nav,
#phantom.split-header.justify .main-nav {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
#phantom .with-logo .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
#phantom.inline-header.left .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.widget-box .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#phantom.full-width .ph-wrap {
max-width: 100%;
}
#phantom .ph-wrap.boxed {
width: 100%;
max-width: 1320px;
margin: 0 auto;
}
.ph-wrap .header-bar {
width: 100%;
}
.ph-wrap .header-bar .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.ph-wrap .logo-box {
display: none;
}
.ph-wrap.with-logo .logo-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 0;
}
.ph-wrap .widget-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*Floating top line logo*/
.phantom-logo-off .show-phantom .branding {
display: none;
visibility: hidden;
}
.phantom-custom-logo-on .hide-phantom.classic-header .branding .phantom-top-line-logo,
.phantom-custom-logo-on .show-phantom.classic-header .branding > a:not(.phantom-top-line-logo),
.phantom-custom-logo-on .show-phantom.classic-header .branding > img:not(.phantom-top-line-logo),
.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo {
opacity: 0;
visibility: hidden;
}
.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo {
position: absolute;
}
.phantom-custom-logo-on .hide-phantom.masthead:not(.classic-header):not(.side-header) .branding .phantom-top-line-logo,
.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding > a:not(.phantom-top-line-logo),
.phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding > img:not(.phantom-top-line-logo) {
opacity: 0;
display: none;
}
.animate-sticky {
float: left;
width: 1px;
height: 100%;
}
.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,
.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo),
.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
display: none;
opacity: 0;
}
.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,
.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo,
.phantom-main-logo-on.phantom-sticky .sticky-on .branding > a,
.phantom-main-logo-on.phantom-sticky .sticky-on .branding > img,
.phantom-logo-off.phantom-sticky .sticky-on .branding > a,
.phantom-logo-off.phantom-sticky .sticky-on .branding > img {
display: none;
visibility: hidden;
}
/*! Horizontal headers */
.masthead:not(.side-header) {
max-width: 1200px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.masthead:not(.side-header):not(.mixed-header),
.masthead.side-header-h-stroke {
display: -ms-flexbox;
-ms-flex-direction: column;
-webkit-align-content: space-between;
-moz-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.masthead:not(.side-header):not(.mixed-header) .top-bar,
.masthead.side-header-h-stroke .top-bar,
.masthead:not(.side-header):not(.mixed-header) .header-bar,
.masthead.side-header-h-stroke .header-bar,
.masthead:not(.side-header):not(.mixed-header) .ph-wrap,
.masthead.side-header-h-stroke .ph-wrap {
width: 100%;
}
.masthead.side-header-v-stroke.mixed-header {
display: -ms-flexbox;
-ms-flex-direction: column;
}
.masthead.side-header-v-stroke.mixed-header .header-bar .branding {
text-align: center;
}
}
.masthead:not(.side-header) .header-bar {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch;
-ms-flex-line-pack: stretch;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.masthead:not(.side-header) .main-nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*! Full height menu */
.masthead:not(.side-header).full-height .main-nav {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch;
}
.masthead:not(.side-header).full-height .header-bar .main-nav > li > a,
.masthead:not(.side-header) .header-bar .main-nav > li > a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
align-content: center;
-ms-flex-line-pack: stretch;
}
/*! Menu dividers enabled */
.masthead:not(.side-header).dividers.justify .main-nav > li {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu) {
position: relative;
}
.masthead:not(.side-header).dividers .main-nav > li:before,
.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
content: "";
position: absolute;
left: -0.5px;
width: 0;
border-right: solid 1px yellow;
height: 100%;
max-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.masthead:not(.side-header).dividers .main-nav > li:first-child:before {
display: none;
}
.masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before {
display: block;
}
.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
left: auto;
right: -0.5px;
}
.masthead:not(.side-header) .main-nav.animate-click-decoration > li > a {
overflow: hidden;
}
.masthead:not(.side-header).full-height .main-nav > li > a {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
/*! Inline header */
.masthead.inline-header:not(.widgets) .header-bar .mini-widgets {
display: none;
}
.inline-header .header-bar {
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.inline-header .branding,
.inline-header .header-bar > .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*! - left, right & center menu */
.inline-header.left .main-nav,
.inline-header.right .main-nav,
.inline-header.center .main-nav {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.inline-header.left .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.inline-header.right .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.inline-header.center .main-nav {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
/*! - justified menu */
.inline-header.justify .main-nav {
-webkit-flex-grow: 10;
-moz-flex-grow: 10;
-ms-flex-positive: 10;
-ms-flex-grow: 10;
flex-grow: 10;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-flex-pack: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
.inline-header.justify .main-nav > li {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.inline-header.justify .main-nav > li > a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
/*! -- justified menu, with mini-widgets */
.inline-header.justify.widgets .main-nav > li {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
/*! Classic header */
.classic-header .header-bar {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.masthead.classic-header .header-bar {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-ms-flex-align: end;
}
.classic-header .branding,
.classic-header .navigation {
-webkit-flex: 1 1 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.classic-header .navigation {
position: relative;
}
.classic-header .navigation:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
content: "";
}
.boxed .classic-header .navigation:before {
padding: 0;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.classic-header.full-width-line .navigation:before,
.classic-header.bg-behind-menu .navigation:before {
padding: 0 1000px;
margin-left: -1000px;
}
.boxed .classic-header.full-width-line .navigation:before,
.boxed .classic-header.bg-behind-menu .navigation:before {
padding: 0;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.classic-header.bg-behind-menu .navigation:before {
height: 100%;
}
.masthead.classic-header:not(.widgets) .navigation .mini-widgets {
display: none;
}
.classic-header.widgets .branding .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.classic-header .branding .mini-widgets:last-child {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.classic-header .navigation > .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
/*! - branding layouts */
/*! -- logo on the left, widgets on the right */
.classic-header:not(.logo-center) .branding .mini-widgets {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
/*! -- logo centered, widgets around */
.classic-header.logo-center .branding .mini-widgets {
-webkit-flex: 1 1 0%;
-moz-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.classic-header.logo-center .branding {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.classic-header.logo-center .branding > a {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
display: block;
}
.classic-header.logo-center .branding .mini-widgets:last-child {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
/*! -- logo and widgets centered */
.classic-header.logo-widgets-center .branding {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.classic-header.logo-widgets-center .branding > * {
margin: 0 auto;
}
/*! - left, right & center menu */
.classic-header.left .main-nav,
.classic-header.right .main-nav {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.classic-header.left .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.classic-header.right .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.classic-header.center .navigation {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
/*! - justified menu */
.classic-header.justify .main-nav {
-webkit-flex-grow: 10;
-moz-flex-grow: 10;
-ms-flex-positive: 10;
-ms-flex-grow: 10;
flex-grow: 10;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.classic-header.justify .main-nav > li > a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*! -- justified menu, with mini-widgets */
.classic-header.justify.widgets .main-nav > li {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.classic-header.justify.widgets .main-nav > li {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
/*! Split header */
.masthead.split-header .header-bar {
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.masthead.split-header.full-height .header-bar {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.masthead.split-header:not(.widgets) .navigation .mini-widgets {
display: none;
}
.split-header .branding {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.split-header .navigation {
-webkit-flex: 1 1 0%;
-moz-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.split-header .navigation:first-of-type {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.split-header .navigation:last-of-type {
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.split-header .navigation .main-nav {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.split-header .navigation:first-of-type .main-nav {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.split-header .navigation:first-of-type .mini-widgets {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.split-header .navigation:last-of-type .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.split-header .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/*! - inside */
.split-header.inside .navigation:first-of-type .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.split-header.inside .navigation:last-of-type .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
/*! - fully inside */
.split-header.fully-inside .navigation .main-nav {
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
-ms-flex-grow: 0;
flex-grow: 0;
}
.split-header.fully-inside .navigation:first-of-type {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.split-header.fully-inside .navigation:last-of-type {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.split-header.fully-inside .navigation:first-of-type .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.split-header.fully-inside .navigation:last-of-type .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
/*! - outside */
.split-header.outside .navigation:first-of-type .main-nav {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.split-header.outside .navigation:last-of-type .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
/*! - justified */
.split-header.justify .navigation .main-nav {
-webkit-flex-grow: 10;
-moz-flex-grow: 10;
-ms-flex-positive: 10;
-ms-flex-grow: 10;
flex-grow: 10;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.split-header.justify .navigation .main-nav > li {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.split-header.justify .navigation:last-of-type .main-nav > li {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
/*! -- justified menu, with mini-widgets */
.split-header.justify.widgets .navigation .main-nav > li {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
/*! Vertical headers */
.side-header {
position: fixed;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
height: 100%;
z-index: 101;
width: 400px;
}
.admin-bar .side-header {
height: calc(100% - 32px);
}
.side-header.content-left {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.side-header.content-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.side-header.content-right {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.header-side-right .side-header {
right: 0;
}
.is-iOS .side-header:not(.sub-sideways),
.mobile-true .side-header:not(.sub-sideways) {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.side-header .header-bar {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.fully-inside.side-header .header-bar .main-nav {
-webkit-flex: 0 1 auto;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.side-header.v-bottom.fully-inside .header-bar {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.side-header.v-center.fully-inside .header-bar {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.header-scrollbar-wrap {
width: 100%;
height: 100%;
}
.header-scrollbar-wrap .mCSB_inside > .mCSB_container,
.mobile-header-scrollbar-wrap .mCSB_inside > .mCSB_container {
margin: 0;
}
.fade-header-animation .header-scrollbar-wrap .mCSB_inside > .mCSB_container,
.overlay-navigation .header-scrollbar-wrap .mCSB_inside > .mCSB_container {
display: none;
}
.fade-header-animation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container,
.overlay-navigation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.mCSB_container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.content-left .mCSB_container {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.content-center .mCSB_container {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.content-right .mCSB_container {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
.dt-mobile-header .mCSB_container {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.side-header .main-nav {
-webkit-flex: 10 1 auto;
-moz-flex: 10 1 auto;
-ms-flex: 10 1 auto;
flex: 10 1 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.side-header .header-bar .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* - center vertically */
.side-header.v-center .main-nav {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.side-header.v-center .branding,
.side-header.v-center:not(.masthead-mobile-header) .mini-widgets {
-webkit-flex: 0 1 auto;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
/* - Menu position bottom */
.side-header.v-bottom .main-nav {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
/* - center horisontally */
.side-header.h-center .main-nav > li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
text-align: center;
}
/* - justify horisontally */
.side-header.h-justify .main-nav > li > a,
.side-header.h-justify.sub-downwards .sub-nav > li > a {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
/* -- and also center */
.side-header.h-justify.h-center .main-nav > li > a,
.side-header.h-center .branding,
.side-header.h-center:not(.masthead-mobile-header) .mini-widgets {
text-align: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
/*! Menu dividers enabled */
.side-header.dividers .main-nav > li {
position: relative;
}
.side-header.dividers .main-nav > li:before,
.side-header.dividers.surround .main-nav > li:last-child:after {
content: "";
position: absolute;
top: -0.5px;
height: 0;
border-top: solid 1px yellow;
width: 40px;
max-width: 100%;
left: 0;
}
.side-header.dividers.h-center .main-nav > li:before,
.side-header.dividers.surround.h-center .main-nav > li:last-child:after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.side-header.dividers .main-nav > li:first-child:before {
display: none;
}
.side-header.dividers.surround .main-nav > li:first-child:before {
display: block;
}
.side-header.dividers.surround .main-nav > li:last-child:after {
top: auto;
bottom: -0.5px;
}
/*! Slide out side header */
.side-header.slide-out {
position: fixed;
top: 0;
}
.admin-bar .side-header.slide-out {
top: 32px;
}
.header-side-left .side-header.slide-out {
left: 0;
}
.rtl.header-side-left .side-header.slide-out {
left: auto;
right: 0;
}
.side-header.slide-out.fade {
opacity: 0;
visibility: hidden;
}
/* vertical scrollbar */
.header-scrollbar-wrap .mCustomScrollBox,
.header-scrollbar-wrap .mCSB_container,
.mobile-header-scrollbar-wrap .mCustomScrollBox,
.mobile-header-scrollbar-wrap .mCSB_container,
.dt-mobile-header .mCustomScrollBox,
.dt-mobile-header .mCSB_container {
overflow: visible;
}
.mCSB_container {
width: auto;
}
.dt-mobile-header .mCSB_container {
width: 100%;
}
.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
}
.mCSB_scrollTools {
opacity: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.masthead:hover .mCSB_scrollTools {
opacity: 1;
}
.mCustomScrollBox > .mCSB_scrollTools {
width: 16px;
height: 100%;
top: 10px;
right: 4px;
z-index: 10;
}
.dt-mobile-header .mCustomScrollBox > .mCSB_scrollTools {
right: -30px !important;
left: auto !important;
}
.header-side-right .mCustomScrollBox > .mCSB_scrollTools {
right: auto;
left: 4px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 5px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 5px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}
/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail {
background: #000;
/* rgba fallback */
background: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
/* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #fff;
/* rgba fallback */
background: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
/* old ie */
}
.masthead .mCSB_container,
.dt-mobile-header .mCSB_container {
min-height: 100% !important;
position: relative !important;
}
.masthead .mCSB_scrollTools,
.dt-mobile-header .mCSB_scrollTools {
top: 0;
}
.masthead .mCSB_scrollTools .mCSB_draggerContainer,
.dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer {
top: 10px;
bottom: 10px;
}
/*! Mixed headers */
.mixed-header .header-bar .mini-widgets {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.sticky-top-line {
position: fixed;
top: 0;
width: 100%;
}
.admin-bar .sticky-top-line {
top: 32px;
}
.top-line-left,
.top-line-right {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mixed-header.logo-center .top-line-left,
.mixed-header.logo-center .top-line-right {
-webkit-flex: 1 1 0%;
-moz-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0%;
}
.mixed-header:not(.logo-center) .top-line-left:not(.empty-widgets),
.mixed-header:not(.logo-center) .top-line-right:not(.empty-widgets) {
-webkit-flex: 1 1 0%;
-moz-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0%;
}
.top-line-left {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.top-line-right {
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
/*! - Left button + centered logo */
.mixed-header.logo-center.left-menu-toggle .branding {
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
}
/*! - Left button + right logo */
.mixed-header.logo-right .branding {
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
}
.mixed-header.logo-right .header-bar .top-line-right {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
text-align: right;
}
.mixed-header .header-bar .right-widgets.mini-widgets {
text-align: right;
}
/*! - Right button + centered logo */
.mixed-header.logo-center .branding {
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.mixed-header.logo-left .branding {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.masthead.mixed-header .header-bar {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*if Menu icon*/
.side-header-menu-icon .branding {
position: absolute;
z-index: 500;
top: 0;
right: 0px;
}
.floating-menu-icon-right.side-header-menu-icon .branding {
right: auto;
left: 0px;
}
.floating-logo.side-header-menu-icon .branding {
position: fixed;
top: 0;
}
.admin-bar .floating-logo.side-header-menu-icon .branding {
top: 32px;
}
.mixed-header.floating-logo {
position: fixed;
width: 100%;
}
/*if side line*/
.header-under-side-line .hide-overlay.active {
display: none;
}
.mixed-header.side-header-v-stroke {
position: fixed;
top: 0;
z-index: 500;
}
.header-under-side-line .mixed-header.side-header-v-stroke {
z-index: 9600;
}
.right-side-line .mixed-header.side-header-v-stroke {
right: 0;
}
.rtl.right-side-line .mixed-header.side-header-v-stroke {
right: auto;
left: 0;
}
.admin-bar .mixed-header.side-header-v-stroke {
top: 30px;
}
.right-side-line .boxed .mixed-header.side-header-v-stroke {
margin-right: 0;
}
.mixed-header.side-header-v-stroke .header-bar {
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-align-content: space-between;
-moz-align-content: space-between;
-ms-align-content: space-between;
align-content: space-between;
-ms-flex-pack: justify;
min-height: 100vh;
}
.admin-bar .mixed-header.side-header-v-stroke .header-bar {
min-height: calc(100vh - 32px);
}
.mixed-header.side-header-v-stroke .header-bar .mini-widgets {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-order: 2;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
-ms-flex-grow: 0;
flex-grow: 0;
}
.mixed-header.side-header-v-stroke .branding {
-webkit-order: 3;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
-ms-flex-pack: end;
}
.mixed-header.side-header-v-stroke .menu-toggle {
-webkit-order: 1;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
/*Side navigation on click*/
.sticky-header.header-side-left #page {
padding-left: 0;
}
.rtl.sticky-header.header-side-left #page {
padding-right: 0;
}
.sticky-header.header-side-right #page {
padding-right: 0;
}
.rtl.sticky-header.header-side-right #page {
padding-left: 0;
}
/*Side header*/
.sticky-header.header-side-left .side-header {
margin-left: 0;
}
.rtl.sticky-header.header-side-left .side-header {
margin-right: 0;
}
.sticky-header.slide-header-animation .side-header {
z-index: 9402;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
}
.sticky-header.fade-header-animation .side-header {
z-index: 9402;
}
/*Animation: fade*/
.sticky-header.fade-header-animation .closed-header .side-header {
-webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}
.sticky-header.fade-header-animation .show-header .side-header {
-webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;
animation: opacity-lat 0.8s ease 0ms 1 normal both;
}
/*Animation: slide*/
.sticky-header.header-side-left.slide-header-animation .boxed .side-header {
left: 0;
}
.sticky-header.header-side-left.slide-header-animation .side-header {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translateX(-100%);
transform: translate3d(-100%, 0, 0);
}
.rtl.sticky-header.header-side-left.slide-header-animation .side-header {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translateX(100%);
transform: translate3d(100%, 0, 0);
}
.sticky-header.header-side-left.slide-header-animation .show-header .side-header {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translateX(0);
transform: translate3d(0, 0, 0);
}
.sticky-header.header-side-right.slide-header-animation .side-header {
right: 0 !important;
left: auto;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translateX(100%);
transform: translate3d(100%, 0, 0);
}
.rtl.sticky-header.header-side-right.slide-header-animation .side-header {
right: auto !important;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translateX(-100%);
transform: translate3d(-100%, 0, 0);
}
.sticky-header.header-side-right.slide-header-animation .show-header .side-header {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translateX(0);
transform: translate3d(0, 0, 0);
}
/*Animation: move*/
.st-effect-4.st-menu::after {
display: none;
}
/*Background overlay*/
.sticky-header-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.sticky-header-overlay.active {
opacity: 1;
visibility: visible;
z-index: 9401;
}
/*Blur page*/
/*Menu icon*/
.boxed .masthead.side-header-menu-icon:not(.side-header) {
max-width: 100%;
}
.menu-toggle {
position: relative;
display: block;
width: 50px;
height: 50px;
outline: 0;
padding: 0;
cursor: pointer;
z-index: 500;
-webkit-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
.side-header-menu-icon .menu-toggle {
position: fixed;
top: 0;
}
.floating-menu-icon-right.side-header-menu-icon .menu-toggle {
right: 0;
}
.admin-bar .side-header-menu-icon .menu-toggle {
top: 32px;
}
.menu-toggle > a {
display: none;
}
.menu-toggle .lines-button,
.hide-overlay .lines-button {
width: 50px;
height: 50px;
margin-right: 0;
text-align: center;
}
.medium-menu-icon .menu-toggle .lines,
.medium-menu-icon .menu-toggle .lines:before,
.medium-menu-icon .menu-toggle .lines:after,
.medium-menu-icon .hide-overlay .lines,
.medium-menu-icon .hide-overlay .lines:before,
.medium-menu-icon .hide-overlay .lines:after {
width: 24px;
height: 3px;
}
.medium-mobile-menu-icon .mobile-header-bar .lines,
.medium-mobile-menu-icon .mobile-header-bar .lines:before,
.medium-mobile-menu-icon .mobile-header-bar .lines:after {
width: 24px;
height: 3px;
}
.large-menu-icon .menu-toggle .lines,
.large-menu-icon .menu-toggle .lines:before,
.large-menu-icon .menu-toggle .lines:after,
.large-menu-icon .hide-overlay .lines,
.large-menu-icon .hide-overlay .lines:before,
.large-menu-icon .hide-overlay .lines:after {
width: 30px;
height: 3px;
}
.medium-menu-icon .header-bar .lines:before,
.medium-menu-icon .menu-toggle .lines:before {
top: 8px;
}
.medium-mobile-menu-icon .mobile-header-bar .lines:before {
top: 8px;
}
.large-menu-icon .header-bar .lines:before,
.large-menu-icon .menu-toggle .lines:before {
top: 11px;
}
.medium-menu-icon .header-bar .lines:after,
.medium-menu-icon .menu-toggle .lines:after {
top: -8px;
}
.medium-mobile-menu-icon .mobile-header-bar .lines:after {
top: -8px;
}
.large-menu-icon .header-bar .lines:after,
.large-menu-icon .menu-toggle .lines:after {
top: -11px;
}
/*overlay navigation*/
.overlay-navigation .side-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.admin-bar.overlay-navigation .side-header {
top: 32px;
height: calc(100% - 32px);
}
.fade-header-animation .side-header {
opacity: 0;
visibility: hidden;
}
.overlay-navigation .show-header .side-header {
z-index: 9402;
}
.overlay-navigation .hide-overlay {
position: absolute;
top: -100%;
right: 0;
z-index: 605;
width: 50px;
height: 50px;
visibility: hidden;
}
.overlay-navigation .show-header .hide-overlay {
top: 0;
visibility: visible;
}
.hide-overlay .lines-button {
width: 50px;
height: 50px;
text-align: center;
}
.overlay-navigation .closed-header .side-header {
-webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}
.overlay-navigation .show-header .side-header {
-webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;
animation: opacity-lat 0.8s ease 0ms 1 normal both;
}
.header-side-left .side-header .menu-toggle,
.header-side-right .side-header .menu-toggle {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.side-header .menu-toggle {
position: absolute;
z-index: 9600;
opacity: 0;
}
.header-side-right .side-header .menu-toggle {
left: 0;
}
/*Phantom sticky*/
@-webkit-keyframes opacity-lat-rev {
0% {
opacity: 1;
visibility: visible;
}
30% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes opacity-lat-rev {
0% {
opacity: 1;
visibility: visible;
}
30% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes opacity-lat {
0% {
opacity: 0;
visibility: hidden;
}
70% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes opacity-lat {
0% {
opacity: 0;
visibility: hidden;
}
70% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
/*Window width bigger than First header switch point (tablet)*/
/*Hide mobile header*/
.responsive-off .dt-mobile-header,
.responsive-off .dt-mobile-menu-icon,
.responsive-off .mobile-header-space,
.responsive-off .masthead .mobile-header-bar,
.responsive-off.transparent .header-space {
display: none;
}
/*!!!REWRITE Sticky floating*/
.responsive-off.overlay-navigation .sticky-header-overlay {
display: none;
}
/*Floating navigation->Style->Sticky*/
.responsive-off.phantom-sticky .fixed-masthead.masthead {
position: absolute;
top: 0;
width: 100%;
z-index: 500;
}
.phantom-sticky .fixed-masthead.masthead.sticky-on {
position: fixed;
}
/*Shadow decoration for Sticky floating*/
.responsive-off.phantom-shadow-decoration.phantom-sticky .masthead.sticky-on {
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
border-bottom: none;
}
/*Disable decoration for Sticky floating*/
.responsive-off.phantom-disable-decoration.phantom-sticky .masthead.sticky-on {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-bottom: none;
}
.responsive-off.phantom-sticky:not(.phantom-shadow-decoration) .masthead.sticky-on.shadow-decoration:not(.side-header-menu-icon) {
-webkit-box-shadow: none;
box-shadow: none;
}
/*Floating navigation below slider & Sticky floating navigation*/
.responsive-off.floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead {
position: relative;
top: 0 !important;
}
/*--& transparent*/
.responsive-off.floating-navigation-below-slider.phantom-sticky.transparent .masthead {
position: absolute;
}
.responsive-off.floating-navigation-below-slider.phantom-sticky .masthead.sticky-on {
position: fixed;
}
/*
.responsive-off.floating-navigation-below-slider.phantom-sticky .header-space {
display: none;
}
*/
.responsive-off.phantom-sticky:not(.overlap):not(.transparent) .masthead:not(.side-header) {
-webkit-transition: background-color 330ms ease;
transition: background-color 330ms ease;
}
.responsive-off.phantom-sticky .page-inner .masthead:not(.side-header) {
-webkit-backface-visibility: hidden;
}
/*Sticky navigation logo*/
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo),
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
display: none;
opacity: 0;
}
.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,
.responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo,
.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding > a,
.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding > img,
.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding > a,
.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding > img {
display: none;
visibility: hidden;
}
.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo {
display: block;
visibility: visible;
}
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo),
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
visibility: hidden;
}
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo,
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding > a:not(.sticky-logo),
.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding > img:not(.sticky-logo) {
visibility: visible;
}
.phantom-main-logo-on.phantom-sticky.responsive-off .branding .sticky-logo {
display: none;
}
.phantom-sticky.responsive-off #page .side-header .branding > a:not(.sticky-logo),
.phantom-sticky.responsive-off #page .side-header .branding > img:not(.sticky-logo):not(.mobile-logo) {
display: block;
opacity: 1;
-webkit-animation: none;
animation: none;
visibility: visible;
}
.phantom-sticky .masthead,
.sticky-mobile-header .masthead-mobile-header {
transition: background .5s ease;
}
/*
.phantom-sticky .header-bar * {
transition: all .8s ease;
}
*/
.phantom-sticky .branding > a.same-logo {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.phantom-sticky .branding > a:not(.same-logo) {
opacity: 0;
transition: opacity .3s ease;
display: block !important;
position: absolute;
left: -100%;
}
.phantom-sticky .sticky-off .branding > a:not(.sticky-logo) {
opacity: 1;
position: static;
}
.phantom-sticky .sticky-on .branding > a.sticky-logo {
opacity: 1;
position: static;
}
/* #Footer
================================================== */
.footer {
padding: 0;
}
.footer.full-width-line.empty-footer {
border: none;
}
.footer.full-width-line .wf-container-footer,
.footer.solid-bg .wf-container-footer,
.empty-footer.solid-bg .wf-container-bottom,
.empty-footer.solid-bg #bottom-bar.full-width-line,
#bottom-bar.full-width-line .wf-container-bottom,
#bottom-bar.solid-bg .wf-container-bottom {
border-top: none;
}
.header-side-left.footer-overlap #footer,
.header-side-right.footer-overlap #footer,
.overlay-navigation.header-side-line.footer-overlap #footer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer-overlap #page .page-inner {
position: relative;
z-index: 100;
}
.engage-opened.footer-overlap .page-inner {
z-index: 9400;
}
.mobile-false .footer-overlap .footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 99;
opacity: 0;
}
.wf-container-footer {
padding-top: 50px;
}
.footer .widget {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Footer: end */
/* #Bottom bar
================================================== */
#bottom-bar {
position: relative;
z-index: 9;
min-height: 30px;
margin: 0 auto;
}
#bottom-bar .wf-table {
height: 60px;
}
#bottom-bar .wf-td p {
margin-bottom: 0;
}
.bottom-text-block {
text-align: right;
}
#branding-bottom {
width: 1px;
padding: 10px 10px 10px 0;
line-height: 0;
font-size: 0;
}
#bottom-bar .wf-float-left {
margin-right: 40px;
}
#bottom-bar .wf-float-left:last-of-type {
margin-right: 0;
}
#bottom-bar .wf-float-right {
margin-left: 40px;
margin-right: 0;
}
#bottom-bar .sub-nav {
top: auto;
bottom: 100%;
}
#bottom-bar .sub-nav .sub-nav {
bottom: 0;
}
#bottom-bar .sub-nav li:before {
width: 200px;
margin: 0 15px;
}
#bottom-bar a,
#bottom-bar .sub-nav a:hover {
text-decoration: none;
}
#bottom-bar a:hover {
text-decoration: underline;
}
#bottom-bar .menu-select {
position: absolute;
visibility: hidden;
height: 0;
opacity: 0;
}
#bottom-bar .menu-select {
overflow: hidden;
}
#bottom-bar .mini-nav ul {
display: block;
}
/* #Images Styling & Hovers
================================================== */
.rollover,
.rollover-video,
.post-rollover,
.rollover-project > a {
position: relative;
display: block;
line-height: 0;
text-decoration: none;
}
.rollover:hover {
text-decoration: none;
}
.rollover img {
max-width: 100%;
height: auto;
}
.rsShor .rollover-video {
position: static;
}
.gallery-item .gallery-icon .rollover {
display: inline-block;
}
.format-gallery .rollover {
overflow: hidden;
}
/*rollover background*/
.rollover i,
.rollover-video i,
.post-rollover i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.rollover i,
.post-rollover i,
.rollover-video i:after,
.rollover-thumbnails,
.rollover-video .video-icon,
.rollover-video i,
.rollover-content-container,
.hover-style-two .links-container,
.hover-style-one .links-container,
.hover-style-two .rollover-thumbnails,
.hover-style-one .rollover-thumbnails,
.hover-style-one .rollover-project > a:after,
.hover-style-three .rollover-project > a:after {
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
}
/*hide default rollover when turn on description on hover*/
.description-on-hover > .wf-cell .rollover i,
.description-on-hover > .wf-cell .rollover i:after {
visibility: hidden;
}
.description-on-hover > .wf-cell .forward-post .rollover i:after,
.description-on-hover > .wf-cell .forward-post .rollover i,
.description-on-hover > .wf-cell .description-off .rollover i,
.description-on-hover > .wf-cell .description-off .rollover i:after {
visibility: visible;
}
/*rollover icon*/
.rollover i:after,
.project-list-media .rollover-video i:after {
position: absolute;
width: 50px;
height: 50px;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
.small-hover-icons .rollover i:after,
.small-hover-icons .project-list-media .rollover-video i:after {
top: 3px;
right: 3px;
}
.large-hover-icons .rollover i:after,
.large-hover-icons .project-list-media .rollover-video i:after,
.small-hover-icons .comment-author .rollover i:after,
.small-hover-icons .comment-author .project-list-media .rollover-video i:after {
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.post-rollover i:after,
.vc_box_circle .rollover i:after,
.vc_box_circle i:after,
.vc_box_outline_circle i:after,
.vc_box_border_circle i:after,
.vc_box_shadow_circle i:after,
.vc_box_shadow_border_circle i:after,
.vc_box_shadow_circle i:after,
.vc_box_shadow_border_circle i:after,
.vc_box_shadow_border_circle i:after,
.small-hover-icons .round-images .rollover i:after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
.disabled-hover-icons .rollover i:after,
.disabled-hover-icons .post-rollover i:after {
display: none;
}
#page .rollover-small i:after,
.post-rollover i:after,
.blog .dt-format-gallery.dt-gallery-container .rollover i:after,
.dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after {
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
}
/*video hover styling*/
.rollover-video .video-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background-position: center center;
background-repeat: no-repeat;
}
.rollover-video .video-icon:before {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background-color: rgba(0, 0, 0, 0.4);
background-position: 30px center;
background-repeat: no-repeat;
content: "";
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*show rollover on hover*/
.mobile-false .rollover:hover i,
.mobile-false .images-list:hover i,
.mobile-false .post-rollover:hover i,
.rollover-video:hover i {
display: block;
opacity: 1;
}
.rollover-video:hover .video-icon:before,
.images-list:hover .rollover-video .video-icon:before {
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
}
.rollover-video .video-icon:hover {
opacity: 1;
}
/*Details rollover icon*/
.small-hover-icons .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}
.large-hover-icons .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}
.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover i:after,
.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}
/*Zoom rollover icon*/
.small-hover-icons .rollover-zoom i:after,
.small-hover-icons .format-photo .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}
.large-hover-icons .rollover-zoom i:after,
.large-hover-icons .format-photo .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}
/*rollover icon for small photos*/
.rollover-small i:after,
.post-rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}
.comment-author .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");
}
/*Video rollover icon*/
.rollover-video .video-icon:before,
.blog .format-video .rollover i:after,
.dt-blog-shortcode .format-video .rollover i:after,
.rollover-video i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
.small-hover-icons .rollover-video i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
.large-hover-icons .rollover-video i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover-video i:after,
.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover-video i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
.blog.small-hover-icons .format-video .rollover i:after,
.small-hover-icons .dt-blog-shortcode .format-video .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
.blog.large-hover-icons .format-video .rollover i:after,
.large-hover-icons .dt-blog-shortcode .format-video .rollover i:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");
}
/*Albums -> Show image miniatures (hover styling)*/
.rollover-thumbnails {
position: relative;
display: -ms-flexbox;
width: 142px;
height: 116px;
}
.buttons-on-img .rollover-thumbnails,
.description-under-image .rollover-thumbnails {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
z-index: 9;
opacity: 0;
}
.disabled-hover-icons .blog-media .rollover-thumbnails {
display: none;
}
.mobile-false .rollover:hover .rollover-thumbnails,
.mobile-true .rollover.is-clicked .rollover-thumbnails,
.mobile-true .rollover-content.is-clicked .rollover-thumbnails {
opacity: 1;
}
.rollover-thumbnails span {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px !important;
border: 3px solid #fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rollover-thumbnails span,
.rollover-thumbnails span img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rollover-thumbnails .r-thumbn-1 {
top: 25px;
left: 49px;
z-index: 102;
}
.rollover-thumbnails .r-thumbn-2 {
top: 0;
left: 42px;
width: 50px;
height: 50px !important;
z-index: 100;
}
.rollover-thumbnails .r-thumbn-3 {
top: 29px;
left: 0px;
width: 70px;
height: 70px !important;
z-index: 101;
}
.rollover-thumbnails span i {
display: none !important;
}
.rollover.rollover-thumbnails-on i:after {
display: none;
}
/* #Styling -> Scale
================================================== */
.mobile-false .scale-on-hover a.rollover,
.mobile-false .scale-on-hover a.post-rollover,
.mobile-false .scale-on-hover div.rollover-video,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a,
.mobile-false .scale-on-hover .buttons-on-img > a,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a {
overflow: hidden;
}
.mobile-false .scale-on-hover .rollover.vc_box_circle,
.mobile-false .scale-on-hover .vc_box_circle,
.mobile-false .scale-on-hover a.post-rollover,
.mobile-false .scale-on-hover .round-images .rollover,
.mobile-false .scale-on-hover .shortcode-single-image .rollover {
-webkit-backface-visibility: hidden;
-webkit-transform: translatez(0);
}
.mobile-false .scale-on-hover a.rollover img,
.mobile-false .scale-on-hover a.post-rollover img,
.mobile-false .scale-on-hover div.rollover-video img,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img,
.mobile-false .scale-on-hover .buttons-on-img > a img,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a img,
.mobile-false .scale-on-hover .hover-scale .rollover-project > a img {
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform .5s ease;
}
.mobile-false .scale-on-hover a.rollover img.iso-lazy-load,
.mobile-false .scale-on-hover a.post-rollover img.iso-lazy-load,
.mobile-false .scale-on-hover div.rollover-video img.iso-lazy-load,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.iso-lazy-load,
.mobile-false .scale-on-hover .buttons-on-img > a img.iso-lazy-load,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.iso-lazy-load,
.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.iso-lazy-load,
.mobile-false .scale-on-hover a.rollover img.lazy-load,
.mobile-false .scale-on-hover a.post-rollover img.lazy-load,
.mobile-false .scale-on-hover div.rollover-video img.lazy-load,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.lazy-load,
.mobile-false .scale-on-hover .buttons-on-img > a img.lazy-load,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.lazy-load,
.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.lazy-load,
.mobile-false .scale-on-hover a.rollover img.jgrid-lazy-load,
.mobile-false .scale-on-hover a.post-rollover img.jgrid-lazy-load,
.mobile-false .scale-on-hover div.rollover-video img.jgrid-lazy-load,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.jgrid-lazy-load,
.mobile-false .scale-on-hover .buttons-on-img > a img.jgrid-lazy-load,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.jgrid-lazy-load,
.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.jgrid-lazy-load {
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.35s ease-out;
transition: transform 0.5s ease, opacity 0.35s ease-out;
}
.mobile-false .scale-on-hover a.rollover:hover > img,
.mobile-false .scale-on-hover a.rollover:hover > div > img,
.mobile-false .scale-on-hover a.post-rollover:hover img,
.mobile-false .scale-on-hover div.rollover-video:hover img,
.mobile-false .scale-on-hover .hover-style-one .rollover-project:hover > a img,
.mobile-false .scale-on-hover .buttons-on-img:hover > a > img,
.mobile-false .scale-on-hover .hover-fade .rollover-project:hover > a img,
.mobile-false .scale-on-hover .hover-scale .rollover-project:hover > a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > img,
.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > div,
.mobile-false .is-safari.scale-on-hover .round-images a.post-rollover:hover img,
.mobile-false .is-safari.scale-on-hover .comment-author a.rollover:hover > img,
.mobile-false .scale-on-hover a.rollover.vc_single_image-wrapper > img,
.mobile-false .is-safari.scale-on-hover .rollover.vc_single_image-wrapper:hover > img,
.mobile-false .scale-on-hover .hover-fade.woo-hover .rollover-project:hover > a img,
.mobile-false .scale-on-hover .woo-hover .buttons-on-img:hover > a > img {
-webkit-transform: scale(1);
transform: scale(1);
}
/* #Styling -> Blur
================================================== */
.blur-this {
position: relative;
}
.mobile-false .blur-this .blur-effect,
.mobile-false .blur-this canvas,
.blur-this .blur-effect {
position: absolute;
left: 0;
top: 0;
max-width: 100%;
width: 100% !important;
height: 100% !important;
opacity: 0;
display: none;
}
.mobile-false .image-blur .rollover,
.mobile-false .image-blur .post-rollover,
.mobile-false .image-blur .rollover-project > a {
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.mobile-false .image-blur .rollover img,
.mobile-false .image-blur .post-rollover img,
.mobile-false .image-blur .rollover-project img {
transition: 0.5s;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
.mobile-false .image-blur .rollover:hover img,
.mobile-false .image-blur .post-rollover:hover img,
.mobile-false .image-blur .hover-style-one .rollover-project:hover a > img,
.mobile-false .image-blur .hover-fade .rollover-project:hover a > img,
.mobile-false .image-blur .hover-scale .rollover-project:hover a > img,
.mobile-false .image-blur .hover-grid-reverse .rollover-project:hover a > img,
.mobile-false .image-blur .hover-grid .rollover-project:hover a > img,
.mobile-false .image-blur .buttons-on-img:hover a > img,
.mobile-false .image-blur .images-list:hover .blur-this a > img {
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
}
.mobile-false .image-blur .rollover:hover .rollover-thumbnails img {
filter: none;
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
}
.images-list .blur-this .blur-effect {
z-index: 9;
}
.images-list .blur-this i {
z-index: 10;
}
.mobile-false .blur-this:hover .blur-effect,
.hover-style-one .rollover-project:hover .blur-effect,
.hover-fade .rollover-project:hover .blur-effect,
.hover-style-one .fs-entry:hover .blur-effect,
.hover-fade .fs-entry:hover .blur-effect,
.hover-scale .rollover-project:hover .blur-effect,
.hover-grid-reverse .rollover-project:hover .blur-effect,
.hover-grid .rollover-project:hover .blur-effect,
.buttons-on-img:hover .blur-effect,
.images-list:hover .blur-this .blur-effect,
.images-list:hover .blur-this i {
opacity: 1;
}
.hover-style-one .rollover:hover i,
.hover-style-three .rollover-project .blur-effect {
display: none;
}
.mobile-false .blur-this .blur-effect,
.mobile-false .blur-this canvas,
.blur-this .blur-effect {
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
/* #Styling -> Grayscale
================================================== */
.filter-grayscale .royalSlider img,
.filter-grayscale .content img,
.filter-grayscale .sidebar img,
.filter-grayscale .footer img,
.filter-grayscale .shortcode-banner,
.filter-grayscale .map-container,
.filter-grayscale iframe,
.filter-grayscale embed,
.filter-grayscale object,
.filter-grayscale-static .royalSlider img,
.filter-grayscale-static .content img,
.filter-grayscale-static .sidebar img,
.filter-grayscale-static .footer img,
.filter-grayscale-static .shortcode-banner,
.filter-grayscale-static .map-container,
.filter-grayscale-static iframe,
.filter-grayscale-static embed,
.filter-grayscale-static object {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */
/* Make sure that it will not flicker in Desktop Safari due to usage of CSS3 animation in RoyalSlider */
}
.mobile-false .filter-grayscale .royalSlider img,
.mobile-false .filter-grayscale .content img,
.mobile-false .filter-grayscale .sidebar img,
.mobile-false .filter-grayscale .footer img,
.mobile-false .filter-grayscale .shortcode-banner,
.mobile-false .filter-grayscale .map-container,
.mobile-false .filter-grayscale iframe,
.mobile-false .filter-grayscale embed,
.mobile-false .filter-grayscale object,
.mobile-false .filter-grayscale-static .royalSlider img,
.mobile-false .filter-grayscale-static .content img,
.mobile-false .filter-grayscale-static .sidebar img,
.mobile-false .filter-grayscale-static .footer img,
.mobile-false .filter-grayscale-static .shortcode-banner,
.mobile-false .filter-grayscale-static .map-container,
.mobile-false .filter-grayscale-static iframe,
.mobile-false .filter-grayscale-static embed,
.mobile-false .filter-grayscale-static object {
-webkit-backface-visibility: visible !important;
}
/* .filter-grayscale img:hover, */
.filter-grayscale img.filter-disable,
.filter-grayscale .filter-disable img,
.filter-grayscale img.dt-hovered,
.filter-grayscale .dt-hovered img,
.filter-grayscale .rollover:hover img,
.filter-grayscale .cs-style-3 .link:hover img,
.filter-grayscale .rollover-video:hover img,
.filter-grayscale .post-rollover:hover img,
.filter-grayscale .fs-entry:hover img,
.filter-grayscale .rsThumb:hover img,
.filter-grayscale .royalSlider:hover img,
.filter-grayscale .content img:hover,
.filter-grayscale .sidebar img:hover,
.filter-grayscale .footer img:hover,
.filter-grayscale .shortcode-banner:hover,
.filter-grayscale .content .rev_slider_wrapper:hover img,
.filter-grayscale .map-container:hover,
.filter-grayscale iframe:hover,
.filter-grayscale embed:hover,
.filter-grayscale object:hover,
.filter-grayscale .rollover-project:hover img,
.filter-grayscale .buttons-on-img:hover img,
.filter-grayscale #branding-bottom img,
.filter-grayscale-static #branding-bottom img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
filter: transparent;
}
/* #Beautiful loading
================================================== */
body #load {
display: block;
height: 100%;
overflow: hidden;
position: fixed;
width: 100%;
z-index: 9901;
}
/* #Double circles
================================================== */
.load-wrap {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
}
.load-wrap > svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* #Masonry
================================================== */
.iso-item,
.iso-grid .wf-cell,
.blog.layout-grid .wf-container.description-under-image .wf-cell,
.grid-masonry .wf-cell,
.shortcode-blog-posts .wf-cell,
.blog-shortcode .wf-cell,
.portfolio-shortcode .wf-cell {
opacity: 0;
}
.no-cssanimations .iso-item,
.no-cssanimations .iso-grid .wf-cell,
.no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell,
.no-cssanimations .grid-masonry .wf-cell,
.no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell,
.no-cssanimations #main .jg-container .wf-cell {
opacity: 1;
}
.mobile-false .iso-grid .wf-cell,
.mobile-false .iso-container .wf-cell {
float: left;
}
.mode-grid article,
.iso-grid.iso-item-ready article {
height: 100%;
}
.iso-item {
width: 100%;
}
.dt-isotope .wf-cell {
will-change: top, left;
}
.dt-isotope .wf-cell.animate-position {
-webkit-transition: top 0.65s ease-out, left 0.65s ease-out;
transition: top 0.65s ease-out, left 0.65s ease-out;
opacity: 1;
}
.layzr-bg {
background-position: center center;
background-repeat: no-repeat;
}
.layzr-bg.post-rollover,
.layzr-bg.rollover-small {
background-size: auto 30%;
}
.layzr-loading-on .iso-lazy-load {
opacity: 0;
-webkit-transition: opacity 0.35s ease-out;
transition: opacity 0.35s ease-out;
}
.layzr-loading-on .iso-layzr-loaded {
opacity: 1;
}
/* None Effect: opacity */
.loading-effect-none .wf-cell.shown:not(.isotope-hidden),
.mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden),
.mobile-true .wf-cell.shown:not(.isotope-hidden) {
-webkit-animation: dt_fadeIn 0.4s ease forwards;
animation: dt_fadeIn 0.4s ease forwards;
}
/* Effect 1: opacity */
.mobile-false .loading-effect-fade-in .wf-cell.start-animation,
.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden) {
-webkit-animation: dt_fadeIn 0.7s ease forwards;
animation: dt_fadeIn 0.7s ease forwards;
}
@-webkit-keyframes dt_fadeIn {
to {
opacity: 1;
}
}
@-moz-keyframes dt_fadeIn {
to {
opacity: 1;
}
}
@keyframes dt_fadeIn {
to {
opacity: 1;
}
}
/* Effect 2: Move Up */
.mobile-false .loading-effect-move-up .wf-cell.start-animation,
.mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden):not(.hidden) {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: dt_moveUp 0.55s ease-in-out forwards;
animation: dt_moveUp 0.55s ease-in-out forwards;
}
@-webkit-keyframes dt_moveUp {
to {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes dt_moveUp {
to {
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.mobile-false .loading-effect-scale-up .wf-cell.start-animation,
.mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: dt_scaleUp 0.57s ease-in-out forwards;
animation: dt_scaleUp 0.57s ease-in-out forwards;
}
@-webkit-keyframes dt_scaleUp {
to {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes dt_scaleUp {
to {
transform: scale(1);
opacity: 1;
}
}
.mobile-false .loading-effect-fall-perspective,
.mobile-false .loading-effect-flip,
.mobile-false .loading-effect-helix,
.mobile-false .loading-effect-scale {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.mobile-false .loading-effect-fall-perspective {
-webkit-backface-visibility: hidden;
}
.mobile-false .loading-effect-fall-perspective .wf-cell.start-animation,
.mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg);
transform: translateZ(400px) translateY(300px) rotateX(-65deg);
-webkit-animation: dt_fallPerspective 0.75s ease-in-out forwards;
animation: dt_fallPerspective 0.75s ease-in-out forwards;
}
@-webkit-keyframes dt_fallPerspective {
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@keyframes dt_fallPerspective {
100% {
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-fly .wf-cell.start-animation,
.mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: dt_fly 0.7s ease-in-out forwards;
animation: dt_fly 0.7s ease-in-out forwards;
}
.mobile-false .loading-effect-fly .wf-cell.animation-complete {
opacity: 1;
}
@-webkit-keyframes dt_fly {
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes dt_fly {
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-flip .wf-cell.start-animation,
.mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: dt_flip 0.7s ease-in-out forwards;
animation: dt_flip 0.7s ease-in-out forwards;
}
@-webkit-keyframes dt_flip {
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes dt_flip {
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-helix .wf-cell.start-animation,
.mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: dt_helix 0.7s ease-in-out forwards;
animation: dt_helix 0.7s ease-in-out forwards;
}
@-webkit-keyframes dt_helix {
100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes dt_helix {
100% {
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8: Scale */
.mobile-false .loading-effect-scale .wf-cell.start-animation,
.mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden) {
-webkit-transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: dt_popUp 0.9s ease-in forwards;
animation: dt_popUp 0.9s ease-in forwards;
}
@-webkit-keyframes dt_popUp {
70% {
-webkit-transform: scale(1.05);
opacity: .8;
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes dt_popUp {
70% {
transform: scale(1.05);
opacity: .8;
animation-timing-function: ease-in-out;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.dt-isotope.no-transition,
.dt-isotope.no-transition .wf-cell,
.dt-isotope .wf-cell.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
/* #JGrid
================================================== */
#main .jg-container .wf-cell {
float: left;
opacity: 0;
padding: 0;
}
.is-webkit #main .jg-container .wf-cell {
float: left;
}
#main .jg-container .wf-cell .post {
margin: 0;
padding: 0;
}
.layzr-loading-on .jgrid-lazy-load {
opacity: 0;
-webkit-transition: opacity 0.33s;
transition: opacity 0.33s;
}
.layzr-loading-on .jgrid-layzr-loaded {
opacity: 1;
}
.jg-container .post .alignleft,
.jg-container .post .alignnone {
margin-bottom: 0;
}
/* #Material design
================================================== */
.ripplelink {
position: relative;
overflow: hidden;
}
.ink {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.38);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
}
.rollover .ink {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.animate {
-webkit-animation: ripple 0.4s ease-out;
animation: ripple 0.4s ease-out;
}
@-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
@keyframes ripple {
100% {
opacity: 0;
transform: scale(2.5);
}
}
/* #Layzr loading
================================================== */
img.lazy-load,
img.blog-thumb-lazy-load {
opacity: 0;
-webkit-transition: opacity 0.38s;
transition: opacity 0.38s;
}
.mobile-true img.lazy-load.vc_single_image-img,
.mobile-true img.blog-thumb-lazy-load.vc_single_image-img {
opacity: 1;
}
img.is-loaded {
opacity: 1;
}
/* #Scroll to top button
================================================== */
.scroll-top {
position: fixed;
right: 10px;
bottom: 10px;
width: 44px;
height: 44px;
opacity: 0;
z-index: -1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.show-mobile-header .scroll-top {
opacity: 0;
}
.scroll-top.off {
right: -45px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/*z-index: -1;*/
}
.scroll-top.on {
right: 10px;
opacity: 1;
z-index: 109;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-side-right .scroll-top.on {
right: auto;
left: 10px;
}
.show-mobile-header .scroll-top.on {
opacity: 0;
}
.scroll-top {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.scroll-top:hover {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
}
.scroll-top:before {
display: block;
width: 44px;
height: 44px;
content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
}
/* #If not avatare image
================================================== */
.no-avatar {
position: relative;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.no-avatar {
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
}
.no-avatar:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f0f6";
font: normal normal normal 14px/1 FontAwesome;
}
.comment-list .no-avatar:after {
content: "\f007";
font-size: 28px;
}
.comment .no-avatar,
.items-grid .no-avatar,
.recent-posts .no-avatar {
width: 60px;
height: 60px;
}
/* #Material design : click wave effect
================================================== */
.waves-effect .waves-ripple {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
opacity: 0;
background: rgba(255, 255, 255, 0.38);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-transform: scale(0) translate(0, 0);
-moz-transform: scale(0) translate(0, 0);
-ms-transform: scale(0) translate(0, 0);
-o-transform: scale(0) translate(0, 0);
transform: scale(0) translate(0, 0);
pointer-events: none;
-webkit-transition-duration: 300ms !important;
transition-duration: 300ms !important;
}
.ripple span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* #Shortcode code
================================================== */
.shortcode-code {
padding: 25px 20px 25px 20px;
}
/* #Edit link
================================================== */
.edit-link {
padding: 5px 10px;
background-color: #69c354;
color: #fff !important;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.edit-link:hover {
color: #fff;
background-color: #4fa53b;
}
/* #Details link
================================================== */
.details {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 6px !important;
margin-bottom: -6px;
font-weight: bold;
text-decoration: none;
}
.details:after {
display: inline-block;
padding-left: 5px;
font: normal normal normal 12px/1 FontAwesome;
content: "\f0da";
}
.details:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: "";
-webkit-transition: width 0.4s ease;
transition: width 0.4s ease;
}
.details:hover:before {
width: 100%;
}
/* #Round images
================================================== */
.round-images .rollover i,
.round-images a.rollover,
.round-images img,
.round-images .blur-effect,
.round-images .alignleft,
.round-images .alignleft img,
.round-images .alignleft i {
-webkit-border-radius: 50%;
border-radius: 50%;
}
/* #Custom select
================================================== */
#page .customSelect {
padding: 6px 10px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* #fixes for plugins
================================================== */
/*unknown #1*/
#content span:last-child[class*="gw-go-btn-icon"][class*="gw-go-btn-icon-large"] {
margin-bottom: -6px;
}
#content span:last-child[class*="gw-go-btn-icon"] {
margin-bottom: -5px;
}
.content .gw-go-col {
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #e2e2e2;
}
.content .gw-go-col:before {
margin-top: 1px;
}
/*Ultimate Addons*/
img.info-circle-img-icon {
max-width: 100%;
}
.smile_icon_list.left li .icon_list_connector {
border-width: 0;
}
/* !-Essential Grid*/
.esgbox-overlay.esgbox-overlay-fixed {
z-index: 10000;
}
.esg-grid a {
text-decoration: none;
}
/*unknown #2*/
#main .wpb_wrapper.ui-widget-content,
#main .ui-widget-content,
#main .ui-widget {
color: inherit;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
}
/*unknown #3*/
#main .wpb_alert {
text-shadow: none;
}
#main .wpb_alert strong {
font-style: normal;
}
.wpb_alert,
.wpb_alert * {
color: #c09853;
}
.wpb_alert-success,
.wpb_alert-success * {
color: #468847;
}
.wpb_alert-danger,
.wpb_alert-error,
.wpb_alert-danger *,
.wpb_alert-error * {
color: #b94a48;
}
.wpb_alert-info,
.wpb_alert-info * {
color: #3a87ad;
}
/*unknown #4*/
.offer-tag {
display: none;
}
/*VC separator*/
#main .vc_text_separator div {
top: -10px;
}
/* vc single image shortcode*/
.wpb_single_image .vc_single_image-wrapper {
line-height: 0;
}
.wpb_single_image .rollover .blur-effect {
display: none;
}
.wpb_single_image .vc_figure {
max-width: 100%;
}
/*hover size for */
.rollover.vc_box_outline i,
.rollover.vc_box_outline .blur-effect,
.rollover.vc_box_border i,
.rollover.vc_box_border .blur-effect {
top: 6px;
left: 6px;
width: calc(100% - 12px) !important;
height: calc(100% - 12px) !important;
}
.vc_box_circle img,
.vc_box_circle i,
.vc_box_circle .blur-effect,
.vc_box_outline_circle i,
.vc_box_outline_circle .blur-effect,
.vc_box_border_circle .blur-effect,
.vc_box_border_circle i,
.vc_box_shadow_circle i,
.vc_box_shadow_circle .blur-effect,
.vc_box_shadow_border_circle i,
.vc_box_shadow_border_circle .blur-effect,
.vc_box_shadow_circle i,
.vc_box_shadow_circle .blur-effect,
.vc_box_shadow_border_circle i,
.vc_box_shadow_border_circle .blur-effect {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.mobile-false .scale-on-hover .vc_box_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_outline_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_border_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img {
-webkit-transform: scale(1);
transform: scale(1);
}
div .vc_box_rounded > img {
border-radius: inherit;
}
/*VC Icon shortcode */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
.vc_message_box-icon > .fa {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*unknown #5*/
.boxed-layout #tiptip_holder {
top: -20px !important;
}
/*unknown #6*/
#main .chzn-container-single .chzn-single {
background-image: none;
}
.nsu_widget label {
margin-right: 10px;
}
form.mc4wp-form label {
font-weight: normal;
}
/*Twitter*/
#main #content .rotatingtweet {
padding: 25px 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#content .rotatingtweets {
max-width: 100%;
}
/*VC map*/
#main .wpb_gmaps_widget .wpb_map_wraper {
background: none;
padding: 0;
background-color: transparent;
}
.wpb_gmaps_widget .wpb_map_wraper {
padding: 0;
}
/*unknown #6*/
.interval {
padding-bottom: 10px;
}
/*Search page*/
.search-no-results .submit:hover {
cursor: default;
}
/*!-VC last-child*/
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 0 !important;
}
.useJS .container-1,
.useJS .container-2,
.useJS .container-3,
.useJS .container .photo.show,
.useJS .container .l3 {
-webkit-transform: none;
transform: none;
}
.lightbox.useJS .close,
div.lightbox.useJS .img-caption {
-webkit-transition: none;
transition: none;
}
.jp-carousel-comment-form-button,
.wpb-js-composer div.pp_default .pp_expand,
.wpb-js-composer div.pp_default .pp_contract {
-webkit-box-shadow: none;
box-shadow: none;
}
.content .searchform input {
width: 100%;
}
/*Circle content*/
.dt-circle-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/* #Beautiful loading
================================================== */
@-webkit-keyframes opacity-lat-rev {
0% {
opacity: 1;
visibility: visible;
}
30% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes opacity-lat-rev {
0% {
opacity: 1;
visibility: visible;
}
30% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.loading-ready #load {
-webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.slick-slide .vc_row.vc_row-flex .ult-item-wrap,
.dt-owl-item > article {
-ms-flex: 0 0 auto;
max-width: 100%;
}
}
.slick-next,
.slick-prev {
z-index: 10;
}
.woocommerce-Reviews .comment-notes {
text-align: left;
}
.post-password-form input[type="password"] {
margin-right: 10px;
}
.customSelectInner {
background-repeat: no-repeat;
background-position: right center;
}
.archive .taxonomy-description {
margin-bottom: 40px;
}
.archive .woocommerce-products-header {
margin-bottom: 50px;
}
@font-face {
font-family: 'icomoon-the7-social-icons-16x16';
src: url('../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.eot?esfwnl');
src: url('../fonts/icomoon-the7-social-icons-16x16.eot?esfwnl#iefix') format('embedded-opentype'), url('../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.ttf?esfwnl') format('truetype'), url('../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.woff?esfwnl') format('woff'), url('../fonts/icomoon-the7-social/fonts/icomoon-the7-social-icons-16x16.svg?esfwnl#icomoon-the7-social-icons-16x16') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="soc-font-"],
[class*=" soc-font-"],
.dt-shortcode-soc-icons [class^="dt-icon-"],
.dt-shortcode-soc-icons [class*=" dt-icon-"],
.soc-ico [class^="dt-icon-"],
.soc-ico [class*=" dt-icon-"] {
position: relative;
z-index: 2;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon-the7-social-icons-16x16' !important;
font-size: 16px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 26px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dt-icons-selector [class^="dt-icon-"]:before,
.dt-icons-selector [class*=" dt-icon-"]:before {
font-family: 'icomoon-the7-social-icons-16x16' !important;
}
.snapchat .soc-font-icon:before,
.dt-icon-snapchat:before {
content: "\e923";
}
.px-500 .soc-font-icon:before,
.dt-icon-px-500:before {
content: "\e900";
}
.behance .soc-font-icon:before,
.dt-icon-behance:before {
content: "\e901";
}
.blogger .soc-font-icon:before,
.dt-icon-blogger:before {
content: "\e902";
}
.delicious .soc-font-icon:before,
.dt-icon-delicious:before {
content: "\e903";
}
.devian .soc-font-icon:before,
.dt-icon-devian:before {
content: "\e904";
}
.dribbble .soc-font-icon:before,
.dt-icon-dribbble:before {
content: "\e905";
}
.facebook .soc-font-icon:before,
.dt-icon-facebook:before {
content: "\e906";
}
.flickr .soc-font-icon:before,
.dt-icon-flickr:before {
content: "\e907";
}
.foursquare .soc-font-icon:before,
.dt-icon-foursquare:before {
content: "\e908";
}
.github .soc-font-icon:before,
.dt-icon-github:before {
content: "\e909";
}
.google .soc-font-icon:before,
.dt-icon-google:before {
content: "\e90a";
}
.instagram .soc-font-icon:before,
.dt-icon-instagram:before {
content: "\e90b";
}
.lastfm .soc-font-icon:before,
.dt-icon-lastfm:before {
content: "\e90c";
}
.linkedin .soc-font-icon:before,
.dt-icon-linkedin:before {
content: "\e90d";
}
.mail .soc-font-icon:before,
.dt-icon-mail:before {
content: "\e90e";
}
.odnoklassniki .soc-font-icon:before,
.dt-icon-odnoklassniki:before {
content: "\e90f";
}
.pinterest .soc-font-icon:before,
.dt-icon-pinterest:before {
content: "\e910";
}
.reddit .soc-font-icon:before,
.dt-icon-reddit:before {
content: "\e911";
}
.research-gate .soc-font-icon:before,
.dt-icon-research-gate:before {
content: "\e912";
}
.rss .soc-font-icon:before,
.dt-icon-rss:before {
content: "\e913";
}
.skype .soc-font-icon:before,
.dt-icon-skype:before {
content: "\e914";
}
.soundcloud .soc-font-icon:before,
.dt-icon-soundcloud:before {
content: "\e915";
}
.stumbleupon .soc-font-icon:before,
.dt-icon-stumbleupon:before {
content: "\e916";
}
.tripedvisor .soc-font-icon:before,
.dt-icon-tripedvisor:before {
content: "\e917";
}
.tumbler .soc-font-icon:before,
.dt-icon-tumbler:before {
content: "\e918";
}
.twitter .soc-font-icon:before,
.dt-icon-twitter:before {
content: "\e919";
}
.viber .soc-font-icon:before,
.dt-icon-viber:before {
content: "\e91a";
}
.vimeo .soc-font-icon:before,
.dt-icon-vimeo:before {
content: "\e91b";
}
.vk .soc-font-icon:before,
.dt-icon-vk:before {
content: "\e91c";
}
.website .soc-font-icon:before,
.dt-icon-website:before {
content: "\e91d";
}
.weibo .soc-font-icon:before,
.dt-icon-weibo:before {
content: "\e91e";
}
.whatsapp .soc-font-icon:before,
.dt-icon-whatsapp:before {
content: "\e91f";
}
.xing .soc-font-icon:before,
.dt-icon-xing:before {
content: "\e920";
}
.yelp .soc-font-icon:before,
.dt-icon-yelp:before {
content: "\e921";
}
.you-tube .soc-font-icon:before,
.dt-icon-you-tube:before {
content: "\e922";
}