Current File : /pages/54/47/d0016649/home/htdocs/cd24/wp-content/themes/dreier/lib/css/extensions.css |
/**
* @package: CloudFw / Envision
* @access: Envision
*/
/* ========================================
ACCORDIONS (includes.shortcodes.shortcode.accordions)
========================================*/
.ui--accordion {
margin-top: -1px;
margin-bottom: 18px;
position: relative;
z-index: 1;
}
.ui--accordion-item {
position: relative;
z-index: 2;
}
.ui--accordion-item-title {
position: relative;
z-index: 3;
display: block;
padding: 10px 30px;
text-decoration: none !important;
border-bottom: 1px solid #e5e5e5;
outline: 0;
}
.ui--accordion > .ui--accordion-item:last-child > .ui--accordion-item-title {
border-bottom: 0;
}
.ui--accordion-item.ui--accordion-state-opened .ui--accordion-item-title {
margin: -1px -1px 0;
padding: 11px 31px 10px;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.ui--accordion-item-content {
background-color: #ffffff;
border-bottom: 1px solid #ebebeb;
padding: 30px 30px 12px;
text-shadow: none;
}
.ui--accordion-item.first-item,
.ui--accordion-item.first-item .ui--accordion-item-title,
.ui--accordion-item.ui--accordion-state-closed.last-item,
.ui--accordion-item.ui--accordion-state-closed.last-item .ui--accordion-item-title,
.ui--accordion-item.ui--accordion-state-opened.last-item .ui--accordion-item-content {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--accordion-item.first-item,
.ui--accordion-item.first-item .ui--accordion-item-title,
.ui--accordion-item.ui--accordion-state-opened.last-item .ui--accordion-item-content {
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui--accordion-item.ui--accordion-state-closed.last-item,
.ui--accordion-item.ui--accordion-state-closed.last-item .ui--accordion-item-title {
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-topright: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.last-item > .ui--accordion-item-content {
border-bottom: 0;
}
.ui--accordion-state-closed > .ui--accordion-item-content {
position: absolute;
visibility: hidden;
top: -99999px;
display: block !important;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui--accordion-item-icon {
position: relative;
float: left;
margin-right: 12px;
}
.ui--accordion-item-icon .ui--accordion-item-icon-closed {
display: inline-block;
*zoom: 1;
}
.ui--accordion-item-icon .ui--accordion-item-icon-opened {
position: absolute;
display: inline-block;
*zoom: 1;
left: 0;
top: 0;
visibility: hidden;
}
.ui--accordion-state-opened .ui--accordion-item-icon-opened {
visibility: visible;
}
.ui--accordion-state-opened .ui--accordion-item-icon-closed,
.ui--accordion-state-closed .ui--accordion-item-icon-opened {
visibility: hidden;
}
.ui--accordion-item-title-text {
display: block;
overflow: hidden;
}
/* ========================================
BUTTONS (includes.shortcodes.shortcode.buttons)
========================================*/
.lt-ie8 [class^="btn-"],
.lt-ie8 [class*=" btn-"] {
zoom: 1;
}
.modern-browser [class^="btn-"]:hover,
.modern-browser [class*=" btn-"]:hover {
filter: none !important;
}
.modern-browser [class^="btn-"],
.modern-browser [class*=" btn-"] {
filter: none !important;
}
.btn {
text-decoration: none !important;
-webkit-background-clip: border-box;
-moz-background-clip: border-box;
background-clip: border-box;
-o-transition:color 0.1s ease-out, background-position 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in !important;
-ms-transition:color 0.1s ease-out, background-position 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in !important;
-moz-transition:color 0.1s ease-out, background-position 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in !important;
-webkit-transition:color 0.1s ease-out, background-position 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in !important;
transition:color 0.1s ease-out, background-position 0.1s ease-in, background-color 0.1s ease-in, border-color 0.1s ease-in !important;
border: 0;
font-size: 12px;
margin-right: 5px;
margin-bottom: 18px;
white-space: nowrap;
}
.text-right .btn,
.pull-right > .btn {
margin-left: 5px;
margin-right: 0;
}
.btn .button-icon { margin-right: 6px; }
.rtl .btn .button-icon { margin-left: 6px; margin-right: 0; }
.btn.btn-icon-right .button-icon { margin-right: 0; margin-left: 6px; }
.rtl .btn.btn-icon-right .button-icon { margin-left: 0; margin-right: 6px; }
.btn-mini .button-icon { margin-right: 3px; }
.btn-mini.btn-icon-right .button-icon { margin-right: 0; margin-left: 3px; }
.btn-block {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 18px;
}
.ui--button-wrapper .btn {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.btn-primary,
button.btn-primary {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
/*-webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.4) !important;
-moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.4) !important;
box-shadow: 0 2px 2px rgba(0,0,0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.4) !important;*/
}
.btn-custom-color {
text-shadow: none;
background-color: transparent;
*background-color: transparent;
background-image: none;
-ms-filter: none;
filter: none;
}
.btn-custom-color {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-custom-color:hover,
.btn-custom-color:focus,
.btn-custom-color:active,
.btn-custom-color.active,
.btn-custom-color.disabled,
.btn-custom-color[disabled]
{
background-color: transparent;
*background-color: transparent;
background-position: 0 -15px;
}
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
.btn-blue
{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #0e7add;
*background-color: #0e7add;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmM0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU3YWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fc4f0), to(#0e7add));
background-image: -webkit-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -o-linear-gradient(top, #1fc4f0, #0e7add);
background-image: linear-gradient(to bottom, #1fc4f0, #0e7add);
background-repeat: repeat-x;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add'); /* IE6 & IE7 */
}
.btn-primary:hover,
button.btn-primary:hover,
.btn-blue:hover,
.btn-primary:focus,
button.btn-primary:focus,
.btn-blue:focus,
.btn-primary:active,
button.btn-primary:active,
.btn-blue:active,
.btn-primary.active,
button.btn-primary.active,
.btn-blue.active,
.btn-primary.disabled,
button.btn-primary.disabled,
.btn-blue.disabled,
.btn-primary[disabled],
button.btn-primary[disabled],
.btn-blue[disabled] {
color: #ffffff !important;
background-color: #0e7add !important;
background-position: 0 -15px;
}
.btn-secondary {
color: #a2a2a2;
text-shadow: none;
background-color: transparent;
*background-color: transparent;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid !important;
-ms-filter: none;
filter: none;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.disabled,
.btn-secondary[disabled] {
/*color: #333 !important;*/
/*border: 1px solid #333 !important;*/
text-shadow: none;
background-color: transparent;
*background-color: transparent;
background-image: none !important;
background-position: 0 0;
}
.ui-dark .btn-secondary {
color: #fff !important;
/*border: 1px solid #fff !important;*/
}
.ui-dark .btn-secondary:hover,
.ui-dark .btn-secondary:focus,
.ui-dark .btn-secondary:active,
.ui-dark .btn-secondary.active,
.ui-dark .btn-secondary.disabled,
.ui-dark .btn-secondary[disabled] {
color: #fff !important;
/*border: 1px solid #fff !important;*/
}
/** Grey */
.btn-grey {
color: #7c7c7c !important;
border: 1px solid #cccccc;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.btn-grey.disabled,
.btn-grey[disabled] {
color: #333 !important;
}
/** Dark Grey */
.btn-dark-grey {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #cac6c1;
*background-color: #cac6c1;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjYWM2YzEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODc3Zjc0IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #cac6c1, #877f74);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cac6c1), to(#877f74));
background-image: -webkit-linear-gradient(top, #cac6c1, #877f74);
background-image: -o-linear-gradient(top, #cac6c1, #877f74);
background-image: linear-gradient(to bottom, #cac6c1, #877f74);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cac6c1', endColorstr='#877f74');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cac6c1', endColorstr='#877f74')";
background-repeat: repeat-x;
}
.btn-dark-grey:hover,
.btn-dark-grey:focus,
.btn-dark-grey:active,
.btn-dark-grey.active,
.btn-dark-grey.disabled,
.btn-dark-grey[disabled] {
color: #FFFFFF !important;
background-color: #877f74 !important;
}
/** Light Green */
.btn-light-green {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #a8ebca;
*background-color: #a8ebca;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOGViY2EiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGJkMTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #a8ebca, #4bd187);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8ebca), to(#4bd187));
background-image: -webkit-linear-gradient(top, #a8ebca, #4bd187);
background-image: -o-linear-gradient(top, #a8ebca, #4bd187);
background-image: linear-gradient(to bottom, #a8ebca, #4bd187);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187')";
background-repeat: repeat-x;
}
.btn-light-green:hover,
.btn-light-green:focus,
.btn-light-green:active,
.btn-light-green.active,
.btn-light-green.disabled,
.btn-light-green[disabled] {
color: #FFFFFF !important;
background-color: #4bd187 !important;
}
/** Green */
.btn-green {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #8dd639;
*background-color: #8dd639;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4ZGQ2MzkiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDBhMzFhIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #8dd639, #40a31a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8dd639), to(#40a31a));
background-image: -webkit-linear-gradient(top, #8dd639, #40a31a);
background-image: -o-linear-gradient(top, #8dd639, #40a31a);
background-image: linear-gradient(to bottom, #8dd639, #40a31a);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8dd639', endColorstr='#40a31a');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8dd639', endColorstr='#40a31a')";
background-repeat: repeat-x;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
color: #FFFFFF !important;
background-color: #40a31a !important;
}
/** Aqua */
.btn-aqua {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #68dae7;
*background-color: #68dae7;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2OGRhZTciIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmVhY2M5IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #68dae7, #2eacc9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#68dae7), to(#2eacc9));
background-image: -webkit-linear-gradient(top, #68dae7, #2eacc9);
background-image: -o-linear-gradient(top, #68dae7, #2eacc9);
background-image: linear-gradient(to bottom, #68dae7, #2eacc9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#68dae7', endColorstr='#2eacc9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#68dae7', endColorstr='#2eacc9')";
background-repeat: repeat-x
}
.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua:active,
.btn-aqua.active,
.btn-aqua.disabled,
.btn-aqua[disabled] {
color: #FFFFFF !important;
background-color: #2eacc9 !important;
}
/** Red */
.btn-red {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #fa3246;
*background-color: #fa3246;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYTMyNDYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDMyYTNiIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fa3246, #d32a3b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa3246), to(#d32a3b));
background-image: -webkit-linear-gradient(top, #fa3246, #d32a3b);
background-image: -o-linear-gradient(top, #fa3246, #d32a3b);
background-image: linear-gradient(to bottom, #fa3246, #d32a3b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b')";
background-repeat: repeat-x;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
color: #FFFFFF !important;
background-color: #d32a3b !important;
}
/** Dark Red */
.btn-dark-red {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #d71b52;
*background-color: #d71b52;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkNzFiNTIiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTkwZDI2IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #d71b52, #a90d26);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d71b52), to(#a90d26));
background-image: -webkit-linear-gradient(top, #d71b52, #a90d26);
background-image: -o-linear-gradient(top, #d71b52, #a90d26);
background-image: linear-gradient(to bottom, #d71b52, #a90d26);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d71b52', endColorstr='#a90d26');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d71b52', endColorstr='#a90d26')";
background-repeat: repeat-x;
}
.btn-dark-red:hover,
.btn-dark-red:focus,
.btn-dark-red:active,
.btn-dark-red.active,
.btn-dark-red.disabled,
.btn-dark-red[disabled] {
color: #FFFFFF !important;
background-color: #a90d26 !important;
}
/** Yellow */
.btn-yellow {
color: #896614 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) !important;
background-color: #fede4b;
*background-color: #fede4b;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWRlNGIiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fede4b, #feb521);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fede4b), to(#feb521));
background-image: -webkit-linear-gradient(top, #fede4b, #feb521);
background-image: -o-linear-gradient(top, #fede4b, #feb521);
background-image: linear-gradient(to bottom, #fede4b, #feb521);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fede4b', endColorstr='#feb521');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fede4b', endColorstr='#feb521')";
background-repeat: repeat-x;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
color: #896614 !important;
background-color: #feb521 !important;
background-position: 0 -5px !important;
}
/** Orange */
.btn-orange {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #fc6500;
*background-color: #fc6500;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYzY1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjQ0ODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fc6500, #b44800);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc6500), to(#b44800));
background-image: -webkit-linear-gradient(top, #fc6500, #b44800);
background-image: -o-linear-gradient(top, #fc6500, #b44800);
background-image: linear-gradient(to bottom, #fc6500, #b44800);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fc6500', endColorstr='#b44800');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fc6500', endColorstr='#b44800')";
background-repeat: repeat-x;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
color: #FFFFFF !important;
background-color: #b44800 !important;
}
/** Dark */
.btn-dark {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9) !important;
background-color: #515151;
*background-color: #515151;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjUyNTI1IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #515151, #252525);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#515151), to(#252525));
background-image: -webkit-linear-gradient(top, #515151, #252525);
background-image: -o-linear-gradient(top, #515151, #252525);
background-image: linear-gradient(to bottom, #515151, #252525);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#515151', endColorstr='#252525');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#515151', endColorstr='#252525')";
background-repeat: repeat-x;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.disabled,
.btn-dark[disabled] {
color: #ffffff !important;
background-color: #252525 !important;
background-position: 0 -15px;
}
/** Black */
.btn-black {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #1e1e1e;
*background-color: #1e1e1e;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1e1e1e, #000000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#000000));
background-image: -webkit-linear-gradient(top, #1e1e1e, #000000);
background-image: -o-linear-gradient(top, #1e1e1e, #000000);
background-image: linear-gradient(to bottom, #1e1e1e, #000000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1e1e1e', endColorstr='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1e1e1e', endColorstr='#000000')";
background-repeat: repeat-x;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] {
color: #FFFFFF !important;
background-color: #000000 !important;
}
input[type="submit"],
input[type="button"],
button {
display: inline-block;
*display: inline;
padding: 5px 16px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 12px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
font-weight: bold;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:hover,
button:focus
{
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="submit"].active,
input[type="button"].active,
button:active,
button.active
{
background-color: #cccccc \9;
}
input[type="submit"]:first-child,
input[type="button"]:first-child,
button:first-child {
*margin-left: 0;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:hover,
button:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="submit"].active,
input[type="button"].active,
input[type="submit"]:active,
input[type="button"]:active,
button.active,
button:active
{
background-image: none;
outline: 0;
}
/** Grey */
input[type="submit"],
input[type="button"],
button
{
color: #7c7c7c !important;
border: 1px solid #cccccc;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="submit"]:active,
input[type="button"]:active,
input[type="submit"].active,
input[type="button"].active,
button:hover,
button:focus,
button:active,
button.active {
color: #333 !important;
}
/* ========================================
CAROUSEL (includes.shortcodes.shortcode.carousel)
========================================*/
.ui--carousel {
/*overflow: hidden;*/
}
.rtl .ui--carousel {
direction: ltr;
}
.rtl .ui--carousel-content {
direction: rtl;
}
.ui--carousel > .ui--carousel-item,
.ui--carousel > .ui-row { overflow: hidden; }
.ui--carousel-navigation {
text-align: center;
margin-bottom: 18px;
}
.ui--carousel { margin: 0; padding: 0; }
.ui--carousel .slides > div { display: none; }
.ui--carousel { position: relative; zoom: 1; }
.ui--carousel .slides { zoom: 1; }
/* ========================================
CF7 (includes.shortcodes.shortcode.cf7)
========================================*/
.wpcf7 p {
margin-bottom: 12px;
}
.wpcf7-form.sent > p {
display: none !important;
}
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="date"],
.wpcf7 input[type="month"],
.wpcf7 input[type="time"],
.wpcf7 input[type="week"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="color"] {
max-width: 100%;
width: 100%;
}
.wpcf7 select {
max-width: 100%;
width: 100%;
}
.wpcf7-form-control-wrap {
display: block;
margin-top: 3px;
}
div.wpcf7-response-output {
margin: 0 0 30px !important;
}
span.wpcf7-not-valid-tip {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 100 !important;
color: #fff !important;
border: 0 !important;
width: auto !important;
max-width: 90% !important;
margin-top: -8px !important;
padding: 4px 20px !important;
background-color: #fa3246;
*background-color: #fa3246;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYTMyNDYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDMyYTNiIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fa3246, #d32a3b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa3246), to(#d32a3b));
background-image: -webkit-linear-gradient(top, #fa3246, #d32a3b);
background-image: -o-linear-gradient(top, #fa3246, #d32a3b);
background-image: linear-gradient(to bottom, #fa3246, #d32a3b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b')";
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: .8 !important;
font-size: .9em !important;
}
.rtl span.wpcf7-not-valid-tip {
left: auto !important;
right: 0 !important;
}
span.wpcf7-not-valid-tip:after {
content: "";
position: absolute !important;
top: -8px;
left: 20px;
border: 4px solid transparent;
border-bottom: 4px solid #fa3246 !important;
display: block;
font-size: 0;
height: 0;
line-height: 0;
margin: 0 auto;
width: 0;
}
.rtl span.wpcf7-not-valid-tip:after {
right: 20px;
left: auto;
}
.wpcf7-form-control-wrap[class^="menu-"] > br,
.wpcf7-form-control-wrap[class*=" menu-"] > br {
display: none !important;
line-height: 0px !important;
}
/** Error Message */
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
border: 0 !important;
padding: 12px 20px !important;
margin-bottom: 18px !important;
word-wrap: break-word !important;
background-color: #fa3246;
*background-color: #fa3246;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYTMyNDYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDMyYTNiIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fa3246, #d32a3b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa3246), to(#d32a3b));
background-image: -webkit-linear-gradient(top, #fa3246, #d32a3b);
background-image: -o-linear-gradient(top, #fa3246, #d32a3b);
background-image: linear-gradient(to bottom, #fa3246, #d32a3b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b')";
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wpcf7-validation-errors,
.wpcf7-validation-errors p,
.wpcf7-validation-errors a,
.wpcf7-validation-errors h1,
.wpcf7-validation-errors h2,
.wpcf7-validation-errors h3,
.wpcf7-validation-errors h4,
.wpcf7-validation-errors h5,
.wpcf7-validation-errors h6,
.wpcf7-mail-sent-ng,
.wpcf7-mail-sent-ng p,
.wpcf7-mail-sent-ng a,
.wpcf7-mail-sent-ng h1,
.wpcf7-mail-sent-ng h2,
.wpcf7-mail-sent-ng h3,
.wpcf7-mail-sent-ng h4,
.wpcf7-mail-sent-ng h5,
.wpcf7-mail-sent-ng h6
{
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
/** Error Message */
.wpcf7-mail-sent-ok {
border: 0 !important;
padding: 12px 20px !important;
margin-bottom: 18px !important;
word-wrap: break-word !important;
background-color: #a8ebca;
*background-color: #a8ebca;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOGViY2EiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGJkMTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #a8ebca, #4bd187);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8ebca), to(#4bd187));
background-image: -webkit-linear-gradient(top, #a8ebca, #4bd187);
background-image: -o-linear-gradient(top, #a8ebca, #4bd187);
background-image: linear-gradient(to bottom, #a8ebca, #4bd187);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187')";
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ok p,
.wpcf7-mail-sent-ok a,
.wpcf7-mail-sent-ok h1,
.wpcf7-mail-sent-ok h2,
.wpcf7-mail-sent-ok h3,
.wpcf7-mail-sent-ok h4,
.wpcf7-mail-sent-ok h5,
.wpcf7-mail-sent-ok h6 {
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
footer .wpcf7 p {
margin-bottom: 0;
}
footer .wpcf7 textarea {
max-height: 120px;
}
/* ========================================
LIST (includes.shortcodes.shortcode.clients)
========================================*/
.ui--client-list-wrapper {
margin-bottom: 18px;
}
.ui--client-list {
position: relative;
}
.ui--client-list .ui-row {
border-bottom: 1px dashed #e1e1e1;
position: relative;
}
.ui--client-list.ui--carousel .ui-row { border: 0; }
.ui--client-list > .ui-row:last-child {
border-bottom: 0;
}
.ui--client-list .ui-row > .ui-column .ui--client {
margin: 20px 20px 20px;
display: block;
}
.ui--client-list .ui-row > .ui-column > .vertical-divider {
content: "";
position: absolute;
width: 0;
margin-left: -1.1%;
top: 0;
bottom: 0;
border-left: 1px dashed #e1e1e1;
}
.ui--client-list .ui-row > .ui-column:first-child > .vertical-divider { display: none; }
.rtl .ui--client-list .ui-row > .ui-column:first-child > .vertical-divider { display: block; }
.rtl .ui--client-list .ui-row > .ui-column:last-child > .vertical-divider { display: none; }
.ui--client-list .ui--carousel-navigation {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
padding: 0;
margin-bottom: 0;
}
.ui--client-list .ui--carousel-navigation .ui--carosuel-prev {
position: absolute;
top: -16px;
left: -16px;
}
.ui--client-list .ui--carousel-navigation .ui--carosuel-next {
position: absolute;
top: -16px;
right: -16px;
}
.client-list {
display: block;
width: auto;
border: 1px solid transparent;
overflow: hidden;
}
.ui--client-list .ui--client a {
display: block;
}
.ui--client-list .ui--client img {
display: block; margin: auto; max-width: 100% !important; max-height: 100% !important; padding: 1px;
}
/* ========================================
COLUMNS (includes.shortcodes.shortcode.columns)
========================================*/
.ui-fluid-columns {
margin-left: 0 !important;
}
.ui-fluid-column {
min-height: 1px;
border: 0px solid rgba(0,0,0,0);
float: left;
margin-right: 2%;
}
.ui-fluid-column.last {
margin-right: 0;
}
.ui-fluid-columns-1 > .ui-fluid-column { width: 100%; margin-right: 0; }
.ui-fluid-columns-2 > .ui-fluid-column { width:49%; }
.ui-fluid-columns-3 > .ui-fluid-column { width:32%; }
.ui-fluid-columns-4 > .ui-fluid-column { width:23.5%; }
.ui-fluid-columns-5 > .ui-fluid-column { width:18.4%; }
.ui-fluid-columns-6 > .ui-fluid-column { width:15%; }
.ui-fluid-columns-7 > .ui-fluid-column { width:12.571428571429%; }
.ui-fluid-columns-8 > .ui-fluid-column { width:10.75%; }
.ui-fluid-columns-9 > .ui-fluid-column { width:9.3333333333333%; }
.ui-fluid-columns-10 > .ui-fluid-column { width:8.2%; }
.ui-fluid-columns-11 > .ui-fluid-column { width:7.2727272727273%; }
.ui-fluid-columns-12 > .ui-fluid-column { width:6.5%; }
/* ========================================
DIVIDERS (includes.shortcodes.shortcode.dividers)
========================================*/
.ui--divider {
display: block;
/*margin-top: 42px;
margin-bottom: 48px;*/
margin-bottom: 18px;
background-color: #ebebeb !important;
border-color: #ebebeb !important;
min-width: 100px;
}
.ui--divider-inner-wrap {
position: relative;
margin: auto;
}
.ui--divider-part {
position: absolute;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-attachment: scroll;
}
.ui--divider-part-left {
left: 0;
background-position: 0 0;
}
.ui--divider-part-right {
right: 0;
background-position: 100% 0;
}
.ui--divider-solid-line {
height: 1px;
}
.ui--divider-mini {
height: 1px;
margin-left: auto;
margin-right: auto;
width: 25%;
min-width: 100px;
}
.ui--divider-dotted-line {
height: 0;
border-bottom: 1px dotted transparent;
background: transparent !important;
}
.ui--divider-dashed-line {
height: 0;
border-bottom: 1px dashed transparent;
background: transparent !important;
}
/** Fade Line */
.ui--divider.ui--divider-fade-line {
background-color: transparent !important;
}
.ui--divider-fade-line .ui--divider-part {
background-image: url(../../includes/shortcodes/shortcode.dividers/source/fade-line.png);
}
.ui--divider-fade-line .ui--divider-inner-wrap {
height: 8px;
}
.ui--divider-fade-line {
margin-top: 38px;
margin-bottom: 44px;
}
/** Fade Dotted */
.ui--divider.ui--divider-fade-dotted {
background-color: transparent !important;
}
.ui--divider-fade-dotted .ui--divider-part {
background-image: url(../../includes/shortcodes/shortcode.dividers/source/fade-dotted.png);
}
.ui--divider-fade-dotted .ui--divider-inner-wrap {
height: 8px;
margin-top: 38px;
margin-bottom: 44px;
max-width: 700px;
}
/* ========================================
GALLERY (includes.shortcodes.shortcode.gallery)
========================================*/
.ui--gallery {
margin-bottom: 18px;
}
.ui--gallery.ui--carousel-init,
.ui--gallery .ui--gallery-wrapper{
}
.ui--gallery .ui--carousel-navigation {
margin-bottom: 0;
}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item {
/*width: 33%;
float: left;*/
text-align: center;
display: block;
line-height: 0;
margin-bottom: 20px;
}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item .inner {
/*margin: 0 0 30px;*/
position: relative;
overflow: hidden;
}
.ui-row .ui--gallery .ui--gallery-wrapper .ui-row .ui--gallery-item .inner {
margin-bottom: 8%;
}
.ui--gallery .ui--gallery-wrapper .ui--gallery-item img { width: 100%; }
.ui--gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
display: none;
}
.ui--gallery-overlay .center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -20px;
}
.ui--gallery-overlay .center .btn {
padding: 10px 15px;
margin: 0 !important;
}
.ui--gallery-carosuel-navigation {
text-align:center;
margin-top: 20px;
}
.ui--gallery .ui--gallery-item,
.ui--gallery .ui--gallery-item img,
.ui--gallery .ui--gallery-overlay
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.caroufredsel_wrapper {
margin: 0 !important;
}
/* ========================================
GMAP (includes.shortcodes.shortcode.gmap)
========================================*/
.gmap-wrapper {
position: relative;
margin-bottom: 18px;
}
.gmap-wrapper .gmap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gmap img { max-width: none !important; }
.gm-style .gm-style-iw .gmap_marker > p:last-child {
margin-bottom: 0;
}
/* ========================================
BOXES (includes.shortcodes.shortcode.icons)
========================================*/
.ui--icon-box {
margin-bottom: 18px;
}
.ui--icon-box .ui--icon-box-icon {
float:left;
margin: 0 20px 0 0;
}
.ui--icon-box.position--right .ui--icon-box-icon {
float: right;
margin: 0 0 0 20px;
}
.ui--icon-box.position--top .ui--icon-box-icon {
float: none !important;
display: block;
margin: 0 0 18px;
text-align: center;
}
.ui--icon-box.position--top .ui--icon-box-icon img {
max-width: 100% !important;
}
.ui--icon-box.position--left .ui--icon-box-content,
.ui--icon-box.position--right .ui--icon-box-content{
overflow: hidden;
}
.ui--icon-box h1,
.ui--icon-box h2,
.ui--icon-box h3,
.ui--icon-box h4,
.ui--icon-box h5,
.ui--icon-box h6 {
display:block;
clear:both;
}
.ui--icon-box.position--left h1,
.ui--icon-box.position--left h2,
.ui--icon-box.position--left h3,
.ui--icon-box.position--left h4,
.ui--icon-box.position--left h5,
.ui--icon-box.position--left h6,
.ui--icon-box.position--right h1,
.ui--icon-box.position--right h2,
.ui--icon-box.position--right h3,
.ui--icon-box.position--right h4,
.ui--icon-box.position--right h5,
.ui--icon-box.position--right h6 {
margin-top: 0;
}
.ui--icon-box h1 {
}
.ui--icon-box strong {
}
.icon > img {
margin: 0 6px 10px 0;
float: left;
}
/* ========================================
TEXT (includes.shortcodes.shortcode.icons)
========================================*/
.icontext {
margin-bottom: 10px;
}
.icontext-icon {
float: left;
margin: 0 5px 0 0;
}
.icontext-content {
overflow: hidden;
display: block;
}
.icontext.inline {
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 15px;
}
.rtl .icontext-icon {
float: right;
margin: 0 0 0 5px;
}
/* ========================================
IMAGES (includes.shortcodes.shortcode.image)
========================================*/
.ui--image {
max-width: 100% !important;
height: auto !important;
}
.ui--image-wrap {
max-width: 100%;
display: inline-block;
*display: inline;
*zoom: 1;
}
div.ui--image-wrap {
position: relative;
}
.ui--image-wrap.ui--block {
display: block;
}
.ui--image-inline-block {
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom: 18px;
max-width: 100%;
}
/* ========================================
LISTS (includes.shortcodes.shortcode.lists)
========================================*/
ul.ui--list {
list-style:none none;
list-style-type:none;
list-style-position: outside;
margin-bottom: 18px;
}
ul.ui--list li {
position: relative;
padding: 3px 0;
}
ul.ui--list.list-font-icon > li {
padding-left: 28px;
}
ul.ui--list li .list-icon {
position: absolute;
left: 0;
top: 5px;
width: 20px;
height: 20px;
text-align: center;
}
.rtl ul.ui--list.list-font-icon > li {
padding-left: 0;
padding-right: 28px !important;
}
.rtl ul.ui--list li .list-icon {
position: absolute;
left: auto;
right: 0;
}
ul.list-decimal li {
display:list-item;
list-style-type: decimal;
list-style-position: outside;
}
ul.list-square li {
display:list-item;
list-style-type: square;
list-style-position: outside;
}
ul.list-circle li {
display:list-item;
list-style-type: circle;
list-style-position: outside;
}
ul.list-bull li {
display:list-item;
list-style-type: disc;
list-style-position: outside;
}
ul.list-decimal li {
display:list-item;
list-style-type: decimal;
list-style-position: outside;
}
ul.list-roman li {
display:list-item;
list-style-type: upper-roman;
list-style-position: outside;
}
ul.list-font-icon .fontawesome-angle-right,
ul.list-font-icon .fontawesome-plus-sign-alt,
ul.list-font-icon .fontawesome-minus-sign-alt
{
font-size: 18px;
}
ul.list-font-icon li .fontawesome-ok,
ul.list-font-icon li .fontawesome-angle-right {
top: 3px;
}
ul.ui--list ul {
margin-left: 18px;
}
.rtl ul.ui--list ul {
margin-left: 0;
margin-right: 18px;
}
ul.ui--list ul li {
display:list-item;
list-style-type: circle;
}
ul.ui--list ul > li:first-child { margin-top: 6px; }
ul.ui--list ul > li:last-child { padding-bottom: 0; }
ul.ui--list.border.list-square > li,
ul.ui--list.border.list-circle > li,
ul.ui--list.border.list-decimal > li,
ul.ui--list.border.list-roman > li,
ul.ui--list.border.list-bull > li {
padding-left: 8px;
}
.rtl ul.ui--list.border.list-square > li,
.rtl ul.ui--list.border.list-circle > li,
.rtl ul.ui--list.border.list-decimal > li,
.rtl ul.ui--list.border.list-roman > li,
.rtl ul.ui--list.border.list-bull > li {
padding-left: 0;
padding-right: 8px;
}
ul.ui--list.border > li {
margin-bottom: 10px;
padding: 2px 0 10px 28px;
border-bottom: 1px solid #ebebeb;
}
.rtl ul.ui--list.border > li {
padding: 2px 28px 10px 0;
}
ul.ui--list.border > li:last-child {
border-bottom: 0;
}
ul.list-square,
ul.list-circle,
ul.list-bull,
ul.list-decimal,
ul.list-roman {
margin-left: 45px;
}
.rtl ul.list-square,
.rtl ul.list-circle,
.rtl ul.list-bull,
.rtl ul.list-decimal,
.rtl ul.list-roman {
margin-left: 0;
margin-right: 45px;
}
/* ========================================
MASONRY (includes.shortcodes.shortcode.masonry)
========================================*/
.ui--masonry {
overflow: visible !important;
}
.ui--masonry:not(.isotope) {
visibility: hidden;
}
.ui--masonry .ui-column {
}
.isotope,
.isotope .ui--isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.isotope .ui--isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.ui--isotope-item {
z-index: 2;
margin-bottom: 12px;
}
.ui-row .ui-row .ui--isotope-item,
.row-fluid .ui--isotope-item {
margin-left: 0 !important;
}
.isotope-hidden.ui--isotope-item {
pointer-events: none;
z-index: 1;
}
/*.ui-row .ui-row .ui--isotope-item {
margin-bottom: 2.127659574468085%;
}*/
.ui-row .ui-row .ui--isotope-item .ui--content-box {
/*margin-bottom: 0 !important; */
}
/* ========================================
BOXES (includes.shortcodes.shortcode.message_boxes)
========================================*/
.ui--message-box-wrap {
margin-bottom: 18px;
}
.ui--message-box {
padding: 20px 20px 2px;
word-wrap: break-word;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--message-box-icon-wrap {
float: left;
margin: 0 20px 0 0;
min-width: 18px;
text-align: center;
}
.ui--message-box-inline {
display: block;
overflow: hidden;
}
.ui--message-box-inline a {
text-decoration: none !important;
border-bottom: 1px solid;
}
.ui--message-box-inline a:hover {
border-bottom: 0;
}
.ui--message-box-inline h1,
.ui--message-box-inline h2,
.ui--message-box-inline h3,
.ui--message-box-inline h4,
.ui--message-box-inline h5,
.ui--message-box-inline h6 {
margin: 0 0 6px;
}
.ui--message-box-info,
.ui--message-box-info p,
.ui--message-box-info h1,
.ui--message-box-info h2,
.ui--message-box-info h3,
.ui--message-box-info h4,
.ui--message-box-info h5,
.ui--message-box-info h6 {
color: #fff !important;
}
/** Success Message */
.ui--message-box-success {
background-color: #a8ebca;
*background-color: #a8ebca;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOGViY2EiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGJkMTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #a8ebca, #4bd187);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8ebca), to(#4bd187));
background-image: -webkit-linear-gradient(top, #a8ebca, #4bd187);
background-image: -o-linear-gradient(top, #a8ebca, #4bd187);
background-image: linear-gradient(to bottom, #a8ebca, #4bd187);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a8ebca', endColorstr='#4bd187')";
background-repeat: repeat-x;
}
.ui--message-box-success,
.ui--message-box-success p,
.ui--message-box-success a,
.ui--message-box-success h1,
.ui--message-box-success h2,
.ui--message-box-success h3,
.ui--message-box-success h4,
.ui--message-box-success h5,
.ui--message-box-success h6 {
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
/** Error Message */
.ui--message-box-error {
background-color: #fa3246;
*background-color: #fa3246;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYTMyNDYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDMyYTNiIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fa3246, #d32a3b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa3246), to(#d32a3b));
background-image: -webkit-linear-gradient(top, #fa3246, #d32a3b);
background-image: -o-linear-gradient(top, #fa3246, #d32a3b);
background-image: linear-gradient(to bottom, #fa3246, #d32a3b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3246', endColorstr='#d32a3b')";
background-repeat: repeat-x;
}
.ui--message-box-error,
.ui--message-box-error p,
.ui--message-box-error a,
.ui--message-box-error h1,
.ui--message-box-error h2,
.ui--message-box-error h3,
.ui--message-box-error h4,
.ui--message-box-error h5,
.ui--message-box-error h6 {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
/** Caution Message */
.ui--message-box-caution {
background-color: #fede4b;
*background-color: #fede4b;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWRlNGIiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fede4b, #feb521);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fede4b), to(#feb521));
background-image: -webkit-linear-gradient(top, #fede4b, #feb521);
background-image: -o-linear-gradient(top, #fede4b, #feb521);
background-image: linear-gradient(to bottom, #fede4b, #feb521);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fede4b', endColorstr='#feb521');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fede4b', endColorstr='#feb521')";
background-repeat: repeat-x;
}
.ui--message-box-caution,
.ui--message-box-caution p,
.ui--message-box-caution a,
.ui--message-box-caution h1,
.ui--message-box-caution h2,
.ui--message-box-caution h3,
.ui--message-box-caution h4,
.ui--message-box-caution h5,
.ui--message-box-caution h6 {
color: #896614 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
/* ========================================
TABLE (includes.shortcodes.shortcode.pricing_table)
========================================*/
.ui--pricing-table-wrap {
position: relative;
overflow: visible;
zoom: 1;
margin-bottom: 18px;
}
.ui--pricing-table {
position: relative;
overflow: visible;
}
.ui--pricing-table li {
float: left;
text-align: center;
position: relative;
z-index: 1;
}
.ui--pricing-table li > .inset {
padding: 20px 20px 2px;
margin: -1px;
}
.ui--pricing-table-item-title-wrap {
padding: 18px 18px;
margin: -20px -20px 18px;
border-bottom: 1px solid #ebebeb;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui--pricing-table-item-title {
margin: 0;
}
.ui--pricing-table > li.featured {
margin: -18px 0;
padding-bottom: 18px;
z-index: 2;
}
.ui--pricing-table > li.featured > .inset {
-webkit-box-shadow: 0 3px 0px rgba(0,0,0, 0.03), 0 1px 0 rgba(0, 0, 0, .07), 0 0 15px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 0px rgba(0,0,0, 0.03), 0 1px 0 rgba(0, 0, 0, .07), 0 0 15px rgba(0,0,0,.2);
box-shadow: 0 3px 0px rgba(0,0,0, 0.03), 0 1px 0 rgba(0, 0, 0, .07), 0 0 15px rgba(0,0,0,.2);
}
.ui--pricing-table > li.featured .ui--pricing-table-item-title-wrap {
padding-top: 30px;
padding-bottom: 28px;
margin: -21px -21px 18px;
}
.ui--pricing-table > li.featured > .inset {}
.ui--pricing-table > li .ui--pricing-table-item-price {
margin: 0 0 6px;
line-height: 1.2em;
}
.ui--pricing-table > li div.caption {
}
.ui--pricing-table > li div.caption p {
margin-bottom: 18px;
}
.ui--pricing-table-features {
margin-bottom: 18px;
position: relative;
}
.ui--pricing-table-features-titles {
position: absolute;
top: 0;
left: 0;
margin-left: -221px;
width: 220px;
}
.ui--pricing-table-wrap.style2 {
margin-left: 220px;
}
.rtl .ui--pricing-table-features-titles {
left: auto;
right: 0;
margin-right: -221px;
margin-left: 0;
}
.rtl .ui--pricing-table-wrap.style2 {
margin-left: 0;
margin-right: 220px;
}
.ui--pricing-table-wrap.style2 .ui--pricing-table-features-rows {
margin-left: -20px;
margin-right: -20px;
}
.ui--pricing-table-wrap.style2 .ui--pricing-table-features-rows > .ui--pricing-table-feature {
padding-left: 25px;
padding-right: 25px;
}
.ui--pricing-table-features > .ui--pricing-table-feature {
padding: 12px 20px;
margin: 0 0 1px;
}
.ui--pricing-table-wrap.style2 .ui--pricing-table-features-titles > .ui--pricing-table-feature {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.ui--pricing-table-features > .ui--pricing-table-feature.even { background: #f3fbfe; }
.ui--pricing-table-features > .ui--pricing-table-feature.odd { background: #edf5f7; }
.ui--pricing-table > li img { display: block; margin: auto; max-width: 100%; /*max-height: 100% !important;*/ padding: 1px; }
.ui--pricing-table-after-html { text-align: left; }
.ui--pricing-table.columns-1 li { width: 100%; }
.ui--pricing-table.columns-2 li { width: 50%; }
.ui--pricing-table.columns-3 li { width: 33.33333333333333%; }
.ui--pricing-table.columns-4 li { width: 25%; }
.ui--pricing-table.columns-5 li { width: 20%; }
/* ========================================
PROGRESS BAR (includes.shortcodes.shortcode.progress_bar)
========================================*/
.ui--progress {
margin-bottom: 18px;
}
.ui--progress-title {
margin-bottom: 6px;
}
.ui--progress-bar,
.ui--progress-percent {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.ui--progress-percent {
height: 18px;
padding: 1px;
margin: -1px;
}
.cssanimations .ui--progress-percent {
visibility: hidden;
}
.ui--progress.lock .ui--progress-percent {
width: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.ui--progress.animated .ui--progress-percent {
transition: width 0.6s ease-in-out;
-moz-transition: width 0.6s ease-in-out;
-webkit-transition: width 0.6s ease-in-out;
-o-transition: width 0.6s ease-in-out;
}
.ui--progress-stripe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transition: opacity 0.3s ease;
background-size: 30px 30px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
animation: barberpole 0.5s linear infinite;
-webkit-animation: barberpole 0.5s linear infinite;
}
@keyframes barberpole {
from { background-position: 0 0; }
to { background-position: 60px 30px; }
}
@-webkit-keyframes barberpole {
from { background-position: 0 0; }
to { background-position: 60px 30px; }
}
/* ========================================
PROGRESS CIRCLE (includes.shortcodes.shortcode.progress_circle)
========================================*/
.ui--progress-circle-wrapper {
margin-bottom: 18px;
text-align: center;
}
.ui--progress-circle-label {
margin-top: 18px;
}
.ui--progress-circle h1,
.ui--progress-circle h2,
.ui--progress-circle h3,
.ui--progress-circle h4,
.ui--progress-circle h5,
.ui--progress-circle h6 {
margin: 0;
}
.easyPieChart {
display: inline-block;
position: relative;
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.ui--progress-circle .ui--center-vertical {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
line-height: 18px !important;
}
/* ========================================
SOCIALBAR (includes.shortcodes.shortcode.socialbar)
========================================*/
/* Icon Styles
================================================== */
/** Default */
.ss .ui-socialbar-item a {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/default/40px.png");}
.ssm .ui-socialbar-item a {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/default/30px.png");}
/** Grey / Gradient */
.ss.grey-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-gradient/40px.png");}
.ssm.grey-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-gradient/30px.png");}
/** Grey / Transparent */
.ss.grey-transparent .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-transparent/40px.png");}
.ssm.grey-transparent .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-transparent/30px.png");}
/** Grey Bevel Effect / Gradient */
.ss.grey-bevel-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-bevel-gradient/40px.png");}
.ssm.grey-bevel-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-bevel-gradient/30px.png");}
/** White / Gradient */
.ss.white-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white-gradient/40px.png");}
.ssm.white-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white-gradient/30px.png");}
/** White (50% Transparent) / Gradient */
.ss.white_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white_p50-gradient/40px.png");}
.ssm.white_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white_p50-gradient/30px.png");}
/** Black / Gradient */
.ss.black-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black-gradient/40px.png");}
.ssm.black-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black-gradient/30px.png");}
/** Black (50% Transparent) / Gradient */
.ss.black_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black_p50-gradient/40px.png");}
.ssm.black_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black_p50-gradient/30px.png");}
/** Dark / Gradient */
.ss.dark-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark-gradient/40px.png");}
.ssm.dark-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark-gradient/30px.png");}
/** Dark (50% Transparent) / Gradient */
.ss.dark_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark_p50-gradient/40px.png");}
.ssm.dark_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark_p50-gradient/30px.png");}
/** Blue / Gradient */
.ss.blue-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/blue-gradient/40px.png");}
.ssm.blue-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/blue-gradient/30px.png");}
/** Colorful / Gradient */
.ss.colorful-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/colorful-gradient/40px.png");}
.ssm.colorful-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/colorful-gradient/30px.png");}
.colorful-gradient .ui-socialbar-item { margin-right: 1px; margin-bottom: 1px; background-color: #2b2b2b; }
/* Social Sprites: General
================================================== */
.borderless.ss .ui-socialbar-item { border: none; }
.borderless.ss .ui-socialbar-item:first-child { border: none; }
#top-bar .style--top-bar.ui-socialbar {
padding-left: 1px;
margin-left: -1px !important;
}
.ui-socialbar-item p {
line-height: 0 !important;
display: block;
margin: 0!important;
}
.borderless.ui-socialbar-item { border: none; }
.borderless.ui-socialbar-item:first-child { border: none; }
.ui-socialbar-item,
.ui-socialbar-item a,
.ui-socialbar-item div.ui-socialbar-image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-socialbar {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
*display: inline;
zoom: 1;
line-height: 0 !important;
}
.ui-socialbar-item {
position: relative;
margin: 0;
padding: 0;
display:inline-block;
/*float:left;*/
*display: inline;
zoom:1;
overflow: hidden;
}
.ui-socialbar-item a {
display: block;
position: relative;
padding: 0 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3;
float: left;
text-indent: -9999px;
}
.ui-socialbar-background-hover {
z-index: 1;
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.effect--slide .ui-socialbar-background-hover {
top: 100%;
}
.effect--slide .ui-socialbar-item:hover .ui-socialbar-background-hover {
top: 0;
}
.effect--fade .ui-socialbar-background-hover {
filter : alpha(opacity=0);
opacity : 0;
}
.effect--fade .ui-socialbar-item:hover .ui-socialbar-background-hover {
filter : alpha(opacity=100);
opacity : 1;
}
.effect--fade .ui-socialbar-item div.ui-socialbar-image {
display: block;
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.effect--fade .ui-socialbar-item a {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.effect--fade .ui-socialbar-item a { opacity: 0; filter: alpha(opacity=0); }
.effect--fade .ui-socialbar-item:hover a { opacity: 1; filter: none; }
.effect--slide .ui-socialbar-item a:active,
.effect--fade .ui-socialbar-item a:active,
.effect--fade .ui-socialbar-item:hover a {
box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
}
/* 40px Size
================================================== */
.ss {
width: auto;
margin: 0;
padding: 0;
}
.ss .ui-socialbar-item a {
height: 40px;
width: 40px;
}
.ss.with-bg .ui-socialbar-item {
margin-right: 1px;
margin-bottom: 1px;
}
.ss .ui-socialbar-item:first-child {
border-left: 1px solid rgba(0,0,0,0.2);
}
/* 30px Size
================================================== */
.borderless.ssm .ui-socialbar-item { border: none; }
.borderless.ssm .ui-socialbar-item:first-child { border: none; }
.ssm { width: auto; margin: 0; padding: 0; font-size: 0; }
.ssm .ui-socialbar-item { display: inline-block; margin: 0 0px; padding: 0; border-right: 1px solid rgba(0,0,0,0.2); }
.ssm .ui-socialbar-item a { background-repeat: no-repeat;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm .ui-socialbar-item:hover a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm .ui-socialbar-item:first-child { border-left: 1px solid rgba(0,0,0,0.2); }
.ssm .ui-socialbar-item a { display: block; text-indent: -9999px; height: 30px; width: 30px; }
.ssm .ui-socialbar-item a:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3); }
.ssm.with-bg .ui-socialbar-item { margin-right: 1px; -bottom: 1px; }
.ssm .ui-socialbar-item a { height: 30px; width: 30px; }
/* Social Sprites: Icon Classes
================================================== */
/**
* 40px Sizes
*/
.ss .ui-socialbar-item.digg .ui-socialbar-image { background-position: 0 0; }
.ss .ui-socialbar-item.digg:hover a, .ss.effect--fade .ui-socialbar-item.digg a { background-position: 0 -40px; }
.ss .ui-socialbar-item.dribbble .ui-socialbar-image { background-position: 0 -80px; }
.ss .ui-socialbar-item.dribbble:hover a, .ss.effect--fade .ui-socialbar-item.dribbble a { background-position: 0 -120px; }
.ss .ui-socialbar-item.facebook .ui-socialbar-image { background-position: 0 -160px; }
.ss .ui-socialbar-item.facebook:hover a, .ss.effect--fade .ui-socialbar-item.facebook a { background-position: 0 -200px; }
.ss .ui-socialbar-item.flickr .ui-socialbar-image { background-position: 0 -240px; }
.ss .ui-socialbar-item.flickr:hover a, .ss.effect--fade .ui-socialbar-item.flickr a { background-position: 0 -280px; }
.ss .ui-socialbar-item.forrst .ui-socialbar-image { background-position: 0 -320px; }
.ss .ui-socialbar-item.forrst:hover a, .ss.effect--fade .ui-socialbar-item.forrst a { background-position: 0 -360px; }
.ss .ui-socialbar-item.googleplus .ui-socialbar-image { background-position: 0 -400px; }
.ss .ui-socialbar-item.googleplus:hover a, .ss.effect--fade .ui-socialbar-item.googleplus a { background-position: 0 -440px; }
.ss .ui-socialbar-item.html5 .ui-socialbar-image { background-position: 0 -480px; }
.ss .ui-socialbar-item.html5:hover a, .ss.effect--fade .ui-socialbar-item.html5 a { background-position: 0 -520px; }
.ss .ui-socialbar-item.soundcloud .ui-socialbar-image { background-position: 0 -560px; }
.ss .ui-socialbar-item.soundcloud:hover a, .ss.effect--fade .ui-socialbar-item.soundcloud a { background-position: 0 -600px; }
.ss .ui-socialbar-item.lastfm .ui-socialbar-image { background-position: 0 -640px; }
.ss .ui-socialbar-item.lastfm:hover a, .ss.effect--fade .ui-socialbar-item.lastfm a { background-position: 0 -680px; }
.ss .ui-socialbar-item.linkedin .ui-socialbar-image { background-position: 0 -720px; }
.ss .ui-socialbar-item.linkedin:hover a, .ss.effect--fade .ui-socialbar-item.linkedin a { background-position: 0 -760px; }
.ss .ui-socialbar-item.myspace .ui-socialbar-image { background-position: 0 -800px; }
.ss .ui-socialbar-item.myspace:hover a, .ss.effect--fade .ui-socialbar-item.myspace a { background-position: 0 -840px; }
.ss .ui-socialbar-item.paypal .ui-socialbar-image { background-position: 0 -880px; }
.ss .ui-socialbar-item.paypal:hover a, .ss.effect--fade .ui-socialbar-item.paypal a { background-position: 0 -920px; }
.ss .ui-socialbar-item.picasa .ui-socialbar-image { background-position: 0 -960px; }
.ss .ui-socialbar-item.picasa:hover a, .ss.effect--fade .ui-socialbar-item.picasa a { background-position: 0 -1000px; }
.ss .ui-socialbar-item.pinterest .ui-socialbar-image { background-position: 0 -1040px; }
.ss .ui-socialbar-item.pinterest:hover a, .ss.effect--fade .ui-socialbar-item.pinterest a { background-position: 0 -1080px; }
.ss .ui-socialbar-item.reddit .ui-socialbar-image { background-position: 0 -1120px; }
.ss .ui-socialbar-item.reddit:hover a, .ss.effect--fade .ui-socialbar-item.reddit a { background-position: 0 -1160px; }
.ss .ui-socialbar-item.rss .ui-socialbar-image { background-position: 0 -1200px; }
.ss .ui-socialbar-item.rss:hover a, .ss.effect--fade .ui-socialbar-item.rss a { background-position: 0 -1240px; }
.ss .ui-socialbar-item.skype .ui-socialbar-image { background-position: 0 -1280px; }
.ss .ui-socialbar-item.skype:hover a, .ss.effect--fade .ui-socialbar-item.skype a { background-position: 0 -1320px; }
.ss .ui-socialbar-item.stumbleupon .ui-socialbar-image { background-position: 0 -1360px; }
.ss .ui-socialbar-item.stumbleupon:hover a, .ss.effect--fade .ui-socialbar-item.stumbleupon a { background-position: 0 -1400px; }
.ss .ui-socialbar-item.tumblr .ui-socialbar-image { background-position: 0 -1440px; }
.ss .ui-socialbar-item.tumblr:hover a, .ss.effect--fade .ui-socialbar-item.tumblr a { background-position: 0 -1480px; }
.ss .ui-socialbar-item.twitter .ui-socialbar-image { background-position: 0 -1520px; }
.ss .ui-socialbar-item.twitter:hover a, .ss.effect--fade .ui-socialbar-item.twitter a { background-position: 0 -1560px; }
.ss .ui-socialbar-item.vimeo .ui-socialbar-image { background-position: 0 -1600px; }
.ss .ui-socialbar-item.vimeo:hover a, .ss.effect--fade .ui-socialbar-item.vimeo a { background-position: 0 -1640px; }
.ss .ui-socialbar-item.wordpress .ui-socialbar-image { background-position: 0 -1680px; }
.ss .ui-socialbar-item.wordpress:hover a, .ss.effect--fade .ui-socialbar-item.wordpress a { background-position: 0 -1720px; }
.ss .ui-socialbar-item.yahoo .ui-socialbar-image { background-position: 0 -1760px; }
.ss .ui-socialbar-item.yahoo:hover a, .ss.effect--fade .ui-socialbar-item.yahoo a { background-position: 0 -1800px; }
.ss .ui-socialbar-item.youtube .ui-socialbar-image { background-position: 0 -1840px; }
.ss .ui-socialbar-item.youtube:hover a, .ss.effect--fade .ui-socialbar-item.youtube a { background-position: 0 -1880px; }
.ss .ui-socialbar-item.github .ui-socialbar-image { background-position: 0 -1920px; }
.ss .ui-socialbar-item.github:hover a, .ss.effect--fade .ui-socialbar-item.github a { background-position: 0 -1960px; }
.ss .ui-socialbar-item.behance .ui-socialbar-image { background-position: 0 -2000px; }
.ss .ui-socialbar-item.behance:hover a, .ss.effect--fade .ui-socialbar-item.behance a { background-position: 0 -2040px; }
.ss .ui-socialbar-item.yelp .ui-socialbar-image { background-position: 0 -2080px; }
.ss .ui-socialbar-item.yelp:hover a, .ss.effect--fade .ui-socialbar-item.yelp a { background-position: 0 -2120px; }
.ss .ui-socialbar-item.mail .ui-socialbar-image { background-position: 0 -2160px; }
.ss .ui-socialbar-item.mail:hover a, .ss.effect--fade .ui-socialbar-item.mail a { background-position: 0 -2200px; }
.ss .ui-socialbar-item.instagram .ui-socialbar-image { background-position: 0 -2240px; }
.ss .ui-socialbar-item.instagram:hover a, .ss.effect--fade .ui-socialbar-item.instagram a { background-position: 0 -2280px; }
.ss .ui-socialbar-item.foursquare .ui-socialbar-image { background-position: 0 -2320px; }
.ss .ui-socialbar-item.foursquare:hover a, .ss.effect--fade .ui-socialbar-item.foursquare a { background-position: 0 -2360px; }
.ss .ui-socialbar-item.zerply .ui-socialbar-image { background-position: 0 -2400px; }
.ss .ui-socialbar-item.zerply:hover a, .ss.effect--fade .ui-socialbar-item.zerply a { background-position: 0 -2440px; }
.ss .ui-socialbar-item.windows .ui-socialbar-image { background-position: 0 -2480px; }
.ss .ui-socialbar-item.windows:hover a, .ss.effect--fade .ui-socialbar-item.windows a { background-position: 0 -2520px; }
.ss .ui-socialbar-item.android .ui-socialbar-image { background-position: 0 -2560px; }
.ss .ui-socialbar-item.android:hover a, .ss.effect--fade .ui-socialbar-item.android a { background-position: 0 -2600px; }
.ss .ui-socialbar-item.googledrive .ui-socialbar-image { background-position: 0 -2640px; }
.ss .ui-socialbar-item.googledrive:hover a, .ss.effect--fade .ui-socialbar-item.googledrive a { background-position: 0 -2680px; }
.ss .ui-socialbar-item.dropbox .ui-socialbar-image { background-position: 0 -2720px; }
.ss .ui-socialbar-item.dropbox:hover a, .ss.effect--fade .ui-socialbar-item.dropbox a { background-position: 0 -2760px; }
.ss .ui-socialbar-item.deviantart .ui-socialbar-image { background-position: 0 -2800px; }
.ss .ui-socialbar-item.deviantart:hover a, .ss.effect--fade .ui-socialbar-item.deviantart a { background-position: 0 -2840px; }
.ss .ui-socialbar-item.apple .ui-socialbar-image { background-position: 0 -2880px; }
.ss .ui-socialbar-item.apple:hover a, .ss.effect--fade .ui-socialbar-item.apple a { background-position: 0 -2920px; }
.ss .ui-socialbar-item.technorati .ui-socialbar-image { background-position: 0 -2960px; }
.ss .ui-socialbar-item.technorati:hover a, .ss.effect--fade .ui-socialbar-item.technorati a { background-position: 0 -3000px; }
.ss .ui-socialbar-item.google .ui-socialbar-image { background-position: 0 -3040px; }
.ss .ui-socialbar-item.google:hover a, .ss.effect--fade .ui-socialbar-item.google a { background-position: 0 -3080px; }
.ss .ui-socialbar-item.google .ui-socialbar-image { background-position: 0 -3040px; }
.ss .ui-socialbar-item.google:hover a, .ss.effect--fade .ui-socialbar-item.google a { background-position: 0 -3080px; }
.ss .ui-socialbar-item.delicious .ui-socialbar-image { background-position: 0 -3120px; }
.ss .ui-socialbar-item.delicious:hover a, .ss.effect--fade .ui-socialbar-item.delicious a { background-position: 0 -3160px; }
.ss .ui-socialbar-item.blogger .ui-socialbar-image { background-position: 0 -3200px; }
.ss .ui-socialbar-item.blogger:hover a, .ss.effect--fade .ui-socialbar-item.blogger a { background-position: 0 -3240px; }
.ss .ui-socialbar-item.ebay .ui-socialbar-image { background-position: 0 -3280px; }
.ss .ui-socialbar-item.ebay:hover a, .ss.effect--fade .ui-socialbar-item.ebay a { background-position: 0 -3320px; }
.ss .ui-socialbar-item.amazon .ui-socialbar-image { background-position: 0 -3360px; }
.ss .ui-socialbar-item.amazon:hover a, .ss.effect--fade .ui-socialbar-item.amazon a { background-position: 0 -3400px; }
.ss .ui-socialbar-item.twitter-alt .ui-socialbar-image { background-position: 0 -3440px; }
.ss .ui-socialbar-item.twitter-alt:hover a, .ss.effect--fade .ui-socialbar-item.twitter-alt a { background-position: 0 -3480px; }
.ss .ui-socialbar-item.xing .ui-socialbar-image { background-position: 0 -3520px; }
.ss .ui-socialbar-item.xing:hover a, .ss.effect--fade .ui-socialbar-item.xing a { background-position: 0 -3560px; }
/**
* 30px Sizes
*/
.ssm .ui-socialbar-item.digg .ui-socialbar-image { background-position: 0 0; }
.ssm .ui-socialbar-item.digg:hover a, .ssm.effect--fade .ui-socialbar-item.digg a { background-position: 0 -30px; }
.ssm .ui-socialbar-item.dribbble .ui-socialbar-image { background-position: 0 -60px; }
.ssm .ui-socialbar-item.dribbble:hover a, .ssm.effect--fade .ui-socialbar-item.dribbble a { background-position: 0 -90px; }
.ssm .ui-socialbar-item.facebook .ui-socialbar-image { background-position: 0 -120px; }
.ssm .ui-socialbar-item.facebook:hover a, .ssm.effect--fade .ui-socialbar-item.facebook a { background-position: 0 -150px; }
.ssm .ui-socialbar-item.flickr .ui-socialbar-image { background-position: 0 -180px; }
.ssm .ui-socialbar-item.flickr:hover a, .ssm.effect--fade .ui-socialbar-item.flickr a { background-position: 0 -210px; }
.ssm .ui-socialbar-item.forrst .ui-socialbar-image { background-position: 0 -240px; }
.ssm .ui-socialbar-item.forrst:hover a, .ssm.effect--fade .ui-socialbar-item.forrst a { background-position: 0 -270px; }
.ssm .ui-socialbar-item.googleplus .ui-socialbar-image { background-position: 0 -300px; }
.ssm .ui-socialbar-item.googleplus:hover a, .ssm.effect--fade .ui-socialbar-item.googleplus a { background-position: 0 -330px; }
.ssm .ui-socialbar-item.html5 .ui-socialbar-image { background-position: 0 -360px; }
.ssm .ui-socialbar-item.html5:hover a, .ssm.effect--fade .ui-socialbar-item.html5 a { background-position: 0 -390px; }
.ssm .ui-socialbar-item.soundcloud .ui-socialbar-image { background-position: 0 -420px; }
.ssm .ui-socialbar-item.soundcloud:hover a, .ssm.effect--fade .ui-socialbar-item.soundcloud a { background-position: 0 -450px; }
.ssm .ui-socialbar-item.lastfm .ui-socialbar-image { background-position: 0 -480px; }
.ssm .ui-socialbar-item.lastfm:hover a, .ssm.effect--fade .ui-socialbar-item.lastfm a { background-position: 0 -510px; }
.ssm .ui-socialbar-item.linkedin .ui-socialbar-image { background-position: 0 -540px; }
.ssm .ui-socialbar-item.linkedin:hover a, .ssm.effect--fade .ui-socialbar-item.linkedin a { background-position: 0 -570px; }
.ssm .ui-socialbar-item.myspace .ui-socialbar-image { background-position: 0 -600px; }
.ssm .ui-socialbar-item.myspace:hover a, .ssm.effect--fade .ui-socialbar-item.myspace a { background-position: 0 -630px; }
.ssm .ui-socialbar-item.paypal .ui-socialbar-image { background-position: 0 -660px; }
.ssm .ui-socialbar-item.paypal:hover a, .ssm.effect--fade .ui-socialbar-item.paypal a { background-position: 0 -690px; }
.ssm .ui-socialbar-item.picasa .ui-socialbar-image { background-position: 0 -720px; }
.ssm .ui-socialbar-item.picasa:hover a, .ssm.effect--fade .ui-socialbar-item.picasa a { background-position: 0 -750px; }
.ssm .ui-socialbar-item.pinterest .ui-socialbar-image { background-position: 0 -780px; }
.ssm .ui-socialbar-item.pinterest:hover a, .ssm.effect--fade .ui-socialbar-item.pinterest a { background-position: 0 -810px; }
.ssm .ui-socialbar-item.reddit .ui-socialbar-image { background-position: 0 -840px; }
.ssm .ui-socialbar-item.reddit:hover a, .ssm.effect--fade .ui-socialbar-item.reddit a { background-position: 0 -870px; }
.ssm .ui-socialbar-item.rss .ui-socialbar-image { background-position: 0 -900px; }
.ssm .ui-socialbar-item.rss:hover a, .ssm.effect--fade .ui-socialbar-item.rss a { background-position: 0 -930px; }
.ssm .ui-socialbar-item.skype .ui-socialbar-image { background-position: 0 -960px; }
.ssm .ui-socialbar-item.skype:hover a, .ssm.effect--fade .ui-socialbar-item.skype a { background-position: 0 -990px; }
.ssm .ui-socialbar-item.stumbleupon .ui-socialbar-image { background-position: 0 -1020px; }
.ssm .ui-socialbar-item.stumbleupon:hover a, .ssm.effect--fade .ui-socialbar-item.stumbleupon a { background-position: 0 -1050px; }
.ssm .ui-socialbar-item.tumblr .ui-socialbar-image { background-position: 0 -1080px; }
.ssm .ui-socialbar-item.tumblr:hover a, .ssm.effect--fade .ui-socialbar-item.tumblr a { background-position: 0 -1110px; }
.ssm .ui-socialbar-item.twitter .ui-socialbar-image { background-position: 0 -1140px; }
.ssm .ui-socialbar-item.twitter:hover a, .ssm.effect--fade .ui-socialbar-item.twitter a { background-position: 0 -1170px; }
.ssm .ui-socialbar-item.vimeo .ui-socialbar-image { background-position: 0 -1200px; }
.ssm .ui-socialbar-item.vimeo:hover a, .ssm.effect--fade .ui-socialbar-item.vimeo a { background-position: 0 -1230px; }
.ssm .ui-socialbar-item.wordpress .ui-socialbar-image { background-position: 0 -1260px; }
.ssm .ui-socialbar-item.wordpress:hover a, .ssm.effect--fade .ui-socialbar-item.wordpress a { background-position: 0 -1290px; }
.ssm .ui-socialbar-item.yahoo .ui-socialbar-image { background-position: 0 -1320px; }
.ssm .ui-socialbar-item.yahoo:hover a, .ssm.effect--fade .ui-socialbar-item.yahoo a { background-position: 0 -1350px; }
.ssm .ui-socialbar-item.youtube .ui-socialbar-image { background-position: 0 -1380px; }
.ssm .ui-socialbar-item.youtube:hover a, .ssm.effect--fade .ui-socialbar-item.youtube a { background-position: 0 -1410px; }
.ssm .ui-socialbar-item.github .ui-socialbar-image { background-position: 0 -1440px; }
.ssm .ui-socialbar-item.github:hover a, .ssm.effect--fade .ui-socialbar-item.github a { background-position: 0 -1470px; }
.ssm .ui-socialbar-item.behance .ui-socialbar-image { background-position: 0 -1500px; }
.ssm .ui-socialbar-item.behance:hover a, .ssm.effect--fade .ui-socialbar-item.behance a { background-position: 0 -1530px; }
.ssm .ui-socialbar-item.yelp .ui-socialbar-image { background-position: 0 -1560px; }
.ssm .ui-socialbar-item.yelp:hover a, .ssm.effect--fade .ui-socialbar-item.yelp a { background-position: 0 -1590px; }
.ssm .ui-socialbar-item.mail .ui-socialbar-image { background-position: 0 -1620px; }
.ssm .ui-socialbar-item.mail:hover a, .ssm.effect--fade .ui-socialbar-item.mail a { background-position: 0 -1650px; }
.ssm .ui-socialbar-item.instagram .ui-socialbar-image { background-position: 0 -1680px; }
.ssm .ui-socialbar-item.instagram:hover a, .ssm.effect--fade .ui-socialbar-item.instagram a { background-position: 0 -1710px; }
.ssm .ui-socialbar-item.foursquare .ui-socialbar-image { background-position: 0 -1740px; }
.ssm .ui-socialbar-item.foursquare:hover a, .ssm.effect--fade .ui-socialbar-item.foursquare a { background-position: 0 -1770px; }
.ssm .ui-socialbar-item.zerply .ui-socialbar-image { background-position: 0 -1800px; }
.ssm .ui-socialbar-item.zerply:hover a, .ssm.effect--fade .ui-socialbar-item.zerply a { background-position: 0 -1830px; }
.ssm .ui-socialbar-item.windows .ui-socialbar-image { background-position: 0 -1860px; }
.ssm .ui-socialbar-item.windows:hover a, .ssm.effect--fade .ui-socialbar-item.windows a { background-position: 0 -1890px; }
.ssm .ui-socialbar-item.android .ui-socialbar-image { background-position: 0 -1920px; }
.ssm .ui-socialbar-item.android:hover a, .ssm.effect--fade .ui-socialbar-item.android a { background-position: 0 -1950px; }
.ssm .ui-socialbar-item.googledrive .ui-socialbar-image { background-position: 0 -1980px; }
.ssm .ui-socialbar-item.googledrive:hover a, .ssm.effect--fade .ui-socialbar-item.googledrive a { background-position: 0 -2010px; }
.ssm .ui-socialbar-item.dropbox .ui-socialbar-image { background-position: 0 -2040px; }
.ssm .ui-socialbar-item.dropbox:hover a, .ssm.effect--fade .ui-socialbar-item.dropbox a { background-position: 0 -2070px; }
.ssm .ui-socialbar-item.deviantart .ui-socialbar-image { background-position: 0 -2100px; }
.ssm .ui-socialbar-item.deviantart:hover a, .ssm.effect--fade .ui-socialbar-item.deviantart a { background-position: 0 -2130px; }
.ssm .ui-socialbar-item.apple .ui-socialbar-image { background-position: 0 -2160px; }
.ssm .ui-socialbar-item.apple:hover a, .ssm.effect--fade .ui-socialbar-item.apple a { background-position: 0 -2190px; }
.ssm .ui-socialbar-item.technorati .ui-socialbar-image { background-position: 0 -2220px; }
.ssm .ui-socialbar-item.technorati:hover a, .ssm.effect--fade .ui-socialbar-item.technorati a { background-position: 0 -2250px; }
.ssm .ui-socialbar-item.google .ui-socialbar-image { background-position: 0 -2280px; }
.ssm .ui-socialbar-item.google:hover a, .ssm.effect--fade .ui-socialbar-item.google a { background-position: 0 -2310px; }
.ssm .ui-socialbar-item.delicious .ui-socialbar-image { background-position: 0 -2340px; }
.ssm .ui-socialbar-item.delicious:hover a, .ssm.effect--fade .ui-socialbar-item.delicious a { background-position: 0 -2370px; }
.ssm .ui-socialbar-item.blogger .ui-socialbar-image { background-position: 0 -2400px; }
.ssm .ui-socialbar-item.blogger:hover a, .ssm.effect--fade .ui-socialbar-item.blogger a { background-position: 0 -2430px; }
.ssm .ui-socialbar-item.ebay .ui-socialbar-image { background-position: 0 -2460px; }
.ssm .ui-socialbar-item.ebay:hover a, .ssm.effect--fade .ui-socialbar-item.ebay a { background-position: 0 -2490px; }
.ssm .ui-socialbar-item.amazon .ui-socialbar-image { background-position: 0 -2520px; }
.ssm .ui-socialbar-item.amazon:hover a, .ssm.effect--fade .ui-socialbar-item.amazon a { background-position: 0 -2550px; }
.ssm .ui-socialbar-item.twitter-alt .ui-socialbar-image { background-position: 0 -2580px; }
.ssm .ui-socialbar-item.twitter-alt:hover a, .ssm.effect--fade .ui-socialbar-item.twitter-alt a { background-position: 0 -2610px; }
.ssm .ui-socialbar-item.xing .ui-socialbar-image { background-position: 0 -2640px; }
.ssm .ui-socialbar-item.xing:hover a, .ssm.effect--fade .ui-socialbar-item.xing a { background-position: 0 -2670px; }
/* ========================================
SPACES (includes.shortcodes.shortcode.spaces)
========================================*/
.ui--space {
display: block;
height: 30px;
}
/* ========================================
TABS.BASE (includes.shortcodes.shortcode.tabs)
========================================*/
.ui--tabs,
.ui--tabs-header {
position: relative;
display: block;
}
.ui--tabs-header {
line-height: 0 !important;
z-index: 2;
}
.ui--tabs-header .ui--tabs-header-holder {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
}
.ui--tabs-titles {
position: relative;
z-index: 1;
list-style: none none;
margin: 0;
padding: 0;
line-height: 0 !important;
display: inline-block;
*display: inline;
*zoom: 1;
}
.ui--tabs-titles > li {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
line-height: 0 !important;
display: inline-block;
float: left;
*display: inline;
*zoom: 1;
}
.rtl .ui--tabs-titles > li {
float: right;
}
.ui--tabs-titles > li a {
position: relative;
z-index: 3;
margin: 0;
padding: 0;
display:block;
outline: 0;
}
.ui--tabs-titles > li .ui--icon {
position: relative;
z-index: 4;
margin-right: 12px;
}
.ui--tabs-titles > li h1,
.ui--tabs-titles > li h2,
.ui--tabs-titles > li h3,
.ui--tabs-titles > li h4,
.ui--tabs-titles > li h5,
.ui--tabs-titles > li h6
{
position: relative;
z-index: 2;
margin: 0 !important;
}
.ui--tabs-contents {
list-style: none none;
position: relative;
z-index: 1;
}
.ui--tabs-contents li.hidden {
position: absolute;
top: -99999px;
display: block !important;
width: 100%;
}
/* ========================================
TABS.MEGA (includes.shortcodes.shortcode.tabs)
========================================*/
.ui--tabs-mega {
margin: 0 0 30px;
}
.ui--tabs-mega > .ui--tabs-header {}
.ui--tabs-mega > .ui--tabs-header .ui--tabs-titles {
}
.ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li {
}
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li a {
display: block;
padding: 15px 40px;
text-decoration: none !important;
min-height: 25px;
/*color: #fff;*/
font-weight: 400;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
border-color: rgba(255,255,255,.2) !important;
}
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li a:hover {
background-color: rgba(0,0,0,.1);
}
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li a:active {
background-color: rgba(0,0,0,.2);
box-shadow: inset 0 0 15px rgba(0,0,0,.4);
}
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
color: #333;
text-shadow: none;
background-color: #fff;
background-color: none;
box-shadow: none;
border-color: transparent !important;
}
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li a { border-left: 1px solid transparent; }
html #page-wrap .ui--tabs-mega > .ui--tabs-header .ui--tabs-titles > li.last-item a { border-right: 1px solid transparent; }
.ui--tabs-mega > .ui--tabs-contents {
margin: 30px 0 0;
padding: 0;
}
.ui--tabs-mega > .ui--tabs-contents > li {
}
/* ========================================
TABS.MINI (includes.shortcodes.shortcode.tabs)
========================================*/
.ui--tabs-mini {
margin-bottom: 30px;
}
.ui--tabs-mini > .ui--tabs-header {
overflow: hidden;
position: relative;
}
.ui--tabs-mini > .ui--tabs-header .ui--tabs-border-after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
width: 4000px;
border-bottom: 1px solid transparent;
}
.ui--tabs-mini > .ui--tabs-header .ui--tabs-border-before {
content: " ";
position: absolute;
bottom: 0;
left: -4000px;
width: 4000px;
border-bottom: 1px solid transparent;
}
.ui--tabs-mini > .ui--tabs-header .ui--tabs-titles {
margin-bottom: -1px;
}
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-titles > li {
max-height: 60px;
}
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-titles > li a {
display: block;
padding: 18px 30px 15px;
text-decoration: none !important;
position: relative;
/*color: #fff;*/
font-weight: 400;
border-top: 2px solid transparent;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-height: 100px;
}
html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li a:hover {
}
html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mini > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
text-shadow: none;
box-shadow: none;
}
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-border-before,
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-border-after {
border-color: #d4d4d4 !important;
}
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mini-horizontal > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
color: #333;
border-top-color: #169fe6 !important;
border-color: #d4d4d4 !important;
}
.ui--tabs-mini-horizontal > .ui--tabs-contents {
margin: 30px 0 0;
}
.ui--tabs-mini > .ui--tabs-contents > li {
}
/* ========================================
TABS.MINI.VERTICAL (includes.shortcodes.shortcode.tabs)
========================================*/
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header {
padding-bottom: 30px;
}
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header {
float: right;
}
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header .ui--tabs-titles {
width: 100%;
padding-right: 1px;
}
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header .ui--tabs-titles > li {
float: none;
display: block;
}
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header .ui--tabs-titles > li a {
display: block;
padding: 15px 30px;
text-decoration: none !important;
position: relative;
font-weight: 400;
}
html #page-wrap .ui--tabs-mini-vertical.position--left > .ui--tabs-header .ui--tabs-titles > li a {
border-top: 1px solid transparent;
border-left: 2px solid transparent;
border-bottom: 1px solid transparent;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header .ui--tabs-titles > li a {
border-top: 1px solid transparent;
border-right: 2px solid transparent;
border-bottom: 1px solid transparent;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.ui--tabs-mini > .ui--tabs-header .ui--tabs-border-top {
content: " ";
position: absolute;
top: -4000px;
height: 4000px;
}
.ui--tabs-mini.position--left > .ui--tabs-header .ui--tabs-border-top {
right: 0;
border-right: 1px solid transparent;
}
.ui--tabs-mini.position--right > .ui--tabs-header .ui--tabs-border-top {
left: 0;
border-left: 1px solid transparent;
}
.ui--tabs-mini > .ui--tabs-header .ui--tabs-border-bottom {
content: " ";
position: absolute;
top: 40px;
height: 4000px;
}
.ui--tabs-mini.position--left > .ui--tabs-header .ui--tabs-border-bottom {
right: 0;
border-right: 1px solid transparent;
}
.ui--tabs-mini.position--right > .ui--tabs-header .ui--tabs-border-bottom {
left: 0;
border-left: 1px solid transparent;
}
html #page-wrap .ui--tabs-mini-vertical.position--left > .ui--tabs-header .ui--tabs-border-top,
html #page-wrap .ui--tabs-mini-vertical.position--left > .ui--tabs-header .ui--tabs-border-bottom,
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header .ui--tabs-border-top,
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header .ui--tabs-border-bottom {
border-color: #d4d4d4;
}
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mini-vertical > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
color: #333;
border-color: #d4d4d4;
border-left-color: #169fe6;
border-right-color: #169fe6;
}
html #page-wrap .ui--tabs-mini-vertical.position--left > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mini-vertical.position--left > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
border-left-color: #169fe6;
}
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header .ui--tabs-titles > li.active a,
html #page-wrap .ui--tabs-mini-vertical.position--right > .ui--tabs-header .ui--tabs-titles > li.active a:hover {
border-left-color: #169fe6;
}
/* ========================================
BOX (includes.shortcodes.shortcode.tagline_box)
========================================*/
.ui--tagline-box-wrapper {
position: relative;
z-index: 1;
margin-bottom: 18px;
}
.ui--tagline-box {
position: relative;
padding: 30px 30px 12px;
}
.ui--tagline-content {
position: relative;
z-index: 5;
}
.ui--tagline-background-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ui--tagline-box h1,
.ui--tagline-box h2,
.ui--tagline-box h3,
.ui--tagline-box h4,
.ui--tagline-box h5,
.ui--tagline-box h6
{
margin-top: 0;
}
.ui--tagline-box .btn {
z-index: 10;
position: relative;
}
.ui--tagline-box a.ui--tagline-box-block-link {
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
z-index: 9;
display: block;
}
.ui--tagline-box,
.ui--tagline-background-overlay {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.ui--tagline-background-overlay {
z-index: 2;
}
/* ========================================
TESTIMONIALS (includes.shortcodes.shortcode.testimonials)
========================================*/
.ui--testimonial {
margin-bottom: 18px;
}
.ui--testimonial-content {
position: relative;
margin-bottom: 20px;
padding: 18px 20px 2px;
/*background: #4c4c4c;*/
/*border-color: #333;*/
}
.ui--testimonial-arrow {
position: absolute;
width: 20px;
height: 20px;
left: 36px;
bottom: -8px;
color: #f1f1f1;
background-color: none !important;
text-shadow: 0px 2px 0px #cccccc;
}
.ie .ui--testimonial-arrow { display: none; }
.ui--testimonial-arrow i {
font-size: 28px;
}
.ui--testimonial-brand {
display: block;
position: relative;
margin: 0 15px 0 15px;
}
.ui--testimonial-brand .name {
display: block;
}
.ui--testimonial-brand .cap {
/*font-size: .85em;*/
}
.ui--testimonial-image {
float: left;
margin: 0 15px 0 0;
line-height: 0;
}
.ui--testimonial-image img,
.ui--testimonial-image-position {
width: 60px;
}
.ui--testimonial-image-position {
overflow: hidden;
}
.ui--testimonial-user {
display: block;
overflow: hidden;
padding: 5px 0 0;
}
/* ========================================
ROTATOR (includes.shortcodes.shortcode.text_rotator)
========================================*/
.ui--text-rotator-words {
display: none;
}
.ui--text-rotator .rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.ui--text-rotator .rotating.flip {
position: relative;
}
.ui--text-rotator .rotating .front, .ui--text-rotator .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.ui--text-rotator .rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.ui--text-rotator .rotating.flip .front {
z-index: 1;
}
.ui--text-rotator .rotating .back {
display: block;
opacity: 0;
}
.ui--text-rotator .rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.ui--text-rotator .rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.ui--text-rotator .rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.ui--text-rotator .rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.ui--text-rotator .rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.ui--text-rotator .rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
/* ========================================
TITLES (includes.shortcodes.shortcode.titles)
========================================*/
.ui--title {
margin-bottom: 18px;
}
.ui--title-bordered {
position: relative;
}
.ui--title-bordered.with-navigation .ui--title-holder {
margin-right: 80px;
}
.rtl .ui--title-bordered.with-navigation .ui--title-holder {
margin-right: 0;
margin-left: 80px;
}
.ui--title-bordered.with-navigation.text-center .ui--title-holder {
padding-left: 80px;
}
.rtl .ui--title-bordered.with-navigation.text-center .ui--title-holder {
padding-left: 0;
padding-right: 80px;
}
.ui--title-holder {
position: relative;
overflow: hidden;
}
.ui--title-text {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 !important;
padding-right: 30px;
max-width: 90%;
text-decoration: none;
}
.rtl .ui--title-text {
padding-right: 0;
padding-left: 30px;
}
.text-center .ui--title-text { padding-left: 30px; padding-right: 30px; }
.rtl .text-center .ui--title-text { padding-left: 30px; padding-right: 30px; }
.text-right .ui--title-text { padding-left: 30px; padding-right: 0; }
.rtl .text-right .ui--title-text { padding-left: 0; padding-right: 30px; }
.ui--title-text a,
.ui--title-text a:hover { text-decoration: none !important; }
.ui--title-border-left,
.ui--title-border-right {
position: absolute;
width: 2000px;
height: 0;
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
margin-top: -.5px;
top: 50%;
display: none;
}
.ui--title-border-bottom {
margin-top: 18px;
}
.ui--title-borders {
border-bottom: 1px solid transparent;
border-color: #ebebeb;
}
.ui--title-navigation {
position: absolute;
right: 0;
top: 50%;
height: 24px;
margin-top: -12px;
direction: ltr;
}
.rtl .ui--title-navigation {
right: auto;
left: 0;
}
.rtl .ui--widget-title .ui--title-navigation {
left: 0;
right: auto;
}
/* ========================================
TOGGLES (includes.shortcodes.shortcode.toggles)
========================================*/
.ui--toggle {
display: block;
margin-bottom: 18px;
}
.ui--toggle-title {
display: block;
position: relative;
padding-left: 54px;
padding-right: 12px;
min-height: 42px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--toggle-title a,
.ui--toggle-title a:hover {
display: block !important;
text-decoration: none !important;
padding: 10px 0;
}
.ui--toggle-state-opened > .ui--toggle-title a,
.ui--toggle-state-opened > .ui--toggle-title a:hover,
.ui--toggle-title a:active {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.ui--toggle-title-text {
margin: 0 !important;
}
.ui--toggle-icon {
position: absolute;
float: left;
text-align: center;
width: 42px;
min-height: 42px;
left: 0;
top: 0;
bottom: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--toggle-icon i {
font-size: 20px !important;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.ui--toggle-state-closed .ui--toggle-title .show-when-closed { display: block !important; }
.ui--toggle-state-closed .ui--toggle-title .show-when-opened { display: none !important; }
.ui--toggle-state-opened .ui--toggle-title .show-when-closed { display: none !important; }
.ui--toggle-state-opened .ui--toggle-title .show-when-opened { display: block !important; }
.ui--toggle-icon-text {
float: left;
}
.ui--toggle-content {
padding-top: 12px;
padding-bottom: 0;
}
.ui--toggle-state-closed > .ui--toggle-content {
position: absolute;
top: -99999px;
visibility: hidden;
width: 100%;
}
/* ========================================
TWITTER (includes.shortcodes.shortcode.twitter)
========================================*/
.ui--twitter-style-default .ui--twitter-timeline-content {
position: relative;
margin-bottom: 18px;
padding: 18px 20px 2px;
/*background: #4c4c4c;*/
/*border-color: #333;*/
}
.ui--twitter-style-default .ui--twitter-timeline {
margin-bottom: 18px;
}
/** Style Plain */
.ui--twitter-style-plain .ui--twitter-timeline-content {
position: relative;
}
.ui--twitter-style-plain .ui--icon.fontawesome-twitter {
float: left;
margin-right: 12px;
}
.ui--twitter-style-plain p {
overflow: hidden;
}
.ui--twitter-timeline-arrow {
position: absolute;
width: 20px;
height: 20px;
left: 30px;
bottom: -8px;
color: #f1f1f1;
background-color: none !important;
text-shadow: 0px 2px 0px #cccccc;
}
.ie .ui--twitter-timeline-arrow { display: none; }
.ui--twitter-timeline-arrow i {
font-size: 28px;
}
.ui--twitter-timeline-brand {
display: block;
position: relative;
margin: 0 15px 0 15px;
}
.ui--twitter-timeline-brand .name {
display: block;
}
.ui--twitter-timeline-brand .cap {
/*font-size: .85em;*/
}
.ui--twitter-timeline-image {
float: left;
margin: 0 15px 0 0;
line-height: 0;
}
.ui--twitter-timeline-image img,
.ui--twitter-timeline-image-position {
width: 48px;
}
.ui--twitter-timeline-image-position {
overflow: hidden;
}
.ui--twitter-timeline-user {
display: block;
overflow: hidden;
padding: 5px 0 0;
}
.ui--twitter-media {
margin-top: 18px;
}
/* ========================================
TYPO (includes.shortcodes.shortcode.typography)
========================================*/
.dropcap {
float:left;
margin: 0 5px -12px 0 !important;
padding-bottom:0 !important;
}
.ui--highlight {
padding: 1px 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.highlight_1 {
background: #FF6;
padding: 1px 2px;
}
.highlight_2 {
border-bottom: dotted 1px #000;
padding: 1px 2px;
margin: 0 5px 0 0;
}
.highlight_3 {
background: #474649;
color:#FFF !important;
padding: 1px 2px;
}
.ui--blockquote,
.ui--pullquote {
/*font-style: italic;*/
}
.ui--pullquote {
max-width: 33%;
}
.ui--blockquote {
margin: 0 40px 25px;
padding: 18px 30px 18px;
}
.ui--pullquote {
padding: 18px 30px 18px;
}
.ui--pullquote-left {
float: left;
margin-bottom: 18px;
margin-right: 30px;
}
.ui--pullquote-right {
float: right;
margin-bottom: 18px;
margin-left: 30px;
padding-right: 0;
}
blockquote small {
margin-top: 18px;
font-weight: normal !important;
}
/* ========================================
BOX (includes.shortcodes.shortcode.ui_box)
========================================*/
.ui--content-box {
position: relative;
margin-bottom: 18px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--carousel .ui--content-item {
margin-bottom: 18px;
}
.ui--content-box-title {
padding: 12px 20px 9px;
/*border-top: 1px solid #ebebeb;*/
border-bottom: 1px solid #ebebeb;
}
.ui--content-box-title-text {
margin: 0 0 3px;
}
.ui--content-box-title-caption {
margin: 0 0 3px;
display: block;
}
.ui--content-box-link {
cursor: pointer;
}
.ui--content-box-link,
.ui--content-box-link:hover,
.ui--content-box-title,
.ui--content-box-title:hover,
.ui--content-box-title-text,
.ui--content-box-title-text:hover,
.ui--content-box-title-caption,
.ui--content-box-title-caption:hover {
text-decoration: none !important;
}
.ui--content-box-media {
position: relative;
z-index: 3;
border-bottom: 1px solid #ebebeb;
}
.ui--content-box-media.type--image-hover {
overflow: hidden;
}
.ui--content-box-media .ui--content-box-link {
display: block;
}
.ui--content-box-image {
width: 100%;
height: 100%;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui--content-box-video .ui--video,
.ui--content-box-video .ui--video-wrapper {
margin-bottom: 0;
}
.ui--content-box-image-default {
display: block;
position: absolute;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.ratio-original .ui--content-box-image-default {
position: relative !important;
width: 100% !important;
height: auto !important;
}
.ratio-original .ui--content-box-image-default img {
width: 100% !important;
height: auto !important;
}
.ui--content-box-image-default img {
}
.ui--content-box-overlay {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui--content-box-media.type--image-hover .ui--content-box-overlay {
width: 100%;
}
.ui--content-box-media.type--default .ui--content-box-overlay {
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
}
.ui--content-box-overlay,
.ui--content-box-image-default {
transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-moz-transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-o-transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
}
.ui--content-box-overlay-image .ui--content-box-image { margin:0; }
/** Fade Effect */
.ui--content-box .ui--content-box-media.effect--fade .ui--content-box-overlay {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
.ui--content-box:hover .ui--content-box-media.effect--fade .ui--content-box-overlay {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
/** Slide Effect */
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-btt .ui--content-box-image-default { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-btt .ui--content-box-image-default { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-btt .ui--content-box-overlay { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-btt .ui--content-box-overlay { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-btt .ui--content-box-image-default { bottom: auto; top: 0; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-btt .ui--content-box-image-default { bottom: auto; top: -40%; }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-btt .ui--content-box-overlay { bottom: auto; top: 100%; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-btt .ui--content-box-overlay { bottom: auto; top: 0; }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-ttb .ui--content-box-image-default { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ttb .ui--content-box-image-default { -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-ttb .ui--content-box-overlay { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ttb .ui--content-box-overlay { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-ttb .ui--content-box-image-default { top: auto; bottom: 0; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ttb .ui--content-box-image-default { top: auto; bottom: -40%; }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-ttb .ui--content-box-overlay { top: auto; bottom: 100%; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ttb .ui--content-box-overlay { top: auto; bottom: 0; }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-rtl .ui--content-box-image-default { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-rtl .ui--content-box-image-default { -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); transform: translateX(-40%); }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-rtl .ui--content-box-overlay { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-rtl .ui--content-box-overlay { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-rtl .ui--content-box-image-default { right: auto; left: 0; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-rtl .ui--content-box-image-default { right: auto; left: -40%; }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-rtl .ui--content-box-overlay { right: auto; left: 100%; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-rtl .ui--content-box-overlay { right: auto; left: 0; }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-ltr .ui--content-box-image-default { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ltr .ui--content-box-image-default { -webkit-transform: translateX(40%); -ms-transform: translateX(40%); transform: translateX(40%); }
html.csstransforms .ui--content-box .ui--content-box-media.effect--slide-ltr .ui--content-box-overlay { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
html.csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ltr .ui--content-box-overlay { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-ltr .ui--content-box-image-default { left: auto; right: 0; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ltr .ui--content-box-image-default { left: auto; right: -40%; }
html.no-csstransforms .ui--content-box .ui--content-box-media.effect--slide-ltr .ui--content-box-overlay { left: auto; right: 100%; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-media.effect--slide-ltr .ui--content-box-overlay { left: auto; right: 0; }
/*.old-browser .ui--content-box-overlay,
.old-browser .ui--content-box-overlay-image { display: none; }
.old-browser .ui--content-box:hover .ui--content-box-overlay { display: block; }*/
.ui--content-box-overlay-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #333;
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity : 0.60;
z-index: 1;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui--content-box .ui--content-box-overlay div.center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-moz-transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-o-transition : all 1s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transform: translateY(-400%); -ms-transform: translateY(-400%); transform: translateY(-400%);
-ms-transform: translateY(-400%); -ms-transform: translateY(-400%); transform: translateY(-400%);
transform: translateY(-400%); -ms-transform: translateY(-400%); transform: translateY(-400%);
}
.ui--content-box:hover .ui--content-box-overlay div.center {
-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
-ms-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
}
.ui--content-box .ui--content-box-overlay div.center .btn {
padding: 10px 7px 10px 15px;
margin-top: -24px;
margin-bottom: 0 !important;
}
.ui--content-box .ui--content-box-overlay .ui--content-box-overlay-button-text,
.ui--content-box .ui--content-box-overlay .ui--content-box-overlay-button-icon {
padding-right: 8px;
}
.ui--content-box-content {
position: relative;
z-index: 4;
}
.ui--content-box-content-text {
margin: 18px 20px 0;
}
.ui--content-box-footer {
position: relative;
z-index: 5;
margin: -1px 0 0;
border-top: 1px solid #dfdfdf;
height: 40px;
line-height: 40px;
overflow: hidden;
}
.ui--content-box-footer .ui-socialbar .ui-socialbar-item {
border-left: 1px solid #dfdfdf;
}
.ui--content-box-footer .btn { margin-top: 5px; }
.ui--content-box-footer .btn-small { margin-top: 8px; }
.ui--content-box-footer .btn-mini { margin-top: 10px; }
.ui--content-box-footer .text-right .btn {
margin-right: 10px;
}
.ui--content-box-gallery > .ui--content-box-gallery-viewport,
.ui--content-box-gallery > .mini-slides {
z-index: 1;
}
.ui--content-box-link {
position: static !important;
}
.ui--content-box-gallery > .ui--content-box-link {
z-index: 2;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ui--content-box-gallery > .ui--content-box-gallery-navigation {
z-index: 3;
}
.ui--content-box-gallery {
position: absolute;
}
.ratio-original .ui--content-box-gallery {
position: relative;
}
.ui--content-box-gallery > .mini-slides {
overflow: hidden;
}
.ui--content-box-gallery-item {
display: none;
}
.ui--content-box-gallery-item-1 {
display: inline !important;
}
.ui--content-box-gallery-image {
width: 100%;
}
.ui--content-box-gallery-navigation {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -16px;
opacity: 0;
filter : alpha(opacity=0);
}
.ui--content-box:hover .ui--content-box-gallery-navigation{ opacity: 1; filter: alpha(opacity=100); }
.ui--content-box-gallery-navigation .ui--carosuel-prev,
.ui--content-box-gallery-navigation .ui--carosuel-next {
position: absolute;
}
.ui--content-box-gallery-navigation .ui--carosuel-prev {
left: 0;
}
.ui--content-box-gallery-navigation .ui--carosuel-next {
right: 0;
}
.ui--content-box-gallery-navigation .ui--carosuel-prev,
.ui--content-box-gallery-navigation .ui--carosuel-next { pointer-events: none; }
.ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-prev,
.ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-next { pointer-events: auto; }
html.no-csstransforms .ui--content-box-gallery-navigation .ui--carosuel-prev { left: -30px; }
html.no-csstransforms .ui--content-box-gallery-navigation .ui--carosuel-next { right: -30px; }
html.csstransforms .ui--content-box-gallery-navigation .ui--carosuel-prev { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
html.csstransforms .ui--content-box-gallery-navigation .ui--carosuel-next { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
html.no-csstransforms .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-prev { left: -10px; }
html.no-csstransforms .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-next { right: -10px; }
html.csstransforms .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-prev { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
html.csstransforms .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-next { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
.ui--carousel .ui--content-box-gallery {
overflow: hidden;
}
html.no-csstransforms .ui--carousel .ui--content-box-gallery-navigation .ui--carosuel-prev { left: -30px; }
html.no-csstransforms .ui--carousel .ui--content-box-gallery-navigation .ui--carosuel-next { right: -30px; }
html.csstransforms .ui--carousel .ui--content-box-gallery-navigation .ui--carosuel-prev { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
html.csstransforms .ui--carousel .ui--content-box-gallery-navigation .ui--carosuel-next { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
html.no-csstransforms .ui--carousel .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-prev { left: 10px; }
html.no-csstransforms .ui--carousel .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-next { right: 10px; }
html.csstransforms .ui--carousel .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-prev { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
html.csstransforms .ui--carousel .ui--content-box:hover .ui--content-box-gallery-navigation .ui--carosuel-next { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
.ui--content-box-gallery-navigation,
.ui--content-box-gallery-navigation .ui--carosuel-prev,
.ui--content-box-gallery-navigation .ui--carosuel-next {
transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-moz-transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transition: all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-o-transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
}
.ui--content-box-gallery { margin: 0; padding: 0; }
.ui--content-box-gallery .mini-slides > div { display: none; -webkit-backface-visibility: hidden; }
.ui--content-box-gallery { zoom: 1; }
.ui--content-box-gallery .mini-slides { zoom: 1; }
/* ========================================
VIDEO (includes.shortcodes.shortcode.video)
========================================*/
.ui--video-wrapper {
line-height: 0;
margin-bottom: 18px;
}
.ui--video {
position: relative;
overflow: hidden;
}
.ui--video-16-9 {
height: 0;
padding-bottom: 56.25%;
}
.ui--video-4-3 {
height: 0;
padding-bottom: 75%;
}
.ui--video iframe,
.ui--video object,
.ui--video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-original .ui--video iframe,
.ratio-original .ui--video object,
.ratio-original .ui--video embed,
.ui--video.ui--video-original iframe,
.ui--video.ui--video-original object,
.ui--video.ui--video-original embed {
position: relative;
}
.jp-video.ui--video {
visibility: hidden;
}
/* ========================================
BACKGROUND (includes.shortcodes.shortcode.video_background)
========================================*/
.ui--video-background-wrapper {
position: relative;
margin-bottom: 18px;
}
.ui--video-background-holder {
position: absolute;
width: 100%; height:
100%;
top: 0;
left: 0;
overflow: hidden;
}
.ui--video-background {
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .9;
}
.ui--video-background .ui--gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.ui--video-background-video {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
}
.ui--video-background-video video,
.ui--video-background-video iframe {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: -1000;
overflow: hidden;
opacity: 0;
}
html.ui--win-loaded .ui--video-background-video video.ui--filled,
html.ui--win-loaded .ui--video-background-video iframe.ui--filled {
opacity: 1;
}
.ie8 .ui--video-background-video video,
.ie8 .ui--video-background-video iframe {
display: none;
}
.ui--video-background-poster {
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
background-position: 50% 50%;
}
/*html.no-video .ui--video-background-video video {
display: none;
}
html.video .ui--video-background-poster {
display: none;
}*/
.ui--video-background h1,
.ui--video-background h2,
.ui--video-background h3,
.ui--video-background h4,
.ui--video-background h5,
.ui--video-background h6
{
margin-top: 0;
}
/* ========================================
DEFAULT WIDGETS (includes.widgets.widget.defaults)
========================================*/
.widget > ul {
margin-left: 0;
}
/*#page-content .widget > ul,
#page-content .widget a {
color: #666;
}
#page-content .widget a:hover {
color: #070401;
}*/
#page-content .widget > ul {
margin-left: 0;
}
.widget_recent_comments ul,
.widget_display_forums ul,
.widget_display_topics ul,
.widget_display_replies ul,
.widget_display_views ul,
.widget_product_categories ul,
.widget_layered_nav_filters ul,
.widget_layered_nav ul,
.widget_recent_entries ul,
.list-custom-taxonomy-widget ul,
.widget_categories ul,
.widget_nav_menu > div > ul,
.ui--widget-subpages-classic,
.widget_pages > ul,
.widget_rss ul,
.widget_archive ul,
.widget_meta ul
{
list-style: none none;
margin-left: 0;
}
.widget_recent_comments ul li,
.widget_display_forums ul li,
.widget_display_topics ul li,
.widget_display_replies ul li,
.widget_display_views ul li,
.widget_product_categories ul li,
.widget_layered_nav_filters ul li,
.widget_layered_nav ul li,
.widget_recent_entries ul li,
.list-custom-taxonomy-widget ul li,
.widget_categories ul li,
.widget_nav_menu > div > ul > li,
.ui--widget-subpages-classic > li,
.widget_pages > ul > li,
.widget_rss ul li,
.widget_archive ul li,
.widget_meta ul li
{
list-style: none none;
padding-left: 14px;
}
.rtl .widget_recent_comments ul li,
.rtl .widget_display_forums ul li,
.rtl .widget_display_topics ul li,
.rtl .widget_display_replies ul li,
.rtl .widget_display_views ul li,
.rtl .widget_product_categories ul li,
.rtl .widget_layered_nav_filters ul li,
.rtl .widget_layered_nav ul li,
.rtl .widget_recent_entries ul li,
.rtl .list-custom-taxonomy-widget ul li,
.rtl .widget_categories ul li,
.rtl .widget_nav_menu > div > ul > li,
.rtl .ui--widget-subpages-classic > li,
.rtl .widget_pages > ul > li,
.rtl .widget_rss ul li,
.rtl .widget_archive ul li,
.rtl .widget_meta ul li
{
padding-right: 14px;
padding-left: 0;
}
.widget_recent_comments ul li:before,
.widget_display_forums ul li:before,
.widget_display_topics ul li:before,
.widget_display_replies ul li:before,
.widget_display_views ul li:before,
.widget_product_categories ul li:before,
.widget_layered_nav_filters ul li:before,
.widget_layered_nav ul li:before,
.widget_recent_entries ul li:before,
.list-custom-taxonomy-widget ul li:before,
.widget_categories ul li:before,
.widget_nav_menu > div > ul > li:before,
.ui--widget-subpages-classic > li:before,
.widget_pages > ul > li:before,
.widget_rss ul li:before,
.widget_archive ul li:before,
.widget_meta ul li:before
{
content: "\f105";
margin-left: -14px; /*same as padding-left set on li*/
width: 14px; /*same as padding-left set on li*/
font-size: 18px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.rtl .widget_recent_comments ul li:before,
.rtl .widget_display_forums ul li:before,
.rtl .widget_display_topics ul li:before,
.rtl .widget_display_replies ul li:before,
.rtl .widget_display_views ul li:before,
.rtl .widget_product_categories ul li:before,
.rtl .widget_layered_nav_filters ul li:before,
.rtl .widget_layered_nav ul li:before,
.rtl .widget_recent_entries ul li:before,
.rtl .list-custom-taxonomy-widget ul li:before,
.rtl .widget_categories ul li:before,
.rtl .widget_nav_menu > div > ul > li:before,
.rtl .ui--widget-subpages-classic > li:before,
.rtl .widget_pages > ul > li:before,
.rtl .widget_rss ul li:before,
.rtl .widget_archive ul li:before,
.rtl .widget_meta ul li:before
{
content: "\f104";
margin-right: -14px;
margin-left: 0;
}
.ie7 .widget_recent_comments ul li,
.ie7 .widget_display_forums ul li,
.ie7 .widget_display_topics ul li,
.ie7 .widget_display_replies ul li,
.ie7 .widget_display_views ul li,
.ie7 .widget_product_categories ul li,
.ie7 .widget_layered_nav_filters ul li,
.ie7 .widget_layered_nav ul li,
.ie7 .widget_recent_entries ul li,
.ie7 .list-custom-taxonomy-widget ul li,
.ie7 .widget_categories ul li,
.ie7 .widget_nav_menu > div > ul > li,
.ie7 .ui--widget-subpages-classic > li,
.ie7 .widget_pages > ul > li,
.ie7 .widget_rss ul li,
.ie7 .widget_archive ul li,
.ie7 .widget_meta ul li
{
padding-left: 10px;
list-style: inside square;
}
/** Tag Cloud */
.tagcloud a {
display: inline-block;
padding: 4px 8px;
margin: 0 2px 4px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none !important;
font-size: 14px !important;
}
.tagcloud a {
background-color: #f9f9f9;
}
.tagcloud a:hover {
/*background-color: #222;
color: #fff; */
}
.tagcloud a:active,
.tagcloud a.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
footer .tagcloud a {
}
footer .tagcloud a:hover {
}
/** RSS Widget */
.rsswidget img {
margin-top: -4px;
}
/** Search Widget */
.widget .searchform,
.widget .searchform .btn{
margin-bottom: 0;
}
/** Nav Menu */
.ui--widget-subpages-classic > li,
.widget_nav_menu > div > ul > li {
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: 1px solid #ebebeb;
}
.ui--widget-subpages-classic > li:last-child,
.widget_nav_menu > div > ul > li:last-child {
border-bottom: 0;
}
.ui--widget-subpages-classic > li.current-menu-item > a,
.widget_nav_menu > div > ul > li.current-menu-item > a {
}
.ui--widget-subpages-classic > li.current-menu-item > a,
.widget_nav_menu > div > ul > li.current-menu-item > a {
}
.ui--widget-subpages-classic > li.current_page_item > a {
font-weight: bold;
}
/** Calendar */
#wp-calendar { width: 100%;
border-collapse: separate;
border-spacing: 1px;
}
#wp-calendar caption {
padding: 0 10px 10px;
text-align: right;
font-weight: bold;
margin: -5px 0 0 0;
border-bottom: 1px solid #ebebeb;
}
#wp-calendar thead { font-size: 12px }
#wp-calendar thead th {
padding: 5px 10px 5px;
font-weight: bold;
}
#wp-calendar tbody td {
background: #f5f5f5;
text-align: center;
padding: 5px 8px;
text-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#wp-calendar tbody td a {
display: block;
}
#wp-calendar tbody td:hover { background: #fff }
#wp-calendar tbody .pad { background: none !important; filter: none !important; -ms-filter: none !important; }
#wp-calendar tfoot #next {
text-transform: uppercase;
text-align: right;
padding-top: 5px;
}
#wp-calendar tfoot #prev {
text-transform: uppercase;
padding-top: 5px;
}
#page-content #wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
cursor: pointer;
}
footer #wp-calendar caption {
border-color: #585858;
}
footer #wp-calendar tbody td {
background: #2d2d2d;
}
footer #wp-calendar tbody td:hover { background: #222 }
/* ========================================
MAILCHIMP (includes.widgets.widget.mailchimp)
========================================*/
.ui--mailchimp {
position: relative;
}
.ui--mailchimp input {
width: 100% !important;
max-width: 100% !important;
padding-left: 12px;
padding-right: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .ui--mailchimp button {
position: absolute;
top: -1px;
right: 0;
margin: 0;
}
.rtl footer .ui--mailchimp button {
right: auto;
left: 0;
}
.ui--mailchimp input,
.ui--mailchimp button {
height: 36px;
}
footer .ui--mailchimp input,
footer .ui--mailchimp button {
height: 42px;
}
/* ========================================
SHOP CART (includes.widgets.widget.shop_cart)
========================================*/
#top-bar #widget--shop-cart > li > a {
padding-right: 50px;
}
#top-bar #widget--shop-cart .cart-details {
width: 250px;
padding: 18px 18px 0;
}
/* ========================================
PAGES (includes.widgets.widget.sub_pages)
========================================*/
.ui--widget-subpages-smooth,
.ui--widget-subpages-smooth ul {
list-style: none none;
}
.ui--widget-subpages-smooth > li {
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}
.ui--widget-subpages-smooth > li:last-child {
border-bottom: 0;
}
.ui--widget-subpages-smooth > li > a {
display: block;
padding: 12px 22px;
margin: 0 -2px;
color: #333 !important;
}
.ui--widget-subpages-smooth:hover > li.current_page_item > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.ui--widget-subpages-smooth > li > a:hover,
.ui--widget-subpages-smooth > li.current_page_item > a,
.ui--widget-subpages-smooth:hover > li.current_page_item > a:hover {
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
background-color: #e9e9e9;
}
/* ========================================
BLOG (includes.modules.module.blog)
========================================*/
.ui--blog-wrapper > .row {
margin-bottom: 12px;
}
.ui--blog-wrapper > .row:last-child {
margin-bottom: 0;
}
.more-link {
display: block;
margin-top: 18px;
margin-bottom: 0;
}
.more-link .btn {
margin: 0;
}
.more-link a { margin: 0; }
.ui--blog-title {
margin: 0 0 6px;
}
#page-content .ui--blog-title a {
}
.ui--blog-item .ui--blog-media {
margin-bottom: 18px;
text-align: center;
}
.ui--blog-media .ui--video,
.ui--blog-media .ui--video-wrapper {
margin-bottom: 0;
}
.ui--blog .ui--pagination-wrapper {
border-top: 1px solid #ebebeb;
padding-top: 30px;
}
.ui--blog-image,
.ui--blog-gallery-image {
display: block;
margin: auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--blog-gallery > .ui--blog-gallery-viewport,
.ui--blog-gallery > .slides {
z-index: 1;
}
.ui--blog-gallery > .ui--blog-item-link {
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ui--blog-gallery > .ui--blog-gallery-navigation {
z-index: 3;
}
.ui--blog-gallery {
position: relative;
}
.ui--blog-gallery > .slides {
overflow: hidden;
}
.ui--blog-gallery-item {
display: none;
}
.ui--blog-gallery-item-1 {
display: inline !important;
}
.ui--blog-gallery-image {
width: 100%;
}
.ui--blog-gallery-navigation {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -16px;
opacity: 0;
filter : alpha(opacity=0);
}
.ui--blog-item:hover .ui--blog-gallery-navigation{ opacity: 1; filter: alpha(opacity=100); }
.ui--blog-gallery-navigation .ui--carosuel-prev,
.ui--blog-gallery-navigation .ui--carosuel-next {
position: absolute;
}
.ui--blog-gallery-navigation .ui--carosuel-prev { left: -30px; pointer-events: none; }
.ui--blog-gallery-navigation .ui--carosuel-next { right: -30px; pointer-events: none; }
.ui--blog-item:hover .ui--blog-gallery-navigation .ui--carosuel-prev { left: -10px; pointer-events: auto; }
.ui--blog-item:hover .ui--blog-gallery-navigation .ui--carosuel-next { right: -10px; pointer-events: auto; }
.ui--carousel .ui--blog-gallery-navigation .ui--carosuel-prev { left: 20px; }
.ui--carousel .ui--blog-gallery-navigation .ui--carosuel-next { right: 20px; }
.ui--carousel .ui--blog-item:hover .ui--blog-gallery-navigation .ui--carosuel-prev { left: 10px; }
.ui--carousel .ui--blog-item:hover .ui--blog-gallery-navigation .ui--carosuel-next { right: 10px; }
.ui--blog-gallery-navigation,
.ui--blog-gallery-navigation .ui--carosuel-prev,
.ui--blog-gallery-navigation .ui--carosuel-next {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.ui--blog-gallery { margin: 0; padding: 0; }
.ui--blog-gallery .slides > div { display: none; -webkit-backface-visibility: hidden; }
.ui--blog-gallery { position: relative; zoom: 1; }
.ui--blog-gallery .slides { zoom: 1; }
.ui--blog-content-wrapper {
overflow: hidden;
display: block;
}
.ui--blog-side {
float: left;
margin-right: 30px;
}
.rtl .ui--blog-side {
float: right;
margin-right: 0;
margin-left: 30px;
}
/** Author */
.ui--blog-side-author {
width: 60px;
text-align: center;
}
/** Thumbnail */
.ui--blog-thumbnail {
width: 60px;
text-align: center;
}
.ui--blog-thumbnail img {
width: 60px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ui--blog-side-author img.avatar {
padding: 1px;
margin: 0;
border: 4px solid #ebebeb;
background-color: #fff;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.widget .ui--blog-side-author img.avatar {
width: 48px;
height: 48px;
}
/** Icon */
.ui--blog-icon {
position: relative;
width: 60px;
height: 60px;
border-bottom: 1px solid #d5d5d5;
text-align: center;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.ui--blog-icon > div {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -9px;
}
.widget .ui--blog-icon {
width: 48px;
height: 48px;
}
.widget .ui--blog-icon > div {
margin-top: -8px;
}
.widget .ui--blog-icon i {
font-size: 14px;
}
footer .ui--blog-icon {
background-image: none;
border: 0 !important;
text-shadow: none;
}
/** Date */
.ui--blog-date {
width: 60px;
}
.ui--blog-date h1,
.ui--blog-date h2,
.ui--blog-date h3,
.ui--blog-date h4,
.ui--blog-date h5,
.ui--blog-date h6 { margin: 0; }
.ui--blog-date h1 span,
.ui--blog-date h2 span,
.ui--blog-date h3 span,
.ui--blog-date h4 span,
.ui--blog-date h5 span,
.ui--blog-date h6 span { display: block; }
.ui--blog-date .ui--blog-date-day {
display: block;
text-align: center;
padding: 6px 0;
position: relative;
margin: -1px -1px 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui--blog-date .ui--blog-date-month {
display: block;
text-align: center;
padding: 8px 0;
margin: 0;
border-top: 1px solid #ebebeb;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.ui--blog-date .ui--blog-date-month > span {
display: block;
}
footer .ui--blog-date .ui--blog-date-day {
margin: 0 !important;
}
footer .ui--blog-side {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
footer .ui--blog-date,
footer .ui--blog-date .ui--blog-date-month {
background-image: none;
text-shadow: none;
filter: none;
-ms-filter: none;
}
.ui--blog-metas {
padding: 6px 0;
margin-bottom: 18px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.ui--blog-metas .ui--blog-separator {
margin: 0 6px;
}
.ui--blog-metas-left {
overflow: hidden;
display: block;
}
.ui--blog-metas-right {
margin-left: 30px;
}
.rtl .ui--blog-metas-right {
margin-left: 0;
margin-right: 30px;
}
.ui--meta-comment a,
.ui--meta-like a,
.ui--meta-comment a:hover,
.ui--meta-like a:hover {
text-decoration: none !important;
}
.ui--meta-like a {
color: #ed1c24 !important;
}
.ui--meta-sharrre .ui--sharrre {
display: inline-block;
margin-bottom: 0;
}
.ui--meta-sharrre .ui--sharrre-mini-block .sharrre {
margin-bottom: 0;
}
.ui--meta-sharrre .ui--sharrre-mini-block .ui--sharrre-box a {
min-width: 33px;
}
.ui--meta-sharrre .ui--sharrre-mini-block .ui--sharrre-box i {
margin-right: 0;
}
/** Standard Template */
.ui--blog-item.layout--standard,
.ui--blog-item.layout--medium {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb;
}
.ui--blog-item.layout--standard.last-item,
.ui--blog-item.layout--medium.last-item {
margin-bottom: 18px;
border-bottom: 0;
}
/** Standard Medium */
.ui--blog-item.layout--medium .ui--blog-media {
float: right;
width: 500px;
margin-left: 30px;
}
.rtl .ui--blog-item.layout--medium .ui--blog-media {
float: left;
margin-left: 0;
margin-right: 30px;
}
#page-content.sidebar-layout .ui--blog-item.layout--medium .ui--blog-media {
width: 240px;
margin-left: 30px;
}
.rtl #page-content.sidebar-layout .ui--blog-item.layout--medium .ui--blog-media {
margin-left: 0;
margin-right: 30px;
}
/** Mini */
.ui--blog-item.layout--mini { margin-bottom: 30px; }
.ui--blog-item.layout--mini-carousel { margin-bottom: 18px; }
.ui--blog-item.layout--mini .ui--blog-title,
.ui--blog-item.layout--mini-carousel .ui--blog-title {
margin-bottom: 12px;
}
.ui--blog-item.layout--mini .ui--blog-title a,
.ui--blog-item.layout--mini-carousel .ui--blog-title a {
}
.ui--blog-item.layout--mini .ui--blog-side,
.ui--blog-item.layout--mini-carousel .ui--blog-side {
margin-right: 20px;
}
.rtl .ui--blog-item.layout--mini .ui--blog-side,
.rtl .ui--blog-item.layout--mini-carousel .ui--blog-side {
margin-right: 0;
margin-left: 20px;
}
.ui--badge-sticky .btn {
margin-bottom: 0;
margin-right: 0;
}
/* ========================================
SINGLE BLOG (includes.modules.module.blog)
========================================*/
.ui--blog-item.layout--single {
margin-bottom: 18px;
}
.ui--blog-item.layout--single .ui--blog-title {
margin-bottom: 18px;
}
.ui--blog-related-posts {
margin-bottom: 12px;
}
/* ========================================
EFFECTS (includes.modules.module.effects)
========================================*/
@media (min-width: 768px) {
html.cssanimations .ui--animation-in .ui--animation:not(.ui--animation-fire) {
opacity: 0;
}
html.cssanimations .ui--animation-in .ui--animation.fx--no-effect,
html.cssanimations .ui--animation-in .ui--animation.fx--none {
opacity: 1;
}
/*html.cssanimations .ui--animation-in .ui--animation-fire {
opacity: 1;
}*/
html.cssanimations .ui--animation-in.make--fx--fly,
html.cssanimations .ui--animation-in.make--fx--fly .ui--carousel .ui--carousel-content > .ui-row > .ui-column,
html.cssanimations .ui--animation-in.make--fx--fly .ui--masonry .isotope-item {
-webkit-perspective: 1200px !important;
-moz-perspective: 1200px !important;
perspective: 1200px !important;
}
html.cssanimations .ui--animation-fire.fx--fly {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
-moz-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .4s ease-in-out forwards;
-moz-animation: fly .4s ease-in-out forwards;
animation: fly .4s ease-in-out forwards;
}
@-webkit-keyframes fly {
100% { -webkit-transform: rotateX(0deg); opacity: 1; -webkit-transform-origin:50% 50% 0; }
}
@-moz-keyframes fly {
100% { -moz-transform: rotateX(0deg); opacity: 1; -moz-transform-origin:50% 50% 0; }
}
@keyframes fly {
100% { transform: rotateX(0deg); opacity: 1; transform-origin:50% 50% 0; }
}
html.cssanimations .ui--animation-fire.fx--appear {
-webkit-animation: fx_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1);
-moz-animation: fx_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1);
-o-animation: fx_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1);
animation: fx_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1);
}
html.cssanimations .ui--animation-fire.fx--fadein-ltr {
-webkit-animation: fx_ltr 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-moz-animation: fx_ltr 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-o-animation: fx_ltr 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
animation: fx_ltr 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
}
html.cssanimations .ui--animation-fire.fx--fadein-rtl {
-webkit-animation: fx_rtl 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-moz-animation: fx_rtl 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-o-animation: fx_rtl 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
animation: fx_rtl 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
}
html.cssanimations .ui--animation-fire.fx--fadein-ttb {
-webkit-animation: fx_ttb 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-moz-animation: fx_ttb 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-o-animation: fx_ttb 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
animation: fx_ttb 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
}
html.cssanimations .ui--animation-fire.fx--fadein-btt {
-webkit-animation: fx_btt 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-moz-animation: fx_btt 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
-o-animation: fx_btt 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
animation: fx_btt 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.000);
}
html.cssanimations .ui--animation-fire.fx--caption-top {
-webkit-animation: fx_caption_top 0.9s 1 cubic-bezier(.17,.89,.26,1);
-moz-animation: fx_caption_top 0.9s 1 cubic-bezier(.17,.89,.26,1);
-o-animation: fx_caption_top 0.9s 1 cubic-bezier(.17,.89,.26,1);
animation: fx_caption_top 0.9s 1 cubic-bezier(.17,.89,.26,1);
}
html.cssanimations .ui--animation-fire.fx--caption-bottom {
-webkit-animation: fx_caption_bottom 0.9s 1 cubic-bezier(.17,.89,.26,1);
-moz-animation: fx_caption_bottom 0.9s 1 cubic-bezier(.17,.89,.26,1);
-o-animation: fx_caption_bottom 0.9s 1 cubic-bezier(.17,.89,.26,1);
animation: fx_caption_bottom 0.9s 1 cubic-bezier(.17,.89,.26,1);
}
html.cssanimations .ui--animation-fire.fx--caption-left {
-webkit-animation: fx_caption_left 0.9s 1 cubic-bezier(.17,.89,.26,1);
-moz-animation: fx_caption_left 0.9s 1 cubic-bezier(.17,.89,.26,1);
-o-animation: fx_caption_left 0.9s 1 cubic-bezier(.17,.89,.26,1);
animation: fx_caption_left 0.9s 1 cubic-bezier(.17,.89,.26,1);
}
html.cssanimations .ui--animation-fire.fx--caption-right {
-webkit-animation: fx_caption_right 0.9s 1 cubic-bezier(.17,.89,.26,1);
-moz-animation: fx_caption_right 0.9s 1 cubic-bezier(.17,.89,.26,1);
-o-animation: fx_caption_right 0.9s 1 cubic-bezier(.17,.89,.26,1);
animation: fx_caption_right 0.9s 1 cubic-bezier(.17,.89,.26,1);
}
html.cssanimations .ui--animation-fire.fx--flipIn-X {
-webkit-animation: flipInX .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-animation: flipInX .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-animation: flipInX .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
animation: flipInX .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
}
html.cssanimations .ui--animation-fire.fx--flipIn-Y {
-webkit-animation: flipInY .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-animation: flipInY .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-animation: flipInY .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
animation: flipInY .7s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
}
html.cssanimations .ui--animation-in.make--fx--swing .ui--animation { opacity: 1; }
html.cssanimations .ui--animation-fire.fx--swing {
-webkit-animation: swing .7s 1 linear;
-moz-animation: swing .7s 1 linear;
-o-animation: swing .7s 1 linear;
animation: swing .7s 1 linear;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
}
html.cssanimations .ui--animation-in.make--fx--wobble .ui--animation { opacity: 1; }
html.cssanimations .ui--animation-fire.fx--wobble {
-webkit-animation: wobble .9s 1 linear;
-moz-animation: wobble .9s 1 linear;
-o-animation: wobble .9s 1 linear;
animation: wobble .9s 1 linear;
}
html.cssanimations .ui--animation-in.make--fx--bounce .ui--animation { opacity: 1; }
html.cssanimations .ui--animation-fire.fx--bounce {
-webkit-animation: bounce .9s 1 linear;
-moz-animation: bounce .9s 1 linear;
-o-animation: bounce .9s 1 linear;
animation: bounce .9s 1 linear;
}
html.cssanimations .ui--animation-fire.fx--rotatein {
-webkit-animation: rotateIn .4s 1 linear;
-moz-animation: rotateIn .4s 1 linear;
-o-animation: rotateIn .4s 1 linear;
animation: rotateIn .4s 1 linear;
}
html.cssanimations .ui--animation-fire.fx--rotatein-downleft {
-webkit-animation: rotateInDownLeft .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-animation: rotateInDownLeft .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-animation: rotateInDownLeft .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
animation: rotateInDownLeft .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
html.cssanimations .ui--animation-fire.fx--rotatein-downright {
-webkit-animation: rotateInDownRight .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-animation: rotateInDownRight .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-animation: rotateInDownRight .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
animation: rotateInDownRight .4s 1 cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
/**
* Rotate In Down Left
*/
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
/**
* Rotate In Down Right
*/
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
/**
* Rotate In
*/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
/**
* Bounce
*/
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
/**
* Wobble
*
* originally authored by Nick Pettit - https://github.com/nickpettit/glide
*/
@-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
/**
* Swing
*/
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
/**
* Flip In X
*/
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes flipInX {
0% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-ms-transform: perspective(400px) rotateX(-10deg);
}
70% {
-ms-transform: perspective(400px) rotateX(10deg);
}
100% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
/**
* Flip In Y
*/
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
/**
* Appear
*/
@keyframes "fx_appear" {
0% {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes fx_appear {
0% {
-moz-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes "fx_appear" {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes "fx_appear" {
0% {
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-o-keyframes "fx_appear" {
0% {
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/**
* Slide Down
*/
@keyframes "fx_slide_down" {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-moz-keyframes fx_slide_down {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-webkit-keyframes "fx_slide_down" {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-ms-keyframes "fx_slide_down" {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-o-keyframes "fx_slide_down" {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
/**
* Expand
*/
@keyframes "fx_expand" {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes fx_expand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes "fx_expand" {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes "fx_expand" {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-o-keyframes "fx_expand" {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
/**
* Left to Right
*/
@keyframes "fx_ltr" {
0% {
-webkit-transform: translate(-10%,0);
-moz-transform: translate(-10%,0);
-o-transform: translate(-10%,0);
-ms-transform: translate(-10%,0);
transform: translate(-10%,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_ltr {
0% {
-moz-transform: translate(-10%,0);
transform: translate(-10%,0);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_ltr" {
0% {
-webkit-transform: translate(-10%,0);
transform: translate(-10%,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_ltr" {
0% {
-ms-transform: translate(-10%,0);
transform: translate(-10%,0);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_ltr" {
0% {
-o-transform: translate(-10%,0);
transform: translate(-10%,0);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Right to Left
*/
@keyframes "fx_rtl" {
0% {
-webkit-transform: translate(10%,0);
-moz-transform: translate(10%,0);
-o-transform: translate(10%,0);
-ms-transform: translate(10%,0);
transform: translate(10%,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_rtl {
0% {
-moz-transform: translate(10%,0);
transform: translate(10%,0);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_rtl" {
0% {
-webkit-transform: translate(10%,0);
transform: translate(10%,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_rtl" {
0% {
-ms-transform: translate(10%,0);
transform: translate(10%,0);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_rtl" {
0% {
-o-transform: translate(10%,0);
transform: translate(10%,0);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Bottom to Top
*/
@keyframes "fx_btt" {
0% {
-webkit-transform: translate(0,50%);
-moz-transform: translate(0,50%);
-o-transform: translate(0,50%);
-ms-transform: translate(0,50%);
transform: translate(0,50%);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_btt {
0% {
-moz-transform: translate(0,50%);
transform: translate(0,50%);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_btt" {
0% {
-webkit-transform: translate(0,50%);
transform: translate(0,50%);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_btt" {
0% {
-ms-transform: translate(0,50%);
transform: translate(0,50%);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_btt" {
0% {
-o-transform: translate(0,50%);
transform: translate(0,50%);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Top to Bottom
*/
@keyframes "fx_ttb" {
0% {
-webkit-transform: translate(0,-10%);
-moz-transform: translate(0,-10%);
-o-transform: translate(0,-10%);
-ms-transform: translate(0,-10%);
transform: translate(0,-10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_ttb {
0% {
-moz-transform: translate(0,-10%);
transform: translate(0,-10%);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_ttb" {
0% {
-webkit-transform: translate(0,-10%);
transform: translate(0,-10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_ttb" {
0% {
-ms-transform: translate(0,-10%);
transform: translate(0,-10%);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_ttb" {
0% {
-o-transform: translate(0,-10%);
transform: translate(0,-10%);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Background Move
*/
@keyframes "fx_bg_move" {
0% {
background-position: -31px 0;
}
100% {
background-position: 0 0;
}
}
@-moz-keyframes fx_bg_move {
0% {
background-position: -31px 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes "fx_bg_move" {
0% {
background-position: -31px 0;
}
100% {
background-position: 0 0;
}
}
@-ms-keyframes "fx_bg_move" {
0% {
background-position: -31px 0;
}
100% {
background-position: 0 0;
}
}
@-o-keyframes "fx_bg_move" {
0% {
background-position: -31px 0;
}
100% {
background-position: 0 0;
}
}
/**
* Caption Right
*/
@keyframes "fx_caption_right" {
0% {
-webkit-transform: translate(2000px,0);
-moz-transform: translate(2000px,0);
-o-transform: translate(2000px,0);
-ms-transform: translate(2000px,0);
transform: translate(2000px,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_caption_right {
0% {
-moz-transform: translate(2000px,0);
transform: translate(2000px,0);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_caption_right" {
0% {
-webkit-transform: translate(2000px,0);
transform: translate(2000px,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_caption_right" {
0% {
-ms-transform: translate(2000px,0);
transform: translate(2000px,0);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_caption_right" {
0% {
-o-transform: translate(2000px,0);
transform: translate(2000px,0);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Caption Left
*/
@keyframes "fx_caption_left" {
0% {
-webkit-transform: translate(-2000px,0);
-moz-transform: translate(-2000px,0);
-o-transform: translate(-2000px,0);
-ms-transform: translate(-2000px,0);
transform: translate(-2000px,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_caption_left {
0% {
-moz-transform: translate(-2000px,0);
transform: translate(-2000px,0);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_caption_left" {
0% {
-webkit-transform: translate(-2000px,0);
transform: translate(-2000px,0);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_caption_left" {
0% {
-ms-transform: translate(-2000px,0);
transform: translate(-2000px,0);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_caption_left" {
0% {
-o-transform: translate(-2000px,0);
transform: translate(-2000px,0);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Caption Top
*/
@keyframes "fx_caption_top" {
0% {
-webkit-transform: translate(0,-2000px);
-moz-transform: translate(0,-2000px);
-o-transform: translate(0,-2000px);
-ms-transform: translate(0,-2000px);
transform: translate(0,-2000px);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_caption_top {
0% {
-moz-transform: translate(0,-2000px);
transform: translate(0,-2000px);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_caption_top" {
0% {
-webkit-transform: translate(0,-2000px);
transform: translate(0,-2000px);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_caption_top" {
0% {
-ms-transform: translate(0,-2000px);
transform: translate(0,-2000px);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_caption_top" {
0% {
-o-transform: translate(0,-2000px);
transform: translate(0,-2000px);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
/**
* Caption Bottom
*/
@keyframes "fx_caption_bottom" {
0% {
-webkit-transform: translate(0,2000px);
-moz-transform: translate(0,2000px);
-o-transform: translate(0,2000px);
-ms-transform: translate(0,2000px);
transform: translate(0,2000px);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-moz-keyframes fx_caption_bottom {
0% {
-moz-transform: translate(0,2000px);
transform: translate(0,2000px);
opacity: 0;
}
100% {
-moz-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-webkit-keyframes "fx_caption_bottom" {
0% {
-webkit-transform: translate(0,2000px);
transform: translate(0,2000px);
opacity: 0;
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-ms-keyframes "fx_caption_bottom" {
0% {
-ms-transform: translate(0,2000px);
transform: translate(0,2000px);
opacity: 0;
}
100% {
-ms-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
@-o-keyframes "fx_caption_bottom" {
0% {
-o-transform: translate(0,2000px);
transform: translate(0,2000px);
opacity: 0;
}
100% {
-o-transform: translate(0,0);
transform: translate(0,0);
opacity: 1;
}
}
}
/* ========================================
LIKES (includes.modules.module.likes)
========================================*/
.ui--meta-like-shortcode .ui--meta-like {
text-align: center;
display: block;
}
.ui--meta-like-shortcode .ui--meta-like .ui--likes-count {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
padding-top: 48px;
}
.ui--meta-like-shortcode .ui--meta-like .ui--likes-count span {
display: block;
margin-top: 12px;
margin-bottom: 0;
}
.ui--meta-like-shortcode .ui--meta-like a,
.ui--meta-like-shortcode .ui--meta-like a:hover {
text-decoration: none !important;
}
.ui--meta-like-shortcode .ui--meta-like a {
color: #ed1c24 !important;
}
.ui--meta-like-shortcode .ui--meta-like a:hover {
color: #ed1c24 !important;
}
.ui--meta-like-shortcode .ui--meta-like a .fontawesome-heart {
font-size: 48px;
position: absolute;
top: 0;
left: 50%;
margin-left: -24px;
}
.ui--meta-like-shortcode .ui--meta-like a:hover .fontawesome-heart {
-webkit-animation: pulsate 0.7s infinite ease-out;
-moz-animation: pulsate 0.7s infinite ease-out;
-o-animation: pulsate 0.7s infinite ease-out;
animation: pulsate 0.7s infinite ease-out;
opacity: 0;
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(1, 1); opacity: 1;}
50% {-webkit-transform: scale(.75, .75); opacity: 0;}
100% {-webkit-transform: scale(1, 1); opacity: 1;}
}
@-moz-keyframes pulsate {
0% {-moz-transform: scale(1, 1); opacity: 1;}
50% {-moz-transform: scale(.75, .75); opacity: 0;}
100% {-moz-transform: scale(1, 1); opacity: 1;}
}
@-o-keyframes pulsate {
0% {-o-transform: scale(1, 1); opacity: 1;}
50% {-o-transform: scale(.75, .75); opacity: 0;}
100% {-o-transform: scale(1, 1); opacity: 1;}
}
@keyframes pulsate {
0% {transform: scale(1, 1); opacity: 1;}
50% {transform: scale(.75, .75); opacity: 0;}
100% {transform: scale(1, 1); opacity: 1;}
}
/* ========================================
MENUBAR (includes.modules.module.menubar)
========================================*/
/*---------------------------*/
/* Custom Menu Bar
/*---------------------------*/
.ui--custom-menu-bar {
margin-bottom: 30px;
line-height: 0;
overflow: hidden;
}
.ui--custom-menu-bar.fullwidth-container {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #dbdbdb;
}
.ui--custom-menu-bar ul {
list-style: none none;
margin: 0 2px 0 1px;
padding: 0;
display: inline-block;
*display: inline;
*zoom: 1;
}
.ui--custom-menu-bar ul > li {
position: relative;
margin: -1px 0;
padding: 0;
display: inline-block;
/*float: left;*/
*display: inline;
*zoom: 1;
z-index: 2;
border-left: 1px solid #e0e0e0;
overflow: hidden;
}
.ui--custom-menu-bar.orientation-vertical ul {
display: block;
width: auto;
}
.ui--custom-menu-bar.orientation-vertical ul > li {
display: block;
margin: 0 -2px 0 -1px !important;
width: auto;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #e0e0e0;
}
.ui--custom-menu-bar.orientation-vertical ul > li.last-item {
border-bottom: 0 !important;
}
.ui--custom-menu-bar.fullwidth-container ul > li {
}
.ui--custom-menu-bar.ui--box ul > li {
}
.ui--custom-menu-bar.ui--box.text-center ul > li.first-item,
.ui--custom-menu-bar.ui--box.text-left ul > li.first-item {
border-left: 0;
}
.ui--custom-menu-bar ul > li.last-item {
border-right: 1px solid #e0e0e0;
}
.rtl .ui--custom-menu-bar ul > li.last-item {
border-right: 0;
border-left: 1px solid #e0e0e0;
}
.ui--custom-menu-bar.ui--box.text-center ul > li.last-item,
.ui--custom-menu-bar.text-right ul > li.last-item {
border-right: 0;
}
.ui--custom-menu-bar ul > li > span,
.ui--custom-menu-bar ul > li > a {
position: relative;
z-index: 1;
display: block;
padding: 20px 32px;
text-decoration: none !important;
white-space: nowrap;
margin: 0 -2px;
}
.ui--custom-menu-bar ul > li > span {
color: #7c7c7c !important;
}
.ui--custom-menu-bar ul > li > a,
.ui--custom-menu-bar ul > li strong {
color: #333 !important;
}
.ui--custom-menu-bar ul > li .ui--icon {
margin-right: 6px;
}
.ui--custom-menu-bar ul > li.ui--icon-position-right .ui--icon {
margin-left: 6px;
margin-right: 0;
}
.ui--custom-menu-bar ul > li.ui--icon-position-center .ui--icon {
margin-left: 0;
margin-right: 0;
}
.ui--custom-menu-bar ul > li.title-item { border-left: 0; }
.ui--custom-menu-bar.fullwidth-container > ul > li.title-item { margin-left: -30px; }
.rtl .ui--custom-menu-bar.fullwidth-container > ul > li.title-item { margin-left: 0; margin-right: -30px; }
.ui--custom-menu-bar ul > li.active-item {
z-index: 2;
border-left: 1px solid transparent;
}
.ui--custom-menu-bar ul > li.active-item > a,
.ui--custom-menu-bar.hover-effect ul > li:hover > a {
display: block;
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 0 0 15px rgba(0,0,0,.20), inset -2px 0 2px rgba(0,0,0,.06), inset 2px 0 2px rgba(0,0,0,.06), inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
background-color: #e9e9e9;
}
.ui--custom-menu-bar ul > li.ui--no-border-lr {
border-left: 0;
border-right: 0;
}
.ui--custom-menu-bar.orientation-vertical ul > li > span,
.ui--custom-menu-bar.orientation-vertical ul > li > a {
white-space: normal;
}
/** Splitted */
.ui--custom-menu-bar.ui--type-splitted ul {
display: block;
width: auto;
}
.ui--custom-menu-bar.ui--type-splitted ul > li.pull-left,
.ui--custom-menu-bar.ui--type-splitted ul > li.pull-right {
text-align: center;
max-width: 49%;
}
.ui--custom-menu-bar.ui--type-splitted ul > li.pull-left {
border-right: 1px solid #e0e0e0 !important;
border-left: 0;
}
.ui--custom-menu-bar.ui--type-splitted ul > li.pull-right {
border-left: 1px solid #e0e0e0 !important;
border-right: 0;
}
/** Thin */
.ui--custom-menu-bar.ui--height-thin ul > li > span,
.ui--custom-menu-bar.ui--height-thin ul > li > a {
padding: 12px 22px;
}
/* ========================================
HEADER NAVIGATION (includes.modules.module.nav)
========================================*/
nav#navigation {
margin: 27px 0 0;
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -30px;
}
.rtl nav#navigation {
left: auto;
right: 0;
}
#header-navigation {
margin: 0;
float: right;
}
#header-navigation > li {
float: left;
position: relative;
border-bottom: 1px solid transparent;
}
#header-navigation .text-left { text-align: left !important; }
#header-navigation .text-right { text-align: right !important; }
#header-navigation .text-center { text-align: center !important; }
#header-navigation .text-justify { text-align: justify !important; }
#header-navigation li.menu-item > a {
cursor: pointer;
}
#header-navigation .link-disabled > a {
cursor: pointer;
}
#header-navigation .sub-menu .link-disabled > a {
cursor: text;
}
#header-navigation > li.top-level-item > a {
display: block;
float: left;
margin: 0 0 0px 0;
padding: 18px 19px 18px;
border-bottom: 2px solid transparent;
color: #7c7c7c;
white-space: nowrap;
}
#header-navigation.active > li.top-level-item.hover > a,
#header-navigation > li.top-level-item:hover > a {
color: #169fe6;
border-color: #169fe6;
}
#header-navigation > li.current-menu-item > a {
border-color: #169fe6;
}
#header-navigation > li.current-menu-item:hover > a {
border-color: #169fe6;
}
#header-navigation.active > li.current-menu-item > a,
#header-navigation:hover > li.current-menu-item > a {
border-color: transparent;
}
#header-container.stuck #header-navigation > li > a {
border-color: transparent !important;
}
#header-navigation > li.top-level-item.has-child.hover > a {
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
background-color: #0e7add;
*background-color: #0e7add;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmM0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU3YWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fc4f0), to(#0e7add));
background-image: -webkit-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -o-linear-gradient(top, #1fc4f0, #0e7add);
background-image: linear-gradient(to bottom, #1fc4f0, #0e7add);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add');
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.modern-browser #header-navigation > li.top-level-item > a {
filter: none !important;
}
#header-navigation > li.top-level-item > a .ui--caret {
margin-right: -5px;
margin-left: 8px;
}
#header-navigation li > ul.sub-menu {
display: block !important;
z-index: 12000;
opacity: 1 !important;
float: none !important;
*zoom: 1;
overflow: visible !important;
visibility: visible !important;
}
#header-navigation li.hover > ul.sub-menu,
#header-navigation li:hover > ul.sub-menu {
display: block;
}
#header-navigation li > ul.sub-menu {
position: absolute;
left: 0;
/*margin: 0 0 0 10px;*/
margin: 0 0 0 0;
top: -99999px;
z-index: 1000;
display: block !important;
width: 205px;
border: 1px solid #ebebeb;
list-style: none;
background-color: #ffffff;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
#header-navigation li > ul.sub-menu:after {
background: #0e7add;
display: block;
line-height: 0;
content: "";
position: absolute;
height: 2px;
left: -1px;
right: -1px;
top: -3px;
}
#header-navigation li.hover > ul.sub-menu {
top: 100%;
}
#header-navigation li > ul.sub-menu > li > ul.sub-menu {
top: -99999px;
right: -100%;
margin-right: -2px;
left: auto;
}
#header-navigation li > ul.sub-menu > li.hover > ul.sub-menu {
top: -1px;
}
.ie7 #header-navigation li > ul.sub-menu > li.hover > ul.sub-menu {
top: -2px;
}
#header-navigation li.fallout li {
position: relative;
}
#header-navigation li.fallout > ul.sub-menu li > a {
position: static;
display: block;
padding: 10px 20px;
line-height: 18px;
color: #7c7c7c;
border-bottom: 1px solid #ebebeb;
}
#header-navigation li > ul.sub-menu li:hover > a {
color: #169fe6;
}
#header-navigation li > ul.sub-menu li a .ui--caret {
position: absolute;
right: 12px;
top: 50%;
margin-top: -9px;
}
/*#header-navigation li > ul.sub-menu li.to-left a .ui--caret {
left: 0;
right: auto;
}*/
#header-navigation li > ul.sub-menu li:last-child > a {
border-bottom: 0;
}
#header-navigation li.to-left > ul.sub-menu {
left: auto;
right: 0;
float: left;
margin: 0 0 0 0;
}
#header-navigation li > ul.sub-menu > li.to-left > ul.sub-menu {
right: auto;
left: -100%;
margin-right: 0;
margin-left: -2px;
}
/**
* Mega Menu
*/
#header-navigation > .megamenu > ul.sub-menu {
width: 600px;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.1);
}
.old-browser #header-navigation > .megamenu ul.sub-menu {
filter : alpha(opacity=100) !important;
opacity: 1 !important;
}
#header-navigation > .megamenu.layout-fullwidth {
position: static !important;
}
#header-navigation > .megamenu.layout-fullwidth > ul.sub-menu {
width: 100%;
max-width: 958px;
margin: -1px 0 0 !important;
left: 0;
right: 0;
}
#header-navigation > .megamenu .menu-item > a,
#header-navigation > .megamenu .style--standard > a,
#header-navigation > .megamenu .style--big-title > a,
#header-navigation > .megamenu .style--strong-title > a {
position: relative;
display: block;
padding: 10px 20px;
line-height: 18px;
color: #7c7c7c;
border-bottom: 1px solid #ebebeb;
}
#header-navigation > .megamenu .style--standard > a:hover,
#header-navigation > .megamenu .style--list > a:hover {
color: #169fe6;
}
.ie8 #header-navigation > .megamenu .style--big-title > a {
margin-left: 1px;
}
#header-navigation > .megamenu .style--big-title > a,
#header-navigation > .megamenu .style--big-title:hover > a {
color: #7c7c7c;
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li.menu-item:last-child > a {
border-bottom: 0;
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li.menu-item:last-child > ul.sub-menu {
border-bottom: 0 !important;
margin-bottom: 0;
}
/*#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu .menu-item.hover > a,
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu .menu-item:hover > a {
color: #169fe6;
}*/
#header-navigation > .megamenu .style--big-title > a {
padding: 18px 20px 18px !important;
line-height: 18px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid transparent;
background-color: #f1f1f1;
*background-color: #f1f1f1;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGMUYxRjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODkpIiAvPgo8L3N2Zz4=');
background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f1f1f1');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f1f1f1')";
text-shadow: 0 1px 0 #fff;
}
#header-navigation > .megamenu .style--big-title > a {
border-color: #ebebeb !important;
border-bottom: 1px solid #ebebeb !important;
}
#header-navigation > .megamenu .style--strong-title > a {
font-weight: bold;
text-align: center;
border-bottom: 0 !important;
}
#header-navigation > .megamenu ul.sub-menu ul.sub-menu {
left: auto; right: auto;
top: auto; bottom: auto;
margin: 0 !important;
position: static !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
background: none !important;
background-color: transparent !important;
border: 0;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#header-navigation > .megamenu ul.sub-menu ul.sub-menu:after {
display: none;
}
#header-navigation > .megamenu .level-1:after {
background: #ebebeb;
display: block;
line-height: 0;
content: "";
position: absolute;
top: 0;
margin-left: 0;
width: 1px;
height: 100%;
z-index: 1000;
}
#header-navigation > .megamenu .level-1:first-child:after {
display: none;
}
/*#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li.has-child > a {
border-bottom: 0 !important;
padding-bottom: 5px !important;
}*/
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
border-bottom: 1px solid #ebebeb;
padding-bottom: 10px !important;
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
}
#header-navigation > .megamenu .style--list > a {
border: 0 !important;
padding: 3px 20px 3px 25px !important;
display: block !important;
float: none !important;
}
#header-navigation > .megamenu > ul.sub-menu li > a .ui--caret {
display: none;
}
#header-navigation > .megamenu .style--list > a .ui--caret {
display: inline;
position: static;
margin-right: 12px;
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li {
*zoom: 1;
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li:before,
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li:after {
display: table;
line-height: 0;
content: "";
}
#header-navigation > .megamenu > ul.sub-menu > li > ul.sub-menu > li:after {
clear: both;
}
#header-navigation > .megamenu > ul.sub-menu > li.megamenu-divider {
position: static;
float: none;
width: 100% !important;
display: block;
clear: both;
height: 1px;
background-color: #ebebeb;
margin-top: -1px !important;
}
#header-navigation > .megamenu > ul.sub-menu .megamenu-image {
text-align: center;
margin: 0;
}
#header-navigation > .megamenu > ul.sub-menu .megamenu-image img {
max-width: 100%;
height: auto;
}
#header-navigation > .megamenu > ul.sub-menu .megamenu-html {
margin: 20px 20px 10px;
}
#header-navigation > .megamenu.columns-1 > ul.sub-menu > li {
float: none;
width: 100%;
}
#header-navigation > .megamenu > ul.sub-menu > li { width: 25%; float: left; }
#header-navigation > .megamenu.columns-2 > ul.sub-menu > li { width: 50%; float: left; }
#header-navigation > .megamenu.columns-3 > ul.sub-menu > li { width: 33.3333333%; float: left; }
#header-navigation > .megamenu.columns-4 > ul.sub-menu > li { width: 25%; float: left; }
#header-navigation > .megamenu.columns-5 > ul.sub-menu > li { width: 20%; float: left; }
#header-navigation > .megamenu.columns-6 > ul.sub-menu > li { width: 16.65%; float: left; }
#header-navigation-toggle {
position: relative;
}
#header-navigation-toggle a {
display: block;
padding: 10px 20px;
border: 1px solid transparent;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#header-navigation-toggle a .ui--caret {
position: absolute;
left: auto !important;
right: 20px !important;
top: 50% !important;
margin-top: -6px !important;
margin-right: 0 !important;
font-size: 14px;
}
.rtl #header-navigation-toggle a .ui--caret {
right: auto !important;
left: 20px !important;
margin-left: 0 !important;
}
@media (min-width: 768px) {
.header-layout-blocking.no-stuck #logo,
.header-layout-blocking.no-stuck nav#navigation {
float: none !important;
display: block;
margin-top: 0;
margin: 0 auto;
max-width: 100%;
position: relative;
text-align: center;
line-height: 0;
}
.header-layout-blocking.no-stuck #header-navigation {
display: inline-block;
text-align: left;
float: none !important;
}
.header-layout-blocking.logo-position-left.no-stuck #logo {
text-align: left;
}
.header-layout-blocking.logo-position-right.no-stuck #logo {
text-align: right;
}
.header-layout-blocking.logo-position-center.no-stuck #logo {
text-align: center;
}
.header-layout-blocking.navigation-position-left.no-stuck nav#navigation {
text-align: left;
}
.header-layout-blocking.navigation-position-right.no-stuck nav#navigation {
text-align: right;
}
.header-layout-blocking.navigation-position-center.no-stuck nav#navigation {
text-align: center;
}
.header-layout-blocking.no-stuck #header-navigation > .megamenu.layout-fullwidth {
position: static;
}
.header-layout-blocking.no-stuck #header-navigation > .megamenu.layout-fullwidth > ul.sub-menu {
width: 100%;
margin: 0;
left: 0;
right: 0;
}
.sticky-header-layout-blocking.stuck #logo,
.sticky-header-layout-blocking.stuck nav#navigation {
float: none !important;
display: block;
margin-top: 0;
margin: 0 auto;
max-width: 100%;
position: relative;
text-align: center;
line-height: 0;
}
.sticky-header-layout-blocking.stuck #header-navigation {
display: inline-block;
text-align: left;
float: none !important;
}
.sticky-header-layout-blocking.sticky-logo-position-left.stuck #logo {
text-align: left;
}
.sticky-header-layout-blocking.sticky-logo-position-right.stuck #logo {
text-align: right;
}
.sticky-header-layout-blocking.sticky-logo-position-center.stuck #logo {
text-align: center;
}
.sticky-header-layout-blocking.sticky-navigation-position-left.stuck nav#navigation {
text-align: left;
}
.sticky-header-layout-blocking.sticky-navigation-position-right.stuck nav#navigation {
text-align: right;
}
.sticky-header-layout-blocking.sticky-navigation-position-center.stuck nav#navigation {
text-align: center;
}
.sticky-header-layout-blocking.stuck #header-navigation > .megamenu.layout-fullwidth {
position: static;
}
.sticky-header-layout-blocking.stuck #header-navigation > .megamenu.layout-fullwidth > ul.sub-menu {
width: 100%;
margin: 0;
left: 0;
right: 0;
}
.sticky-header-layout-blocking.sticky-hidden-logo.stuck #logo {
display: none !important;
}
}
/* ========================================
SWITCHER (includes.modules.module.nav_lang_switcher)
========================================*/
.menu-item-lang-selector > ul {
width: auto !important;
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu-item-lang-selector > ul > li,
.menu-item-lang-selector > ul > li > a {
white-space: nowrap;
}
.o--no-lang-name ul > li {
text-align: center;
}
.menu-item-lang-selector .flag {
margin-right: 6px;
}
.rtl .menu-item-lang-selector .flag {
margin-left: 6px;
margin-right: 0;
}
/* ========================================
PORTFOLIO (includes.modules.module.portfolio)
========================================*/
.portfolio-container .passive-item {
pointer-events: none;
}
.old-browser .portfolio-container .passive-item,
.old-browser .portfolio-container .passive-item * {
filter : alpha(opacity=30) !important;
opacity : .3 !important;
}
.portfolio-container.layout--normal > .row {
margin-bottom: 12px;
}
.portfolio-container.layout--normal > .row:last-child {
margin-bottom: 0;
}
/* ========================================
PRETTYPHOTO (includes.modules.module.prettyPhoto)
========================================*/
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_envision .pp_top,
div.pp_envision .pp_top .pp_middle,
div.pp_envision .pp_top .pp_left,
div.pp_envision .pp_top .pp_right,
div.pp_envision .pp_bottom,
div.pp_envision .pp_bottom .pp_left,
div.pp_envision .pp_bottom .pp_middle,
div.pp_envision .pp_bottom .pp_right { height: 13px; }
div.pp_envision div.ppt { color: #f8f8f8; margin: 0 0 3px 80px !important; max-width: 75% }
div.pp_envision #pp_full_res { background: #fff; line-height: 0 !important; } /* Content background */
/*div.pp_envision .pp_next:hover { background: url(../../includes/modules/module.prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; }
div.pp_envision .pp_previous:hover { background: url(../../includes/modules/module.prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; }*/
div.pp_envision .pp_expand { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_envision .pp_expand:hover { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_envision .pp_contract { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_envision .pp_contract:hover { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_envision .pp_close { cursor: pointer; right: 14px; top: -42px; } /* Close button */
div.pp_envision #pp_full_res .pp_inline { color: #000; }
div.pp_envision .pp_gallery ul li a { background: url(../../includes/modules/module.prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_envision .pp_gallery ul li a:hover,
div.pp_envision .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_envision .pp_social { margin-top: 7px; }
div.pp_envision .pp_gallery a.pp_arrow_previous,
div.pp_envision .pp_gallery a.pp_arrow_next { position: static; left: auto; position: relative; }
div.pp_envision .pp_nav .pp_play,
div.pp_envision .pp_nav .pp_pause { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_envision .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_envision .pp_details { position: absolute; text-align: center; }
div.pp_envision a.pp_arrow_previous,
div.pp_envision a.pp_arrow_next { background: url(../../includes/modules/module.prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_envision a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_envision .pp_content_container .pp_details { margin-top: 5px; }
div.pp_envision .pp_current_text { clear: none; height: 30px; position: absolute; top: -42px; left: 18px; }
div.pp_envision .pp_current_text .currentTextHolder{ left: 0; margin: 0; position: absolute; }
div.pp_envision .pp_current_text .pp_play:hover, div.pp_envision .pp_current_text .pp_pause:hover, div.pp_envision .pp_arrow_next:hover, div.pp_envision .pp_arrow_previous:hover { opacity:0.7; }
div.pp_envision .pp_description {
padding: 10px 20px;
margin: 5px auto 5px auto;
max-width: 75%;
min-width: 200px;
text-align: center;
display: inline-block;
}
div.pp_envision a.pp_previous,
div.pp_envision a.pp_next {
z-index: 1500;
background: rgba(255,255,255,.01);
}
div.pp_envision a.pp_previous > span,
div.pp_envision a.pp_next > span {
position: absolute;
top: 50%;
margin-top: -30px;
filter: alpha(opacity=0);
opacity: 0;
transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-moz-transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transition: all .7s cubic-bezier(0.190,1.000,0.220,1.000);
-o-transition : all .7s cubic-bezier(0.190,1.000,0.220,1.000);
padding: 0 50px;
}
div.pp_envision a.pp_previous > span {margin-left: -50px;}
div.pp_envision a.pp_next > span {margin-right: -50px;}
.pp_hoverContainer {
direction: ltr !important;
}
div.pp_envision a.pp_previous:hover > span,
div.pp_envision a.pp_next:hover > span {
filter: alpha(opacity=100);
opacity: 1;
}
html.no-csstransforms div.pp_envision a.pp_previous > span { left: -100px; }
html.no-csstransforms div.pp_envision a.pp_next > span { right: -100px; }
html.csstransforms div.pp_envision a.pp_previous > span { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
html.csstransforms div.pp_envision a.pp_next > span { right: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
html.no-csstransforms div.pp_envision a.pp_previous:hover > span { left: -20px; }
html.no-csstransforms div.pp_envision a.pp_next:hover > span { right: -20px; }
html.csstransforms div.pp_envision a.pp_previous:hover > span { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
html.csstransforms div.pp_envision a.pp_next:hover > span { right: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
div.pp_envision .pp_loaderIcon { background: url(../../includes/modules/module.prettyPhoto/default/loader.gif) center center no-repeat; background-color: #fff; padding: 20px; } /* Loader icon */
div.pp_envision .pp_description,
div.pp_envision .pp_loaderIcon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div.pp_envision .pp_fade {
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.75);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.75);
box-shadow: 0 0 20px rgba(0,0,0,.75);
}
div.pp_envision .pp_expand,
div.pp_envision .pp_contract {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 12100;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 12101;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
margin: 3px 10px 0 0;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery {
display: none !important;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
display: block;
float: right;
height: 100%;
width: 49%;
}
a.pp_previous {
display: block;
float: left;
height: 100%;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
.rtl a.pp_expand,
.rtl a.pp_contract { text-indent: 10000px; }
a.pp_close {
position: absolute; right: 0; top: 0;
display: block;
text-indent: 0 !important;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}
/* ========================================
REVSLIDER (includes.modules.module.revslider)
========================================*/
.ui--rev-slider {
-webkit-backface-visibility: hidden;
}
.ie9 .tp-caption.caption-primary > div {
filter: none !important;
}
.rev_slider_wrapper .tp-leftarrow.custom:hover,
.rev_slider_wrapper .tp-rightarrow.custom:hover {
background-position: 0 0 !important;
}
.slider-navigation-wrapper i {
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.modern-browser .rev_slider_wrapper .tparrows {
filter: none !important;
}
.rev_slider_wrapper .tparrows.custom {
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
background: none;
background-image: none;
background-color: #333;
}
.rev_slider_wrapper .tparrows .slider-navigation-wrapper {
position: absolute;
width: 100%;
height: 18px;
text-align: center;
top: 50%;
left: 0;
color: #fff;
}
/** Default */
.rev_slider_wrapper .tparrows.custom {
height: 60px;
}
.rev_slider_wrapper .tparrows.custom .slider-navigation-wrapper {
margin-top: -8px;
}
.rev_slider_wrapper .tp-leftarrow.custom {
box-shadow: 1px 0 8px rgba(0,0,0,.2);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.rev_slider_wrapper .tp-rightarrow.custom {
box-shadow: -1px 0 8px rgba(0,0,0,.2);
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.tp-leftarrow.custom .slider-navigation-wrapper { margin-left: -2px; }
.tp-rightarrow.custom .slider-navigation-wrapper { margin-left: 2px; }
.rev_slider_wrapper .tparrows.custom .slider-navigation-wrapper i {
font-size: 18px !important;
}
.tp-bullets .bullet.selected .ui--bullets-color { display: block; }
.tp-bullets.simplebullets.custom .bullet {
background: none !important;
margin: 2px !important;
width: 17px;
height: 17px;
cursor: pointer;
position: relative;
float: left;
}
.tp-bullets.simplebullets.custom .bullet { background: none !important; margin: 2px !important; width: 17px; height: 17px; }
.tp-bullets.simplebullets.custom .tp-leftarrow.custom,
.tp-bullets.simplebullets.custom .tp-rightarrow.custom {
width: 30px !important;
height: 30px !important;
margin: -4px 2px 0 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.tp-bullets.simplebullets.custom .tp-leftarrow.custom .slider-navigation-wrapper,
.tp-bullets.simplebullets.custom .tp-rightarrow.custom .slider-navigation-wrapper {
margin-top: -10px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tp-bullets.simplebullets.custom .tp-leftarrow.custom .slider-navigation-wrapper i,
.tp-bullets.simplebullets.custom .tp-rightarrow.custom .slider-navigation-wrapper i {
font-size: 13px !important;
}
.tp-caption.caption-primary > div {
position: absolute;
text-shadow: none;
margin: 0px;
border-width: 0px;
border-style: none;
padding: 10px 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e7add;
*background-color: #0e7add;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmM0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGU3YWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fc4f0), to(#0e7add));
background-image: -webkit-linear-gradient(top, #1fc4f0, #0e7add);
background-image: -o-linear-gradient(top, #1fc4f0, #0e7add);
background-image: linear-gradient(to bottom, #1fc4f0, #0e7add);
background-repeat: repeat-x;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fc4f0', endColorstr='#0e7add'); /* IE6 & IE7 */
}
.tp-caption.caption-primary h1,
.tp-caption.caption-primary h2,
.tp-caption.caption-primary h3,
.tp-caption.caption-primary h4,
.tp-caption.caption-primary h5,
.tp-caption.caption-primary h6 {
margin: 0;
}
/* ========================================
SHADOWS (includes.modules.module.shadow)
========================================*/
.ui--shadow {
display: block;
pointer-events: none;
position: relative;
z-index: 1;
}
.ui--shadow img {
pointer-events: none;
margin: auto;
display: block;
width: 100% !important;
max-width: 1170px !important;
max-height: none !important;
height: auto !important;
}
.ui--shadow-abs img {
position: absolute;
}
.ui--shadow-top {
position: relative;
z-index: 2;
}
.ui--shadow { max-height: 18px; }
.ui--shadow.ui--shadow-type-1 { max-height: 30px; }
.ui--shadow.ui--shadow-type-5 { max-height: 30px; }
.ui--shadow-abs { height: 18px; }
.ui--shadow-abs.ui--shadow-type-1 { height: 30px; }
.ui--shadow-abs.ui--shadow-type-5 { height: 30px; }
.ui--shadow-reset { margin-top: -18px; }
/* ========================================
SHARRRE (includes.modules.module.sharrre)
========================================*/
.ui--sharrre {
display: block;
*zoom: 1;
margin-bottom: 12px;
}
.ui--sharrre .sharrre i {
margin-right: 3px;
}
.ui--sharrre .sharrre h5 {
margin: 0;
}
.ui--sharrre-counter-hidden .ui--sharrre-count {
display: none !important;
}
.btn-facebook {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #4965A0;
*background-color: #4965A0;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0OTY1QTAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQzZjdjIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #4965A0, #2d3f7c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4965A0), to(#2d3f7c));
background-image: -webkit-linear-gradient(top, #4965A0, #2d3f7c);
background-image: -o-linear-gradient(top, #4965A0, #2d3f7c);
background-image: linear-gradient(to bottom, #4965A0, #2d3f7c);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4965A0', endColorstr='#2d3f7c');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4965A0', endColorstr='#2d3f7c')";
background-repeat: repeat-x;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
color: #FFFFFF !important;
background-color: #2d3f7c !important;
}
.btn-twitter {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #57bdff;
*background-color: #57bdff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1N2JkZmYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk3M2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #57bdff, #2973ff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#57bdff), to(#2973ff));
background-image: -webkit-linear-gradient(top, #57bdff, #2973ff);
background-image: -o-linear-gradient(top, #57bdff, #2973ff);
background-image: linear-gradient(to bottom, #57bdff, #2973ff);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#57bdff', endColorstr='#2973ff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#57bdff', endColorstr='#2973ff')";
background-repeat: repeat-x;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
color: #FFFFFF !important;
background-color: #2973ff !important;
}
.btn-googleplus {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ea634d;
*background-color: #ea634d;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYTYzNGQiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDAyYzIzIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #ea634d, #d02c23);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea634d), to(#d02c23));
background-image: -webkit-linear-gradient(top, #ea634d, #d02c23);
background-image: -o-linear-gradient(top, #ea634d, #d02c23);
background-image: linear-gradient(to bottom, #ea634d, #d02c23);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ea634d', endColorstr='#d02c23');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ea634d', endColorstr='#d02c23')";
background-repeat: repeat-x;
}
.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active,
.btn-googleplus.active,
.btn-googleplus.disabled,
.btn-googleplus[disabled] {
color: #FFFFFF !important;
background-color: #d02c23 !important;
}
.btn-linkedin {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #1fadcb;
*background-color: #1fadcb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxZmFkY2IiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTI2NzlmIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #1fadcb, #12679f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fadcb), to(#12679f));
background-image: -webkit-linear-gradient(top, #1fadcb, #12679f);
background-image: -o-linear-gradient(top, #1fadcb, #12679f);
background-image: linear-gradient(to bottom, #1fadcb, #12679f);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fadcb', endColorstr='#12679f');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fadcb', endColorstr='#12679f')";
background-repeat: repeat-x;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
color: #FFFFFF !important;
background-color: #12679f !important;
}
.btn-pinterest {
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da2933;
*background-color: #da2933;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkYTI5MzMiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmExNTFhIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #da2933, #ba151a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da2933), to(#ba151a));
background-image: -webkit-linear-gradient(top, #da2933, #ba151a);
background-image: -o-linear-gradient(top, #da2933, #ba151a);
background-image: linear-gradient(to bottom, #da2933, #ba151a);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#da2933', endColorstr='#ba151a');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#da2933', endColorstr='#ba151a')";
background-repeat: repeat-x;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
color: #FFFFFF !important;
background-color: #ba151a !important;
}
.ui--sharrre-block {
margin-left: -6px;
margin-right: -6px;
}
.ui--sharrre-block .sharrre {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 6px 18px;
min-width: 80px;
}
.ui--sharrre-block .ui--sharrre-box a {
min-width: 80px;
}
.ui--sharrre-block .ui--sharrre-box a,
.ui--sharrre-block .ui--sharrre-box a:hover {
text-decoration: none;
}
.ui--sharrre-block .ui--sharrre-count {
display: block;
font-weight: bold;
line-height: 40px;
height: 40px;
position: relative;
text-align: center;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #b2c6cc;
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.ui--sharrre-block .ui--sharrre-count {
color: #333 !important;
text-decoration: none !important;
}
.ui--sharrre-block .ui--sharrre-count:hover {
text-decoration: none;
}
.ui--sharrre-block .ui--sharrre-count:before, .ui--sharrre-block .ui--sharrre-count:after {
content:'';
display:block;
position:absolute;
left:49%;
width:0;
height:0;
}
.ui--sharrre-block .btn {
margin-bottom: 0;
}
.ui--sharrre-block .ui--sharrre-count:before {
border:solid 7px transparent;
border-top-color:#b2c6cc;
margin-left:-7px;
bottom: -14px;
}
.ui--sharrre-block .ui--sharrre-count:after {
border:solid 6px transparent;
margin-left:-6px;
bottom:-12px;
border-top-color:#fbfbfb;
}
.ui--sharrre-mini-block {
margin-left: -6px;
margin-right: -6px;
}
.ui--sharrre-mini-block .sharrre {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 6px 18px;
}
.ui--sharrre-mini-block .ui--sharrre-box a {
min-width: 60px;
text-align: center;
}
.ui--sharrre-mini-block .ui--sharrre-box a,
.ui--sharrre-mini-block .ui--sharrre-box a:hover {
text-decoration: none;
}
.ui--sharrre-mini-block .ui--sharrre-box .ui--sharrre-link-title {
display: none;
}
.ui--sharrre-mini-block .ui--sharrre-count {
display: block;
font-weight: normal;
line-height: 30px;
height: 30px;
font-size: 80%;
height: 30px;
position: relative;
text-align: center;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #b2c6cc;
background: #fbfbfb;
}
.ui--sharrre-mini-block .ui--sharrre-count {
color: #333 !important;
text-decoration: none !important;
}
.ui--sharrre-mini-block .ui--sharrre-count:hover {
text-decoration: none;
}
.ui--sharrre-mini-block .ui--sharrre-count:before,
.ui--sharrre-mini-block .ui--sharrre-count:after {
content:'';
display:block;
position:absolute;
left:49%;
width:0;
height:0;
}
.ui--sharrre-mini-block .btn {
margin-bottom: 0;
}
.ui--sharrre-mini-block .ui--sharrre-count:before {
border:solid 7px transparent;
border-top-color:#b2c6cc;
margin-left:-7px;
bottom: -14px;
}
.ui--sharrre-mini-block .ui--sharrre-count:after {
border:solid 6px transparent;
margin-left:-6px;
bottom:-12px;
border-top-color:#fbfbfb;
}
/* ========================================
PANEL (includes.modules.module.side_panel)
========================================*/
html.no-csstransitions #side-panel {
display: none !important;
}
#side-panel-pusher {
position: static;
left: 0;
z-index: 99;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
#side-panel {
opacity: .95;
position: absolute;
top: 0;
left: 0;
z-index: 12001;
visibility: hidden;
width: 300px;
height: 100%;
background: #3b3b3b;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-box-shadow: 5px 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 5px 0 10px rgba(0,0,0,.2);
box-shadow: 5px 0 10px rgba(0,0,0,.2);
}
#side-panel > div {
display: none;
margin: 30px;
}
/** Opened */
.side-panel-open #side-panel {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
/** Opened */
html.csstransitions #side-panel {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
html.csstransitions.side-panel-open #side-panel-pusher {
-webkit-transform: translate3d(300px, 0, 0);
-moz-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
html.no-csstransitions #side-panel {
position: absolute;
left: -100%;
}
html.no-csstransitions.side-panel-open #side-panel {
left: -300px;
display: block !important;
visibility: visible;
z-index: 15000;
}
html.no-csstransitions.side-panel-open #side-panel-pusher {
position: relative;
left: 300px;
}
#ui--side-panel-close-button {
display: block !important;
visibility: visible !important;
position: absolute;
right: 0px;
top: 28px;
padding: 10px;
opacity: 0;
transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.side-panel-open #ui--side-panel-close-button {
opacity: 1;
right: -24px;
}
#ui--side-panel-close-button .ui--icon {
display: block !important;
}
/******************************************************************/
body.ui--side-panel-position-right #side-panel {
left: auto;
right: 0;
-webkit-box-shadow: -5px 0 10px rgba(0,0,0,.2);
-moz-box-shadow: -5px 0 10px rgba(0,0,0,.2);
box-shadow: -5px 0 10px rgba(0,0,0,.2);
}
/** Opened */
html.csstransitions body.ui--side-panel-position-right #side-panel {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
html.csstransitions.side-panel-open body.ui--side-panel-position-right #side-panel-pusher {
-webkit-transform: translate3d(-300px, 0, 0);
-moz-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
html.no-csstransitions body.ui--side-panel-position-right #side-panel {
left: auto;
right: -100%;
}
html.no-csstransitions.side-panel-open body.ui--side-panel-position-right #side-panel {
left: auto;
right: -300px;
}
html.no-csstransitions.side-panel-open body.ui--side-panel-position-right #side-panel-pusher {
left: auto;
right: 300px;
}
body.ui--side-panel-position-right #ui--side-panel-close-button {
right: auto;
left: 0;
}
.side-panel-open body.ui--side-panel-position-right #ui--side-panel-close-button {
left: -24px;
}
/******************************************************************/
#side-panel select,
#side-panel textarea,
#side-panel input[type="text"],
#side-panel input[type="password"] {
width: 100%;
}
#side-panel select,
#side-panel textarea,
#side-panel input[type="text"],
#side-panel input[type="password"],
#side-panel input[type="datetime"],
#side-panel input[type="datetime-local"],
#side-panel input[type="date"],
#side-panel input[type="month"],
#side-panel input[type="time"],
#side-panel input[type="week"],
#side-panel input[type="number"],
#side-panel input[type="email"],
#side-panel input[type="url"],
#side-panel input[type="search"],
#side-panel input[type="tel"],
#side-panel input[type="color"],
#side-panel select:focus,
#side-panel textarea:focus,
#side-panel input[type="text"]:focus,
#side-panel input[type="password"]:focus,
#side-panel input[type="datetime"]:focus,
#side-panel input[type="datetime-local"]:focus,
#side-panel input[type="date"]:focus,
#side-panel input[type="month"]:focus,
#side-panel input[type="time"]:focus,
#side-panel input[type="week"]:focus,
#side-panel input[type="number"]:focus,
#side-panel input[type="email"]:focus,
#side-panel input[type="url"]:focus,
#side-panel input[type="search"]:focus,
#side-panel input[type="tel"]:focus,
#side-panel input[type="color"]:focus
{
-webkit-box-shadow: inset 0 2px 10px rgba(0,0,0, .2);
-moz-box-shadow: inset 0 2px 10px rgba(0,0,0, .2);
box-shadow: inset 0 2px 10px rgba(0,0,0, .2);
}
/* ========================================
BUTTON (includes.modules.module.side_panel.content)
========================================*/
html.html-loading .ui--fixed-button {
visibility: hidden;
}
html.side-panel-open .ui--fixed-button {
display: none !important;
}
.ui--fixed-button {
position: fixed;
bottom: 10%;
z-index: 11500;
}
.ui--fixed-button .btn {
padding-top: 12px !important;
padding-bottom: 12px !important;
margin-bottom: 0 !important;
}
.ui--fixed-button.position--left {
left: -10px;
}
.ui--fixed-button.position--left .btn {
padding-left: 20px !important;
}
.ui--fixed-button.position--right {
right: -10px;
}
.ui--fixed-button.position--right .btn {
padding-right: 20px !important;
}
.ui--fixed-button.position--top {
top: 10%;
bottom: auto;
}
/* ========================================
COMMENTS (includes.modules.module.style)
========================================*/
#comments {
margin-bottom: 30px;
}
#comments .commentlist {
margin: 0;
width: 100%;
background: none;
list-style: none;
}
#comments .commentlist:after {
content: "";
display: block;
clear: both;
}
#comments .commentlist li {
list-style: none;
padding: 0;
margin: 0 0 18px;
position: relative;
background: 0;
border: 0;
}
#comments .commentlist li > ul {
margin-top: 18px;
margin-left: 50px;
list-style: none none !important;
}
#comments .commentlist li .meta {
padding: 12px 20px;
margin: -18px -20px 18px;
}
#product-reviews #comments .commentlist li .meta {
padding-bottom: 0;
}
#comments .commentlist li .ui--star-rating .ui--star-rating-highlight {
color: #333;
}
#comments .commentlist li .comment-avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 1px;
height: auto;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
-moz-border-radius: 1500px;
-webkit-border-radius: 1500px;
border-radius: 1500px;
border: 4px solid #ebebeb;
}
#comments .commentlist li img.avatar {
float: left;
margin: 0;
line-height: 1;
width: 48px;
background-color: #fff;
-moz-border-radius: 1500px;
-webkit-border-radius: 1500px;
border-radius: 1500px;
z-index: 2;
}
#comments .commentlist li .comment-text {
position: relative;
z-index: 1;
margin: 0 0 0 80px;
padding: 18px 20px 0;
}
#comments .commentlist li .comment-text .meta {
position: relative;
}
.ui--comments-arrow i { font-size: 24px; }
.ui--comments-arrow {
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: -8px;
margin-top: -10px;
color: #f1f1f1;
background-color: none !important;
text-shadow: -1px 0 0px #dfdfdf;
}
.ie .ui--comments-arrow { display: none; }
#comments h3 { margin: 0 }
#comments #comment { min-height: 75px }
#comments .commentlist > li:before { content: "" }
.comment-reply-link { text-decoration: none !important; }
/** RESPONDS */
#respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
}
.comment #respond {
margin: 18px 0 0 80px !important;
}
.ui--comment-form .ui--box {
padding: 18px 20px 0;
}
.ui--comment-form .ui--box .respond-header {
margin: -18px -20px 18px;
padding: 12px 20px;
position: relative;
}
.comment .ui--star-rating-text { display: none; }
.ui--comment-form .form-submit {
padding: 12px 20px;
margin: 0 -20px 0;
border-top: 1px solid #dfdfdf;
}
.ui--comment-form p {}
.ui--comment-form code { white-space: normal; }
.ui--comment-form .form-allowed-tags code { display: block; }
.ui--comment-form input[type=text],
.ui--comment-form input[type=email]
{
width: 100% !important;
max-width: 100% !important;
min-height: 32px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui--comment-form textarea {
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui--comment-form .form-submit button {
float: right;
margin-bottom: 0;
}
#respond:after{
content: "";
display: block;
clear: both;
}
#respond p { }
#respond .form-submit input { left: auto }
#respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
/* ========================================
FLEXSLIDER (includes.modules.module.style)
========================================*/
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0 0 18px; padding: 0 0 0;}
.flexslider .slides > div {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; height: auto !important; display: block;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > div:first-child {display: block;}
.slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.flex-viewport {max-height: 2000px; /*-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;*/}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flexslider .flex-direction-nav {*height: 0; display: none;}
.flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flexslider .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flexslider .flex-direction-nav .flex-prev {left: -36px;}
.flexslider .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flexslider .flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center;}
.flexslider .flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flexslider .flex-control-paging li a {width: 17px; height: 17px; margin: 2px; position: relative; display: block; cursor: pointer; text-indent: -9999px;
/*background: url(../../includes/modules/module.style/source/bullet.png);*/
background: none !important;
}
.flexslider .flex-control-paging li a:hover { background-position: 0 20px; }
.flexslider .flex-control-paging li a.flex-active { background-position: 0 20px; cursor: default; }
.flexslider .flex-control-paging li a {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.flex-active .ui--bullets-color { display: block; }
.flexslider .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flexslider .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flexslider .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flexslider .flex-control-thumbs img:hover {opacity: 1;}
.flexslider .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-caption {
position: absolute;
left: 40px;
bottom: 60px;
padding: 20px;
margin: 0 !important;
max-width: 50%;
max-width: 400px;
background: rgba(0,0,0,.75);
color: #fff !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.old-browser .flex-caption { background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); /* IE6 & 7 */
zoom: 1; }
.flexslider-wrapper {
position: relative;
margin-bottom: 18px;
}
.flexslider-relative {
position: relative;
}
.ui--flexslider-navigation {
position: absolute;
top: 50%;
left: 0;
margin-top: -30px;
width: 100%;
z-index: 100;
}
.ui--flexslider-navigation .arr {
width: 40px;
height: 60px;
}
.ui--flexslider-navigation .arr i {
top: 50%;
margin-top: -8px;
}
.flexslider-navigation-prev,
.flexslider-navigation-next { position: absolute; }
.flexslider-navigation-prev { left: -20px; }
.flexslider-navigation-next { right: -20px; }
/* ========================================
BOTTOM (includes.modules.module.style)
========================================*/
#footer-bottom {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #212121;
background-color: #2d2d2d;
}
#footer-bottom,
#footer-bottom a {
color: #8c8989;
font-size: 12px;
}
#footer-bottom a:hover {
color: #fff;
}
#footer-bottom #footer-texts,
#footer-bottom #footer-navigation {
max-width: 50%;
}
#footer-bottom.layout--centered #footer-texts,
#footer-bottom.layout--centered #footer-navigation {
display: block;
width: auto;
max-width: none;
float: none;
text-align: center;
}
#footer-bottom.layout--centered #footer-navigation {
margin-top: 10px;
}
#footer-navigation li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#footer-navigation li.ui--separator {
margin-left: 10px;
margin-right: 10px;
}
#footer-navigation li.ui--separator:last-child {
display: none;
}
/* ========================================
HEADER.FIXED (includes.modules.module.style)
========================================*/
#header-container .show-on-stuck {
display: none !important;
}
/* ========================================
LOGO (includes.modules.module.style)
========================================*/
header #logo {
float: left;
margin: 0;
position: relative;
z-index: 2;
text-align: center;
}
header #logo img {
max-width: 100%;
height: auto;
}
header #logo a {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* ========================================
TITLEBAR (includes.modules.module.style)
========================================*/
#titlebar {
border-bottom: 1px solid #ebebeb;
position: relative;
background-color: #f9f9f9;
background-position: center center;
background-repeat: no-repeat;
image-rendering: optimizeQuality;
}
#titlebar > .container {
padding: 30px 0;
}
#titlebar.cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#titlebar.repeat {
background-repeat: repeat;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto !important;
background-size: auto !important;
}
#titlebar-text {
max-width: 58%;
padding-right: 2%;
}
#titlebar-title {
margin: 0;
}
#titlebar-text .titlebar-text-content {
margin-top: 10px;
}
#titlebar-text .titlebar-text-content > p:last-child {
margin-bottom: 0;
}
#titlebar-text.no-breadcrumb {
max-width: 100%;
padding-right: 0;
}
#titlebar-breadcrumb {
min-width: 40%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
#breadcrumb {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
padding: 5px 15px;
font-size: 12px;
}
.ui-bc-seperator {
margin: 3px 0;
width: 20px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
text-align: center;
}
.ui-bc-seperator .ui--caret {
position: absolute;
top: 50%;
left: 50%;
height: 18px;
line-height: 18px;
margin-top: -11px;
margin-left: -3px;
}
#breadcrumb,
#breadcrumb a {
color: #7c7c7c;
}
#breadcrumb a:hover {
color: #070401;
}
.orientation-right #titlebar-text {
max-width: 58%;
padding-left: 2%;
padding-right: 0;
float: right;
text-align: right;
}
.orientation-right #titlebar-breadcrumb {
left: 0;
right: auto;
}
.orientation-right #breadcrumb {
left: 0;
right: auto;
}
/* ========================================
TOPBAR (includes.modules.module.style)
========================================*/
#top-bar {
position: relative;
z-index: 12001 !important;
line-height: 0;
height: 40px;
background: #f9f9f9;
border-bottom: 1px solid #ebebeb;
}
#top-bar-background {
height: 40px;
}
#top-bar a {
color: #7c7c7c;
}
#top-bar a:hover {
color: #070401;
}
#top-bar-text {
line-height: 40px;
white-space: nowrap;
}
#top-bar-text [class^="fontawesome-"],
#top-bar-text [class*=" fontawesome-"] {
font-size: 14px;
margin-right: 4px;
}
#top-bar .ui--widget {
height: 40px !important;
margin-bottom: 0;
text-align: left;
position: relative;
}
#top-bar .ui--widget > ul,
#top-bar ul.ui--widget {
float:left;
margin-left: 0;
}
#top-bar .ui--widget > ul > li,
#top-bar ul.ui--widget > li {
position: relative;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-color: #ebebeb !important;
height: 40px;
}
#top-bar .ui--widget > ul > li > a,
#top-bar ul.ui--widget > li > a {
display: block;
height: 40px;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
white-space: nowrap;
}
#top-bar .ui--widget li > ul {
display: none;
}
#top-bar .ui--widget li .helper--extract-icon {
background: transparent;
background: rgba(0,0,0,.1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); /* IE6 & 7 */
*zoom: 1;
-webkit-box-shadow: inset 1px 0 3px rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 3px rgba(0,0,0,.15);
box-shadow: inset 1px 0 3px rgba(0,0,0,.15);
position: absolute;
top: 0;
right: 1px;
bottom: 0;
width: 30px;
text-align: center;
}
#top-bar .helper--extract-icon [class^="fontawesome-"],
#top-bar .helper--extract-icon [class*=" fontawesome-"] {
position: absolute;
top: 50%;
margin-top: -9px;
left: 50%;
margin-left: -3px !important;
}
#top-bar .ui--custom-menu > li {
float: left;
margin-left: -1px;
}
#top-bar .ui--custom-menu li {
position: relative;
}
#top-bar .ui--custom-menu li > ul {
display: none;
}
/** Second Level */
#top-bar .ui--custom-menu li > ul {
display: none;
position: absolute;
right: -1px;
top: 40px;
min-width: 150px;
margin-left: 0;
background: #fff;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
box-shadow: 0 1px 10px rgba(0,0,0,.07), 0 1px 0 rgba(0,0,0,.05);
}
#top-bar .ui--custom-menu li > ul > li > ul {
top: 0;
margin-left: 0;
left: auto;
right: 100%;
}
#top-bar .abs-left .ui--custom-menu li > ul {
left: -1px;
right: auto;
}
#top-bar .abs-left .ui--custom-menu li > ul > li > ul {
left: 100%;
right: auto;
margin-right: -1px;
margin-left: 0;
}
#top-bar .ui--custom-menu.opt--on-hover li:hover > ul {
display: block;
}
#top-bar .ui--custom-menu li > ul li > a {
display: block;
padding: 10px 20px;
line-height: 18px;
border: 1px solid #ebebeb;
margin-bottom: -1px;
}
/*#top-bar .ui--custom-menu li > ul li:last-child > a {
border-bottom: 0;
}*/
#top-bar .ui-socialbar .ui-socialbar-item {
margin-left: -1px;
}
#top-bar .ui--custom-menu li > a [class^="fontawesome-angle-"],
#top-bar .ui--custom-menu li > a [class*=" fontawesome-angle-"] {
margin-right: -6px;
margin-left: 8px;
}
#top-bar .widget--language-selector .flag {
margin: -2px 10px 0 0;
}
.rtl #top-bar .widget--language-selector li {
text-align: right;
}
.rtl #top-bar .widget--language-selector .flag {
margin-left: 10px;
margin-right: 0;
}
#top-bar #widget--search {
overflow: hidden;
padding-left: 1px;
margin-left: -2px;
}
#top-bar #widget--search > li > a {
padding-left: 10px;
padding-right: 10px;
float: left;
margin-right: 1px;
}
#top-bar #widget--search .ui--search-form {
padding-left: 0;
padding-right: 0;
position: relative;
height: 40px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -10px;
overflow: hidden;
-
-webkit-box-shadow: inset 1px 0 10px rgba(0,0,0,.1), inset 1px 0 1px rgba(0,0,0,.08), inset -1px 0 10px rgba(0,0,0,.1), inset -1px 0 1px rgba(0,0,0,.08);
-moz-box-shadow: inset 1px 0 10px rgba(0,0,0,.1), inset 1px 0 1px rgba(0,0,0,.08), inset -1px 0 10px rgba(0,0,0,.1), inset -1px 0 1px rgba(0,0,0,.08);
box-shadow: inset 1px 0 10px rgba(0,0,0,.1), inset 1px 0 1px rgba(0,0,0,.08), inset -1px 0 10px rgba(0,0,0,.1), inset -1px 0 1px rgba(0,0,0,.08);
-webkit-transition: width 0.3s linear;
-moz-transition: width 0.3s linear;
-o-transition: width 0.3s linear;
transition: width 0.3s linear;
}
#top-bar #widget--search.state--open .ui--search-form {
width: 150px;
}
#top-bar #widget--search .ui--search-form form {
position: absolute;
width: 150px;
height: 40px;
left: 0;
}
#top-bar #widget--search.state--open .ui--search-form form {
}
#top-bar #widget--search .ui--search-form input[type="text"] {
height: 40px;
line-height: 40px;
padding: 0 10px 0 10px !important;
width: 150px;
background: rgba(0,0,0,.03) !important;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000,endColorstr=#07000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000,endColorstr=#07000000); /* IE6 & 7 */
zoom: 1;
border: 0;
outline: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/* ========================================
TOP (includes.modules.module.to_top)
========================================*/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:20px;
overflow:hidden;
z-index: 10000;
}
#toTopHover {
display:block;
overflow:hidden;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
outline:none;
}
/* ========================================
WIDGETS (includes.modules.module.topbar)
========================================*/
#topbar-social-icons > li:first-child {
/*border-left: 0 !important;*/
}
/* ========================================
UNIFORM (includes.modules.module.uniform)
========================================*/
.ui--select-wrapper {
position: relative;
padding: 0 !important;
cursor: pointer !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
*display: inline;
*zoom: 1;
width: 100%;
max-width: 100%;
clear: none !important;
}
.ui--select-wrapper select option {
color: #333 !important;
}
.ui--select-wrapper.helper--block {
width: 100% !important;
display: block;
*display: block;
}
.ui--select-wrapper .chzn-container {
display: none !important;
}
.ui--select-wrapper > select {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter : alpha(opacity=0);
-moz-opacity : 0;
-khtml-opacity : 0;
opacity : 0;
cursor: pointer !important;
display: block !important;
background: none !important;
box-shadow: none !important;
border: 0 !important;
outline: 0 !important;
vertical-align: middle;
padding: 0 !important;
margin: 0 !important;
z-index: 2;
position: relative;
float: none !important;
height: 32px;
line-height: 32px;
min: 100% !important;
width: 100% !important;
max-width: 100%;
font-weight: normal !important;
}
.ui--select-wrapper > .ui--select-title {
white-space: nowrap !important;
display: block;
overflow: hidden !important;
position: absolute;
left: 18px;
right: 24px;
top: 0;
bottom: 0;
width: auto !important;
margin: 0!important;
line-height: 32px;
z-index: 1;
text-overflow: ellipsis;
color: #7c7c7c !important;
}
.rtl .ui--select-wrapper > .ui--select-title {
right: 18px;
left: 24px;
}
.ui--select-wrapper:hover > .ui--select-title,
.ui--select-wrapper.active > .ui--select-title,
.ui--select-wrapper:hover > .ui--select-arrow,
.ui--select-wrapper.active > .ui--select-arrow {
color: #333333 !important;
}
.ui--select-wrapper > .ui--select-arrow {
position: absolute;
right: 12px;
top: 50%;
margin-top: -8px;
color: #7c7c7c !important;
}
.rtl .ui--select-wrapper > .ui--select-arrow {
left: 12px;
right: auto;
}
@media (min-width: 979px) {
/* ========================================
TABS.MEGA.NORMAL (includes.shortcodes.shortcode.tabs)
========================================*/
html #page-wrap .ui--tabs-mega.text-left > .ui--tabs-header .ui--tabs-titles > li.first-item a { border-left: 0; }
html #page-wrap .ui--tabs-mega.text-right > .ui--tabs-header .ui--tabs-titles > li.last-item a { border-right: 0; }
/* ========================================
HEADER NAVIGATION.NORMAL (includes.modules.module.nav)
========================================*/
#header-navigation {
display: block;
}
/** LOGO RIGHT */
.logo-position-right.no-stuck #logo {
float: right;
}
.logo-position-right.no-stuck #header-navigation {
float: left;
}
.sticky-logo-position-right.stuck #logo {
float: right;
}
.sticky-logo-position-right.stuck #header-navigation {
float: left;
}
/** STYLE 1 */
.header-style-1.no-stuck #header-navigation > li.top-level-item {
margin-left: 1px;
}
.stuck #header-navigation > li.top-level-item:hover > a,
.stuck #header-navigation > li.top-level-item.hover > a,
.header-style-1.no-stuck #header-navigation > li.top-level-item:hover > a,
.header-style-1.no-stuck #header-navigation > li.top-level-item.hover > a {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.stuck #header-navigation > li.menu-item-has-children.top-level-item.hover > a,
.header-style-1.no-stuck #header-navigation > li.menu-item-has-children.top-level-item.hover > a {
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/** STYLE 2 */
.header-style-2.no-stuck nav#navigation {
border-top: 1px solid transparent;
margin-bottom: 0;
}
.header-style-2.no-stuck #header-navigation > li.top-level-item:first-child {
border-left: 1px solid transparent;
}
.header-style-2.no-stuck #header-navigation > li.top-level-item {
border-right: 1px solid transparent;
}
.header-style-2.no-stuck nav#navigation,
.header-style-2.no-stuck #header-navigation > li.top-level-item:first-child,
.header-style-2.no-stuck #header-navigation > li.top-level-item {
border-color: #ebebeb;
}
.header-overlapping .header-style-2.no-stuck nav#navigation,
.header-overlapping .header-style-2.no-stuck #header-navigation > li.top-level-item:first-child,
.header-overlapping .header-style-2.no-stuck #header-navigation > li.top-level-item {
border-color: transparent;
}
nav#navigation {
margin: -30px 0 0;
position: absolute;
left: 0;
top: 50%;
width: 100%;
}
.stuck nav#navigation {
margin-top: -27px;
}
#header-navigation {
margin-top: 23px;
float: right;
}
/** OVERLAPPING */
.header-overlapping-ok #page-wrap #page-header {
position: absolute;
width: 100%;
left: 0;
}
.header-overlapping #header-container-background {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.header-overlapping .no-stuck #header-container-background {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter : alpha(opacity=0);
-moz-opacity : 0;
-khtml-opacity : 0;
opacity : 0;
}
.header-overlapping .stuck #header-container-background {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter : alpha(opacity=100);
-moz-opacity : 1;
-khtml-opacity : 1;
opacity : 1;
}
.header-overlapping #header-container.no-stuck {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.stuck #header-navigation > li.top-level-item {
margin-left: 1px;
}
/** Menu Position in the sticky mode */
.stuck #header-navigation li.sticky-to-left > ul.sub-menu {
left: auto;
right: 0;
margin: 0;
}
.stuck #header-navigation li > ul.sub-menu > li.sticky-to-left > ul.sub-menu {
right: auto;
left: -100%;
margin-right: 0;
margin-left: -2px;
}
.stuck #header-navigation li.sticky-to-right > ul.sub-menu {
right: auto;
left: 0;
margin: 0;
}
.stuck #header-navigation li > ul.sub-menu > li.sticky-to-right > ul.sub-menu {
left: auto;
right -100%;
margin-left: 0;
margin-right: -2px;
}
/* ========================================
HEADER.FIXED.NORMAL (includes.modules.module.style)
========================================*/
.modern-browser #header-container.stuck {
margin: 0 auto;
position:fixed !important;
top: 0;
-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .15);
-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .15);
box-shadow:0 2px 10px rgba(0, 0, 0, .15);
-moz-transition: -moz-box-shadow 0.5s ease-in-out;
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
-o-transition: -o-box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out;
z-index: 2000;
padding-bottom: 0 !important;
}
.modern-browser .layout--fullwidth #header-container.stuck {
left: 0;
width: 100%;
}
.modern-browser #header-container.stuck #logo img {
transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-moz-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-webkit-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
-o-transition: margin-top 0.5s ease-in-out, margin-bottom 0.5s ease-in-out;
}
.modern-browser body.admin-bar #header-container.stuck {
top: 32px;
}
.modern-browser #header-container.stuck #header-container-background {
opacity: 0.95;
}
.modern-browser #header-container.stuck .hide-on-stuck,
.modern-browser #header-container.no-stuck .show-on-stuck {
display: none !important;
}
.modern-browser #header-container.stuck .show-on-stuck {
display: block !important;
}
}
@media (min-width: 1200px) {
/* ========================================
BACKGROUND.WIDE (includes.shortcodes.shortcode.video_background)
========================================*/
html.no-video .ui--video-background-video video {
display: none !important;
}
html.no-video .ui--video-background-poster {
display: block !important;
}
/* ========================================
HEADER NAVIGATION.WIDE (includes.modules.module.nav)
========================================*/
#header-navigation > .megamenu.layout-fullwidth > ul.sub-menu {
max-width: 1168px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 1.5dppx) {
/* ========================================
SOCIALBAR.RETINA (includes.shortcodes.shortcode.socialbar)
========================================*/
.ss .ui-socialbar-item .ui-socialbar-image { background-size: 40px 3600px; }
.ssm .ui-socialbar-item .ui-socialbar-image { background-size: 30px 2700px; }
/** Default */
.ss .ui-socialbar-item a {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/default/40px@2x.png");}
.ssm .ui-socialbar-item a {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/default/30px@2x.png");}
/** Grey / Gradient */
.ss.grey-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-gradient/40px@2x.png");}
.ssm.grey-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-gradient/30px@2x.png");}
/** Grey / Transparent */
.ss.grey-transparent .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-transparent/40px@2x.png");}
.ssm.grey-transparent .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-transparent/30px@2x.png");}
/** Grey Bevel Effect / Gradient */
.ss.grey-bevel-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-bevel-gradient/40px@2x.png");}
.ssm.grey-bevel-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/grey-bevel-gradient/30px@2x.png");}
/** White / Gradient */
.ss.white-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white-gradient/40px@2x.png");}
.ssm.white-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white-gradient/30px@2x.png");}
/** White (50% Transparent) / Gradient */
.ss.white_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white_p50-gradient/40px@2x.png");}
.ssm.white_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/white_p50-gradient/30px@2x.png");}
/** Black / Gradient */
.ss.black-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black-gradient/40px@2x.png");}
.ssm.black-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black-gradient/30px@2x.png");}
/** Black (50% Transparent) / Gradient */
.ss.black_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black_p50-gradient/40px@2x.png");}
.ssm.black_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/black_p50-gradient/30px@2x.png");}
/** Dark / Gradient */
.ss.dark-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark-gradient/40px@2x.png");}
.ssm.dark-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark-gradient/30px@2x.png");}
/** Dark (50% Transparent) / Gradient */
.ss.dark_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark_p50-gradient/40px@2x.png");}
.ssm.dark_p50-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/dark_p50-gradient/30px@2x.png");}
/** Blue / Gradient */
.ss.blue-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/blue-gradient/40px@2x.png");}
.ssm.blue-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/blue-gradient/30px@2x.png");}
/** Colorful / Gradient */
.ss.colorful-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/colorful-gradient/40px@2x.png");}
.ssm.colorful-gradient .ui-socialbar-item .ui-socialbar-image {background-image:url("../../includes/shortcodes/shortcode.socialbar/source/colorful-gradient/30px@2x.png");}
}