.form-control {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textarea.form-control {
height: auto;
}
@font-face {
font-family: 'ap-arrows';
src: url('../fonts/ap-arrows/ap-arrows.eot?4rtkxz');
src: url('../fonts/ap-arrows/ap-arrows.eot?#iefix4rtkxz') format('embedded-opentype'), url('../fonts/ap-arrows/ap-arrows.woff?4rtkxz') format('woff'), url('../fonts/ap-arrows/ap-arrows.ttf?4rtkxz') format('truetype'), url('../fonts/ap-arrows/ap-arrows.svg?4rtkxz#ap-arrows') format('svg');
font-weight: normal;
font-style: normal;
}
.ap-left:before {
content: "\e600";
}
.ap-right:before {
content: "\e601";
}
.ap-left-2:before {
content: "\e602";
}
.ap-right-2:before {
content: "\e603";
}
.ap-left-3:before {
content: "\e604";
}
.ap-right-3:before {
content: "\e605";
}
.ap-arrow-left:before {
content: "\e606";
}
.ap-arrow-right:before {
content: "\e607";
}
.ap-close:before {
content: "\e608";
}
.ap-minus-1:before {
content: "\e609";
}
.ap-plus-1:before {
content: "\e60a";
}
.ap-minus-2:before {
content: "\e60b";
}
.ap-plus-2:before {
content: "\e60c";
}
@font-face {
font-family: 'peIcon7';
src: url('../fonts/fonts/Pe-icon-7-stroke.eot?d7yf1v');
src: url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"],
[class*=" pe-7s-"] {
display: inline-block;
font-family: 'peIcon7';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}
.pe-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.pe-2x {
font-size: 2em;
}
.pe-3x {
font-size: 3em;
}
.pe-4x {
font-size: 4em;
}
.pe-5x {
font-size: 5em;
}
.pe-fw {
width: 1.2857142857142858em;
text-align: center;
}
.pe-ul {
padding-left: 0;
margin-left: 2.142857142857143em;
list-style-type: none;
}
.pe-ul > li {
position: relative;
}
.pe-li {
position: absolute;
left: -2.1428571428571em;
width: 2.142857142857143em;
top: 0.14285714285714285em;
text-align: center;
}
.pe-li.pe-lg {
left: -1.8571428571429em;
}
.pe-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.pe.pull-left {
margin-right: .3em;
}
.pe.pull-right {
margin-left: .3em;
}
.pe-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.pe-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.pe-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pe-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.pe-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
-webkit-transform: scale(-1,1);
-moz-transform: scale(-1,1);
-ms-transform: scale(-1,1);
-o-transform: scale(-1,1);
transform: scale(-1,1);
}
.pe-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
-webkit-transform: scale(1,-1);
-moz-transform: scale(1,-1);
-ms-transform: scale(1,-1);
-o-transform: scale(1,-1);
transform: scale(1,-1);
}
.pe-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.pe-stack-1x,
.pe-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.pe-stack-1x {
line-height: inherit;
}
.pe-stack-2x {
font-size: 2em;
}
.pe-inverse {
color: #ffffff;
}
.pe-va {
vertical-align: middle;
}
.pe-border {
border: solid 0.08em #eaeaea;
}
[class^="pe-7s-"],
[class*=" pe-7s-"] {
display: inline-block;
}
.sp-megamenu-wrapper .sp-megamenu-parent .hide-it,
.sp-megamenu-wrapper .sp-megamenu-parent .separator .hide-it {
display: none;
}
.sp-megamenu-parent {
list-style: none;
padding: 0;
margin: 0 auto;
display: block;
}
.sp-megamenu-parent >li {
display: inline-block;
position: relative;
padding: 0;
}
.sp-megamenu-parent >li.menu-justify {
position: static;
}
.sp-megamenu-parent >li >a {
display: inline-block;
padding: 0 12px;
-webkit-transform: translateZ(0);
}
.sp-megamenu-parent >li >a >i {
text-align: center;
display: inline-table;
min-width: 1.7em;
}
.sp-megamenu-parent >li .nav-header,
.sp-megamenu-parent >li .separator,
.sp-megamenu-parent >li .separator > a {
cursor: default !important;
}
.sp-megamenu-parent >li.sp-has-child>a:after {
font-family: "peIcon7";
content: "\e688";
padding: 0 3px;
vertical-align: middle;
font-size: 90%;
opacity: .9;
border: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.sp-megamenu-parent >li.sp-has-child>a:hover:after {
font-family: "peIcon7";
content: "\e680";
opacity: .7;
border: 0;
}
.sp-megamenu-parent .sp-mega-group {
list-style: none;
padding: 0;
margin: 0 !important;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
list-style: none;
padding: 0;
margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
display: none;
visibility: hidden;
width: 100%;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: inherit;
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
padding: 10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
list-style: none;
padding: 0;
margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child >a {
border: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child >a:after {
font-family: "peIcon7";
content: "\e684";
border: 0;
float: right;
padding: 0;
vertical-align: middle;
font-size: 100%;
opacity: 0.9;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child >a:hover:after {
font-family: "peIcon7";
content: "\e688";
opacity: 1;
border: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
top: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
left: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
left: 0;
right: 0;
margin: 0 auto;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
top: -10px;
left: 100%;
border-top: 0;
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
display: block;
padding: 0;
position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
display: block;
padding: 5px 10px;
margin-bottom: 2px;
color: #333;
cursor: pointer;
font-size: 90%;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title {
text-transform: uppercase;
font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a >i {
text-align: center;
padding-right: 5px;
min-width: 1.4em;
opacity: 0.8;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
color: #fff;
border-radius: 3px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover >i {
opacity: 1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a>i {
opacity: 1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a {
border-radius: 3px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator >a {
line-height: 2;
margin-bottom: 10px;
}
.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner >.row {
margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner >.row:first-child {
margin-top: 0;
}
.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner >.row div:last-child .sp-mega-group {
padding: 0;
margin: 0 0 0 -20px;
border-right: none;
}
.sp-megamenu-parent .sp-has-child:hover >.sp-dropdown {
display: block;
visibility: visible;
}
.sp-megamenu-parent.menu-fade .sp-has-child >.sp-dropdown {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: opacity .35s ease, visibility .35s ease;
-moz-transition: opacity .35s ease, visibility .35s ease;
-o-transition: opacity .35s ease, visibility .35s ease;
transition: opacity .35s ease, visibility .35s ease;
}
.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
display: block;
opacity: 1;
visibility: visible;
}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
-webkit-animation: spMenuZoom 0.6s ease;
animation: spMenuZoom 0.6s ease;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.sp-megamenu-parent.menu-fade-down .sp-has-child:hover >.sp-dropdown {
opacity: 0;
visibility: hidden;
-webkit-animation: spMenuFadeInDown 0.35s ease forwards 0.1s;
animation: spMenuFadeInDown 0.35s ease-in-out forwards 0.1s;
}
.sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child >.sp-dropdown {
display: block;
margin: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-25px);
-moz-transform: translateY(-25px);
transform: translateY(-25px);
-webkit-transition: transform .4s ease, opacity .2s ease .1s, visibility .2s ease .1s;
-moz-transition: transform .4s ease, opacity .2s ease .1s, visibility .2s ease .1s;
-o-transition: transform .4s ease, opacity .2s ease .1s, visibility .2s ease .1s;
transition: transform .4s ease, opacity .2s ease .1s, visibility .2s ease .1s;
}
.sp-megamenu-parent.menu-fade-down-fade-up .sp-has-child:hover >.sp-dropdown {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.safari .sp-megamenu-parent li a {
-webkit-transform: translateZ(0);
}
#offcanvas-toggler {
float: right;
position: relative;
z-index: 3;
}
#offcanvas-toggler >i {
display: inline-table;
text-align: center;
width: 32px;
padding: 0;
font-size: 18px;
background: transparent;
vertical-align: middle;
margin: -5px auto 0;
border-radius: 3px;
cursor: pointer;
-webkit-transition: color 400ms, background-color 400ms;
-moz-transition: color 400ms, background-color 400ms;
-o-transition: color 400ms, background-color 400ms;
transition: color 400ms, background-color 400ms;
}
#offcanvas-toggler >i:hover {
color: #fff;
}
.off-canvas-menu-init {
overflow-x: hidden;
position: relative;
}
.offcanvas .offcanvas-overlay {
visibility: visible;
opacity: 1;
}
.offcanvas-overlay {
background: rgba(0,0,0,0.2);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999;
visibility: hidden;
-webkit-transition: .5s cubic-bezier(0.5,0,0.3,1);
transition: .5s cubic-bezier(0.5,0,0.3,1);
}
.off-canvas-menu-wrap {
position: relative;
-webkit-transition: .5s cubic-bezier(0.5,0,0.3,1);
transition: .5s cubic-bezier(0.5,0,0.3,1);
right: 0;
top: 0;
backface-visibility: hidden;
}
.close-offcanvas {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
color: #777;
background: transparent;
border: 1px solid #ccc;
border-radius: 100%;
width: 22px;
height: 22px;
line-height: 20px;
text-align: center;
font-size: 12px;
-webkit-transition: border 300ms, color 300ms;
-moz-transition: border 300ms, color 300ms;
-o-transition: border 300ms, color 300ms;
transition: border 300ms, color 300ms;
}
.accordion-menu li {
position: relative;
}
.accordion-menu li a {
padding: 10px 20px;
line-height: 28px;
-webkit-transition: 1.7s ease;
-moz-transition: 1.7s ease;
-o-transition: 1.7s ease;
transition: 1.7s ease;
}
.accordion-menu li a >img {
max-height: 20px;
max-width: 20px;
display: inline;
margin: -4px 7px 0 0;
}
.accordion-menu li a > i {
width: 24px;
text-align: center;
margin: 0 auto;
text-indent: 0;
}
.accordion-menu li a > i.pe {
font-size: 110%;
margin-top: -2px;
vertical-align: middle;
}
.accordion-menu li a > i:before {
width: 24px;
text-align: center;
margin: 0 auto;
}
.accordion-menu li ul > li > a {
text-indent: 10px;
}
.accordion-menu li ul > li > ul > li > a {
text-indent: 20px;
}
.accordion-menu li .accordion-menu-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 33%;
line-height: 41px;
cursor: pointer;
}
.accordion-menu li .accordion-menu-toggler .open-icon {
text-align: center;
font-size: 0.7em;
}
.accordion-menu li .accordion-menu-toggler .open-icon:before {
line-height: 32px;
text-align: center;
position: absolute;
right: 12px;
top: 5px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
.accordion-menu li .accordion-menu-toggler.collapsed .open-icon:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordion-menu li .separator {
border-bottom: none;
padding: 0;
}
.accordion-menu li .divider-separator {
display: none;
}
.accordion-menu li .divider-separator >a:before,
.accordion-menu li .divider-separator >a:after {
display: none;
text-indent: -9999em;
}
.accordion-menu li.active .accordion-menu-toggler.active-open .open-icon {
color: #cf142b;
}
.offcanvas-menu {
width: 320px;
height: 100vh;
background: #fff;
box-shadow: -1px 0 10px rgba(0,0,0,0.15);
color: #777;
position: fixed;
top: 0;
right: 0;
-webkit-transform: translateX(320px);
transform: translateX(320px);
visibility: hidden;
overflow-y: scroll;
-webkit-transition: .5s cubic-bezier(0.5,0,0.3,1);
-moz-transition: .5s cubic-bezier(0.5,0,0.3,1);
-o-transition: .5s cubic-bezier(0.5,0,0.3,1);
transition: .5s cubic-bezier(0.5,0,0.3,1);
z-index: 1007;
}
.offcanvas-menu .offcanvas-inner {
padding: 30px 20px 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
margin-top: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
border: none;
position: relative;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator {
display: block;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
padding: 4px 20px;
line-height: 2;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:before,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header:before,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator:before {
display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a >img,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header >img,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator >img {
max-height: 22px;
max-width: 22px;
display: inline;
margin: -4px 7px 0 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a > i,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header > i,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator > i {
width: 24px;
text-align: center;
margin: 0 auto;
text-indent: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a > i.pe,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header > i.pe,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator > i.pe {
font-size: 110%;
margin-top: -2px;
vertical-align: middle;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a > i:before,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header > i:before,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator > i:before {
width: 24px;
text-align: center;
margin: 0 auto;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .divider {
background: transparent;
display: block;
height: auto;
margin: 0;
padding: 0;
z-index: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .divider .separator {
background: transparent;
display: none;
position: relative;
width: 100%;
padding: 0;
text-indent: -9999em;
clear: both;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .divider .text {
padding: 4px 20px;
display: block;
text-indent: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li >a:before,
.offcanvas-menu .offcanvas-inner .sp-module ul > li >a:after {
display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a {
text-indent: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > ul > li > a {
text-indent: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li a {
padding: 10px 20px;
line-height: 28px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .accordion-menu-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding-right: 50px;
cursor: pointer;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .accordion-menu-toggler .open-icon:before {
right: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .separator {
border-bottom: none;
padding: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .divider-separator {
display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .divider-separator >a:before,
.offcanvas-menu .offcanvas-inner .sp-module ul.accordion-menu > li .divider-separator >a:after {
display: none;
text-indent: -9999em;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
margin-top: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
margin: 0 -18px;
}
.offcanvas-menu .offcanvas-inner .search {
margin-top: 32px;
}
.offcanvas-menu .offcanvas-inner .search input {
width: 100%;
background: transparent;
border-radius: 0;
border: 1px solid #eee;
box-shadow: none;
-webkit-box-shadow: none;
}
.offcanvas {
width: 100%;
height: 100%;
position: relative;
-webkit-transition: .5s cubic-bezier(0.5,0,0.3,1);
-moz-transition: .5s cubic-bezier(0.5,0,0.3,1);
-o-transition: .5s cubic-bezier(0.5,0,0.3,1);
transition: .5s cubic-bezier(0.5,0,0.3,1);
}
.offcanvas .body-innerwrapper:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.offcanvas .off-canvas-menu-wrap {
right: 0;
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
}
.offcanvas .off-canvas-menu-wrap:after {
width: 100%;
height: 100%;
right: 0;
}
.offcanvas .offcanvas-menu {
opacity: 1;
visibility: visible;
z-index: 9999;
right: 0;
position: fixed;
height: 100%;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.offcanvas .offcanvas-menu .nav-child li a,
.offcanvas .offcanvas-menu .nav-child li .nav-child li a,
.offcanvas .offcanvas-menu .nav-child li .nav-child li .nav-child li a,
.offcanvas .offcanvas-menu .nav-child li .nav-child li .nav-child li .nav-child li a {
text-indent: 15px;
}
.offcanvas-overlay {
opacity: 0;
-webkit-transition: all .4s cubic-bezier(0.5,0,0.3,1);
-moz-transition: all .4s cubic-bezier(0.5,0,0.3,1);
-o-transition: all .4s cubic-bezier(0.5,0,0.3,1);
transition: all .4s cubic-bezier(0.5,0,0.3,1);
}
.menu .nav-child.small {
font-size: inherit;
}
.sp-megamenu-parent.menu-fade-up .sp-has-child >.sp-dropdown {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0,30px,0);
-moz-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
-moz-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
-o-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover >.sp-dropdown {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.sp-megamenu-parent.menu-rotate .sp-has-child:hover >.sp-dropdown {
opacity: 1;
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
visibility: visible;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child >.sp-dropdown {
display: block;
visibility: hidden;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown {
visibility: visible;
-webkit-animation: spMenuSlideDown 0.5s ease;
animation: spMenuSlideDown 0.5s ease;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown.sp-dropdown-sub {
left: 100%;
}
.menu-rotate .sp-has-child >.sp-dropdown {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: perspective(1200px) rotateX(-70deg);
transform: perspective(1200px) rotateX(-70deg);
-webkit-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
-moz-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
-o-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.3s ease, visibility 0.3s ease;
opacity: 0;
visibility: hidden;
display: block;
}
.menu-rotate .sp-has-child >.sp-dropdown.sp-dropdown-mega {
left: auto;
right: 0;
}
.menu-drop-in .sp-has-child >.sp-dropdown {
-webkit-animation: spMenuFadeInUp 0.7s ease;
animation: spMenuFadeInUp 0.7s ease;
}
.menu-drop-in .sp-has-child .sp-dropdown-inner {
background: transparent none repeat scroll 0 0;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.menu-drop-in .sp-has-child .sp-dropdown-items {
perspective: 1000px;
}
.menu-drop-in .sp-has-child .sp-menu-item {
-webkit-transform: translate(0,100px);
transform: translate(0,100px);
opacity: 0;
-webkit-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.35s ease, visibility 0.35s ease;
-moz-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.35s ease, visibility 0.35s ease;
-o-transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.35s ease, visibility 0.35s ease;
transition: -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.35s ease, visibility 0.35s ease;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: dropup;
animation-name: dropup;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) {
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(9) {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(10) {
-webkit-animation-duration: 1.1s;
animation-duration: 1.1s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(11) {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(12) {
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
}
.mobile .sp-megamenu-parent .sp-has-child .sp-dropdown {
display: none;
}
.mobile .sp-megamenu-parent .sp-has-child:hover .sp-dropdown,
.mobile .sp-megamenu-parent .sp-has-child:focus .sp-dropdown {
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-animation: MobileFadeInDown 0.35s ease forwards 0.1s;
animation: MobileFadeInDown 0.35s ease-in-out forwards 0.1s;
}
@keyframes dropup {
0% {
opacity: 0;
transform: translate(0,100px);
}
100% {
opacity: 1;
transform: translate(0,0);
}
}
@-webkit-keyframes dropup {
0% {
opacity: 0;
transform: translate(0,100px);
}
100% {
opacity: 1;
transform: translate(0,0);
}
}
.menu-twist .sp-has-child >.sp-dropdown {
-webkit-animation: spMenuFadeInUp 0.7s ease;
animation: spMenuFadeInUp 0.7s ease;
}
.menu-twist .sp-has-child .sp-dropdown-inner {
background: transparent none repeat scroll 0 0;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.menu-twist .sp-has-child .sp-menu-item {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.menu-twist .sp-has-child:hover .sp-menu-item {
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: twist;
animation-name: twist;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) {
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(9) {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(10) {
-webkit-animation-duration: 1.1s;
animation-duration: 1.1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(11) {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(12) {
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
}
@keyframes twist {
0% {
opacity: 0;
transform: rotateY(90deg);
}
100% {
opacity: 1;
transform: rotateY(0);
}
}
@-webkit-keyframes twist {
0% {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: rotateY(0);
}
}
@-webkit-keyframes spMenuFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes spMenuFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes spMenuZoom {
0% {
opacity: 0;
-webkit-transform: scale(.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes spMenuZoom {
0% {
opacity: 0;
transform: scale(.8);
-webkit-transform: scale(.8);
}
100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes spMenuSlideDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-30px,0);
}
100% {
opacity: 1;
-webkit-transform: none;
}
}
@keyframes spMenuSlideDown {
0% {
opacity: 0;
transform: translate3d(0,-30px,0);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes spMenuFadeInUp {
0% {
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0,30px,0);
}
100% {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
}
}
@keyframes spMenuFadeInUp {
0% {
opacity: 0;
visibility: hidden;
transform: translate3d(0,30px,0);
}
100% {
opacity: 1;
visibility: visible;
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes MobileFadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-30px,0);
}
100% {
opacity: 1;
visibility: visible;
-webkit-transform: none;
}
}
@keyframes MobileFadeInDown {
0% {
opacity: 0;
transform: translate3d(0,-30px,0);
}
100% {
opacity: 1;
visibility: visible;
transform: none;
}
}
.slide-top-menu .offcanvas-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.slide-top-menu .off-canvas-menu-wrap {
right: 0;
}
.slide-top-menu .offcanvas-overlay {
visibility: visible;
opacity: 1;
}
.slide-top-menu .offcanvas-menu {
right: 0;
visibility: visible;
}
.full-screen .offcanvas-menu {
right: -100%;
width: 100%;
transform: translateX(0);
transition: all .6s cubic-bezier(0.5,0,0.3,1);
}
.full-screen .offcanvas-menu .offcanvas-inner {
margin: 0 auto;
text-align: center;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module {
margin-bottom: 8vh;
margin-top: 8vh;
padding-bottom: 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul {
background: transparent;
height: auto;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
overflow: inherit;
border: none;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .separator,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .nav-header {
font-size: 140%;
color: #a0a0a0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
border: none;
display: inline-block;
font-size: 190%;
padding: 5px 20px;
margin: 0 auto;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
display: none;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
background: transparent;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .accordion-menu-toggler {
position: relative;
left: auto;
width: 50px;
right: auto;
font-size: 28px;
top: 1px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
display: block;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
margin: 0 auto;
font-size: 120%;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .accordion-menu-toggler {
font-size: 20px;
top: 5px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li:last-child {
margin: 0 auto 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
background: transparent;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
padding-bottom: 75px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .search {
max-width: 300px;
margin: 25px auto 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
font-size: 28px;
}
.full-screen .offcanvas-menu .close-offcanvas {
font-size: 20px;
height: 35px;
line-height: 1;
right: 30px;
top: 25px;
width: 35px;
padding-top: 6px;
}
.full-screen-off-canvas.ltr .offcanvas-menu {
visibility: visible;
z-index: 9999;
width: 100%;
right: 0;
}
.full-screen-ftop .offcanvas-menu {
right: 0;
width: 100%;
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: all 0.5s cubic-bezier(0.5,0,0.3,1);
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner {
margin: 0 auto;
text-align: center;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module {
margin-bottom: 80px;
margin-top: 80px;
padding-bottom: 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul {
background: transparent;
height: auto;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul >li {
opacity: 0;
-webkit-transform: translate3d(0px,-80px,0px);
transform: translate3d(0px,-80px,0px);
-webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li {
overflow: inherit;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .separator,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .nav-header {
font-size: 120%;
color: #a0a0a0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
border: none;
display: inline-block;
font-size: 190%;
padding: 5px 20px;
margin: 0 auto;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
display: none;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .accordion-menu-toggler {
position: relative;
left: auto;
right: auto;
font-size: 28px;
width: 50px;
top: 1px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
display: block;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
margin: 0 auto;
font-size: 120%;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .accordion-menu-toggler {
font-size: 20px;
top: 5px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li:last-child {
margin: 0 auto 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
padding-bottom: 75px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search {
max-width: 300px;
margin: 25px auto 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
font-size: 28px;
}
.full-screen-ftop .offcanvas-menu .close-offcanvas {
font-size: 20px;
height: 35px;
line-height: 1;
right: 30px;
top: 25px;
width: 35px;
padding-top: 6px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu {
visibility: visible;
z-index: 9999;
width: 100%;
right: 0;
opacity: 1;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module {
margin-top: 80px;
margin-bottom: 80px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul {
background: transparent;
height: auto;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li {
opacity: 1;
-webkit-transform: translate3d(0px,0px,0px);
transform: translate3d(0px,0px,0px);
}
.new-look .offcanvas-menu {
background-color: #222;
background-color: rgba(34,34,34,0.95);
}
.new-look .offcanvas-menu .sp-module ul >li >a {
color: #e0e0e0;
}
.new-look .offcanvas-menu .sp-module ul >li >a:hover,
.new-look .offcanvas-menu .sp-module ul >li >a:focus {
color: #f7f7f7;
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler {
top: 0;
display: block;
float: right;
padding: 10px;
height: 48px;
width: 33%;
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler i {
display: none !important;
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler:before {
background: #eee none repeat scroll 0 0;
content: "";
height: 8px;
left: auto;
position: absolute;
right: 23px;
top: 22px;
width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler:after {
background: #eee none repeat scroll 0 0;
content: "";
height: 2px;
left: auto;
position: absolute;
right: 20px;
top: 25px;
width: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler.collapsed:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.new-look .offcanvas-menu .sp-module ul >li .accordion-menu-toggler.collapsed:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.full-screen .offcanvas-menu .accordion-menu .separator > a:hover,
.full-screen-ftop .offcanvas-menu .accordion-menu .separator > a:hover {
background: transparent !important;
}
.full-screen .offcanvas-menu .accordion-menu li a,
.full-screen-ftop .offcanvas-menu .accordion-menu li a {
font-size: 170%;
line-height: 2;
padding: 20px;
margin: 5px 0 !important;
}
.full-screen .offcanvas-menu .accordion-menu li .accordion-menu-toggler,
.full-screen-ftop .offcanvas-menu .accordion-menu li .accordion-menu-toggler {
top: 0;
display: block;
margin-top: -7px;
}
.full-screen .offcanvas-menu .accordion-menu li ul li a,
.full-screen-ftop .offcanvas-menu .accordion-menu li ul li a {
font-size: 16px !important;
padding: 0 !important;
}
.full-screen .offcanvas-menu .accordion-menu li ul li .accordion-menu-toggler,
.full-screen-ftop .offcanvas-menu .accordion-menu li ul li .accordion-menu-toggler {
padding: 6px 10px;
margin-top: 3px;
}
.full-screen .offcanvas-menu .accordion-menu li ul li:last-child,
.full-screen-ftop .offcanvas-menu .accordion-menu li ul li:last-child {
margin: 0 auto 20px;
}
.full-screen .offcanvas-menu .accordion-menu li ul li.parent > a,
.full-screen-ftop .offcanvas-menu .accordion-menu li ul li.parent > a {
font-size: 19px !important;
}
.new-look-off-canvas .offcanvas-overlay {
visibility: visible;
opacity: 1;
}
.new-look-off-canvas.ltr .offcanvas-menu {
visibility: visible;
right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@-moz-document url-prefix() {
.offcanvas-menu {
right: -320px;
transform: translateX(0px);
}
}
@media (max-width: 992px) {
#offcanvas-toggler {
position: relative;
z-index: 10;
}
#offcanvas-toggler >i {
padding: 0;
font-size: 28px;
text-align: center;
width: 90px;
}
header.centered.dark #sp-menu .centered #offcanvas-toggler {
display: block;
}
header.centered.dark #sp-menu .centered #offcanvas-toggler >i {
display: block;
padding: 0 50px;
font-size: 32px;
background: transparent;
margin: 0 auto;
}
header.addspace #sp-menu .centered #offcanvas-toggler {
margin: 0 auto;
display: inline-block;
}
header.addspace #sp-menu .centered #offcanvas-toggler >i {
display: inline-block;
margin: 0 auto;
}
header.addspace #offcanvas-toggler {
margin-right: 0px;
}
}
a {
-webkit-transition: color 200ms, background-color 350ms;
transition: color 200ms, background-color 350ms;
}
* {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke: 1px transparent;
}
body {
line-height: 25px;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: 0;
}
a,
button,
input,
.btn,
.sppb-btn {
outline: 0 !important;
}
label {
font-weight: normal;
}
legend {
padding-bottom: 10px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
.floatcenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.full-window {
min-height: 100vh;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sticky-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.btn,
.sppb-btn-rounded {
border-radius: 4px;
}
.sppb-btn {
font-size: 100%;
line-height: 1.4;
}
.btn,
.sppb-btn {
-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
-moz-transition: color 400ms, background-color 400ms, border-color 400ms;
-o-transition: color 400ms, background-color 400ms, border-color 400ms;
transition: color 400ms, background-color 400ms, border-color 400ms;
padding: 8px 28px;
margin-right: 3px;
border: 1px solid transparent;
outline: 0;
}
.btn.sppb-btn-outline,
.sppb-btn.sppb-btn-outline {
padding: 8px 30px;
}
.btn.sppb-btn-round,
.sppb-btn.sppb-btn-round {
line-height: 1.5;
padding: 8px 26px 9px;
}
.btn.sppb-btn-3d,
.sppb-btn.sppb-btn-3d {
padding: 10px 30px 11px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.25), inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 -4px 0 rgba(0,0,0,0.25), inset 0 0 0 1px rgba(0,0,0,0.1);
outline: 0;
border: 0;
-webkit-transform: translateY(0) scale(1) perspective(1000px) rotateX(5deg) rotateY(0) translateZ(1%);
-moz-transform: translateY(0) scale(1) perspective(1000px) rotateX(5deg);
-ms-transform: translateY(0) scale(1) perspective(1000px) rotateX(5deg);
-o-transform: translateY(0) scale(1) perspective(1000px) rotateX(5deg);
transform: translateY(0) scale(1) perspective(1000px) rotateX(5deg) rotateY(0) translateZ(1%);
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.btn.sppb-btn-3d.focus,
.btn.sppb-btn-3d.active,
.btn.sppb-btn-3d:active,
.btn.sppb-btn-3d:focus,
.sppb-btn.sppb-btn-3d.focus,
.sppb-btn.sppb-btn-3d.active,
.sppb-btn.sppb-btn-3d:active,
.sppb-btn.sppb-btn-3d:focus {
outline: 0;
border: 0;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 0 1px rgba(0,0,0,0.1);
-webkit-transform: translateY(1px) scale(0.99) perspective(800px) rotateX(-5deg);
-moz-transform: translateY(1px) scale(0.99) perspective(800px) rotateX(-5deg);
-ms-transform: translateY(1px) scale(0.99) perspective(800px) rotateX(-5deg);
-o-transform: translateY(1px) scale(0.99) perspective(800px) rotateX(-5deg);
transform: translateY(1px) scale(0.99) perspective(800px) rotateX(0);
}
.btn.sppb-btn-3d.sppb-btn-lg,
.sppb-btn.sppb-btn-3d.sppb-btn-lg {
padding: 10px 34px 13px;
}
.btn.sppb-selector i.fa,
.btn.sppb-modal-selector i.fa,
.sppb-btn.sppb-selector i.fa,
.sppb-btn.sppb-modal-selector i.fa {
margin: 0 5px 0 0;
}
.btn.sppb-selector i.fas,
.btn.sppb-selector i.far,
.btn.sppb-modal-selector i.fas,
.btn.sppb-modal-selector i.far,
.sppb-btn.sppb-selector i.fas,
.sppb-btn.sppb-selector i.far,
.sppb-btn.sppb-modal-selector i.fas,
.sppb-btn.sppb-modal-selector i.far {
margin: 0 5px 0 0;
}
.btn.sppb-selector i.pe,
.btn.sppb-modal-selector i.pe,
.sppb-btn.sppb-selector i.pe,
.sppb-btn.sppb-modal-selector i.pe {
margin: 0 7px 0 -2px;
line-height: 1.1;
font-size: 115%;
text-align: center;
vertical-align: middle;
}
.btn.bold i.pe,
.sppb-btn.bold i.pe {
font-weight: 600;
}
.btn.sppb-btn-xs,
.sppb-btn.sppb-btn-xs {
line-height: 1.1;
padding: 5px 16px;
font-size: 80%;
}
.btn.sppb-btn-sm,
.sppb-btn.sppb-btn-sm {
padding: 6px 22px;
font-size: 87%;
}
.btn.sppb-btn-lg,
.sppb-btn.sppb-btn-lg {
line-height: 1.7;
font-size: 125%;
padding: 9px 30px;
}
.btn.btn-light i,
.sppb-btn.btn-light i {
line-height: 1.3;
margin-right: 6px;
}
.btn.btn-light i.pe,
.sppb-btn.btn-light i.pe {
font-size: 130%;
vertical-align: middle;
line-height: 1.4;
margin-right: 7px;
}
.btn.btn-light i.pe.bold,
.sppb-btn.btn-light i.pe.bold {
font-weight: 600;
}
.btn.responsive,
.sppb-btn.responsive {
white-space: normal;
text-align: center;
display: table;
}
.btn.sppb-btn-link,
.sppb-btn.sppb-btn-link {
border: 0;
padding-left: 20px;
padding-right: 20px;
}
.btn-readmore {
margin: 10px auto;
padding: 8px 30px;
}
.button {
outline: none;
border-radius: 4px;
border: none;
margin: 20px 10px;
}
.offline-container .row-fluid {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
height: 100vh;
}
.offline-container .row-fluid > div {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.offline-inner {
background: rgba(255,255,255,0.8);
margin: 0 auto;
padding: 3%;
border-radius: 4px;
}
.offline-inner .offline_message {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 10px auto;
padding: 3vh;
}
.offline-inner .outline > .centered-logo {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
}
.offline-inner .outline h1 {
font-weight: 300;
color: #777;
text-shadow: 1px 1px 2px gba(255,255,255,0.85);
}
.offline-inner .outline #form-login {
display: table;
margin: 10px auto 20px;
text-align: center;
width: 320px;
}
.offline-inner .outline #form-login #submit-buton {
margin: 0;
text-align: left;
}
.offline-inner .outline #form-login #submit-buton .btn-readmore.login {
border-color: #c61329;
background-color: #cf142b;
background-color: rgba(207,20,43,0.9);
color: #fff;
}
.offline-inner .outline #form-login #submit-buton .btn-readmore.login:hover,
.offline-inner .outline #form-login #submit-buton .btn-readmore.login:focus {
border-color: #890d1d;
background-color: #bc1227;
color: #fff;
}
.offline-inner .outline #form-login > div {
margin: 10px auto;
}
.offline-inner .outline #form-login input.form-control {
background-color: rgba(255,255,255,0.85);
line-height: 32px;
height: 42px;
}
.offline-inner hr {
border-color: rgba(255,255,255,0.8);
box-shadow: 0 -1px 0px rgba(0,0,0,0.1);
margin-bottom: 25px;
}
.offline-inner .sp-comingsoon-content {
margin: 10px auto;
clear: both;
font-size: 26px;
font-weight: 300;
display: block;
width: 100%;
text-align: center;
}
.offline-inner .sp-comingsoon-countdown {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 0 10%;
}
.offline-inner .sp-comingsoon-countdown .days,
.offline-inner .sp-comingsoon-countdown .hours,
.offline-inner .sp-comingsoon-countdown .minutes,
.offline-inner .sp-comingsoon-countdown .seconds {
width: 22%;
background-color: rgba(30,30,30,0.1);
margin: 10px auto;
box-shadow: none;
padding: 10px;
border-radius: 3px;
}
.offline-inner .sp-comingsoon-countdown .days .number,
.offline-inner .sp-comingsoon-countdown .hours .number,
.offline-inner .sp-comingsoon-countdown .seconds .number,
.offline-inner .sp-comingsoon-countdown .minutes .number {
min-width: 50%;
height: 45px;
line-height: 45px;
display: table;
margin: 10px auto;
text-align: center;
font-size: 45px;
font-weight: 300;
}
.offline-inner .sp-comingsoon-countdown .days .string,
.offline-inner .sp-comingsoon-countdown .minutes .string,
.offline-inner .sp-comingsoon-countdown .seconds .string,
.offline-inner .sp-comingsoon-countdown .hours .string {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 16px;
color: #777;
margin: 10px auto 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
color: #999;
opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
color: #999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
color: #999;
}
select[disabled],
select[readonly],
fieldset[disabled] select,
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
.uneditable-input[disabled],
.uneditable-input[readonly],
fieldset[disabled] .uneditable-input {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.uneditable-input {
height: auto;
}
.group-control select,
.group-control textarea,
.group-control input[type="text"],
.group-control input[type="password"],
.group-control input[type="datetime"],
.group-control input[type="datetime-local"],
.group-control input[type="date"],
.group-control input[type="month"],
.group-control input[type="time"],
.group-control input[type="week"],
.group-control input[type="number"],
.group-control input[type="email"],
.group-control input[type="url"],
.group-control input[type="search"],
.group-control input[type="tel"],
.group-control input[type="color"],
.group-control .uneditable-input {
width: 100%;
}
input {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
input:focus {
box-shadow: none !important;
}
.group-control select,
.group-control textarea,
.group-control input[type="text"],
.group-control input[type="password"],
.group-control input[type="datetime"],
.group-control input[type="datetime-local"],
.group-control input[type="date"],
.group-control input[type="month"],
.group-control input[type="time"],
.group-control input[type="week"],
.group-control input[type="number"],
.group-control input[type="email"],
.group-control input[type="url"],
.group-control input[type="search"],
.group-control input[type="tel"],
.group-control input[type="color"],
.group-control .uneditable-input {
width: 100%;
}
.pull-left {
margin-right: 20px;
margin-bottom: 3px;
}
.pull-center {
margin: 0 auto 10px;
text-align: center;
}
.pull-right {
margin-left: 20px;
margin-bottom: 3px;
}
.float-left {
float: left;
}
.float-center {
float: none;
margin: 0 auto;
text-align: center;
}
.float-right {
float: right;
}
.svgwhite {
background: url(../images/svgwhite.svg) center center repeat;
}
.shadow {
box-shadow: -25px 0 30px -15px rgba(0,0,0,0.15), 25px 0 30px -15px rgba(0,0,0,0.15);
}
.text-shadow {
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.text-shadow .sppb-cta-title {
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.border-radius {
border-radius: 5px;
}
.padding30 {
padding: 0 30px;
}
#sp-top-bar .sp-module {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
#sp-top-bar .sp-module .modal-login-wrapper {
display: inline-block;
}
ul.social-icons {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
ul.social-icons >li {
display: inline-block;
margin: 0 7px;
}
ul.social-icons >li a {
color: #999999;
}
.sp-module-content .mod-languages .dropdown-toggle {
display: block;
padding: 3px 10px 3px 14px;
broder: none;
box-shadow: 1px 0 0 0px rgba(196,196,196,0.15), -1px 0 0 0px rgba(196,196,196,0.15);
line-height: 1;
}
.sp-module-content .mod-languages .dropdown-toggle img {
display: inline-block;
padding: 0 7px 0 0;
margin-top: -2px;
}
.sp-module-content .mod-languages .dropdown-toggle >i {
padding: 0 0 0 4px;
width: 16px;
line-height: 14px;
vertical-align: middle;
}
.sp-module-content .mod-languages .dropdown-menu {
background-color: rgba(60,60,60,0.87);
border-radius: 0 0 5px 5px;
margin-top: 9px;
}
.sp-module-content .mod-languages .dropdown-menu li {
box-shadow: none;
border: none;
}
.sp-module-content .mod-languages .dropdown-menu li a {
padding: 2px 14px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
box-shadow: none;
border: none;
border-bottom: 1px solid rgba(157,157,157,0.25);
}
.sp-module-content .mod-languages .dropdown-menu li a img {
vertical-align: middle;
float: left;
display: flex;
padding: 0 8px 0 0;
}
.sp-module-content .mod-languages .dropdown-menu li a:hover {
color: #fff;
background-color: rgba(0,0,0,0.1);
}
.sp-module-content .mod-languages .dropdown-menu li:last-child a {
border-bottom: none;
}
.sp-module-content .mod-languages ul.lang-inline {
margin: 0;
padding: 0 10px;
border-left: 1px solid rgba(129,129,129,0.4);
border-right: 1px solid rgba(129,129,129,0.4);
}
.sp-module-content .mod-languages ul.lang-inline li {
border: none;
display: inline-block;
margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
padding: 0 !important;
}
.sp-module-content .mod-languages ul.lang-inline li >a:before {
display: none;
}
.sp-module-content .mod-languages ul.lang-inline li:last-child {
margin-right: 0;
}
.sp-module-content .mod-languages ul.lang-block.vertical {
margin: 0;
padding: 0;
display: block;
}
.sp-module-content .mod-languages ul.lang-block.vertical li {
border: none;
margin: 8px 0 0 0;
padding: 0;
display: table;
text-align: left;
}
.sp-module-content .mod-languages ul.lang-block.vertical li a {
float: left;
display: block;
padding: 0;
line-height: 1.5;
}
.sp-module-content .mod-languages ul.lang-block.vertical li a img {
float: left;
direction: ltr;
text-align: left;
display: inline;
margin: 0;
padding: 4px 8px 0 0;
}
.sp-module-content .mod-languages ul.lang-block.vertical li a span {
font-size: 90%;
float: left;
}
.sp-module-content .mod-languages ul.lang-block.vertical li.lang-active a i {
padding: 0px 0 0 6px;
margin-top: 3px;
line-height: 15px;
font-size: 80%;
color: #ef5a6c;
vertical-align: top;
opacity: 0.7;
}
.sp-module-content .mod-languages ul.lang-block.vertical li >a:before {
display: none;
}
.signature {
position: relative;
overflow: auto;
width: 100%;
height: 0;
padding-bottom: 55.30973%;
}
.signature svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sp-contact-info {
float: left;
list-style: none;
padding: 0;
margin: 0 10px 0 0;
}
.sp-contact-info li {
display: inline-block;
margin: 0 7px;
font-size: 90%;
}
.sp-contact-info li i {
margin: 0 3px;
}
.sp-contact-info li i.pe {
font-size: 125%;
line-height: 1;
margin-top: -2px;
vertical-align: middle;
}
.sp-contact-info li span[id*="cloak"] {
text-indent: -9999em;
}
#sp-logo-centered #sp-logo,
#sp-logo-centered #sp-logo div h1,
#sp-logo-centered #sp-logo div a {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
#sp-addspace-logo .sp-column,
#sp-addspace-logo #sp-addspace div {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
}
#sp-addspace-logo #sp-logo > div {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
}
ol.breadcrumb {
background: transparent;
padding: 0;
margin-: 0;
list-style: none;
border-radius: 4px;
}
ol.breadcrumb > li {
display: inline;
}
ol.breadcrumb > li + li:before,
ol.breadcrumb > li img {
display: none;
}
ol.breadcrumb > li .text_separator {
padding: 0 5px;
display: inline;
}
ol.breadcrumb > li .breadcrumb_divider {
padding: 0 6px;
vertical-align: middle;
color: #ccc;
}
#sp-title {
min-height: 0;
}
.sp-page-title-no-img {
background-color: #999;
}
.sp-page-title,
.sp-page-title-no-img {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
box-shadow: inset 0 -10px 40px -10px rgba(0,0,0,0.1), inset 0 10px 10px -8px rgba(0,0,0,0.2);
backface-visibility: hidden;
}
.sp-page-title .container h1,
.sp-page-title-no-img .container h1 {
font-weight: 300;
}
.sp-page-title .container h1,
.sp-page-title .container h2,
.sp-page-title .container h3,
.sp-page-title-no-img .container h1,
.sp-page-title-no-img .container h2,
.sp-page-title-no-img .container h3 {
margin: 0;
padding: 0;
color: #fff;
text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
}
.sp-page-title .container h1,
.sp-page-title .container h2,
.sp-page-title-no-img .container h1,
.sp-page-title-no-img .container h2 {
font-size: 32px;
line-height: 1;
}
.sp-page-title .container h3,
.sp-page-title-no-img .container h3 {
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-top: 10px;
}
.sp-page-title .container .breadcrumb,
.sp-page-title-no-img .container .breadcrumb {
background: none;
padding: 0;
margin: 10px 0 0 0;
}
.sp-page-title .container .breadcrumb >.active,
.sp-page-title-no-img .container .breadcrumb >.active {
color: rgba(255,255,255,0.8);
}
.sp-page-title .container .breadcrumb >span,
.sp-page-title .container .breadcrumb >li,
.sp-page-title .container .breadcrumb >li+li:before,
.sp-page-title .container .breadcrumb >li>a,
.sp-page-title-no-img .container .breadcrumb >span,
.sp-page-title-no-img .container .breadcrumb >li,
.sp-page-title-no-img .container .breadcrumb >li+li:before,
.sp-page-title-no-img .container .breadcrumb >li>a {
color: #fff;
}
.body-innerwrapper {
overflow-x: hidden;
}
.layout-boxed .body-innerwrapper {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.layout-boxed .body-innerwrapper header.centered,
.layout-boxed .body-innerwrapper header.centered > .container-fluid {
width: 100%;
}
.layout-boxed .body-innerwrapper .sp-page-title {
padding-left: 20px;
}
.layout-boxed .body-innerwrapper #sp-left.container-fluid,
.layout-boxed .body-innerwrapper #sp-right.container-fluid {
padding: 0 15px 0 15px !important;
}
.layout-boxed .no-padding {
padding-left: 0;
padding-right: 0;
}
#sp-main-body {
padding: 50px 0;
}
.com-sppagebuilder #sp-main-body {
padding: 0;
}
.com-sppagebuilder #sp-main-body .sppb-section {
backface-visibility: hidden;
}
.com-sppagebuilder #sp-main-body .sppb-section > .sppb-row {
padding: 0;
}
.com-sppagebuilder #sp-main-body .sppb-section > .sppb-row .sppb-addon-container {
padding: 0;
}
.com-sppagebuilder #sp-main-body #sp-left {
padding: 0 0 0 40px;
margin-right: -15px;
}
.com-sppagebuilder #sp-main-body #sp-right {
padding: 0 40px 0 0;
margin-left: -15px;
}
.sp-column .sp-lr .sp-module {
margin-top: 40px;
}
.sp-column .sp-lr .sp-module:first-child {
margin-top: 0;
}
.sp-module:first-child,
.sppb-addon-module:first-child {
margin-top: 0;
}
.sp-module .sp-module-title,
.sppb-addon-module .sp-module-title {
margin: 0 0 20px;
font-size: 140%;
line-height: 1.2;
width: auto;
padding-right: 30px;
box-shadow: inset 0 -1px 0 #ddd;
display: table;
}
.sp-module .sp-module-title:after,
.sppb-addon-module .sp-module-title:after {
clear: both;
display: block;
float: left;
content: "";
position: relative;
height: 2px;
width: 70%;
margin: 10px 30% 0 0;
border-radius: 2px;
padding: 0;
}
.sp-module ul,
.sppb-addon-module ul {
list-style: none;
padding: 0;
margin: 0;
}
.sp-module ul >li,
.sppb-addon-module ul >li {
display: block;
border-bottom: 1px solid #e8e8e8;
-webkit-transition: 300ms;
transition: 300ms;
}
.sp-module ul >li >a,
.sppb-addon-module ul >li >a {
display: block;
padding: 5px 0;
line-height: 36px;
padding: 2px 0;
-webkit-transition: 300ms;
transition: 300ms;
}
.sp-module ul >li >a:hover,
.sppb-addon-module ul >li >a:hover {
background: none;
}
.sp-module ul >li:last-child,
.sppb-addon-module ul >li:last-child {
border-bottom: none;
}
.sp-module .categories-module ul,
.sppb-addon-module .categories-module ul {
margin: 0 10px;
}
.sp-module ul.category-module >li,
.sppb-addon-module ul.category-module >li {
padding-bottom: 10px;
margin-bottom: 7px;
}
.sp-module ul.category-module >li a.mod-articles-category-title,
.sppb-addon-module ul.category-module >li a.mod-articles-category-title {
line-height: 1.5;
}
.sp-module ul.category-module >li a.mod-articles-category-title >i,
.sppb-addon-module ul.category-module >li a.mod-articles-category-title >i {
font-size: 87%;
opacity: 0;
margin-left: -2px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.sp-module ul.category-module >li a.mod-articles-category-title:hover >i,
.sppb-addon-module ul.category-module >li a.mod-articles-category-title:hover >i {
opacity: 1;
margin-left: 5px;
}
.sp-module ul.category-module >li span,
.sppb-addon-module ul.category-module >li span {
margin: 0 7px 0 0;
padding: 0;
display: inline-table;
font-size: 85%;
color: #888;
line-height: 1;
}
.sp-module ul.category-module >li span >i,
.sppb-addon-module ul.category-module >li span >i {
margin: 0 3px 0 0;
font-size: 90%;
line-height: 1.33;
vertical-align: top;
}
.sp-module ul.category-module >li p,
.sppb-addon-module ul.category-module >li p {
margin: 5px auto 0;
font-size: 90%;
color: #888;
line-height: 1.5;
}
.sp-module ul.category-module >li p .fa-quote-left,
.sppb-addon-module ul.category-module >li p .fa-quote-left {
margin: 0 5px 0 0;
font-size: 90%;
}
.sp-module ul.category-module >li p .fa-quote-right,
.sppb-addon-module ul.category-module >li p .fa-quote-right {
margin: 0 0 0 5px;
font-size: 90%;
}
.sp-module .latest-articles,
.sppb-addon-module .latest-articles {
display: block;
width: 100%;
}
.sp-module .latest-articles a,
.sppb-addon-module .latest-articles a {
float: left;
color: #707070;
width: 100%;
clear: both;
font-size: 14px;
line-height: 1.57;
padding: 5px 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.sp-module .latest-articles a .article-list-img,
.sppb-addon-module .latest-articles a .article-list-img {
float: left;
margin: 0 15px 0 0;
width: 50px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sp-module .latest-articles a .article-list-img .overlay,
.sppb-addon-module .latest-articles a .article-list-img .overlay {
position: absolute;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 50px;
height: 50px;
box-shadow: none;
border-radius: 2px;
}
.sp-module .latest-articles a .article-list-img img,
.sppb-addon-module .latest-articles a .article-list-img img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 2px;
}
.sp-module .latest-articles a .latest-articles-title,
.sppb-addon-module .latest-articles a .latest-articles-title {
width: 70%;
margin: 10px 0;
font-size: 14px;
line-height: 1.57;
}
.sp-module .latest-articles a .date,
.sppb-addon-module .latest-articles a .date {
float: left;
display: block;
margin: 0 15px 0 0;
width: 50px;
text-align: center;
background: rgba(155,155,155,0.1);
border-radius: 2px;
color: #777;
border: 1px solid rgba(95,95,95,0.12);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sp-module .latest-articles a .date .year,
.sppb-addon-module .latest-articles a .date .year {
font-size: 15px;
line-height: 27px;
color: #999;
}
.sp-module .latest-articles a .date small,
.sppb-addon-module .latest-articles a .date small {
font-size: 11px;
line-height: 15px;
display: block;
clear: both;
margin: 5px auto 0;
color: #777;
}
.sp-module .latest-articles a:hover,
.sp-module .latest-articles a:focus,
.sppb-addon-module .latest-articles a:hover,
.sppb-addon-module .latest-articles a:focus {
color: #444;
}
.sp-module .latest-articles a:hover .overlay,
.sp-module .latest-articles a:focus .overlay,
.sppb-addon-module .latest-articles a:hover .overlay,
.sppb-addon-module .latest-articles a:focus .overlay {
box-shadow: inset 0 0 0 2px rgba(55,55,55,0.25);
}
.sp-module .latest-articles a:hover .date,
.sp-module .latest-articles a:focus .date,
.sppb-addon-module .latest-articles a:hover .date,
.sppb-addon-module .latest-articles a:focus .date {
border: 1px solid rgba(95,95,95,0.35);
}
.sp-module .latest-articles a:hover .date .year,
.sp-module .latest-articles a:focus .date .year,
.sppb-addon-module .latest-articles a:hover .date .year,
.sppb-addon-module .latest-articles a:focus .date .year {
color: #888;
}
.sp-module .latest-articles a:hover .date small,
.sp-module .latest-articles a:focus .date small,
.sppb-addon-module .latest-articles a:hover .date small,
.sppb-addon-module .latest-articles a:focus .date small {
color: #666;
}
.sp-module .relateditems >li,
.sppb-addon-module .relateditems >li {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
}
.sp-module .relateditems >li:last-child,
.sppb-addon-module .relateditems >li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.sp-module .relateditems >li >a,
.sppb-addon-module .relateditems >li >a {
display: block;
font-weight: 400;
line-height: 1.5;
}
.sp-module .relateditems >li >a >i.fa,
.sp-module .relateditems >li >a >i.fas,
.sp-module .relateditems >li >a >i.far,
.sppb-addon-module .relateditems >li >a >i.fa,
.sppb-addon-module .relateditems >li >a >i.fas,
.sppb-addon-module .relateditems >li >a >i.far {
font-size: 90%;
line-height: 12px;
color: #888;
width: 16px;
margin-right: 0;
text-align: center;
}
.sp-module .relateditems >li >a >div.related-date,
.sppb-addon-module .relateditems >li >a >div.related-date {
display: block;
margin: 5px 0;
font-size: 90%;
color: #888;
}
.sp-module .relateditems >li >a >div.related-date >i,
.sppb-addon-module .relateditems >li >a >div.related-date >i {
color: #bbb;
width: 16px;
margin-right: 3px;
text-align: center;
}
.sp-module .tagscloud,
.sppb-addon-module .tagscloud {
margin: -2px 0;
}
.sp-module .tagscloud .tag-name,
.sppb-addon-module .tagscloud .tag-name {
display: inline-block;
padding: 4px 10px;
font-size: 85%;
color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
margin: 3px 0 3px 2px;
}
.sp-module .tagscloud .tag-name span,
.sppb-addon-module .tagscloud .tag-name span {
display: inline-block;
min-width: 8px;
margin: 0 -1px 0 3px;
padding: 3px 7px;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: rgba(0,0,0,0.12);
border-radius: 10px;
}
.top-search-wrapper {
position: relative;
line-height: 32px;
width: 42px;
z-index: 3;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.top-search-wrapper .icon-top-wrapper {
cursor: pointer;
}
.top-search-wrapper .icon-top-wrapper i.fa,
.top-search-wrapper .icon-top-wrapper i.fas,
.top-search-wrapper .icon-top-wrapper i.far {
font-size: 15px;
text-align: center;
width: 42px;
margin: 0 auto;
}
.top-search-wrapper .icon-top-wrapper i.pe {
font-size: 18px;
text-align: center;
font-weight: bold;
width: 42px;
margin: 0 auto;
}
.top-search-wrapper .icon-top-wrapper .search-close-icon {
display: none;
}
.top-search-wrapper .icon-top-wrapper .search-close-icon.open {
display: block;
}
.top-search-wrapper .icon-top-wrapper i.pe.search-close-icon.open {
font-size: 22px;
}
.top-search-wrapper .icon-top-wrapper .search-close-icon,
.top-search-wrapper .icon-top-wrapper .search-open-icon {
width: 42px;
text-align: center;
line-height: 32px;
}
.top-search-input-wrap {
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.top-search-input-wrap .top-search-wrap {
position: absolute;
right: -10px;
left: auto;
float: left;
width: 360px;
margin: -20px 0 0 0;
z-index: 8;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateY(-20px) scale(0.85) perspective(500px) rotateX(90deg);
-moz-transform: translateY(-20px) scale(0.85) perspective(500px) rotateX(90deg);
-ms-transform: translateY(-20px) scale(0.85) perspective(500px) rotateX(90deg);
-o-transform: translateY(-20px) scale(0.85) perspective(500px) rotateX(90deg);
transform: translateY(-20px) scale(0.85) perspective(500px) rotateX(90deg);
-webkit-transition: all 0.3s cubic-bezier(0.405,0.020,0.325,0.950);
-moz-transition: all 0.3s cubic-bezier(0.405,0.020,0.325,0.950);
-o-transition: all 0.3s cubic-bezier(0.405,0.020,0.325,0.950);
transition: all 0.3s cubic-bezier(0.405,0.020,0.325,0.950);
opacity: 0;
}
.top-search-input-wrap .top-search-wrap .searchwrapper {
background-color: rgba(255,255,255,0.95);
padding: 8px 0;
border-radius: 3px;
margin-top: -1px;
}
.top-search-input-wrap .top-search-wrap .sp_search_input {
width: 360px;
}
.top-search-input-wrap .top-search-wrap .sp_search_input input {
background-color: transparent;
width: 100%;
height: auto;
font-size: 18px;
font-weight: 600;
border: 0;
box-shadow: none;
text-align: center;
}
.top-search-input-wrap .top-search-wrap.active {
margin-top: 1vh;
-webkit-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-moz-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-ms-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-o-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
opacity: 1;
}
.search input#mod-search-searchword {
width: 100%;
border-radius: 4px;
}
.search input#mod-search-searchword:focus {
box-shadow: none;
}
.search button[name="Search"] {
position: absolute;
right: -19px;
border-radius: 0 4px 4px 0;
line-height: 1;
width: 42px;
height: 34px;
padding-left: 5px;
padding-right: 4px;
}
.search button[name="Search"] .fa-search {
font-size: 110%;
vertical-align: top;
line-height: 1.1;
}
.search.flex-search:before {
font-family: 'Font Awesome 5 Free';
content: "\f002";
font-weight: 900;
position: relative;
z-index: 1;
margin-bottom: -42px;
float: right;
right: 12px;
line-height: 2.2;
padding-left: 3px;
text-align: center;
vertical-align: middle;
opacity: 0.9;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.search.flex-search:hover:before,
.search.flex-search:focus:before,
.search.flex-search:active:before {
opacity: 0.2;
content: "\f00e";
font-weight: 900;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.search .btn-toolbar {
margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
margin: 0;
}
.search .btn-toolbar button {
color: #fff;
}
.search .phrases .phrases-box .controls label {
display: inline-block;
margin: 0 20px 20px;
}
.search .phrases .ordering-box {
margin-bottom: 15px;
}
.search .only label {
display: inline-block;
margin: 0 20px 20px;
}
.search .search-results dt.result-title {
margin-top: 40px;
font-size: 110%;
}
.search .search-results dt.result-title > a + i.fa-link {
font-size: 90%;
color: #909090;
line-height: 1.1;
margin-left: -5px;
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.search .search-results dt.result-title > a:hover + i.fa-link {
opacity: 1;
margin-left: 3px;
}
.search .search-results dt,
.search .search-results dd {
margin: 5px 0;
}
.search .search-results .result-created {
margin: 10px 0 0;
font-size: 90%;
}
.search span.highlight {
background: #9BCC56;
color: #fff;
padding: 0 3px;
}
.filter-search .chzn-container-single .chzn-single {
height: 34px;
line-height: 34px;
}
.form-search .finder label {
display: block;
}
.form-search .finder .input-medium {
width: 60%;
border-radius: 4px;
}
.finder .word input {
display: inline-block;
}
.finder .search-results.list-striped li {
padding: 20px 0;
}
.article-info {
margin: 0;
padding-top: 12px;
line-height: 12px;
}
.article-info >dd {
display: inline-block;
font-size: 12px;
line-height: 20px;
color: #666;
margin: 0 5px;
}
.article-info >dd >i,
.article-info >dd >span.fa-eye,
.article-info >dd >span.far.fa-eye {
display: inline-block;
margin-right: 2px;
}
.article-info >dd .voting-symbol {
margin-left: 3px;
}
.tag-category .btn-group.pull-right {
margin-right: 10px;
}
.tag-category table.category {
margin: 30px auto;
}
.tag-category ul.category {
padding: 40px 0;
}
.tag-category ul.category li .sp-module {
margin: 0;
}
.tag-category ul.category li h3 >a {
font-size: 115%;
line-height: 1.3;
}
.tag-category ul.category li >.tag-body {
margin: 5px 0 0 0;
}
.tag-category ul.category li >.tag-img {
margin: 5px 25px 5px 0;
width: 33%;
}
.tag-category ul.category li >.tag-img .overlay {
position: relative;
}
.tag-category ul.category li >.tag-img .overlay:before {
content: "";
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.1);
box-shadow: inset 0 0 25px rgba(0,0,0,0.15), inset 0 0 0 5px rgba(0,0,0,0.1);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tag-category ul.category li >.tag-img .overlay i {
position: absolute;
opacity: 0;
color: #fff;
font-size: 20px;
line-height: 1;
padding: 10px 11px;
margin: -10px 0 0 -20px;
border-radius: 3px;
text-align: center;
vertical-align: middle;
top: 50%;
left: 50%;
background: rgba(0,0,0,0.5);
-webkit-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s;
}
.tag-category ul.category li >.tag-img .overlay:hover:before {
opacity: 1;
}
.tag-category ul.category li >.tag-img .overlay:hover i {
opacity: 1;
margin: -19px 0 0 -21px;
}
.tag-category ul.category li:last-child {
border-bottom: none;
}
.tags {
font-size: 90%;
padding-top: 10px;
float: left;
margin: 7px 20px 0 0;
}
.tags >span >i {
margin: 0 5px 0 3px;
}
.tags:hover >span >i {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tags >a {
margin-right: 5px;
}
.readmore {
margin: 0 20px 0 0;
float: left;
}
.helix-social-share .helix-social-share-blog {
margin-top: 11px;
float: left;
display: table;
}
.helix-social-share .helix-social-share-blog ul {
padding: 6px;
list-style: none;
margin: 0;
background: #eee;
border-radius: 3px;
}
.helix-social-share .helix-social-share-blog ul li {
display: inline-block;
margin-right: 4px;
}
.helix-social-share .helix-social-share-blog ul li:last-child {
margin-right: 0;
}
.helix-social-share .helix-social-share-blog ul li a {
font-size: 14px;
display: inline-block;
text-align: center;
text-transform: none;
border-radius: 2px;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.helix-social-share .helix-social-share-blog ul li a > i {
height: 24px;
width: 26px;
line-height: 24px;
}
.helix-social-share .helix-social-share-blog ul li a.facebook {
background-color: #3b5998;
}
.helix-social-share .helix-social-share-blog ul li a.twitter {
background-color: #1da1f2;
}
.helix-social-share .helix-social-share-blog ul li a.google-plus {
background-color: #dd4b39;
}
.helix-social-share .helix-social-share-blog ul li a.linkedin {
background-color: #00a0dc;
}
.helix-social-share .helix-social-share-blog ul li a:hover {
background-color: #555;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article {
margin-top: 9px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul {
padding: 2px;
margin: 0;
background: transparent;
border-radius: 3px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li {
display: inline-block;
margin-right: 4px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a {
font-size: 14px;
border-radius: 3px;
color: #fff;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a > i {
height: 24px;
width: 24px;
line-height: 24px;
font-size: 17px;
text-align: center;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.facebook,
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.twitter {
padding: 5px 20px 5px 18px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.google-plus,
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.linkedin {
padding: 5px 10px;
}
.content_rating,
.content_rating + form {
display: none;
}
.voting-symbol {
unicode-bidi: bidi-override;
direction: rtl;
font-size: 1em;
display: inline-block;
}
.voting-symbol span.star {
font-family: 'Font Awesome 5 Free';
font-style: normal;
display: inline-block;
}
.voting-symbol span.star.active:before {
font-weight: 900;
}
.voting-symbol span.star:before {
content: "\f005";
font-style: normal;
font-weight: 400;
padding-right: 0.3em;
}
.sp-rating span.star:before,
.sp-rating span.star ~ span.star:before {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
cursor: pointer;
font-weight: 900;
}
.post_rating {
margin-bottom: 20px;
}
.post_rating .ajax-loader,
.post_rating .voting-result {
display: none;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link,
.entry-status,
.entry-quote {
margin-bottom: 30px;
position: relative;
}
.entry-image .img-caption-overlay {
background: rgba(0,0,0,0.6);
background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.6));
color: #fff;
padding: 5px 15px;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.has-post-format-masonry {
position: absolute;
}
.has-post-format-masonry .post-format-masonry {
position: absolute;
z-index: 2;
top: 7px;
left: 8px;
width: 24px;
height: 24px;
}
.has-post-format-masonry .post-format-masonry > i {
font-size: 14px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
color: #fff;
margin: 0 auto;
border-radius: 2px;
}
.entry-header {
position: relative;
margin-bottom: 25px;
}
.entry-header.has-post-format {
margin-left: 62px;
}
.entry-header.has-post-format .post-format {
position: absolute;
top: 3px;
left: -62px;
display: block;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 3px;
}
.entry-header h1 {
font-size: 225%;
font-weight: 300;
}
.entry-header h1,
.entry-header h2 {
margin: 0;
line-height: 1.2;
width: auto;
padding-right: 30px;
box-shadow: inset 0 -1px 0 #ddd;
display: table;
word-wrap: break-word;
}
.entry-header h1:after,
.entry-header h2:after {
clear: both;
display: block;
float: left;
content: "";
position: relative;
height: 2px;
width: 70%;
margin: 10px 30% 0 0;
border-radius: 2px;
padding: 0;
}
.entry-link {
padding: 50px;
position: relative;
z-index: 0;
border-radius: 4px;
}
.entry-link a h4 {
margin: 0;
font-size: 36px;
line-height: 1.5;
color: #fff;
}
.entry-link a h4:hover {
color: rgba(255,255,255,0.85);
}
.entry-link:before {
position: absolute;
right: -20px;
font-size: 200px;
font-family: 'Font Awesome 5 Free';
content: "\f0c1";
font-weight: 900;
transform: rotate(180deg);
top: 85px;
color: rgba(255,255,255,0.1);
z-index: -1;
}
.entry-quote {
position: relative;
padding: 50px;
border-radius: 4px;
color: rgba(255,255,255,0.9);
z-index: 0;
}
.entry-quote:before {
position: absolute;
right: -10px;
font-size: 200px;
font-family: 'Font Awesome 5 Free';
content: "\f10e";
font-weight: 900;
transform: rotate(320deg);
top: 120px;
color: rgba(255,255,255,0.1);
z-index: -1;
}
.entry-quote blockquote small {
color: #FFF;
font-weight: 600;
font-size: 20px;
}
.entry-quote blockquote {
padding: 0;
margin: 0;
font-size: 16px;
border: none;
}
.entry-quote blockquote .fa-quote-left {
margin-right: 7px;
}
.entry-quote blockquote .fa-quote-right {
margin-left: 7px;
}
.newsfeed-category .category {
list-style: none;
padding: 0;
margin: 0;
}
.newsfeed-category .category li {
padding: 5px 0;
}
.newsfeed-category #filter-search {
margin: 10px 0;
}
.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
list-style: none;
padding: 0;
margin: 0;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
padding: 2px 0;
}
.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
margin: 5px 0;
}
#sp-bottom .sp-module .sp-module-title {
text-transform: none;
font-weight: 400;
font-size: 24px;
}
footer {
margin-top: auto;
}
#sp-footer {
color: #fff;
text-align: center;
padding: 20px 0;
}
#sp-footer a {
color: rgba(255,255,255,0.9);
}
#sp-footer a:hover {
color: #fff;
}
#sp-footer-wrapper ul {
display: inline-block;
}
#sp-footer-wrapper ul.nav {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
display: inline-block;
margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
background: none;
}
#sp-footer-wrapper .helix-framework {
display: inline-block;
}
#sp-footer-wrapper .copyright {
display: block;
}
.sp-comingsoon {
width: 100%;
height: 100%;
min-height: 100%;
}
.sp-comingsoon body {
width: 100%;
height: 100%;
min-height: 100%;
color: #fff;
}
.sp-comingsoon body #sp-comingsoon,
.sp-comingsoon body .sp-comingsoon-wrap {
z-index: 1;
position: relative;
}
.sp-comingsoon body a.logo {
padding: 25px;
width: 100%;
text-align: center;
display: table;
margin: 0 auto 0;
background: rgba(20,20,20,0.6);
box-shadow: 0 30px 200px rgba(0,0,0,0.2);
}
.sp-comingsoon body a.logo img.sp-default-logo {
text-align: center;
margin: 0 0 0 -140px;
padding: 5px;
display: inline-table;
-webkit-transition: all 300ms .4s;
transition: all 300ms .4s;
}
.sp-comingsoon body a.logo div.backhome {
margin: 0 auto;
text-indent: -20px;
padding: 0 5px;
font-size: 17px;
color: #ddd;
line-height: 20px;
display: inline-block;
opacity: 0;
-webkit-transition: all 500ms .5s;
transition: all 500ms .5s;
}
.sp-comingsoon body a.logo + .fa-clock-o,
.sp-comingsoon body a.logo + .far.fa-clock {
height: auto;
position: fixed;
overflow: hidden;
top: 28%;
left: 50%;
margin: 0 0 0 -184px;
text-align: center;
font-size: 430px;
color: rgba(0,0,0,0.12);
opacity: 0.4;
z-index: 0;
-webkit-transition: transform .7s .7s, opacity .7s .8s;
transition: transform .7s .7s, opacity .7s .8s;
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.sp-comingsoon body a.logo:hover {
background: rgba(0,0,0,0.6);
}
.sp-comingsoon body a.logo:hover img.sp-default-logo {
text-align: center;
margin: 0 0 0 10px;
}
.sp-comingsoon body a.logo:hover div.backhome {
text-indent: -20px;
opacity: 1;
}
.sp-comingsoon body a.logo:hover + .fa-clock-o,
.sp-comingsoon body a.logo:hover + .fa-clock {
opacity: 0.6;
-ms-transform: rotate(-400deg);
-webkit-transform: rotate(-400deg);
transform: rotate(-400deg);
}
.sp-comingsoon .sp-comingsoon-title {
margin: 60px auto 0;
font-size: 370%;
font-weight: 300;
}
.sp-comingsoon .sp-comingsoon-content {
margin: 20px auto 0;
font-size: 26px;
font-weight: 300;
}
.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds {
display: inline-block;
margin: 70px 15px;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number {
width: 125px;
height: 120px;
line-height: 120px;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 4px;
display: inline-block;
font-size: 48px;
font-weight: 100;
background-color: rgba(0,0,0,0.07);
}
.sp-comingsoon .days .string,
.sp-comingsoon .minutes .string,
.sp-comingsoon .seconds .string,
.sp-comingsoon .hours .string {
display: block;
font-size: 18px;
margin-top: 10px;
}
.sp-comingsoon .social-icons li {
display: inline-block;
margin: 25px 15px 40px;
}
.sp-comingsoon .social-icons li a {
color: rgba(255,255,255,0.7);
font-size: 24px;
-webkit-transition: color 400ms;
transition: color 400ms;
}
.sp-comingsoon .social-icons li a:hover {
color: #fff;
}
.sp-comingsoon .social-icons.with-bckg-img .social-icons {
margin: 15px auto;
padding: 3px 5px;
border-radius: 5px;
}
.sp-comingsoon .social-icons.with-bckg-img .social-icons li {
display: inline-table;
margin: 5px 15px 2px;
}
.error-page {
width: 100%;
height: 100%;
min-height: 100%;
}
.error-page body {
width: 100%;
height: 100%;
min-height: 100%;
}
.error-page .error-page-inner {
height: 100%;
min-height: 100%;
width: 100%;
display: table;
text-align: center;
}
.error-page .error-page-inner >div.container {
display: table-cell;
vertical-align: middle;
}
.error-page .error-page-inner >div.container .btn-error {
background: #e61630;
color: #fff;
margin: 25px auto 40px;
}
.error-page .error-page-inner >div.container .btn-error >i {
margin-right: 5px;
}
.error-page .error-page-inner >div.container .btn-error:hover {
background: #cf142b;
}
.error-page .error-page-inner >div.container .fa-exclamation-triangle {
font-size: 64px;
line-height: 1;
margin-bottom: 0;
color: #ed4358;
}
.error-page .error-page-inner >div.container .error-code {
font-weight: 100;
font-size: 120px;
line-height: 1;
color: #eb2b43;
margin: -10px 0 30px 0;
padding: 0;
}
.error-page .error-page-inner >div.container .error-code-message {
font-weight: 300;
font-size: 40px;
color: #777;
line-height: 1;
margin: 20px 0;
padding: 0;
}
.error-page .error-page-inner >div.container .error-message {
font-size: 24px;
line-height: 1;
color: #aaa;
margin-bottom: 30px;
}
.error-page .error-page-inner.with-bckg-img div.container .pe-7s-compass {
font-size: 100px;
font-weight: 100;
color: #fff;
text-shadow: 1px 3px 6px rgba(0,0,0,0.1);
}
.error-page .error-page-inner.with-bckg-img div.container .error-code {
font-weight: 300;
font-size: 130px;
color: #e61630;
margin: -15px 0 30px 0;
}
.error-page .error-page-inner.with-bckg-img div.container .error-code-message {
font-weight: 300;
font-size: 50px;
color: #fff;
margin: 20px 0;
text-shadow: 2px 3px 6px rgba(0,0,0,0.25);
}
.error-page .error-page-inner.with-bckg-img div.container .error-message {
font-size: 24px;
line-height: 1;
color: #fff;
text-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}
.sp-social-share ul {
display: block;
padding: 0;
margin: 20px -5px 0;
}
.sp-social-share ul li {
display: inline-block;
font-size: 24px;
margin: 0 5px;
}
.dl-horizontal dt {
margin: 8px 0;
text-align: left;
}
.page-header {
padding-bottom: 15px;
}
table.category {
width: 100%;
}
table.category thead >tr,
table.category tbody >tr {
border: 1px solid #f2f2f2;
}
table.category thead >tr th,
table.category thead >tr td,
table.category tbody >tr th,
table.category tbody >tr td {
padding: 10px;
}
.contact-form .form-actions {
background: none;
border: none;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul.flex > li > a:hover {
color: #fff;
}
.entry-gallery.carousel .carousel,
.entry-gallery.carousel .carousel-inner,
.entry-gallery.carousel .carousel-inner .item {
height: 100%;
}
.entry-gallery.carousel .carousel-left,
.entry-gallery.carousel .carousel-right {
position: absolute;
top: 50%;
font-size: 24px;
width: 36px;
height: 36px;
line-height: 34px;
margin-top: -18px;
text-align: center;
color: #fff;
background: rgba(0,0,0,0.2);
border-radius: 4px;
}
.entry-gallery.carousel .carousel-left:hover,
.entry-gallery.carousel .carousel-left:focus,
.entry-gallery.carousel .carousel-right:hover,
.entry-gallery.carousel .carousel-right:focus {
color: #fff;
}
.entry-gallery.carousel .carousel-left >.fa,
.entry-gallery.carousel .carousel-left >.fas,
.entry-gallery.carousel .carousel-left >.far,
.entry-gallery.carousel .carousel-right >.fa,
.entry-gallery.carousel .carousel-right >.fas,
.entry-gallery.carousel .carousel-right >.far {
width: 32px;
text-align: center;
}
.entry-gallery.carousel .carousel-left {
left: 10px;
padding-right: 1px;
}
.entry-gallery.carousel .carousel-right {
right: 10px;
padding-left: 3px;
}
.entry-gallery.carousel:hover .carousel-left:hover,
.entry-gallery.carousel:hover .carousel-right:hover {
background: rgba(0,0,0,0.4);
}
.entry-gallery.carousel.carousel-fade .carousel-inner .item {
width: 100%;
transition-property: opacity;
}
.entry-gallery.carousel.carousel-fade .carousel-inner .item,
.entry-gallery.carousel.carousel-fade .carousel-inner .active.left,
.entry-gallery.carousel.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.entry-gallery.carousel.carousel-fade .carousel-inner .active,
.entry-gallery.carousel.carousel-fade .carousel-inner .next.left,
.entry-gallery.carousel.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.entry-gallery.carousel.carousel-fade .carousel-inner .next,
.entry-gallery.carousel.carousel-fade .carousel-inner .prev,
.entry-gallery.carousel.carousel-fade .carousel-inner .active.left,
.entry-gallery.carousel.carousel-fade .carousel-inner .active.right {
left: 0;
transform: translate3d(0,0,0);
}
.entry-gallery.carousel.carousel-fade .carousel-control {
z-index: 2;
}
.bold i.pe {
font-weight: 600;
}
.bold .sppb-btn i.pe {
font-weight: 600;
}
.desaturate li:hover .overlay {
-webkit-filter: none;
}
.desaturate a img:hover {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#greyscale");
filter: gray;
-webkit-filter: grayscale(1);
}
.desaturate a:hover {
overflow: hidden;
}
.desaturate a:hover >img.desaturate {
-webkit-transition: all .5s ease-in-out .1s;
-moz-transition: all .5s ease-in-out .1s;
-o-transition: all .5s ease-in-out .1s;
transition: all .5s ease-in-out .1s;
-webkit-filter: grayscale(100%) brightness(1.3);
-moz-filter: grayscale(100%) brightness(1.3) blur(1px);
-ms-filter: grayscale(100%) brightness(1.3) blur(1px);
-o-filter: grayscale(100%) brightness(1.3) blur(1px);
filter: grayscale(100%) brightness(1.3) blur(1px);
filter: url("data:image/svg+xml;utf8,#greyscale");
filter: gray;
}
a#scroll-top {
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position: fixed;
right: -40px;
bottom: 1px;
height: 54px;
width: 54px;
line-height: 54px;
border-radius: 4px;
background: transparent;
z-index: 9;
-webkit-transition: all .7s cubic-bezier(0.405,0.020,0.325,0.950) .2s;
-moz-transition: all .7s cubic-bezier(0.405,0.020,0.325,0.950) .2s;
-o-transition: all .7s cubic-bezier(0.405,0.020,0.325,0.950) .2s;
transition: all .7s cubic-bezier(0.405,0.020,0.325,0.950) .2s;
}
a#scroll-top.open {
right: 10px;
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
filter: alpha(opacity=80);
visibility: visible;
}
a#scroll-top >i {
color: #777;
height: 56px;
width: 56px;
line-height: 1;
text-align: center;
font-size: 56px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a#scroll-top:hover {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
}
a#scroll-top:hover >i {
color: #333;
}
.flex-video {
position: relative;
padding-top: 45px;
padding-bottom: 56.4%;
height: 0;
overflow: hidden;
}
.flex-video.widescreen {
padding-bottom: 50%;
}
.flex-video.flex-video.vimeo {
padding-top: 0;
}
.flex-video.flex-video.youtube {
padding-top: 0;
}
.flex-video.flex-video.html5 {
padding-top: 0;
}
.flex-video.flex-video .video-js {
width: 100%;
}
.flex-video iframe {
border: none;
outline: none;
margin-top: -1px;
}
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sp-layer .btn {
border-radius: 7px;
margin-right: 10px;
font-size: 210%;
line-height: 1.5;
padding: 14px 50px 15px;
}
.acymailing_form {
position: relative;
width: 100%;
}
.acymailing_form input.inputbox {
background: transparent;
}
.acymailing_form .acysubbuttons {
position: absolute;
top: -20px;
right: -10px;
overflow: hidden;
}
.acymailing_form .acysubbuttons input {
text-indent: -9999px;
padding: 0;
border: none;
width: 44px;
height: 34px;
border-radius: 0 4px 4px 0;
}
.acymailing_form .acysubbuttons::before {
font-family: "peIcon7";
content: "\e639";
width: 34px;
font-size: 110%;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
pointer-events: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.acymailing_form .acysubbuttons:hover::before {
font-family: "peIcon7";
content: "\e63a";
transform: translate(-50%,-56%);
}
.acymailing_form .acyterms input,
.acymailing_form .fieldacyterms input {
display: inline-block;
margin-right: 5px;
}
.dark .acymailing_form input.inputbox {
opacity: .8;
}
.dark .acym_module_form input.cell {
background: transparent;
}
.acym_module_form {
position: relative;
}
.acym_module_form input.cell {
width: 100%;
background: transparent;
}
.acym_module_form .btn {
margin: 0 auto;
}
.acym_module_form .acysubbuttons-icon {
position: absolute;
top: 0;
right: 0;
color: yellow;
}
.acym_module_form .acysubbuttons-icon input.icon_button_subscribe {
padding: 0;
border: none;
width: 44px;
height: 34px;
line-height: 44px;
}
.acym_module_form .acysubbuttons-icon::before {
font-family: "peIcon7";
content: "\e639";
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 34px;
line-height: 34px;
font-size: 110%;
text-align: center;
color: #fff;
pointer-events: none;
border-radius: 0 4px 4px 0;
}
#system-message-container .alert-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.login .login-description,
.registration .login-description,
.registration-wrapper .login-description,
.form-validate .login-description {
margin-bottom: 30px;
}
.login .form-group,
.registration .form-group,
.registration-wrapper .form-group,
.form-validate .form-group {
margin-bottom: 20px;
}
.login .form-group .group-control input,
.registration .form-group .group-control input,
.registration-wrapper .form-group .group-control input,
.form-validate .form-group .group-control input {
min-height: 40px;
}
.login .form-links,
.registration .form-links,
.registration-wrapper .form-links,
.form-validate .form-links {
display: inline-block;
margin: 0 10px;
}
.login .form-links a,
.registration .form-links a,
.registration-wrapper .form-links a,
.form-validate .form-links a {
font-weight: 600;
}
.login .form-footer,
.registration .form-footer,
.registration-wrapper .form-footer,
.form-validate .form-footer {
margin: 30px auto;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
text-align: center;
}
.login img,
.registration img,
.registration-wrapper img,
.form-validate img {
display: inline-block;
margin: 20px 0;
}
.login .title,
.registration .title,
.registration-wrapper .title,
.form-validate .title {
margin: 35px auto;
}
.login .title i.pe,
.registration .title i.pe,
.registration-wrapper .title i.pe,
.form-validate .title i.pe {
font-size: 36px;
line-height: 37px;
vertical-align: top;
margin: -1px 8px 0 0;
}
.login fieldset,
.registration fieldset,
.registration-wrapper fieldset,
.form-validate fieldset {
margin: 35px auto 15px;
}
.login fieldset:first-child,
.registration fieldset:first-child,
.registration-wrapper fieldset:first-child,
.form-validate fieldset:first-child {
margin: 10px auto;
}
.login fieldset .field-calendar button.btn,
.registration fieldset .field-calendar button.btn,
.registration-wrapper fieldset .field-calendar button.btn,
.form-validate fieldset .field-calendar button.btn {
margin-top: 1px;
box-shadow: 0 0 0 1px #ccc;
background: #f8f8f8;
}
.login fieldset .field-calendar button.btn:hover,
.registration fieldset .field-calendar button.btn:hover,
.registration-wrapper fieldset .field-calendar button.btn:hover,
.form-validate fieldset .field-calendar button.btn:hover {
box-shadow: 0 0 0 1px #bbb;
background: #f5f5f5;
}
.login fieldset .field-calendar .icon-calendar:before,
.registration fieldset .field-calendar .icon-calendar:before,
.registration-wrapper fieldset .field-calendar .icon-calendar:before,
.form-validate fieldset .field-calendar .icon-calendar:before {
font-family: 'Font Awesome 5 Free';
content: "\f073";
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1.05;
color: #777;
text-shadow: 0 1px 0 #fff;
}
.login fieldset .field-calendar .calendar-container table,
.registration fieldset .field-calendar .calendar-container table,
.registration-wrapper fieldset .field-calendar .calendar-container table,
.form-validate fieldset .field-calendar .calendar-container table {
max-width: 300px;
}
.login label#jform_profile_tos-lbl,
.login #jform_terms_terms-lbl,
.login #jform_consentbox-lbl,
.registration label#jform_profile_tos-lbl,
.registration #jform_terms_terms-lbl,
.registration #jform_consentbox-lbl,
.registration-wrapper label#jform_profile_tos-lbl,
.registration-wrapper #jform_terms_terms-lbl,
.registration-wrapper #jform_consentbox-lbl,
.form-validate label#jform_profile_tos-lbl,
.form-validate #jform_terms_terms-lbl,
.form-validate #jform_consentbox-lbl {
position: relative;
margin: 4px 20px 0 0;
float: left;
display: inline-block;
}
.login label#jform_profile_tos-lbl a,
.login #jform_terms_terms-lbl a,
.login #jform_consentbox-lbl a,
.registration label#jform_profile_tos-lbl a,
.registration #jform_terms_terms-lbl a,
.registration #jform_consentbox-lbl a,
.registration-wrapper label#jform_profile_tos-lbl a,
.registration-wrapper #jform_terms_terms-lbl a,
.registration-wrapper #jform_consentbox-lbl a,
.form-validate label#jform_profile_tos-lbl a,
.form-validate #jform_terms_terms-lbl a,
.form-validate #jform_consentbox-lbl a {
display: inline-table;
position: relative;
color: #000000;
padding: 2px 1px;
}
.login label#jform_profile_tos-lbl a:before,
.login #jform_terms_terms-lbl a:before,
.login #jform_consentbox-lbl a:before,
.registration label#jform_profile_tos-lbl a:before,
.registration #jform_terms_terms-lbl a:before,
.registration #jform_consentbox-lbl a:before,
.registration-wrapper label#jform_profile_tos-lbl a:before,
.registration-wrapper #jform_terms_terms-lbl a:before,
.registration-wrapper #jform_consentbox-lbl a:before,
.form-validate label#jform_profile_tos-lbl a:before,
.form-validate #jform_terms_terms-lbl a:before,
.form-validate #jform_consentbox-lbl a:before {
font-family: 'Font Awesome 5 Free';
content: "\f15c";
font-style: normal;
font-weight: 400;
font-size: 1.1em;
line-height: 1.2;
margin: -4px 6px 0 0;
color: #888;
}
.login label#jform_profile_tos-lbl a:hover,
.login label#jform_profile_tos-lbl a:hover:before,
.login #jform_terms_terms-lbl a:hover,
.login #jform_terms_terms-lbl a:hover:before,
.login #jform_consentbox-lbl a:hover,
.login #jform_consentbox-lbl a:hover:before,
.registration label#jform_profile_tos-lbl a:hover,
.registration label#jform_profile_tos-lbl a:hover:before,
.registration #jform_terms_terms-lbl a:hover,
.registration #jform_terms_terms-lbl a:hover:before,
.registration #jform_consentbox-lbl a:hover,
.registration #jform_consentbox-lbl a:hover:before,
.registration-wrapper label#jform_profile_tos-lbl a:hover,
.registration-wrapper label#jform_profile_tos-lbl a:hover:before,
.registration-wrapper #jform_terms_terms-lbl a:hover,
.registration-wrapper #jform_terms_terms-lbl a:hover:before,
.registration-wrapper #jform_consentbox-lbl a:hover,
.registration-wrapper #jform_consentbox-lbl a:hover:before,
.form-validate label#jform_profile_tos-lbl a:hover,
.form-validate label#jform_profile_tos-lbl a:hover:before,
.form-validate #jform_terms_terms-lbl a:hover,
.form-validate #jform_terms_terms-lbl a:hover:before,
.form-validate #jform_consentbox-lbl a:hover,
.form-validate #jform_consentbox-lbl a:hover:before {
color: #cf142b;
}
.login label#jform_profile_tos-lbl ~ div,
.login #jform_terms_terms-lbl ~ div,
.login #jform_consentbox-lbl ~ div,
.registration label#jform_profile_tos-lbl ~ div,
.registration #jform_terms_terms-lbl ~ div,
.registration #jform_consentbox-lbl ~ div,
.registration-wrapper label#jform_profile_tos-lbl ~ div,
.registration-wrapper #jform_terms_terms-lbl ~ div,
.registration-wrapper #jform_consentbox-lbl ~ div,
.form-validate label#jform_profile_tos-lbl ~ div,
.form-validate #jform_terms_terms-lbl ~ div,
.form-validate #jform_consentbox-lbl ~ div {
margin: 15px 0 25px;
}
.login label#jform_privacyconsent_privacy-lbl,
.registration label#jform_privacyconsent_privacy-lbl,
.registration-wrapper label#jform_privacyconsent_privacy-lbl,
.form-validate label#jform_privacyconsent_privacy-lbl {
position: relative;
margin: 4px 20px 0 0;
float: left;
display: inline-block;
}
.login label#jform_privacyconsent_privacy-lbl a,
.registration label#jform_privacyconsent_privacy-lbl a,
.registration-wrapper label#jform_privacyconsent_privacy-lbl a,
.form-validate label#jform_privacyconsent_privacy-lbl a {
display: inline-table;
position: relative;
color: #000000;
padding: 2px 1px;
}
.login label#jform_privacyconsent_privacy-lbl a:before,
.registration label#jform_privacyconsent_privacy-lbl a:before,
.registration-wrapper label#jform_privacyconsent_privacy-lbl a:before,
.form-validate label#jform_privacyconsent_privacy-lbl a:before {
font-family: 'Font Awesome 5 Free';
content: "\f15c";
font-weight: 400;
font-size: 1.1em;
line-height: 1.2;
margin: -4px 6px 0 0;
color: #888;
}
.login label#jform_privacyconsent_privacy-lbl a:hover,
.login label#jform_privacyconsent_privacy-lbl a:hover:before,
.registration label#jform_privacyconsent_privacy-lbl a:hover,
.registration label#jform_privacyconsent_privacy-lbl a:hover:before,
.registration-wrapper label#jform_privacyconsent_privacy-lbl a:hover,
.registration-wrapper label#jform_privacyconsent_privacy-lbl a:hover:before,
.form-validate label#jform_privacyconsent_privacy-lbl a:hover,
.form-validate label#jform_privacyconsent_privacy-lbl a:hover:before {
color: #cf142b;
}
.login label#jform_privacyconsent_privacy-lbl span.star,
.registration label#jform_privacyconsent_privacy-lbl span.star,
.registration-wrapper label#jform_privacyconsent_privacy-lbl span.star,
.form-validate label#jform_privacyconsent_privacy-lbl span.star {
position: relative;
}
.login #jform_profile_tos input[type="radio"],
.login #jform_privacyconsent_privacy input[type="radio"],
.login #jform_terms_terms input[type="radio"],
.registration #jform_profile_tos input[type="radio"],
.registration #jform_privacyconsent_privacy input[type="radio"],
.registration #jform_terms_terms input[type="radio"],
.registration-wrapper #jform_profile_tos input[type="radio"],
.registration-wrapper #jform_privacyconsent_privacy input[type="radio"],
.registration-wrapper #jform_terms_terms input[type="radio"],
.form-validate #jform_profile_tos input[type="radio"],
.form-validate #jform_privacyconsent_privacy input[type="radio"],
.form-validate #jform_terms_terms input[type="radio"] {
opacity: 0;
visibilty: hidden;
margin: 8px 0 0 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.login #jform_profile_tos label,
.login #jform_privacyconsent_privacy label,
.login #jform_terms_terms label,
.registration #jform_profile_tos label,
.registration #jform_privacyconsent_privacy label,
.registration #jform_terms_terms label,
.registration-wrapper #jform_profile_tos label,
.registration-wrapper #jform_privacyconsent_privacy label,
.registration-wrapper #jform_terms_terms label,
.form-validate #jform_profile_tos label,
.form-validate #jform_privacyconsent_privacy label,
.form-validate #jform_terms_terms label {
position: relative;
display: inline-block;
padding: 2px 8px;
text-indent: 18px;
}
.login #jform_profile_tos label::before,
.login #jform_profile_tos label::after,
.login #jform_privacyconsent_privacy label::before,
.login #jform_privacyconsent_privacy label::after,
.login #jform_terms_terms label::before,
.login #jform_terms_terms label::after,
.registration #jform_profile_tos label::before,
.registration #jform_profile_tos label::after,
.registration #jform_privacyconsent_privacy label::before,
.registration #jform_privacyconsent_privacy label::after,
.registration #jform_terms_terms label::before,
.registration #jform_terms_terms label::after,
.registration-wrapper #jform_profile_tos label::before,
.registration-wrapper #jform_profile_tos label::after,
.registration-wrapper #jform_privacyconsent_privacy label::before,
.registration-wrapper #jform_privacyconsent_privacy label::after,
.registration-wrapper #jform_terms_terms label::before,
.registration-wrapper #jform_terms_terms label::after,
.form-validate #jform_profile_tos label::before,
.form-validate #jform_profile_tos label::after,
.form-validate #jform_privacyconsent_privacy label::before,
.form-validate #jform_privacyconsent_privacy label::after,
.form-validate #jform_terms_terms label::before,
.form-validate #jform_terms_terms label::after {
position: absolute;
content: "";
display: inline-block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.login #jform_profile_tos label::before,
.login #jform_privacyconsent_privacy label::before,
.login #jform_terms_terms label::before,
.registration #jform_profile_tos label::before,
.registration #jform_privacyconsent_privacy label::before,
.registration #jform_terms_terms label::before,
.registration-wrapper #jform_profile_tos label::before,
.registration-wrapper #jform_privacyconsent_privacy label::before,
.registration-wrapper #jform_terms_terms label::before,
.form-validate #jform_profile_tos label::before,
.form-validate #jform_privacyconsent_privacy label::before,
.form-validate #jform_terms_terms label::before {
height: 18px;
width: 18px;
border: 1px solid #aaa;
border-radius: 3px;
left: 0px;
top: 6px;
}
.login #jform_profile_tos label::after,
.login #jform_privacyconsent_privacy label::after,
.login #jform_terms_terms label::after,
.registration #jform_profile_tos label::after,
.registration #jform_privacyconsent_privacy label::after,
.registration #jform_terms_terms label::after,
.registration-wrapper #jform_profile_tos label::after,
.registration-wrapper #jform_privacyconsent_privacy label::after,
.registration-wrapper #jform_terms_terms label::after,
.form-validate #jform_profile_tos label::after,
.form-validate #jform_privacyconsent_privacy label::after,
.form-validate #jform_terms_terms label::after {
height: 6px;
width: 11px;
border: 0;
border-left: 2px solid white;
border-bottom: 2px solid white;
box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
transform: rotate(-45deg);
left: 4px;
top: 11px;
}
.login #jform_profile_tos label:hover::before,
.login #jform_privacyconsent_privacy label:hover::before,
.login #jform_terms_terms label:hover::before,
.registration #jform_profile_tos label:hover::before,
.registration #jform_privacyconsent_privacy label:hover::before,
.registration #jform_terms_terms label:hover::before,
.registration-wrapper #jform_profile_tos label:hover::before,
.registration-wrapper #jform_privacyconsent_privacy label:hover::before,
.registration-wrapper #jform_terms_terms label:hover::before,
.form-validate #jform_profile_tos label:hover::before,
.form-validate #jform_privacyconsent_privacy label:hover::before,
.form-validate #jform_terms_terms label:hover::before {
border: 1px solid #cf142b;
}
.login #jform_profile_tos input[type="radio"] + label::after,
.login #jform_privacyconsent_privacy input[type="radio"] + label::after,
.login #jform_terms_terms input[type="radio"] + label::after,
.registration #jform_profile_tos input[type="radio"] + label::after,
.registration #jform_privacyconsent_privacy input[type="radio"] + label::after,
.registration #jform_terms_terms input[type="radio"] + label::after,
.registration-wrapper #jform_profile_tos input[type="radio"] + label::after,
.registration-wrapper #jform_privacyconsent_privacy input[type="radio"] + label::after,
.registration-wrapper #jform_terms_terms input[type="radio"] + label::after,
.form-validate #jform_profile_tos input[type="radio"] + label::after,
.form-validate #jform_privacyconsent_privacy input[type="radio"] + label::after,
.form-validate #jform_terms_terms input[type="radio"] + label::after {
content: none;
}
.login #jform_profile_tos input[type="radio"]:checked + label::after,
.login #jform_privacyconsent_privacy input[type="radio"]:checked + label::after,
.login #jform_terms_terms input[type="radio"]:checked + label::after,
.registration #jform_profile_tos input[type="radio"]:checked + label::after,
.registration #jform_privacyconsent_privacy input[type="radio"]:checked + label::after,
.registration #jform_terms_terms input[type="radio"]:checked + label::after,
.registration-wrapper #jform_profile_tos input[type="radio"]:checked + label::after,
.registration-wrapper #jform_privacyconsent_privacy input[type="radio"]:checked + label::after,
.registration-wrapper #jform_terms_terms input[type="radio"]:checked + label::after,
.form-validate #jform_profile_tos input[type="radio"]:checked + label::after,
.form-validate #jform_privacyconsent_privacy input[type="radio"]:checked + label::after,
.form-validate #jform_terms_terms input[type="radio"]:checked + label::after {
content: "";
}
.login #jform_profile_tos input[type="radio"]:checked + label::before,
.login #jform_privacyconsent_privacy input[type="radio"]:checked + label::before,
.login #jform_terms_terms input[type="radio"]:checked + label::before,
.registration #jform_profile_tos input[type="radio"]:checked + label::before,
.registration #jform_privacyconsent_privacy input[type="radio"]:checked + label::before,
.registration #jform_terms_terms input[type="radio"]:checked + label::before,
.registration-wrapper #jform_profile_tos input[type="radio"]:checked + label::before,
.registration-wrapper #jform_privacyconsent_privacy input[type="radio"]:checked + label::before,
.registration-wrapper #jform_terms_terms input[type="radio"]:checked + label::before,
.form-validate #jform_profile_tos input[type="radio"]:checked + label::before,
.form-validate #jform_privacyconsent_privacy input[type="radio"]:checked + label::before,
.form-validate #jform_terms_terms input[type="radio"]:checked + label::before {
background: #eb2b43;
border: 1px solid #a01021;
}
#sbox-window {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0;
}
.sbox-content-iframe#sbox-content,
.sbox-content-iframe {
overflow-y: hidden;
padding: 3%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#sbox-content iframe {
width: 100%;
}
.content_rating,
.unseen.element-invisible,
span.content_vote {
visibility: hidden;
display: none;
}
.content_rating ~ img,
.unseen.element-invisible ~ img,
span.content_vote ~ img {
visibility: hidden;
display: none;
}
img[src$="rating_star.png"],
img[src$="rating_star_blank.png"] {
visibility: hidden;
display: none;
}
#login input[type="checkbox"],
#login-form input[type="checkbox"],
.login input[type="checkbox"] {
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1px;
height: 1px;
}
#login label,
#login-form label,
.login label {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 2px 8px;
text-indent: 18px;
cursor: pointer;
}
#login label::before,
#login label::after,
#login-form label::before,
#login-form label::after,
.login label::before,
.login label::after {
position: absolute;
content: "";
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#login label::before,
#login-form label::before,
.login label::before {
height: 18px;
width: 18px;
border: 1px solid #aaa;
border-radius: 3px;
left: 0;
top: 5px;
}
#login label::after,
#login-form label::after,
.login label::after {
height: 6px;
width: 11px;
border: 0;
border-left: 2px solid white;
border-bottom: 2px solid white;
box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
transform: rotate(-45deg);
left: 4px;
top: 10px;
}
#login label:hover::before,
#login-form label:hover::before,
.login label:hover::before {
border: 1px solid #cf142b;
}
#login input[type="checkbox"] + label::after,
#login-form input[type="checkbox"] + label::after,
.login input[type="checkbox"] + label::after {
content: none;
}
#login input[type="checkbox"]:checked + label::after,
#login-form input[type="checkbox"]:checked + label::after,
.login input[type="checkbox"]:checked + label::after {
content: "";
}
#login input[type="checkbox"]:checked + label::before,
#login-form input[type="checkbox"]:checked + label::before,
.login input[type="checkbox"]:checked + label::before {
background: #eb2b43;
border: 1px solid #a01021;
}
.checkbox label {
cursor: pointer;
}
.checkbox label input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden;
width: 22px;
height: 18px;
line-height: 1;
top: 3px;
background: transparent;
border: none;
outline: none;
cursor: pointer;
position: relative;
}
.checkbox label input[type="checkbox"]::before,
.checkbox label input[type="checkbox"]::after {
position: absolute;
content: "";
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.checkbox label input[type="checkbox"]::before {
visibility: visible;
opacity: 1;
height: 18px;
width: 18px;
border: 1px solid #aaa;
border-radius: 3px;
left: 0;
top: 0;
}
.checkbox label input[type="checkbox"]::after {
visibility: hidden;
opacity: 0;
height: 6px;
width: 11px;
border: 0;
border-left: 2px solid white;
border-bottom: 2px solid white;
box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
transform: rotate(-45deg);
left: 4px;
top: 5px;
}
.checkbox label input[type="checkbox"]:hover::before {
border: 1px solid #cf142b;
}
.checkbox label input[type="checkbox"]:checked::before {
background: #eb2b43;
border: 1px solid #a01021;
visibility: visible;
opacity: 1;
}
.checkbox label input[type="checkbox"]:checked::after {
visibility: visible;
opacity: 1;
}
.form-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.modal-login {
text-align: center;
}
.modal-login .modal-content {
border: 1px solid rgba(0,0,0,0.1);
-webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.35);
box-shadow: 0 4px 20px rgba(0,0,0,0.35);
}
.modal-backdrop {
background: rgba(0,0,0,0.45);
}
.modal-backdrop.in {
z-index: 110;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-login .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.top-divider {
line-height: 1.2;
position: absolute;
top: 0;
width: 1px;
height: 100%;
padding: 0;
margin: 0;
opacity: 0.2;
border: 0;
border-left: 1px solid #999;
}
.ap-modal-login {
margin: -1px 0 -7px;
padding: 0;
}
.ap-modal-login .ap-login,
.ap-modal-login .ap-signin {
margin: 0;
padding: 0;
display: block;
}
.ap-modal-login .ap-login a,
.ap-modal-login .ap-signin a {
padding: 0 10px;
line-height: 20px;
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.ap-modal-login .ap-login a i.pe,
.ap-modal-login .ap-signin a i.pe {
font-size: 22px;
line-height: 20px;
margin: 0 4px;
vertical-align: middle;
}
.ap-modal-login .ap-login a .info-content,
.ap-modal-login .ap-signin a .info-content {
vertical-align: middle;
}
.ap-modal-login .title {
margin: 0 auto;
}
.ap-modal-login .title i.pe {
font-size: 36px;
line-height: 37px;
vertical-align: top;
margin: -1px 8px 0 0;
}
.ap-modal-login .modal-content {
padding: 30px;
font-size: 14px;
}
.ap-modal-login .modal-content .modal-header {
border: none;
}
.ap-modal-login .modal-content .modal-body {
margin-bottom: 30px;
}
.ap-modal-login .modal-content .modal-body .pretext {
margin-bottom: 20px;
}
.ap-modal-login .modal-content .modal-body .posttext {
margin-top: 20px;
}
.ap-modal-login .modal-content .modal-body .controls {
margin: 20px auto 0;
}
.ap-modal-login .modal-content .modal-body .controls .input-prepend .add-on,
.ap-modal-login .modal-content .modal-body .controls .input-append .add-on {
width: 50px;
height: 44px;
}
.ap-modal-login .modal-content .modal-body .controls .input-prepend .add-on span,
.ap-modal-login .modal-content .modal-body .controls .input-append .add-on span {
line-height: 32px;
font-size: 16px;
color: #909090;
}
.ap-modal-login .modal-content .modal-body .controls .input-prepend .add-on:hover span,
.ap-modal-login .modal-content .modal-body .controls .input-append .add-on:hover span {
color: #555;
}
.ap-modal-login .modal-content .modal-body .controls input.form-control {
min-height: 44px;
width: 100%;
}
.ap-modal-login .modal-content .modal-body input[type="text"] {
margin-bottom: 20px;
}
.ap-modal-login .modal-content .modal-body .button-wrap {
position: relative;
line-height: 42px;
float: left;
}
.ap-modal-login .modal-content .modal-body input[type="submit"] {
z-index: 1;
}
.ap-modal-login .modal-content .modal-body .input-block-level {
min-height: 44px;
}
.ap-modal-login .modal-content .modal-body .remember-wrap {
width: 100%;
overflow: hidden;
min-height: 70px;
text-align: left;
}
.ap-modal-login .modal-content .modal-body .remember-wrap label {
margin: 20px 0 0;
vertical-align: middle;
}
.ap-modal-login .modal-content .modal-body .forget-name-link {
max-height: 30px;
line-height: 30px;
font-weight: 400;
margin-left: 10px;
padding-top: 5px;
float: left !important;
}
.ap-modal-login .modal-content .modal-body .forget-name-link a {
font-weight: 600;
}
.ap-modal-login .modal-content .modal-footer {
max-height: 40px;
line-height: 40px;
font-weight: 500;
text-align: center;
}
.ap-modal-login .modal-header .title {
text-align: left;
margin-top: 0;
}
.ap-modal-login .modal-header .close {
margin-top: -2px;
position: absolute;
right: 10px;
top: 10px;
padding: 10px;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.ap-modal-login .modal-header .close i {
margin-right: 0;
font-size: 32px;
}
.ap-modal-login .dropdown .dropdown-menu {
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 1000;
display: block;
float: left;
right: 0;
left: auto;
min-width: 200px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.12);
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.12);
box-shadow: 0 4px 9px rgba(0,0,0,0.12);
-webkit-transition: all 0.35s cubic-bezier(0.225,0.025,0.225,1.225);
-moz-transition: all 0.35s cubic-bezier(0.225,0.025,0.225,1.225);
-o-transition: all 0.35s cubic-bezier(0.225,0.025,0.225,1.225);
transition: all 0.35s cubic-bezier(0.225,0.025,0.225,1.225);
-webkit-transform: translateY(-20px) scale(0.9) perspective(800px) rotateX(30deg);
-moz-transform: translateY(-20px) scale(0.9) perspective(800px) rotateX(30deg);
-ms-transform: translateY(-20px) scale(0.9) perspective(800px) rotateX(30deg);
-o-transform: translateY(-20px) scale(0.9) perspective(800px) rotateX(30deg);
transform: translateY(-20px) scale(0.9) perspective(800px) rotateX(30deg);
}
.ap-modal-login .open {
z-index: 13999;
}
.ap-modal-login .open .dropdown-menu {
opacity: 1;
visibility: visible;
position: absolute;
z-index: 13999;
-webkit-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-moz-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-ms-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
-o-transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
transform: translateY(0) scale(1) perspective(1000px) rotateX(0deg);
}
.ap-modal-login button {
background: transparent;
}
.profile fieldset legend {
line-height: 1.5;
}
.profile fieldset .dl-horizontal {
margin: 0 auto 45px;
}
.profile fieldset .dl-horizontal dt,
.profile fieldset .dl-horizontal dd {
line-height: 27px;
vertical-align: middle;
padding: 3px;
margin: 0 auto 5px;
}
.profile fieldset .dl-horizontal dt {
min-width: 25%;
display: block;
}
.view-profile .select-menu select {
display: block;
}
.view-profile button:focus {
outline: none;
}
.view-profile a[title="Cancel"] {
background-color: #888888;
color: #fff;
}
.view-profile a[title="Cancel"]:hover {
background-color: #6f6f6f;
}
.ap-my-account-menu {
position: relative;
cursor: pointer;
padding: 0;
}
.ap-my-account-menu .signin-img-wrap {
float: left;
height: 20px;
line-height: 21px;
}
.ap-my-account-menu .signin-img-wrap i.pe {
font-size: 20px;
margin: 0 0 0 4px;
line-height: 21px;
vertical-align: middle;
}
.ap-my-account-menu .signin-img-wrap img {
display: inline-block;
}
.ap-my-account-menu .info-wrap {
display: inline-block;
margin-left: 8px;
margin-bottom: 7px;
line-height: 24px;
}
.ap-my-account-menu .info-wrap .info-text {
font-size: 14px;
}
.ap-my-account-menu ul.menu {
padding: 5px 0;
}
.ap-my-account-menu ul.menu >li {
border: none;
min-width: 200px;
border-bottom: 1px solid rgba(189,189,189,0.2);
}
.ap-my-account-menu ul.menu >li a i {
width: 22px;
line-height: 18px;
display: inline-block;
vertical-align: top;
}
.ap-my-account-menu ul.menu >li a i.fa,
.ap-my-account-menu ul.menu >li a i.fas,
.ap-my-account-menu ul.menu >li a i.far {
margin-top: 9px;
font-size: 17px;
}
.ap-my-account-menu ul.menu >li a i.pe {
margin-top: 8px;
font-size: 18px;
}
.ap-my-account-menu ul.menu >li:last-child {
border-bottom: none;
}
.ap-my-account-menu ul.menu >li:last-child a {
padding-bottom: 6px;
}
.ap-my-account-menu ul.menu >li:last-child a i.pe {
font-size: 22px;
width: 25px;
line-height: 20px;
}
.ap-my-account-menu ul.menu a {
display: block;
padding: 4px 20px;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.ap-my-account-menu ul.menu a:before {
display: none;
}
.login-wrapper >i.pe,
.registration-wrapper >i.pe,
.reset-wrapper >i.pe,
.remind-wrapper >i.pe {
position: absolute;
top: 7vh;
left: 2vw;
font-size: 20vw;
}
.login-wrapper .group-control input,
.registration-wrapper .group-control input,
.reset-wrapper .group-control input,
.remind-wrapper .group-control input {
min-height: 45px;
}
.login-wrapper >i.pe {
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
top: 9vh;
right: 8vw;
left: auto;
font-size: 22vw;
}
.remind-wrapper {
margin: 10vh auto;
}
.remind-wrapper >i.pe {
font-size: 17vw;
left: 2vw;
}
.reset-wrapper {
margin: 10vh auto;
}
.reset-wrapper >i.pe {
left: 7vw;
}
.sp-pre-loader {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 999;
}
.sp-pre-loader .sp-loader-clock {
border-radius: 60px;
bottom: 0;
height: 80px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 80px;
}
.sp-pre-loader .sp-loader-clock:after {
content: "";
position: absolute;
top: 2px;
left: 48%;
height: 38px;
width: 4px;
border-radius: 5px;
-webkit-transform-origin: 50% 97%;
transform-origin: 50% 97%;
-webkit-animation: grdAiguille 2s linear infinite;
animation: grdAiguille 2s linear infinite;
}
.sp-pre-loader .sp-loader-clock:before {
content: "";
position: absolute;
top: 6px;
left: 48%;
height: 35px;
width: 4px;
border-radius: 5px;
-webkit-transform-origin: 50% 94%;
transform-origin: 50% 94%;
-webkit-animation: ptAiguille 12s linear infinite;
animation: ptAiguille 12s linear infinite;
}
.sp-pre-loader .sp-loader-circle {
position: absolute;
height: 50px;
width: 50px;
border-radius: 50px;
left: 0;
top: -4px;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader1 1s linear infinite;
animation: loader1 1s linear infinite;
}
.sp-pre-loader .sp-loader-circle:after {
content: "";
position: absolute;
top: -4px;
left: -4px;
height: 50px;
width: 50px;
border-radius: 50px;
border: 4px solid transparent;
}
.sp-pre-loader .loader-flip {
position: absolute;
width: 100px;
height: 100px;
margin: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-perspective: 120px;
-moz-perspective: 120px;
-ms-perspective: 120px;
perspective: 120px;
}
.sp-pre-loader .loader-flip:after {
content: "";
position: absolute;
left: 25px;
top: 25px;
width: 50px;
height: 50px;
border-radius: 4px;
-webkit-animation: flip 1s linear infinite;
animation: flip 1s linear infinite;
}
.sp-pre-loader .sp-loader-bubble-loop {
position: absolute;
width: 12px;
height: 12px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 12px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader6 1s ease-in-out infinite;
animation: loader6 1s ease-in-out infinite;
}
.sp-pre-loader .sp-loader-bubble-loop:before {
content: "";
position: absolute;
top: 0px;
left: -25px;
height: 12px;
width: 12px;
border-radius: 12px;
}
.sp-pre-loader .sp-loader-bubble-loop:after {
content: "";
position: absolute;
top: 0px;
left: 25px;
height: 12px;
width: 12px;
border-radius: 12px;
}
.sp-pre-loader .circle-two {
bottom: 0;
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
.sp-pre-loader .circle-two > span,
.sp-pre-loader .circle-two > span:before,
.sp-pre-loader .circle-two > span:after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.sp-pre-loader .circle-two > span {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-left-color: transparent;
-webkit-animation: effect-2 2s infinite linear;
-moz-animation: effect-2 2s infinite linear;
-ms-animation: effect-2 2s infinite linear;
-o-animation: effect-2 2s infinite linear;
animation: effect-2 2s infinite linear;
}
.sp-pre-loader .circle-two > span:before {
width: 75%;
height: 75%;
border-right-color: transparent;
}
.sp-pre-loader .circle-two > span:after {
width: 50%;
height: 50%;
border-bottom-color: transparent;
}
.sp-pre-loader .wave-two-wrap {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
width: 90px;
}
.sp-pre-loader .wave-two {
margin: 0;
list-style: none;
width: 90px;
position: relative;
padding: 0;
height: 10px;
}
.sp-pre-loader .wave-two li {
position: absolute;
width: 2px;
height: 0;
bottom: 0;
}
.sp-pre-loader .wave-two li:nth-child(1) {
left: 0;
-webkit-animation: sequence1 1s ease infinite 0;
animation: sequence1 1s ease infinite 0;
}
.sp-pre-loader .wave-two li:nth-child(2) {
left: 15px;
-webkit-animation: sequence2 1s ease infinite 0.1s;
animation: sequence2 1s ease infinite 0.1s;
}
.sp-pre-loader .wave-two li:nth-child(3) {
left: 30px;
-webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
animation: sequence1 1s ease-in-out infinite 0.2s;
}
.sp-pre-loader .wave-two li:nth-child(4) {
left: 45px;
-webkit-animation: sequence2 1s ease-in infinite 0.3s;
animation: sequence2 1s ease-in infinite 0.3s;
}
.sp-pre-loader .wave-two li:nth-child(5) {
left: 60px;
-webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
animation: sequence1 1s ease-in-out infinite 0.4s;
}
.sp-pre-loader .wave-two li:nth-child(6) {
left: 75px;
-webkit-animation: sequence2 1s ease infinite 0.5s;
animation: sequence2 1s ease infinite 0.5s;
}
.sp-pre-loader .sp-loader-audio-wave {
width: 3em;
height: 2em;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
animation: audioWave 1.5s linear infinite;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.sp-pre-loader .sp-loader-with-logo {
top: 0;
left: 0;
width: 100%;
height: 110px;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
position: absolute;
}
.sp-pre-loader .sp-loader-with-logo .logo {
display: inline-block;
width: auto;
}
.sp-pre-loader .sp-loader-with-logo .logo > img {
max-height: 100%;
}
.sp-pre-loader .sp-loader-with-logo .line {
bottom: 0;
height: 3px;
left: 0;
position: absolute;
top: auto;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: rotate(0);
}
50% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(180deg) rotateX(180deg);
}
}
@keyframes flip {
0% {
transform: rotate(0);
}
50% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(180deg) rotateX(180deg);
}
}
@-webkit-keyframes grdAiguille {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes grdAiguille {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes ptAiguille {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes ptAiguille {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes loader1 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes loader1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes loader6 {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(180deg);
}
}
@keyframes loader6 {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(180deg);
}
}
@keyframes rotate-360 {
from {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes audioWave {
25% {
background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
}
37.5% {
background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
}
50% {
background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em;
}
62.5% {
background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em;
}
75% {
background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em;
}
}
@-webkit-keyframes effect-2 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes effect-2 {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sequence1 {
0% {
height: 10px;
}
50% {
height: 50px;
}
100% {
height: 10px;
}
}
@keyframes sequence2 {
0% {
height: 20px;
}
50% {
height: 65px;
}
100% {
height: 20px;
}
}
@keyframes rot1 {
100% {
transform: skew(-10deg) translateX(50px) rotate(405deg);
}
}
@-webkit-keyframes rot1 {
100% {
-webkit-transform: skew(-10deg) translateX(50px) rotate(405deg);
}
}
@keyframes rot2 {
100% {
transform: skew(-10deg) rotate(525deg);
}
}
@-webkit-keyframes rot2 {
100% {
-webkit-transform: skew(-10deg) rotate(525deg);
}
}
@keyframes rot3 {
100% {
transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
}
}
@-webkit-keyframes rot3 {
100% {
-webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
}
}
@keyframes width {
10% {
width: 10%;
}
20% {
width: 20%;
}
30% {
width: 30%;
}
40% {
width: 40%;
}
50% {
width: 50%;
}
60% {
width: 60%;
}
70% {
width: 70%;
}
80% {
width: 80%;
}
90% {
width: 90%;
}
100% {
width: 100%;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.animated-2s {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,-50px,0);
transform: translate3d(0,-50px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,-50px,0);
transform: translate3d(0,-50px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.scrollup {
bottom: 25px;
right: 25px;
}
#sp-header {
top: 65px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
ul.social-icons {
margin: 0;
width: 100%;
text-align: center;
}
.sp-contact-info {
margin: 0;
text-align: center;
width: 100%;
}
.sp-contact-info li {
font-size: 89%;
}
}
.edit-article {
margin: 0;
float: right;
display: inline-block;
position: relative;
width: 100px;
z-index: 2;
background: transparent;
}
.edit-article .btn.dropdown-toggle {
border: 1px solid #e61630;
background: transparent;
color: #777;
padding: 6px 10px;
margin-top: 4px;
}
.edit-article .btn.dropdown-toggle:before {
font-family: 'peIcon7';
content: "\e62c";
font-size: 21px;
line-height: 24px;
margin: 0 7px 0 10px;
}
.edit-article .btn.dropdown-toggle:hover {
border: 1px solid #b81226;
color: #444;
}
.edit-article .btn.dropdown-toggle .icon-cog {
display: none;
}
.edit-article .btn.dropdown-toggle .caret {
margin: 12px 8px 0 0;
vertical-align: top;
}
.lazyload,
.lazyloading {
opacity: 0;
height: 100%;
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity 650ms ease;
-moz-transition: opacity 650ms ease;
-o-transition: opacity 650ms ease;
transition: opacity 650ms ease;
}
.has-left-right-modules {
padding-top: 25px;
margin: 0 auto;
}
.has-left-right-modules .sppb-row-container {
width: 100%;
padding: 0;
}
.has-left-right-modules .sppb-in-article {
padding: 0 15px !important;
margin: 0 auto !important;
}
.has-left-right-modules .sppb-in-article .sp-column {
padding: 15px 0 0 0;
}
.sppb-row-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.sppb-row-container {
width: 750px;
}
.layout-boxed .has-left-right-modules .sppb-in-article-left .sp-column,
.layout-boxed .has-left-right-modules .sppb-in-article-right .sp-column {
padding: 25px 15px;
}
}
@media (min-width: 992px) {
.sppb-row-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.sppb-row-container {
width: 1170px;
}
}
.sppb-container {
margin-top: 0;
margin-bottom: 0;
}
.sppb-addon-cta .sppb-addon-title {
line-height: 1.2;
}
.sppb-addon-cta .sppb-cta-subtitle {
margin-bottom: 0;
line-height: 1.5;
}
.sppb-addon-cta .sppb-btn i {
line-height: 1.3;
margin-right: 6px;
}
.sppb-addon-cta .sppb-btn i.pe {
font-size: 130%;
vertical-align: middle;
line-height: 1.4;
}
.sppb-addon-cta .sppb-btn-lg {
line-height: 1.5;
}
.sppb-addon-single-image .sppb-addon-content a .overlay {
position: relative;
width: 100%;
height: 100%;
}
.sppb-addon-single-image .sppb-addon-content a .overlay >i {
position: absolute;
display: block;
width: 100%;
height: auto;
top: 50%;
margin-top: 0;
color: #fff;
font-size: 250%;
z-index: 2;
font-weight: 800;
opacity: 0;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.sppb-addon-single-image .sppb-addon-content a .overlay >i:before {
width: 80px;
height: 80px;
padding: 10px;
border-radius: 5px;
}
.sppb-addon-single-image .sppb-addon-content a .overlay:after {
content: "";
color: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.sppb-addon-single-image .sppb-addon-content a .overlay:hover:after {
opacity: 1;
}
.sppb-addon-single-image .sppb-addon-content a .overlay:hover >i {
opacity: 1;
margin-top: -25px;
}
.sppb-addon-single-image .sppb-addon-content a .overlay:hover >i:before {
opacity: 1;
}
.sppb-addon-image-content {
position: relative;
}
.sppb-addon-image-content .sppb-image-holder {
position: absolute;
top: 0;
width: 50%;
height: 100%;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
}
.sppb-addon-image-content.aligment-left .sppb-image-holder {
left: 0;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder {
padding: 40px 40px 40px 0;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder .sppb-btn.sppb-btn-lg {
font-size: 110%;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder .sppb-btn >i.left {
font-size: 110%;
margin-right: 8px;
margin-left: -2px;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder .sppb-btn >i.left.pe {
font-size: 125%;
vertical-align: top;
line-height: 1.1;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder .sppb-btn >i.right {
font-size: 110%;
margin-left: 8px;
margin-right: -2px;
}
.sppb-addon-image-content.aligment-left .sppb-content-holder .sppb-btn >i.right.pe {
font-size: 125%;
vertical-align: top;
line-height: 1.1;
}
.sppb-addon-image-content.aligment-right .sppb-image-holder {
right: 0;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder {
padding: 40px 0 40px 40px;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder .sppb-btn.sppb-btn-lg {
font-size: 110%;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder .sppb-btn >i.right {
font-size: 110%;
line-height: 0.9;
margin-right: 8px;
margin-left: -2px;
}
.sppb-addon-image-content.aligment-right .sppb-content-holder .sppb-btn >i.right.pe {
font-size: 125%;
vertical-align: top;
line-height: 1.1;
}
.sppb-addon-button-group .sppb-btn >i.fa,
.sppb-addon-button-group .sppb-btn >i.fas {
margin-right: 4px;
}
.sppb-addon-button-group .sppb-btn >i.pe {
margin: -2px 4px 0 -3px;
font-size: 115%;
vertical-align: middle;
line-height: 1;
}
.sppb-modal-content .sppb-modal-header {
padding: 20px 30px;
}
.sppb-modal-content .sppb-modal-body {
padding: 30px;
}
.sppb-modal-content .sppb-close {
position: absolute;
right: 12px;
top: 7px;
font-size: 200%;
z-index: 9;
}
.sppb-modal-selector.modal-selector-image,
.sppb-selector.modal-selector-image {
margin: 0 auto;
display: inline-block;
width: auto;
text-align: center;
}
.sppb-modal-selector.centered,
.sppb-selector.centered {
display: table;
text-align: center;
}
.firefox .sppb-modal-selector.modal-selector-image {
display: block;
}
.modal-text {
height: auto !important;
}
.sppb-btn.sppb-btn-lg.sppb-selector {
font-size: 125%;
}
.sppb-btn.sppb-btn-lg.sppb-selector >i.fa,
.sppb-btn.sppb-btn-lg.sppb-selector >i.fas {
margin-right: 6px;
}
.sppb-btn.sppb-btn-lg.sppb-selector >i.pe {
margin-right: 6px;
margin-top: -3px;
vertical-align: middle;
}
div.sppb_prettyphoto .pp_loaderIcon {
position: fixed;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
background: url(../images/loader.svg) center center no-repeat;
}
.sppb-addon h3.sppb-addon-title {
margin: 20px 0;
width: auto;
padding-right: 30px;
box-shadow: inset 0 -1px 0 #ddd;
display: inline-table;
line-height: 1.3;
}
.sppb-addon h3.sppb-addon-title:after {
clear: both;
display: block;
float: left;
content: "";
position: relative;
height: 2px;
width: 70%;
margin: 10px 30% 0 0;
border-radius: 2px;
padding: 0;
}
.pull-left .sppb-icon {
margin-right: 10px;
}
.pull-right .sppb-icon {
margin-left: 10px;
}
.sppb-panel-modern {
background: transparent;
border: 1px solid #ddd;
}
.sppb-panel-modern .sppb-panel-body {
border-top-color: #cf142b;
}
.sppb-panel-modern >.sppb-panel-heading {
background: transparent;
color: #1a1a1a;
}
.sppb-panel-modern >.sppb-panel-heading .sppb-toggle-direction > i {
font-size: 20px;
width: 30px;
text-align: center;
}
.sppb-panel-default {
border: none;
}
.sppb-panel-default >.sppb-panel-heading {
background-color: transparent;
margin: 5px 0 0 0;
padding: 10px 20px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 5px;
}
.sppb-panel-default >.sppb-panel-heading.active {
border-radius: 5px 5px 0 0;
}
.sppb-panel-default >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body {
line-height: 26px;
padding: 20px 25px;
border: 1px solid #ddd;
border-radius: 0 0 5px 5px;
border-top: 0;
}
.sppb-panel-primary {
border: none;
}
.sppb-panel-primary >.sppb-panel-heading {
color: #fff;
margin: 5px 0 0 0;
padding: 10px 20px;
cursor: pointer;
border: none;
border-radius: 5px;
}
.sppb-panel-primary >.sppb-panel-heading.active {
border-radius: 5px 5px 0 0;
}
.sppb-panel-primary >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body {
line-height: 26px;
padding: 20px 25px;
border: 1px solid #ddd;
border-radius: 0 0 5px 5px;
border-top: 0;
}
.sppb-panel-default >.sppb-panel-heading:before,
.sppb-panel-default >.sppb-panel-heading.active:before,
.sppb-panel-primary >.sppb-panel-heading:before,
.sppb-panel-primary >.sppb-panel-heading.active:before {
font-family: 'ap-arrows';
font-size: 11px;
margin-right: 5px;
float: right;
}
.sppb-panel-default >.sppb-panel-heading:before,
.sppb-panel-primary >.sppb-panel-heading:before {
content: "\e60c";
}
.sppb-panel-default >.sppb-panel-heading.active:before,
.sppb-panel-primary >.sppb-panel-heading.active:before {
content: "\e60b";
}
.sppb-panel-flex {
border: none;
}
.sppb-panel-flex >.sppb-panel-heading {
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0;
padding: 10px 12px;
margin-bottom: 0;
}
.sppb-panel-flex >.sppb-panel-heading:before {
content: "";
}
.sppb-panel-flex >.sppb-panel-heading:after {
font-family: 'ap-arrows';
content: "\e605";
float: right;
font-size: 10px;
margin-right: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.sppb-panel-flex >.sppb-panel-heading.active {
border-radius: 7px 7px 0 0;
}
.sppb-panel-flex >.sppb-panel-heading.active:after {
font-family: 'ap-arrows';
font-size: 10px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.sppb-panel-flex >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body {
line-height: 26px;
padding: 20px 15px;
border: 0;
border-radius: 0;
}
.sppb-panel-heading .sppb-panel-title {
font-size: 105%;
font-weight: normal;
}
.sppb-panel-heading .sppb-panel-title >i.fa,
.sppb-panel-heading .sppb-panel-title >i.fas {
margin-right: 10px;
}
.sppb-panel-heading .sppb-panel-title >i.pe {
margin-right: 7px;
vertical-align: top;
line-height: 1.3;
font-size: 120%;
font-weight: 500;
}
.sppb-icon >span >i {
vertical-align: middle;
}
.flex-icons {
display: block;
}
.flex-icons .flex-icon-wrap {
display: inline-table;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.flex-icons .flex-icon-wrap a {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
opacity: 1;
}
.flex-icons .flex-icon-wrap a span {
display: inline-table;
vertical-align: middle;
}
.flex-icons .flex-icon-wrap a span i {
vertical-align: middle;
margin-top: -2px;
text-align: center;
}
.flex-icons .flex-icon-wrap a span i.fa {
margin-top: 0;
}
.flex-icons .flex-icon-wrap a span i.fas {
margin-top: 0;
}
.flex-icons .flex-icon-wrap a:hover {
opacity: 0.85;
}
.flex-icons .flex-icon-wrap:last-child {
margin-right: 0;
}
.flex-icons.zoom .flex-icon-wrap:hover,
.flex-icons.zoom .flex-icon-wrap:active {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.mod-sppagebuilder .sppb-nav-tabs >li {
display: table-cell !important;
}
.sppb-nav-tabs {
border-bottom: 0;
}
.sppb-nav-tabs >li {
float: none;
display: table-cell;
width: 1%;
text-align: center;
}
.sppb-nav-tabs >li >a {
font-size: inherit;
font-weight: normal;
background: #F7F7F7;
border: 0;
border: 1px solid #eee;
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
margin: 0;
}
.sppb-nav-tabs >li.active >a {
background: transparent;
border-bottom: 1px solid #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top-width: 1px;
}
.sppb-nav-tabs >li.active >a:hover,
.sppb-nav-tabs >li.active >a:focus {
background: transparent;
border-bottom: 1px solid #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top-width: 1px;
}
.sppb-nav-tabs .pe {
font-size: 120%;
vertical-align: middle;
line-height: 1;
margin-top: -3px;
margin-right: 5px;
}
.sppb-nav-tabs .pe.bold {
font-weight: 600;
}
.sppb-nav-modern >li >a,
.sppb-nav-lines >li >a {
padding-left: 25px;
padding-right: 25px;
}
.flex .sppb-tab .sppb-nav-tabs >li {
box-shadow: inset 0 -1px 0px #ddd;
}
.flex .sppb-tab .sppb-nav-tabs >li >a {
background: #F7F7F7;
border: 0;
border: 1px solid #eee;
border-bottom: 1px solid #ddd;
margin: 0 2px;
}
.flex .sppb-tab .sppb-nav-tabs >li.active >a {
background: transparent;
border-bottom: 1px solid #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top-width: 2px;
}
.flex .sppb-tab .sppb-nav-tabs >li.active >a:hover,
.flex .sppb-tab .sppb-nav-tabs >li.active >a:focus {
background: transparent;
border-bottom: 1px solid #fff;
border-right: 1px solid #ddd;
border-top-width: 2px;
}
.flex .sppb-tab .sppb-tab-content {
padding: 5% 3%;
}
.sppb-tab .sppb-tab-content {
padding: 2%;
text-align: left;
}
.sppb-tab .sppb-nav-tabs-content {
border: none;
padding: 5% 3%;
}
.sppb-tab .sppb-tab-subtitle {
display: none;
clear: both;
font-size: 90%;
padding: 7px 0 0;
}
.sppb-tab li.active .sppb-tab-subtitle {
display: block;
}
.sppb-nav-pills >li {
float: none;
display: table-cell;
width: 1%;
text-align: center;
}
.sppb-nav-pills >li >a {
margin: 0 1%;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
font-size: inherit;
font-weight: normal;
}
.sppb-nav-pills >li >a .pe {
font-size: 120%;
vertical-align: middle;
line-height: 1;
margin-top: -3px;
margin-right: 5px;
}
.sppb-nav-pills >li >a .pe.bold {
font-weight: 600;
}
.sppb-nav-pills >li.active >a {
box-shadow: none;
}
.sppb-nav-pills >li.active >a:focus {
background: transparent;
}
.sppb-nav-pills + .sppb-tab-content {
padding: 2% 1%;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills {
margin: 0 auto;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li {
display: inline-table;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li >a {
text-align: center;
margin: 0;
box-shadow: none;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li >a:hover,
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li >a:focus {
box-shadow: none;
background: none;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li >a i {
text-align: center;
font-size: 200%;
line-height: 1;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li >a i.pe {
font-size: 300%;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li.active >a {
box-shadow: none;
}
.sppb-addon-tab.icons .sppb-tab .sppb-nav-pills >li.active >a:focus {
background: transparent;
}
.sppb-addon-tab.icons .sppb-tab-content {
padding: 1%;
}
.sppb-nav-tabs >li >a i,
.sppb-nav-pills >li >a i {
margin-right: 3px;
}
.sppb-tab .sppb-nav.adaptive >li {
display: inline-block;
width: auto;
}
.sppb-tab .sppb-nav.adaptive.sppb-nav-pills >li a {
width: 100%;
}
.sppb-custom-tab .sppb-tab-custom-content {
padding-top: 0;
margin-top: 0;
}
.sppb-pricing-box {
border: 0;
padding: 0;
}
.sppb-pricing-box.sppb-pricing-featured .sppb-pricing-header {
color: #fff;
}
.sppb-pricing-box .sppb-pricing-header {
padding: 25px 20px 20px;
background: rgba(0,0,0,0.05);
}
.sppb-pricing-box .sppb-pricing-header >.sppb-pricing-title {
margin: 0;
padding: 0;
font-size: 125%;
line-height: 1.1;
font-weight: 300;
}
.sppb-pricing-box .sppb-pricing-header .sppb-pricing-price {
margin: 0;
padding: 0;
font-size: 430%;
line-height: 1.3;
}
.sppb-pricing-box .sppb-pricing-header .sppb-pricing-price .sppb-pricing-currency {
font-size: 55%;
line-height: 2.4;
vertical-align: top;
text-align: center;
padding: 0 5px;
}
.sppb-pricing-box .sppb-pricing-header .sppb-pricing-price .sppb-pricing-duration {
font-size: 40%;
line-height: 1.7;
vertical-align: bottom;
text-align: center;
}
.sppb-pricing-box .sppb-pricing-features {
padding: 0;
}
.sppb-pricing-box .sppb-pricing-features >ul {
list-style: none;
padding: 0;
margin: 0;
}
.sppb-pricing-box .sppb-pricing-features >ul >li {
display: block;
padding: 12px 20px;
}
.sppb-pricing-box .sppb-pricing-features >ul >li:nth-child(odd) {
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sppb-pricing-box .sppb-pricing-footer {
background: rgba(0,0,0,0.05);
border-top: 1px solid rgba(0,0,0,0.1);
padding: 20px;
}
.sppb-pricing-box .sppb-pricing-footer >a.sppb-btn {
margin: 0 auto;
}
.sppb-pricing-box .sppb-pricing-footer >a.sppb-btn >i {
margin-right: 5px;
}
.sppb-pricing-box .sppb-pricing-footer >a.sppb-btn >i.pe {
font-size: 120%;
vertical-align: middle;
margin: -3px 5px 0 0;
line-height: 1.4;
}
.transparent .sppb-pricing-box {
border: 0;
box-shadow: none;
}
.transparent .sppb-pricing-box .sppb-pricing-header {
background: transparent;
}
.transparent .sppb-pricing-box.sppb-pricing-featured .sppb-pricing-header {
background-color: transparent;
}
.transparent .sppb-pricing-box .sppb-pricing-features {
padding: 10px 0;
}
.transparent .sppb-pricing-box .sppb-pricing-features >ul >li {
border: 0;
padding: 10px 20px;
}
.transparent .sppb-pricing-box .sppb-pricing-footer {
background: transparent;
border: 0;
}
.flex .sppb-pricing-box {
border: 0;
padding: 0;
}
.flex .sppb-pricing-box .sppb-pricing-header {
padding: 25px 20px 20px;
background: transparent;
}
.flex .sppb-pricing-box .sppb-pricing-features {
padding: 20px 0;
}
.flex .sppb-pricing-box .sppb-pricing-features >ul {
list-style: none;
padding: 0;
margin: 0;
}
.flex .sppb-pricing-box .sppb-pricing-features >ul >li {
display: block;
padding: 8px 0;
}
.flex .sppb-pricing-box .sppb-pricing-features >ul >li:nth-child(odd) {
background: rgba(0,0,0,0.03);
}
.flex .sppb-pricing-box .sppb-pricing-footer {
padding: 20px;
}
.flex .sppb-pricing-box .sppb-pricing-footer >a.sppb-btn.sppb-btn-block {
font-size: 120%;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
margin: -1px 0 0;
line-height: 2.5;
}
.flex .sppb-pricing-box.sppb-pricing-featured {
background: transparent;
}
.flex .sppb-pricing-box.sppb-pricing-featured .sppb-pricing-header {
padding: 25px 20px;
color: #fff;
}
.sppb-addon-text-block .sppb-addon-title {
line-height: 1.3;
}
.sppb-addon-person .sppb-addon-content > div {
margin-top: 15px;
}
.sppb-addon-person .sppb-addon-content > div:first-child {
margin-top: 0;
}
.sppb-addon-person .sppb-person-information > span {
display: block;
}
.sppb-addon-person .sppb-person-information > span.sppb-person-name {
font-size: 17px;
line-height: 1.5;
font-weight: bold;
}
.sppb-addon-person .sppb-person-information > span.sppb-person-designation {
font-size: 13px;
color: #888;
}
.sppb-addon-person .sppb-person-social {
list-style: none;
display: block;
padding: 0;
margin: 0 -8px;
}
.sppb-addon-person .sppb-person-social > li {
display: inline-block;
margin: 0 8px;
}
.sppb-addon-person .sppb-person-social > li > a {
display: block;
font-size: 16px;
line-height: 16px;
color: #999;
}
.sppb-addon-person .sppb-person-social > li > a:hover {
color: #666;
}
.flex.flip-container {
-webkit-perspective: 680;
-moz-perspective: 680;
perspective: 680;
-ms-perspective: 680;
-o-perspective: 680;
}
.flex.flip-container .flipper {
position: relative;
display: 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;
}
.flex.flip-container .flipper .front,
.flex.flip-container .flipper .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 0 0 12px;
}
.flex.flip-container .flipper .front {
z-index: 2;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
position: relative;
}
.flex.flip-container .flipper .front .sppb-person-information {
padding: 0 15px;
}
.flex.flip-container .flipper .back {
z-index: 1;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: 0;
}
.flex.flip-container .flipper .back .sppb-person-block {
background: #888;
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
}
.flex.flip-container .flipper .back .sppb-person-block >.thumb {
float: left;
width: 40%;
}
.flex.flip-container .flipper .back .sppb-person-block >.thumb >img {
width: 100%;
height: auto;
margin: 0 15px 0 0;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information {
padding: 15px 5px 0 12px;
width: 60%;
display: block;
float: left;
text-align: left;
font-size: 90%;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information .sppb-person-name {
margin: 0 0 10px 0;
color: #fff;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information .sppb-person-designation {
line-height: 1.4;
color: #ddd;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information.flip {
padding: 15px 15px 0;
width: 100%;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information.flip .sppb-person-name {
color: #595959;
}
.flex.flip-container .flipper .back .sppb-person-block .sppb-person-information.flip .sppb-person-designation {
color: #404040;
}
.flex.flip-container .flipper .back .sppb-person-block.flip {
background: transparent;
}
.flex.flip-container .flipper .back .sppb-person-introtext {
display: block;
clear: both;
text-align: left;
padding: 0 15px;
line-height: 1.5;
font-size: 90%;
}
.flex.flip-container .flipper .back .sppb-person-social-icons {
position: absolute;
width: 100%;
bottom: 2.5%;
}
.flex.flip-container .flipper .back.flip {
background: transparent;
}
.flex.flip-container:hover .flipper .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flex.flip-container:hover .flipper .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.sppb-progress {
padding: 0;
margin: 0;
}
.flex-text-wrapper {
margin: 15px 0 3px;
}
.flex-text-wrapper .flex-text {
margin: 20px 0 0;
display: table-cell;
width: 1%;
}
.flex-text-wrapper .flex-progress-text {
margin: 20px 0 0;
width: 1%;
display: table-cell;
text-align: right;
}
.centered {
text-align: center;
}
.centered >div,
.centered >a {
text-align: center;
}
.sppb-media.default >a >img,
.sppb-media.default >a >i {
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
-o-transition: border-color 300ms;
transition: border-color 300ms;
margin-top: 2px;
}
.sppb-media.default i {
border: 1px solid #ccc;
border-radius: 4px;
font-size: 220%;
color: #ccc;
background: #f1f1f1;
box-shadow: inset 0 0 0 4px #fff;
line-height: 1;
text-align: center;
}
.sppb-media.default i.pe-7s-link {
font-size: 140%;
color: #aaa;
padding: 3px 5px;
background: transparent;
border: none;
}
.sppb-media.default footer {
margin: 10px auto;
}
.sppb-media.flex >a >img,
.sppb-media.flex >a >i {
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
-o-transition: border-color 300ms;
transition: border-color 300ms;
}
.sppb-media.flex >a >img.sppb-media-object {
margin: 3px auto 0;
border-radius: 4px;
border: 1px solid #ddd;
padding: 4px;
}
.sppb-media.flex .div-pull-center {
margin: 0 auto 12px;
clear: both;
}
.sppb-media.flex img.sppb-media-object {
margin-top: 6px;
border-radius: 3px;
}
.sppb-media.flex i.fa-user,
.sppb-media.flex i.fa-user-plus {
margin-top: 4px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 220%;
color: #ccc;
background: #f1f1f1;
box-shadow: inset 0 0 0 4px #fff;
text-align: center;
}
.sppb-media.flex >.sppb-media-body {
line-height: 1.6;
}
.sppb-media.flex >.sppb-media-body >i.fa,
.sppb-media.flex >.sppb-media-body >i.fas {
font-size: 22px;
width: 20px;
line-height: 1;
vertical-align: middle;
}
.sppb-media.flex >.sppb-media-body >i.fa.fa-quote-left,
.sppb-media.flex >.sppb-media-body >i.fas.fa-quote-left {
margin: -2px 10px 2px 0;
display: inline-block;
}
.sppb-media.flex >.sppb-media-body >i.fa.fa-quote-right,
.sppb-media.flex >.sppb-media-body >i.fas.fa-quote-right {
margin: 1px 0 0 10px;
display: inline-block;
}
.sppb-media.flex >.sppb-media-body footer {
margin: 10px auto 0;
width: 100%;
clear: both;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .gutter {
padding: 0 10px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group {
margin: 0 auto 10px;
padding: 0 5px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group label {
padding: 0 3px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group input {
height: 38px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder] {
line-height: 1.9;
border: 1px solid #c9c9c9;
box-shadow: none;
background: transparent;
-webkit-transition: all .3s ease-in-out .2s;
-moz-transition: all .3s ease-in-out .2s;
-o-transition: all .3s ease-in-out .2s;
transition: all .3s ease-in-out .2s;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]::-moz-placeholder {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
opacity: 1;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]::-webkit-input-placeholder {
-webkit-transition: all .3s ease-in-out .15s;
-moz-transition: all .3s ease-in-out .15s;
-o-transition: all .3s ease-in-out .15s;
transition: all .3s ease-in-out .15s;
opacity: 1;
text-indent: -1px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]::-webkit-input-placeholder:before {
font-family: 'peIcon7';
opacity: .8;
text-align: center;
width: 44px;
margin-right: 7px;
font-size: 125%;
line-height: 1.33;
vertical-align: top;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]:focus::-moz-placeholder {
opacity: 0.2;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder]:focus::-webkit-input-placeholder {
opacity: 0;
text-indent: -25px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder].input-name[placeholder]::-webkit-input-placeholder:before {
content: "\e605";
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder].input-email[placeholder]::-webkit-input-placeholder:before {
content: "\e639";
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder].input-subject[placeholder]::-webkit-input-placeholder:before {
content: "\e62c";
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder].input-message[placeholder]::-webkit-input-placeholder:before {
content: "\e66d";
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-form-group .sppb-form-control[placeholder].input-captcha[placeholder]::-webkit-input-placeholder {
text-indent: 2px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .tos label {
padding: 5px 0;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .tos label > input {
margin: 0 5px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-btn {
margin: 7px 0;
line-height: 1.9;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-btn >i.fa,
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-btn >i.fas {
margin-right: 5px;
margin-left: -5px;
}
.sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-btn >i.pe {
margin: -2px 5px 0 -5px;
padding: 0;
text-align: center;
font-size: 120%;
vertical-align: middle;
line-height: 1;
}
.sppb-addon-ajax-contact.dark .sppb-form-control[placeholder] {
line-height: 1.9;
box-shadow: none;
}
.sppb-addon-ajax-contact.dark .sppb-form-control[placeholder]::-webkit-input-placeholder:before {
opacity: 0.7;
}
.sppb-addon-ajax-contact.dark .sppb-form-control[placeholder]:focus {
box-shadow: none;
}
.sppb-addon-ajax-contact.dark .sppb-form-control[placeholder]:focus::-moz-placeholder {
opacity: 0.2;
}
.sppb-addon-ajax-contact.dark .sppb-form-control[placeholder]:focus::-webkit-input-placeholder {
opacity: 0;
text-indent: -30px;
}
.sppb-carousel-flex .sppb-carousel-inner >.sppb-item {
width: 100%;
height: 100%;
margin: 0;
-webkit-transition: .7s cubic-bezier(0.65,0,0.35,1);
-moz-transition: .7s cubic-bezier(0.65,0,0.35,1);
-o-transition: .7s cubic-bezier(0.65,0,0.35,1);
transition: .7s cubic-bezier(0.65,0,0.35,1);
}
.sppb-carousel-flex .sppb-carousel-inner >.sppb-item.sppb-item-has-bg img {
margin: 0 auto;
padding: 0;
}
.sppb-carousel-flex .sppb-carousel-inner >.sppb-item .sppb-carousel-item-inner .sppb-carousel-caption {
margin: 0 auto;
text-align: center;
}
.sppb-carousel-flex .sppb-carousel-inner >.sppb-item .sppb-carousel-item-inner .sppb-carousel-caption .sppb-carousel-pro-text >h2 {
margin: 0 auto;
}
.sppb-carousel-flex .sppb-carousel-inner >.sppb-item .sppb-carousel-item-inner .sppb-carousel-caption .sppb-carousel-pro-text >p {
margin: 25px auto 0;
}
.sppb-carousel-flex .sppb-carousel-arrow {
top: 50%;
font-size: 27px;
width: 32px;
height: 32px;
line-height: 29px;
margin-top: -16px;
text-align: center;
background: rgba(0,0,0,0.3);
border-radius: 4px;
-webkit-transition: all .2s ease-in-out .1s;
-moz-transition: all .2s ease-in-out .1s;
-o-transition: all .2s ease-in-out .1s;
transition: all .2s ease-in-out .1s;
opacity: 0;
}
.sppb-carousel-flex .sppb-carousel-arrow i.fa,
.sppb-carousel-flex .sppb-carousel-arrow i.fas {
text-shadow: none;
color: #fff;
}
.sppb-carousel-flex .sppb-carousel-arrow i.fa.fa-angle-left,
.sppb-carousel-flex .sppb-carousel-arrow i.fas.fa-angle-left {
margin: -15px 0 0 -6px;
}
.sppb-carousel-flex .sppb-carousel-arrow i.fa.fa-angle-right,
.sppb-carousel-flex .sppb-carousel-arrow i.fas.fa-angle-right {
margin: -15px -6px 0 0;
text-indent: 2px;
text-align: center;
}
.sppb-carousel-flex .sppb-carousel-arrow.left {
left: -1px;
}
.sppb-carousel-flex .sppb-carousel-arrow.right {
right: -1px;
}
.sppb-carousel-flex .sppb-carousel-indicators {
bottom: -10px;
opacity: 0;
-webkit-transition: all .2s ease-in-out .2s;
-moz-transition: all .2s ease-in-out .2s;
-o-transition: all .2s ease-in-out .2s;
transition: all .2s ease-in-out .2s;
}
.sppb-carousel-flex .sppb-carousel-indicators li {
margin: 0 5px;
width: 10px;
height: 10px;
padding: 0;
border: none;
background: rgba(10,10,10,0.12);
}
.sppb-carousel-flex .sppb-carousel-indicators li.active {
background: rgba(10,10,10,0.4);
}
.sppb-carousel-flex:hover .sppb-carousel-indicators {
bottom: 10px;
opacity: 1;
}
.sppb-carousel-flex:hover .sppb-carousel-arrow {
opacity: 1;
}
.sppb-carousel-flex:hover .sppb-carousel-arrow:hover {
background: rgba(0,0,0,0.5);
}
.sppb-carousel-flex:hover .sppb-carousel-arrow.left {
left: 10px;
}
.sppb-carousel-flex:hover .sppb-carousel-arrow.right {
right: 10px;
}
.sppb-testimonial-flex .sppb-carousel-inner > .sppb-item {
margin: 0;
padding: 0;
}
.sppb-testimonial-flex .sppb-img-responsive.sppb-avatar {
display: inline-block;
}
.sppb-testimonial-flex .sppb-testimonial-message,
.sppb-testimonial-flex .sppb-testimonial-client,
.sppb-testimonial-flex .sppb-img-responsive.sppb-avatar {
margin-bottom: 10px;
}
.sppb-testimonial-flex .sppb-testimonial-client h4 {
font-size: 110%;
font-weight: 700;
}
.sppb-testimonial-flex .sppb-testimonial-message {
font-size: 100%;
line-height: 26px;
}
.sppb-testimonial-flex .left >i {
margin-left: -1px;
}
.sppb-testimonial-flex .right >i {
margin-right: -3px;
}
.sppb-testimonial-flex .sppb-carousel-control {
display: inline-block;
font-size: 20px;
line-height: 25px;
width: 28px;
height: 28px;
border-radius: 4px;
text-align: center;
border: 1px solid #999;
border: 1px solid rgba(45,45,45,0.15);
color: #888;
margin: 8px 3px 0;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.sppb-testimonial-flex .sppb-carousel-control:hover {
border: 1px solid #cf142b;
}
.sppb-carousel-pro .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text {
text-align: left;
}
.sppb-carousel-pro .sppb-carousel-indicators li {
margin-right: 5px;
}
.inline-class .sppb-addon-pie-progress {
display: table-cell;
width: 1%;
margin: 0 auto;
}
.sppb-addon-pie-progress .sppb-pie-chart .sppb-chart-icon i.pe {
vertical-align: middle;
line-height: 1.4;
}
.sppb-addon.flex .slick-desc span.fa,
.sppb-addon.flex .slick-desc i.fa {
font-family: inherit;
}
.sppb-addon.flex .slick-desc span.fa::before,
.sppb-addon.flex .slick-desc i.fa::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.sppb-addon.flex .slick-desc span.fas,
.sppb-addon.flex .slick-desc i.fas {
font-family: inherit;
}
.sppb-addon.flex .slick-desc span.fas::before,
.sppb-addon.flex .slick-desc i.fas::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.sppb-addon.flex .slick-desc span.pe,
.sppb-addon.flex .slick-desc i.pe {
font-family: inherit;
}
.sppb-addon.flex .slick-desc span.pe::before,
.sppb-addon.flex .slick-desc i.pe::before {
font-family: 'peIcon7';
}
.sppb-addon.flex .slick-prev,
.sppb-addon.flex .slick-next {
opacity: 0;
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s;
}
.sppb-addon.flex .slick-prev {
left: -20px;
}
.sppb-addon.flex .slick-next {
right: -20px;
}
.sppb-addon.flex:hover .slick-prev,
.sppb-addon.flex:hover .slick-next {
opacity: 1;
}
.sppb-addon.flex:hover .slick-prev {
left: 0;
}
.sppb-addon.flex:hover .slick-next {
right: 0;
}
.latest-post {
margin-bottom: 30px;
}
.latest-post .latest-post-inner {
padding: 0;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.latest-post .latest-post-inner .entry-meta {
font-weight: 200;
font-size: 90%;
margin-bottom: 20px;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.latest-post .latest-post-inner h2.entry-title {
font-size: 135%;
margin-bottom: 20px;
line-height: 1.35;
font-weight: 500;
}
.latest-post .latest-post-inner div.img-wrapper {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.latest-post .latest-post-inner div.img-wrapper >a >img.post-img {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: all .4s ease-in-out .1s;
transition: all .4s ease-in-out .1s;
}
.latest-post .latest-post-inner div.img-wrapper:hover >a >img.post-img {
-webkit-transform: scale3d(1.12,1.12,1);
transform: scale3d(1.12,1.12,1);
}
.latest-post .latest-post-inner p.intro-text {
margin-bottom: 20px;
}
.latest-post .latest-post-inner .post-author {
font-weight: 600;
font-size: 90%;
}
.latest-post .latest-post-inner .category {
font-size: 90%;
}
.latest-post .latest-post-inner .category.cat-inline {
margin: 0 12px;
}
.latest-post .latest-post-inner .category a {
font-weight: 600;
}
.latest-post .column-1.pull-left,
.latest-post .column-1.pull-right {
margin: 0;
}
.blog .latest-post {
margin-bottom: 25px;
}
.blog .latest-post .latest-post-inner,
.blog .latest-post .column-1 {
background: #fff;
padding: 20px;
border: none;
box-shadow: none;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.blog .latest-post .latest-post-inner h2.entry-title,
.blog .latest-post .column-1 h2.entry-title {
font-size: 140%;
font-weight: 500;
margin-bottom: 20px;
line-height: 1.3;
}
.blog .latest-post .latest-post-inner h2.entry-title >a,
.blog .latest-post .column-1 h2.entry-title >a {
display: block;
}
.blog .latest-post .latest-post-inner p.intro-text,
.blog .latest-post .column-1 p.intro-text {
margin-bottom: 20px;
}
.blog .latest-post .latest-post-inner .post-author,
.blog .latest-post .column-1 .post-author {
font-weight: 500;
margin-bottom: 0;
}
.blog .latest-post .latest-post-inner .category,
.blog .latest-post .column-1 .category {
margin-bottom: 0;
}
.blog .latest-post .latest-post-inner .category a,
.blog .latest-post .column-1 .category a {
font-weight: 600;
}
.blog .latest-post .latest-post-inner:hover,
.blog .latest-post .column-1:hover {
background: #f7f7f7;
}
.blog .latest-post .latest-post-inner:hover .entry-meta,
.blog .latest-post .column-1:hover .entry-meta {
color: #999;
}
.flex .latest-post .latest-post-item {
background: #fff;
}
.flex .latest-post .latest-post-item div.img-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
}
.flex .latest-post .latest-post-item div.img-wrapper >a >img.post-img {
-webkit-transition: 250ms;
-moz-transition: 250ms;
-o-transition: 250ms;
transition: 250ms;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.flex .latest-post .latest-post-item div.img-wrapper >a:after {
display: block;
position: absolute;
content: "";
bottom: 0;
box-shadow: 0;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.flex .latest-post .latest-post-item div.img-wrapper >a .caption-content {
position: absolute;
font-weight: 500;
font-size: 110%;
color: #fff;
padding: 0 10%;
top: 50%;
width: 100%;
text-align: center;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
transform: translateY(0%);
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
opacity: 0;
z-index: 2;
}
.flex .latest-post .latest-post-item div.img-wrapper >a .caption-category {
padding: 2px 12px;
display: table;
width: auto;
margin: 8px auto 0;
background: rgba(255,255,255,0.25);
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
font-weight: 500;
font-size: 12px;
color: #fff;
}
.flex .latest-post .latest-post-item div.img-wrapper >a .caption-category .posted-in {
opacity: 0.65;
}
.flex .latest-post .latest-post-item div.img-wrapper:hover {
background: rgba(255,255,255,0.5);
}
.flex .latest-post .latest-post-item div.img-wrapper:hover >a:after {
opacity: 0.85;
}
.flex .latest-post .latest-post-item div.img-wrapper:hover >a .caption-content {
opacity: 1;
transform: translateY(-50%);
}
.flex .latest-post .latest-post-item .latest-post-inner {
padding: 20px;
box-shadow: inset 0 0 0px 1px #fff;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.flex .latest-post .latest-post-item .latest-post-inner h2.entry-title {
font-size: 135%;
line-height: 1.3;
margin: 1px 0 12px 0;
}
.flex .latest-post .latest-post-item .latest-post-inner h2.entry-title >a {
display: block;
}
.flex .latest-post .latest-post-item .latest-post-inner .entry-meta {
font-weight: 200;
font-size: 85%;
margin: 10px 0;
color: #999;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.flex .latest-post .latest-post-item .latest-post-inner p.intro-text {
margin: 10px 0 0;
}
.flex .latest-post .latest-post-item .latest-post-inner .post-author {
font-weight: 500;
margin: 15px 0 0;
font-size: 90%;
}
.flex .latest-post .latest-post-item .latest-post-inner .post-author .entry-author {
color: #999;
}
.flex .latest-post .latest-post-item .latest-post-inner .category {
color: #999;
margin: 15px 0 0;
}
.flex .latest-post .latest-post-item .latest-post-inner .category.cat-inline {
margin: 0 12px;
}
.flex .latest-post .latest-post-item .latest-post-inner .category a {
font-weight: 600;
}
.flex .latest-post .latest-post-item .latest-post-inner:hover {
background: #f8f8f8;
}
.flex .latest-post .latest-post-item .latest-post-inner:hover .entry-meta {
color: #999;
}
.flex .latest-post .latest-post-item .post-divider {
width: 100%;
height: 30px;
display: block;
}
.sppb-divider {
display: block;
}
.sppb-addon-gallery li img {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sppb-addon-gallery li:hover img {
opacity: .8;
}
.sppb-addon-gmap .sppb-addon-content .gm-zoom-in,
.sppb-addon-gmap .sppb-addon-content .gm-zoom-out {
height: 30px;
width: 30px;
border-radius: 3px;
cursor: pointer;
margin-left: 10px;
background-color: rgba(40,40,40,0.25);
background-repeat: no-repeat;
background-size: 30px 60px;
background-image: url(../images/gmap-icon.svg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sppb-addon-gmap .sppb-addon-content .gm-zoom-in:hover,
.sppb-addon-gmap .sppb-addon-content .gm-zoom-out:hover {
background-color: rgba(40,40,40,0.4);
}
.sppb-addon-gmap .sppb-addon-content .gm-zoom-in {
background-position: 50% 0;
margin-top: 10px;
margin-bottom: 2px;
}
.sppb-addon-gmap .sppb-addon-content .gm-zoom-out {
background-position: 50% -30px;
}
.sppb-addon-gmap .sppb-addon-content .sppb-addon-gmap-canvas {
background: transparent !important;
}
a[href*="//maps.google.com/maps"],
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none !important;
}
.sppb-addon-flickr ul.sppb-flickr-gallery li {
padding: 5px;
margin: 0 -0.01%;
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a {
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
overflow: hidden;
padding: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a img {
object-fit: cover;
padding: 0;
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .3s ease-in-out;
-moz-transition: transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a:hover {
padding: 0;
opacity: 0.85;
-moz-opacity: 0.85;
-webkit-transform: scale(1);
transform: scale(1);
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a:before {
background: rgba(100,100,100,0.2);
}
.sppb-addon-flickr ul.sppb-flickr-gallery li a:after {
font-family: "peIcon7";
content: "\e618";
font-weight: 600;
font-size: 32px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.firefox ul.sppb-flickr-gallery li a img {
-webkit-transform: scale(1);
transform: scale(1);
}
.sppb-addon-plyr.minimal .plyr--audio .plyr__controls {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.sppb-addon-plyr.minimal .plyr__progress--buffer,
.sppb-addon-plyr.minimal .plyr__progress--played,
.sppb-addon-plyr.minimal .plyr__volume--display {
height: 4px;
margin: -2px 0 0;
}
.sppb-addon-plyr.minimal .plyr input[type=range]::-webkit-slider-thumb {
margin-top: -2px;
height: 12px;
width: 12px;
}
.sppb-addon-plyr.minimal .plyr__tooltip {
margin-bottom: 6px;
}
.sppb-addon-countdown .sppb-countdown-number {
text-align: center;
font-weight: normal;
}
.sppb-addon-countdown span.sppb-countdown-text {
text-align: center;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper:before {
background-color: #aaa;
top: 7px;
bottom: -7px;
width: 1px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge {
height: 90px;
position: absolute;
left: 50%;
z-index: 5;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before {
font-size: 30px;
border: 2px solid #aaa;
height: 16px;
width: 16px;
z-index: 1;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
background: #ddd none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 37px;
width: 28px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .odd .timeline-badge:after {
left: auto;
height: 1px;
right: 0;
top: 44px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-item .timeline-panel {
padding: 17px 22px !important;
text-align: initial;
border: solid 1px #d0d0d0;
border-radius: 5px;
position: relative;
width: 75vw;
margin-left: 15px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-item .timeline-panel .details {
padding: 0;
background: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-item .timeline-panel.left-part:before {
top: 34px;
}
select.sppb-form-control:not([size]):not([multiple]) {
height: 40px;
}
.sppb-form-builder-range-output {
top: -26px;
line-height: 21px;
padding: 0;
}
.sp-slider.sp-basic-slider .sp-item,
.sp-slider.sp-stack-slider .sp-item,
.sp-slider.on-3d-active .sp-item {
transition-timing-function: cubic-bezier(0.5,0,0.3,1);
-moz-transition-timing-function: cubic-bezier(0.5,0,0.3,1);
-webkit-transition-timing-function: cubic-bezier(.0 .5,0,0.3,1);
}
.sp-slider.sp-bubble-slider .sp-item {
transition-timing-function: ease;
-moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
}
.sppb-addon-overlay-image .overlay-background-image,
.overlay-image-title,
.overlay-image-title .sppb-addon-subtitle {
-webkit-transition-timing-function: cubic-bezier(0.45,0,0.3,1);
-moz-transition-timing-function: cubic-bezier(0.45,0,0.3,1);
transition-timing-function: cubic-bezier(0.45,0,0.3,1);
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
transition-duration: .7s;
}
.animated_headlines .before-text {
margin-right: .1em;
}
.animated_headlines .after-text {
margin-left: .1em;
}
.animated_headlines .ah-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
vertical-align: top;
margin: 0;
top: 0;
}
.animated_headlines .ah-words-wrapper b {
display: inline-block;
width: auto;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: inherit;
}
.animated_headlines .ah-words-wrapper b i {
font-style: inherit;
}
.animated_headlines .ah-words-wrapper b:before {
content: '';
position: relative;
padding: 0 0 0 0.15em;
}
.animated_headlines .ah-words-wrapper b:after {
content: '';
position: relative;
padding: 0 0.15em 0 0;
}
.animated_headlines .ah-words-wrapper b.is-visible {
position: relative;
}
.animated_headlines.rotate-1 .ah-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.animated_headlines.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.animated_headlines.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-o-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.animated_headlines.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-o-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
.animated_headlines.type {
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: auto;
}
.animated_headlines.type .after-text {
margin-left: .15em;
}
.animated_headlines.type .ah-words-wrapper {
overflow: hidden;
width: auto;
padding: 0 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.animated_headlines.type .ah-words-wrapper i {
text-indent: 2px;
}
.animated_headlines.type .ah-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-o-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.animated_headlines.type .ah-words-wrapper.selected {
background-color: #eee;
}
.animated_headlines.type .ah-words-wrapper.selected::after {
visibility: hidden;
}
.animated_headlines.type .ah-words-wrapper.selected b {
color: #0d0d0d;
}
.animated_headlines.type .ah-words-wrapper::after {
content: '';
position: absolute;
right: 0;
top: 45%;
bottom: auto;
height: 90%;
width: 10px;
border-right: 2px solid #cf142b;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.animated_headlines.type .ah-words-wrapper b {
visibility: hidden;
vertical-align: top;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.animated_headlines.type .ah-words-wrapper b.is-visible {
visibility: visible;
}
.animated_headlines.type .ah-words-wrapper b i {
position: absolute;
}
.animated_headlines.type .ah-words-wrapper b i.in {
position: relative;
visibility: visible;
}
.animated_headlines.type .ah-words-wrapper b:after {
padding: 0;
}
.animated_headlines.rotate-2 .ah-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.animated_headlines.rotate-2 b {
opacity: 0;
}
.animated_headlines.rotate-2 i,
.animated_headlines.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animated_headlines.rotate-2 i {
-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: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.animated_headlines.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-o-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.animated_headlines.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-o-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.animated_headlines.rotate-2.is-visible i {
opacity: 1;
}
.animated_headlines.rotate-2 em {
display: inline-block;
-webkit-transform: translate3d(0,0,20px);
-moz-transform: translate3d(0,0,20px);
-ms-transform: translate3d(0,0,20px);
-o-transform: translate3d(0,0,20px);
transform: translate3d(0,0,20px);
}
.animated_headlines.loading-bar span {
display: inline-block;
}
.animated_headlines.loading-bar .ah-words-wrapper {
overflow: hidden;
}
.animated_headlines.loading-bar .ah-words-wrapper::after {
content: '';
position: absolute;
left: 0.02em;
bottom: 0;
height: 3px;
width: 0;
background-color: #cf142b;
z-index: 2;
-webkit-transition: width 0.3s -0.2s ease;
-moz-transition: width 0.3s -0.2s ease;
-o-transition: width 0.3s -0.2s ease;
transition: width 0.3s -0.2s ease;
}
.animated_headlines.loading-bar .ah-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s ease;
-moz-transition: width 3s ease;
-o-transition: width 3s ease;
transition: width 3s ease;
}
.animated_headlines.loading-bar b {
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-115%,0);
-moz-transform: translate(-115%,0);
-ms-transform: translate(-115%,0);
-o-transform: translate(-115%,0);
transform: translate(-115%,0);
-webkit-transition: all 0.7s cubic-bezier(0.350,0,0.3,1.1);
-moz-transition: all 0.7s cubic-bezier(0.350,0,0.3,1.1);
-o-transition: all 0.7s cubic-bezier(0.350,0,0.3,1.1);
transition: all 0.7s cubic-bezier(0.350,0,0.3,1.1);
}
.animated_headlines.loading-bar b.is-visible {
opacity: 1;
top: 0;
visibility: visible;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.animated_headlines.slide span {
display: inline-block;
}
.animated_headlines.slide .ah-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.animated_headlines.slide .ah-words-wrapper b {
opacity: 0;
top: .2em;
}
.animated_headlines.slide .ah-words-wrapper b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-o-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.animated_headlines.slide .ah-words-wrapper b.is-hidden {
-webkit-animation: slide-out 0.6s;
-o-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
.animated_headlines.clip span {
display: inline-block;
}
.animated_headlines.clip .ah-words-wrapper {
overflow: hidden;
margin: 0 1px;
}
.animated_headlines.clip .ah-words-wrapper::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 99%;
background-color: #cf142b;
}
.animated_headlines.clip b {
opacity: 0;
padding: 0 3px 0 0;
line-height: 1.4;
}
.animated_headlines.clip b.is-visible {
opacity: 1;
}
.animated_headlines.reset-width span {
display: inline-block;
}
.animated_headlines.reset-width .ah-words-wrapper {
overflow: hidden;
margin: 0;
top: 0;
}
.animated_headlines.zoom .ah-words-wrapper {
-webkit-perspective: 400px;
-moz-perspective: 400px;
perspective: 400px;
}
.animated_headlines.zoom b {
opacity: 0;
}
.animated_headlines.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in .8s ease-in-out;
-o-animation: zoom-in .8s ease-in-out;
animation: zoom-in .8s ease-in-out;
}
.animated_headlines.zoom b.is-hidden {
-webkit-animation: zoom-out .8s ease;
-o-animation: zoom-out .8s ease;
animation: zoom-out .8s ease;
}
.animated_headlines.rotate-3 .ah-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.animated_headlines.rotate-3 b {
opacity: 0;
}
.animated_headlines.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animated_headlines.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-o-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.animated_headlines.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-o-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.animated_headlines.scale b {
opacity: 0;
}
.animated_headlines.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.animated_headlines.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-o-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.animated_headlines.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-o-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.animated_headlines.push b {
opacity: 0;
}
.animated_headlines.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 1s cubic-bezier(0.150,0,0.300,1.050);
-o-animation: push-in 1s cubic-bezier(0.150,0,0.300,1.050);
animation: push-in 1s cubic-bezier(0.150,0,0.300,1.050);
}
.animated_headlines.push b.is-hidden {
-webkit-animation: push-out 1s cubic-bezier(0.150,0,0.300,1.050);
-o-animation: push-out 1s cubic-bezier(0.150,0,0.300,1.050);
animation: push-out 1s cubic-bezier(0.150,0,0.300,1.050);
}
.no-csstransitions .animated_headlines.rotate-2 i {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .animated_headlines.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(120px) scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(120px) scale(1.2);
-moz-transform: translateZ(120px) scale(1.2);
-ms-transform: translateZ(120px) scale(1.2);
-o-transform: translateZ(120px) scale(1.2);
transform: translateZ(120px) scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
-moz-transform: translateZ(0) scale(1);
-ms-transform: translateZ(0) scale(1);
-o-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-60px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
-moz-transform: translateZ(0) scale(1);
-ms-transform: translateZ(0) scale(1);
-o-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-60px) scale(0.8);
-moz-transform: translateZ(-60px) scale(0.8);
-ms-transform: translateZ(-60px) scale(0.8);
-o-transform: translateZ(-60px) scale(0.8);
transform: translateZ(-60px) scale(0.8);
}
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-150%);
}
65% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-150%);
-moz-transform: translateX(-150%);
-ms-transform: translateX(-150%);
-o-transform: translateX(-150%);
transform: translateX(-150%);
}
65% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(150%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(150%);
-moz-transform: translateX(150%);
-ms-transform: translateX(150%);
-o-transform: translateX(150%);
transform: translateX(150%);
}
}
.centered .container >.row,
.centered .container-fluid >.row,
.addspace .container >.row,
.addspace .container-fluid >.row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
#sp-logo {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-justify-content: start;
justify-content: start;
z-index: 10;
}
#sp-logo .sp-default-logo,
#sp-logo .sp-retina-logo {
max-height: 100%;
width: auto;
}
a.logo .sp-retina-logo {
display: none;
}
#sp-header #sp-menu .sp-column .sp-megamenu-parent {
float: right;
}
#sp-header #sp-menu .sp-column .sp-megamenu-parent >li >a >.pe {
font-size: 125%;
text-align: center;
vertical-align: middle;
line-height: 1;
margin-top: -3px;
}
#sp-header #sp-menu .sp-menu-item >a >img {
max-height: 20px;
max-width: 20px;
display: inline;
margin: -2px 7px 0 0;
}
#sp-header #sp-menu .sp-menu-item .pe {
font-size: 120%;
vertical-align: middle;
line-height: 1;
margin: -2px auto 0;
}
#sp-header #sp-menu .sp-menu-item.bold .pe {
font-weight: 600;
}
#sp-header #sp-menu .sp-menu-item .sp-module {
margin: 2px auto 0;
}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {
border-radius: 0 0 3px 3px;
background: rgba(40,40,40,0.8);
}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a {
color: #f7f7f7;
}
#sp-header .logo {
margin: auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
}
#sp-header .logo h1 {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0;
vertical-align: middle;
}
#sp-header .logo p {
margin: 5px 0 0;
}
#sp-header.white #sp-menu .sp-dropdown .sp-dropdown-inner,
#sp-header.transparent-white #sp-menu .sp-dropdown .sp-dropdown-inner,
#sp-header.onepage #sp-menu .sp-dropdown .sp-dropdown-inner {
background: rgba(255,255,255,0.8);
}
#sp-header.white #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a,
#sp-header.transparent-white #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a,
#sp-header.onepage #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a {
color: #000000;
}
.transparent-wrapper {
position: absolute;
right: 0;
left: 0;
z-index: 9;
margin: 0 auto;
padding: 0;
}
.transparent-wrapper header.transparent {
background: transparent;
}
.transparent-wrapper .onepage,
.transparent-wrapper .white {
background: rgba(255,255,255,0.8);
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.transparent-wrapper .onepage .sp-megamenu-parent li a,
.transparent-wrapper .white .sp-megamenu-parent li a {
color: #000000;
}
#sp-header.addspace >.container,
#sp-header.addspace >.container-fluid {
padding: 0;
}
#sp-header.addspace >.container >.row,
#sp-header.addspace >.container-fluid >.row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
#sp-header.addspace #sp-menu {
width: auto;
padding: 0;
}
#sp-header.addspace #sp-menu .sp-column.centered {
margin: 0 auto;
}
#sp-header.addspace .vmCartModule {
top: 0;
left: 0;
position: absolute;
}
#sp-header.addspace #cart-menu {
padding: 0;
margin-left: -15px;
display: block;
}
#sp-header.addspace #cart-menu .cd-cart {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;
}
#sp-header.addspace #cart-menu .cd-cart i {
display: block;
width: 90px;
text-align: center;
}
#sp-header.addspace #cart-menu .cd-cart .total_products {
right: 18px;
}
#sp-header.addspace #cart-menu.shopping-menu-is-open {
padding: 0;
}
#sp-header.addspace #cart-menu.shopping-menu-is-open .cd-cart {
height: 100vh;
}
#sp-header.addspace #cart-menu.shopping-menu-is-open .cd-cart i {
text-align: center;
}
#sp-header.addspace #cart-menu.shopping-menu-is-open .cd-cart .total_products {
right: 18px;
}
section.addspace {
padding-top: 10px;
padding-bottom: 10px;
}
section.addspace #sp-addspace .sp-column >div {
padding-top: 10px;
padding-bottom: 10px;
}
#sp-header.centered >.container,
#sp-header.centered >.container-fluid {
padding: 0;
}
#sp-header.centered >.container >.row,
#sp-header.centered >.container-fluid >.row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
#sp-header.centered #sp-menu {
width: auto;
padding: 0;
}
#sp-header.centered #sp-menu .sp-column.centered {
margin: 0 auto;
padding: 0;
}
#sp-header.centered #cart-menu {
padding: 0;
margin-left: -15px;
display: block;
}
#sp-header.centered #cart-menu .cd-cart {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;
}
#sp-header.centered #cart-menu .cd-cart i {
display: block;
text-align: center;
}
#sp-header.centered #cart-menu .cd-cart .total_products {
right: 18px;
}
#sp-header.centered #cart-menu.shopping-menu-is-open {
padding: 0;
}
#sp-header.centered #cart-menu.shopping-menu-is-open .cd-cart {
height: 100vh;
}
#sp-header.centered #cart-menu.shopping-menu-is-open .cd-cart i {
text-align: center;
}
#sp-header.centered #cart-menu.shopping-menu-is-open .cd-cart .total_products {
right: 20px;
}
.sp-column.centered {
text-align: center;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.sp-column.centered >a,
.sp-column.centered >div {
text-align: left;
display: table;
margin: 0 auto;
padding: 0;
}
#sp-header.transparent.shadow:before {
content: " ";
position: absolute;
height: 120px;
width: 100%;
background: -moz-linear-gradient(top,rgba(0,0,0,0.4) 0%,transparent 100%);
background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,transparent));
background: -webkit-linear-gradient(top,rgba(0,0,0,0.4) 0%,transparent 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0.4) 0%,transparent 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0.4) 0%,transparent 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,transparent 100%);
}
#sp-header.color {
box-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 192dpi) {
a.logo .sp-default-logo {
display: none;
}
a.logo .sp-retina-logo {
display: block;
width: auto;
}
}
.pagination-wrapper {
display: block;
margin: 1em auto;
text-align: center;
}
.pagination {
margin: 0 auto;
text-align: center;
display: table;
}
nav[role="pagination"] {
text-align: center;
}
.cd-pagination {
width: 90%;
padding: 0;
margin: 1em auto;
text-align: center;
}
.cd-pagination li {
display: inline-block;
margin: 0;
}
.cd-pagination li.active {
pointer-events: none;
}
.cd-pagination li .button {
display: inline-block;
}
.cd-pagination a,
.cd-pagination span {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .4em .8em;
font-size: 100%;
}
.cd-pagination a {
border: 1px solid #e6e6e6;
border-radius: 0.25em;
}
.cd-pagination a i {
font-style: normal;
line-height: 49px;
}
.cd-pagination a [class^="ap-"] {
font-style: normal;
line-height: 26px;
font-size: 90%;
}
.cd-pagination a .disabled {
color: rgba(46,64,87,0.4);
pointer-events: none;
}
.cd-pagination a .disabled:before,
.cd-pagination a .disabled:after {
opacity: 0.4;
}
.cd-pagination.no-space {
width: auto;
max-width: none;
display: inline-block;
border-radius: 0.25em;
border: 1px solid #e6e6e6;
}
.cd-pagination.no-space a,
.cd-pagination.no-space span {
float: left;
border-radius: 0;
padding: .8em 1em;
border: none;
}
.cd-pagination.no-space:after {
content: "";
display: table;
clear: both;
}
.cd-pagination.no-space li {
margin: 0;
float: left;
border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:first-of-type a {
border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type {
border-right: none;
}
.cd-pagination.no-space li:last-of-type a {
border-radius: 0 0.25em 0.25em 0;
}
.cd-pagination.no-space .move-buttons {
width: 90%;
max-width: 768px;
display: block;
overflow: hidden;
}
.cd-pagination.no-space .move-buttons li {
float: none;
border: none;
}
.cd-pagination.no-space .move-buttons a,
.cd-pagination.no-space .move-buttons span {
float: none;
}
.cd-pagination.custom-icons .button a {
position: relative;
}
.cd-pagination.custom-icons a.next i,
.cd-pagination.custom-icons a.previous i {
font-family: 'ap-arrows';
}
.cd-pagination.custom-icons .btn-previous a {
padding-left: 2.4em;
}
.cd-pagination.custom-icons .btn-previous a:before {
content: "\e606";
font-family: 'ap-arrows';
font-size: 20px;
position: absolute;
display: inline-block;
line-height: 24px;
top: 50%;
margin-top: -12px;
}
.cd-pagination.custom-icons .btn-next a {
padding-right: 2.4em;
}
.cd-pagination.custom-icons .btn-next:last-of-type a:after {
content: "\e607";
font-family: 'ap-arrows';
font-size: 20px;
position: absolute;
display: inline-block;
line-height: 24px;
top: 50%;
margin-top: -12px;
}
.cd-pagination.custom-icons .button:first-of-type a::before {
left: .8em;
}
.cd-pagination.custom-icons .button.next:last-of-type a::after {
right: .8em;
}
.cd-pagination.custom-buttons a,
.cd-pagination.custom-buttons span {
vertical-align: middle;
}
.cd-pagination.no-space.custom-buttons .button:last-of-type a {
border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.animated-buttons a,
.cd-pagination.animated-buttons span {
padding: 0 1.4em;
height: 50px;
line-height: 50px;
overflow: hidden;
}
.cd-pagination.animated-buttons .button a {
position: relative;
padding: 0 2em;
}
.cd-pagination.animated-buttons .button a i {
display: block;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button a:hover i {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cd-pagination.animated-buttons .button:first-of-type a:before,
.cd-pagination.animated-buttons .button:first-of-type a:after,
.cd-pagination.animated-buttons .button:last-of-type a:before,
.cd-pagination.animated-buttons .button:last-of-type a:after {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
right: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button:first-of-type a:hover:before,
.cd-pagination.animated-buttons .button:first-of-type a:hover:after,
.cd-pagination.animated-buttons .button:last-of-type a:hover:before,
.cd-pagination.animated-buttons .button:last-of-type a:hover:after {
-webkit-transform: translateX(-50%) translateY(-50px);
-moz-transform: translateX(-50%) translateY(-50px);
-ms-transform: translateX(-50%) translateY(-50px);
-o-transform: translateX(-50%) translateY(-50px);
transform: translateX(-50%) translateY(-50px);
}
.html-style span {
color: #fff;
padding: 0 5px;
}
ul.site-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.site-list li {
margin-bottom: 10px;
}
ul.site-list li i {
font-size: 14px;
margin-right: 10px;
}
ul.colors {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
display: block;
}
ul.colors li {
display: inline-table;
width: 20%;
border: none;
margin: 0 1.7% 3%;
padding: 0;
}
ul.colors li a img {
box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
ul.colors li a:hover img {
box-shadow: 0 0 0px 1px rgba(155,155,155,0.3);
}
.bullets .li-circle {
list-style: disc;
padding-left: 20px;
}
.bullets .li-ol {
list-style: decimal;
font-size: 14px;
}
.bullets .li-ol li {
margin-bottom: 10px;
}
.dropcaps .naked-drop span {
font-size: 77px;
font-weight: 500;
padding: 0 20px 0 0;
float: left;
display: block;
line-height: 68px;
margin: 0;
}
.dropcaps .full-drop span {
font-size: 59px;
color: #fff;
font-weight: 500;
padding: 6px 12px;
border-radius: 3px;
float: left;
display: block;
line-height: 50px;
margin: 5px 12px 5px 0;
}
blockquote {
line-height: 1.7;
}
blockquote footer {
line-height: 2.5;
}
blockquote footer cite {
margin-left: 3px;
}
.break20 {
display: block;
width: 100%;
height: 20px;
}
.entry-gallery > ul.post-slides {
padding: 0;
margin: 0;
border: 0;
}
.post-slides {
overflow: hidden;
height: 0;
}
.post-slides li.active {
visibility: visible;
}
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSAction {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
opacity: 0;
}
.lSSlideOuter .lSAction >a {
display: block;
top: 50%;
width: 1px;
height: 1px;
cursor: pointer;
position: absolute;
z-index: 9;
opacity: 0.7;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.lSSlideOuter .lSAction >a:hover {
opacity: 1;
}
.lSSlideOuter .lSAction >a.disabled {
pointer-events: none;
}
.lSSlideOuter .lSAction >.lSPrev {
left: 0;
text-align: center;
-webkit-transform: translate(-50px,0);
-moz-transform: translate(-50px,0);
-ms-transform: translate(-50px,0);
-o-transform: translate(-50px,0);
transform: translate(-50px,0);
}
.lSSlideOuter .lSAction >.lSPrev > i {
color: #fff;
display: block;
position: absolute;
top: 50%;
vertical-align: middle;
text-align: center;
}
.lSSlideOuter .lSAction >.lSNext {
left: auto;
right: 0;
text-align: center;
-webkit-transform: translate(50px,0);
-moz-transform: translate(50px,0);
-ms-transform: translate(50px,0);
-o-transform: translate(50px,0);
transform: translate(50px,0);
}
.lSSlideOuter .lSAction >.lSNext > i {
color: #fff;
display: block;
position: absolute;
top: 50%;
vertical-align: middle;
text-align: center;
z-index: 9;
right: 0;
}
.lSSlideOuter:hover .lSAction {
opacity: 1;
}
.lSSlideOuter:hover .lSAction .lSPrev,
.lSSlideOuter:hover .lSAction .lSNext {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter.lSrtl .lightSlider {
padding-right: 0;
}
.lSSlideOuter.lSrtl .lightSlider >* {
float: right;
}
.lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter.lSrtl .lSGallery li {
float: right;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .lSPrev {
left: 0;
right: auto;
}
.lSSlideOuter.lSrtl .lSPrev > i {
left: 0;
}
.lSSlideOuter.lSrtl .lSNext {
right: 0;
left: auto;
}
.lSSlideOuter.lSrtl .lSNext > i {
right: 0;
}
.lightSlider:before,
.lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper >.lightSlider:after {
clear: both;
}
.lSSlideWrapper .lightSlider {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform, height;
transition-property: transform, height;
-webkit-transition-timing-function: inherit;
-moz-transition-timing-function: inherit;
transition-timing-function: inherit;
-webkit-transition-duration: inherit;
-moz-transition-duration: inherit;
transition-duration: inherit;
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
transform: translate(0px,0px);
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade >* {
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper .lSFade >*.active {
z-index: 2;
}
.lSSlideWrapper.usingCss .lSFade >* {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit;
-moz-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
-moz-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper.usingCss .lSFade >*.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg >li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
border: 0;
}
.lSSlideOuter .lSPager.lSpg >li a {
background-color: #ccc;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.lSSlideOuter .lSPager.lSpg >li:hover a {
background-color: #eb354b;
}
.lSSlideOuter .lSPager.lSpg >li.active a {
background-color: #cf142b;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
-webkit-transform: translate3d(0px,0px,0px);
-moz-transform: translate3d(0px,0px,0px);
-ms-transform: translate3d(0px,0px,0px);
-o-transform: translate3d(0px,0px,0px);
transform: translate3d(0px,0px,0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery li.active {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
clear: both;
}
.lSSlideOuter .lightSlider {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter .lightSlider >* {
float: left;
}
.lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider >* {
width: 100%;
max-width: none;
}
.lSSlideOuter.vertical .lSAction >a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction >.lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction >.lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px;
}
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
@-webkit-keyframes "rightEnd" {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes "rightEnd" {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes "topEnd" {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes "topEnd" {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes "leftEnd" {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes "leftEnd" {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes "bottomEnd" {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes "bottomEnd" {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.cd-img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.overflow-hidden,
.sticky .menu-is-open {
overflow: hidden;
}
#cart-menu {
position: relative;
right: 0;
display: block;
z-index: 1003;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
#cart-menu #cd-menu-trigger,
#cart-menu .cd-cart {
position: relative;
display: inline-block;
height: 100%;
margin: 0 auto;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
#cart-menu #cd-menu-trigger >i,
#cart-menu .cd-cart >i {
display: block;
width: 80px;
text-align: center;
font-size: 28px;
}
#cart-menu #cd-menu-trigger .total_products,
#cart-menu .cd-cart .total_products {
position: absolute;
right: 13px;
height: 20px;
width: 20px;
line-height: 20px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#cart-menu #cd-menu-trigger .total_products.empty_basket,
#cart-menu .cd-cart .total_products.empty_basket {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
color: #fff;
}
#cart-menu #cd-menu-trigger .total_products.items-added,
#cart-menu .cd-cart .total_products.items-added {
color: #fff;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#cart-menu.shopping-menu-is-open {
position: fixed;
-webkit-transform: translateY(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
height: 100vh;
width: 100vw;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger,
#cart-menu.shopping-menu-is-open .cd-cart {
background: rgba(0,0,0,0.2);
height: 100vh !important;
width: 100vw;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger >i,
#cart-menu.shopping-menu-is-open .cd-cart >i {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 34px;
top: 0;
right: 0;
float: right;
padding-right: 7px;
width: 100px;
color: #fff !important;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products,
#cart-menu.shopping-menu-is-open .cd-cart .total_products {
right: 23px;
font-size: 12px;
height: 21px;
width: 21px;
line-height: 21px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
font-size: 14px;
color: #fff;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products.items-added,
#cart-menu.shopping-menu-is-open .cd-cart .total_products.items-added {
-webkit-transition: font-size;
-moz-transition: font-size;
-o-transition: font-size;
transition: font-size;
}
#cart-menu.is-fixed {
position: fixed;
}
#cd-lateral-nav {
position: fixed;
height: 100%;
right: 0;
top: 0;
visibility: hidden;
z-index: 1002;
width: 260px;
padding: 10px 20px;
background: #fff url(../images/cd-lateral-nav.svg) center center repeat;
box-shadow: -1px 0 10px rgba(0,0,0,0.15);
overflow-y: auto;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
transition: transform .4s 0s, visibility 0s .4s;
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
#cd-lateral-nav .cd-navigation h5 {
color: #000000;
}
#cd-lateral-nav.shopping-menu-is-open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;
}
img,
svg {
max-width: 100%;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
cursor: pointer;
border: none;
padding: 0;
}
button:focus {
outline: none;
}
#form-login input.button {
padding: 4px 32px 5px;
}
.product_row hr,
.cd-single-item hr {
width: 100%;
display: block;
margin: 20px auto 0;
}
.cd-single-item {
position: relative;
display: block;
}
.product_name > a {
display: block;
}
.cart-image {
width: 35%;
display: block;
}
.cart-image.pull-left {
margin: 0 10px 20px 0;
}
.quantity {
position: relative;
top: 10px;
left: -3px;
height: 20px;
width: 20px;
line-height: 20px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-align: center;
border-radius: 50%;
-webkit-transition: -webkit-transform 0.2s 0s;
-moz-transition: -moz-transform 0.2s 0s;
transition: transform 0.2s 0s;
}
.cart-item {
width: 60%;
display: inline-table;
}
.cart-item span {
line-height: 22px;
}
.cd-single-item >a {
display: block;
background-color: #ffffff;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
border-radius: 4px;
}
.no-touch .cd-single-item:hover .cd-customization-trigger,
.cd-single-item.hover .cd-customization-trigger {
display: none;
}
.cd-customization .add-to-cart {
display: block;
float: left;
width: 140px;
height: 40px;
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
border-radius: 3px;
position: relative;
overflow: hidden;
font-size: 95%;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-shadow: inset 0 -1px 0 1px rgba(0,0,0,0.05), inset 0 0 1px rgba(0,0,0,0.05);
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.cd-customization .add-to-cart input[name="addtocart"] {
background: transparent;
border: none;
outline: none;
line-height: 40px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-customization .add-to-cart svg {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.total {
text-align: center;
margin-top: 30px;
}
.show_cart {
text-align: center;
margin: 20px auto 25px;
}
.show_cart a {
color: #fff !important;
display: block;
width: 100%;
height: 100%;
border-radius: 3px;
border-color: #c61329;
background-color: #cf142b;
background-color: rgba(207,20,43,0.9);
}
.show_cart a >i {
margin-right: 10px;
margin-left: -5px;
}
.show_cart a:hover,
.show_cart a:focus {
border-color: #890d1d;
background-color: #bc1227;
color: #fff;
}
.vmLoadingDiv,
#fancybox-loading {
display: none;
position: fixed;
z-index: 1100;
top: 0;
left: 0;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background: rgba(255,255,255,0.35) url(../images/vm-loader.svg) 50% 50% no-repeat;
}
.productdetails-view .vm-product-media-img {
margin: 0 -1px;
}
.productdetails-view .vm-product-media-img .main-image {
padding: 0;
margin: 0;
}
.productdetails-view .vm-product-media-img .main-image img {
width: 100%;
max-height: inherit;
}
.productdetails-view .vm-product-media-img .main-image span.vm-img-desc {
display: block;
padding: 10px 7px;
line-height: 1.3;
font-size: 85%;
color: #555;
text-align: center;
}
.productdetails-view .vm-product-media-img .additional-images {
margin: 20px auto;
padding: 0;
}
.productdetails-view .vm-product-media-img .additional-images div.cols {
display: inline-table;
float: left;
text-align: center;
padding: 0;
margin: 0 auto;
margin-bottom: 10px !important;
}
.productdetails-view .vm-product-media-img .additional-images div.cols.cols-1,
.productdetails-view .vm-product-media-img .additional-images div.cols.cols-2 {
width: 46%;
margin: 0 1.7% 4.5%;
}
.productdetails-view .vm-product-media-img .additional-images div.cols.cols-3 {
width: 30%;
margin: 0 1.4% 3.3%;
}
.productdetails-view .vm-product-media-img .additional-images div.cols.cols-4 {
width: 22.5%;
margin: 0 1% 3%;
}
.productdetails-view .vm-product-media-img .additional-images div.cols:last-child {
margin-right: 0;
}
.productdetails-view .vm-product-media-img .additional-images div.cols span.vm-img-desc {
display: block;
padding: 10px 7px;
line-height: 1.3;
font-size: 80%;
color: #555;
text-align: center;
}
.productdetails-view .vm-product-media-img .additional-images img {
width: 100%;
height: 100%;
}
.productdetails-view .vm-product-details-inner .vm-product-title h2 {
font-size: 26px;
line-height: 1.2;
font-weight: 500;
float: left;
margin: 0;
}
.productdetails-view .vm-product-details-inner .vm-product-shipments {
display: none;
}
.productdetails-view .vm-product-details-inner .product-price {
text-align: left;
margin: 0 auto 10px;
padding: 0;
display: block;
height: auto;
width: 100%;
clear: both;
}
.productdetails-view .vm-product-details-inner .product-price >div {
font-size: 13px;
}
.productdetails-view .vm-product-details-inner .product-price >div >span + span {
font-size: 15px;
}
.productdetails-view .vm-product-details-inner .product-price .PricesalesPrice .vm-price-desc,
.productdetails-view .vm-product-details-inner .product-price .PricesalesPriceTt .vm-price-desc {
font-size: 18px;
}
.productdetails-view .vm-product-details-inner .product-price .PricesalesPrice span.PricesalesPrice,
.productdetails-view .vm-product-details-inner .product-price .PricesalesPrice span.PricesalesPriceTt,
.productdetails-view .vm-product-details-inner .product-price .PricesalesPriceTt span.PricesalesPrice,
.productdetails-view .vm-product-details-inner .product-price .PricesalesPriceTt span.PricesalesPriceTt {
font-weight: 600;
font-size: 25px;
}
.productdetails-view .vm-product-details-inner .product-price *,
.productdetails-view .vm-product-details-inner .product-price .vm-price-desc {
line-height: 1.3;
}
.productdetails-view .vm-product-details-inner .PricebasePrice > span.PricebasePrice {
font-size: 17px;
}
.productdetails-view .vm-product-details-inner .percent-off {
margin: 10px 0 0 0;
background: rgba(207,20,43,0.75);
padding: 5px 8px;
border-radius: 3px;
width: auto;
color: #fff;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
display: table;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.productdetails-view .vm-product-details-inner .percent-off:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
margin-top: 21px;
margin-left: 1px;
border-top: 3px solid rgba(207,20,43,0.7);
border-bottom: 3px solid transparent;
border-left: 5px solid rgba(207,20,43,0.7);
border-right: 5px solid transparent;
}
.productdetails-view .vm-product-details-inner .percent-off > span {
margin-left: 5px;
}
.productdetails-view .vm-product-details-inner .price-without-discount {
margin-bottom: 8px;
}
.productdetails-view .vm-product-details-inner .price-without-discount .PricebasePrice > span.PricebasePrice {
text-decoration: line-through;
}
.productdetails-view .vm-product-details-inner .PricediscountAmount {
margin-top: 8px;
}
.productdetails-view .vm-product-details-inner .PricediscountAmount > span.PricediscountAmount {
color: #cf142b;
}
.productdetails-view .vm-product-details-inner .product-short-description {
clear: both;
margin-bottom: 30px;
overflow: hidden;
}
.productdetails-view .vm-product-details-inner .product-short-description h4 >i {
font-size: 90%;
margin: 5px 5px 0 0;
}
.productdetails-view .vm-product-details-inner span.product-manufacturer .manufacturer {
display: inline-block;
margin: 0 7px;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area {
padding: 0;
display: block;
width: 100%;
clear: both;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .availability > img {
padding: 8px 20px 0;
max-width: 160px;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar {
padding: 0;
margin: 0;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate {
display: inline-table;
float: left;
margin: 4px 20px 0 0;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate >label.quantity_box {
color: #aaa;
margin-right: 5px;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls {
background-image: none;
margin: 0;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus {
display: block;
position: absolute;
z-index: 2;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus {
width: 20px;
height: 16px;
margin: -16px 0 0 0;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa {
color: #999;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far {
color: #999;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus {
width: 20px;
height: 16px;
margin: 0 0 0 0;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa {
color: #999;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far {
color: #999;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fa,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fas,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .far {
position: absolute;
z-index: 1;
font-size: 9px;
line-height: 12px;
color: #bbb;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up {
margin: -13px 0 0 5px;
}
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.productdetails-view .vm-product-details-inner .spacer-buy-area .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down {
margin: 0 0 0 5px;
}
.productdetails-view .vm-product-details-inner div.ask-a-question {
margin: 25px auto 10px;
float: left;
display: block;
clear: both;
padding: 0;
border: 0;
}
.productdetails-view .vm-product-details-inner div.ask-a-question a.ask-a-question {
background: none;
color: #aaa;
border: 0;
padding: 5px 0;
}
.productdetails-view .vm-product-details-inner div.ask-a-question a.ask-a-question i {
margin-right: 7px;
}
.productdetails-view .vm-product-details-inner div.ask-a-question a.ask-a-question:hover {
color: #707070;
}
.productdetails-view .vm-product-details-inner .back-to-category {
margin: 25px auto 10px;
display: inline-table;
}
.productdetails-view .vm-product-details-inner .back-to-category a {
background: none;
border-radius: 0;
padding: 5px;
border: 0;
}
.productdetails-view .vm-product-details-inner .back-to-category a i {
margin-right: 7px;
}
.productdetails-view .vm-product-details-inner .back-to-category + hr {
display: block;
clear: both;
}
.productdetails-view .vm-product-details-inner .product-neighbours {
margin: 30px auto 0;
position: relative;
display: block;
clear: both;
width: 182px;
text-align: center;
}
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page,
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page {
overflow: hidden;
display: inline-block;
width: 90px;
height: 40px;
line-height: 40px;
margin: 0 auto;
background-image: none;
padding: 0;
text-indent: -9999em;
}
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:before,
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:after,
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page:before,
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: 40px;
font-size: 18px;
padding: 0 17px;
width: 90px;
color: #fff;
text-align: center;
float: left;
text-indent: 0;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:hover:before,
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:hover:after,
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page:hover:before,
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page:hover:after {
background: #cf142b;
}
.productdetails-view .vm-product-details-inner .product-neighbours a.previous-page:before {
content: "\f053";
border-radius: 4px 0 0 4px;
}
.productdetails-view .vm-product-details-inner .product-neighbours a.next-page:after {
content: "\f054";
border-radius: 0 4px 4px 0;
}
.productdetails-view .vm-product-details-inner .product-neighbours .empty-previous-page,
.productdetails-view .vm-product-details-inner .product-neighbours .empty-next-page {
width: 48%;
height: 40px;
line-height: 40px;
margin: 0 auto;
background: #fff url(../images/empty.svg) center center repeat;
font-size: 20px;
padding: 0;
}
.productdetails-view .vm-product-details-inner .product-neighbours .empty-previous-page {
border-radius: 4px 0 0 4px;
}
.productdetails-view .vm-product-details-inner .product-neighbours .empty-next-page {
border-radius: 0 4px 4px 0;
}
.productdetails-view .icons {
margin: 15px 0 0 15px;
display: block;
float: right;
right: 3%;
position: absolute;
}
.productdetails-view .icons a {
float: left;
display: inline-table;
text-align: center;
color: #aaa;
font-weight: normal;
line-height: 22px;
font-size: 13px;
width: 27px;
margin-right: 3px;
border-radius: 2px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.productdetails-view .icons a >img {
display: none;
}
.productdetails-view .icons a.printModal:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f02f";
}
.productdetails-view .icons a.recommened-to-friend:before {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f0e0";
}
.productdetails-view .icons span.pdf-icon >a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f1c1";
}
.productdetails-view .products-desc-tab {
margin-bottom: 30px;
}
.productdetails-view .products-desc-tab .nav-tabs >li >a {
text-transform: uppercase;
background: #f8f8f8;
border: 0;
border: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin: 0 7px 0 0;
padding: 15px 35px;
}
.productdetails-view .products-desc-tab .nav-tabs >li >a >i {
margin: -1px 10px 0 0;
font-size: 125%;
vertical-align: top;
font-weight: 500;
}
.productdetails-view .products-desc-tab .tab-content {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 30px;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane {
display: block;
box-sizing: border-box;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane .rating_wrap {
margin: 20px auto;
padding: 12px 10px 8px;
background: #eee url(../images/cd-lateral-nav.svg) center center repeat;
box-shadow: 0 0 0px 1px #f7f7f7;
border-radius: 3px;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane .rating {
margin: 10px auto 0;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane .rating .ratingbox {
display: block;
background-size: 16px;
height: 16px;
width: 80px;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane .rating .ratingbox .stars-orange {
background-size: 16px;
height: 16px;
width: 80px;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane .rating .ratingbox span {
float: left;
box-sizing: border-box;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane.desc div {
display: none;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane.review {
visibility: hidden;
height: 0px;
overflow: hidden;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane.desc.active div {
display: block;
}
.productdetails-view .products-desc-tab .tab-content .tab-pane.review.active {
visibility: visible;
height: auto;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews {
padding: 0;
margin: 0;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews h4 {
display: block;
font-size: 135%;
padding: 0 5% 15px 0;
margin: 0;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews {
margin: 20px auto;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews .normal {
border: none;
padding: 0;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.date {
border: none;
display: inline-block;
border: 1px solid #eee;
border-radius: 3px;
float: left;
line-height: 30px;
padding: 0 10px;
margin: 6px 25px 0 0;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.date >i {
font-weight: 800;
font-size: 110%;
line-height: 1.7;
margin-right: 5px;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.vote {
float: none;
margin: 5px 0 15px;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.vote .ratingbox {
background-size: 16px;
height: 16px;
width: 16px;
width: 80px;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews span.vote .ratingbox .stars-orange {
background-size: 16px;
height: 16px;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews blockquote {
border-color: #f2f4f7;
clear: both;
padding: 0 20px;
font-size: 90%;
margin-top: 12px;
word-wrap: break-word;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews blockquote:before {
content: open-quote;
vertical-align: middle;
line-height: 10px;
font-weight: 700;
font-size: 32px;
padding-right: 6px;
color: #aaa;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews blockquote:after {
content: close-quote;
vertical-align: middle;
line-height: 10px;
font-weight: 700;
font-size: 32px;
padding-left: 6px;
color: #aaa;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews .bold {
padding-left: 25px;
font-weight: 500;
}
.productdetails-view .products-desc-tab .tab-content .customer-reviews .write-reviews {
text-align: left;
margin: 20px 0;
}
.empty_cart {
text-align: center;
}
.empty_cart >h3 {
color: #999;
}
.empty_cart >i.pe {
font-size: 77px;
color: #ccc;
margin: 15px auto;
}
.empty_cart >i.pe >span {
display: block;
text-align: center;
font-size: 27%;
margin: -62px 0 0 32px;
width: 25px;
height: 25px;
line-height: 25px;
position: absolute;
border-radius: 24px;
}
.vm-pagination-bottom {
text-align: center;
}
.vm-pagination-bottom .vm-page-counter {
display: block;
width: 100%;
text-align: center;
}
.vm-rating {
width: 100%;
display: block;
clear: both;
margin-bottom: 25px;
}
.vm-rating .product-in-stock {
display: inline-table;
margin-right: 15px;
color: #777;
font-size: 95%;
}
.vm-rating .product-in-stock >i {
color: green;
font-size: 110%;
font-weight: 600;
vertical-align: top;
line-height: 1.623;
}
.vm-rating .product-in-stock >i.pe-7s-less {
color: red;
}
.vm-rating .ratingbox {
background-size: 13px;
width: 65px;
margin: 0;
}
.vm-rating .ratingbox .stars-orange {
background-size: 13px;
max-width: 65px !important;
margin-top: 12px;
}
#fancybox-outer {
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
overflow: visible;
box-shadow: 0 0 22px rgba(0,0,0,0.25);
border-radius: 4px;
}
#fancybox-close {
width: 32px;
height: 32px;
background: transparent;
}
#fancybox-close:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #fff;
position: relative;
font-size: 15px;
line-height: 32px;
display: inline-block;
content: "\f00d";
margin: 0 auto;
width: 32px;
height: 32px;
text-align: center;
background: rgba(0,0,0,0.5);
border-radius: 3px;
}
#fancybox-loading div {
display: none;
}
.fancybox-bg {
width: 0px;
height: 0px;
left: 0;
top: 0;
}
#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
background-image: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 0px;
height: 0px;
padding: 0;
margin: 0;
border: 0;
}
#fancybox-overlay {
background: #fff !important;
}
#fancybox-wrap {
overflow: visible !important;
text-align: center;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
#fancybox-wrap #fancybox-left-ico,
#fancybox-wrap #fancybox-right-ico {
background: transparent;
}
#fancybox-wrap #fancybox-left-ico:before,
#fancybox-wrap #fancybox-right-ico:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
color: #fff;
font-size: 22px;
line-height: 44px;
width: 44px;
height: 44px;
text-align: center;
background: rgba(0,0,0,0.5);
border-radius: 3px;
}
#fancybox-wrap #fancybox-left-ico:before {
position: absolute;
left: -45px;
content: "\f053";
}
#fancybox-wrap #fancybox-right-ico:before {
right: -46px;
content: "\f054";
}
#fancybox-wrap #fancybox-title {
width: 99% !important;
position: relative;
margin: 0 auto;
background: transparent;
}
#fancybox-wrap #fancybox-content {
padding: 20px 20px 30px;
border: none !important;
min-height: 70%;
min-width: 70%;
display: block;
text-align: center;
margin: 0 auto;
}
#fancybox-wrap #fancybox-content h4 {
display: block;
font-size: 16px;
line-height: 22px;
margin: 20px auto;
}
.category-view .browse-view h1,
.browse-view .browse-view h1,
.latest-view .browse-view h1,
.recent-view .browse-view h1,
.featured-view .browse-view h1,
.topten-view .browse-view h1 {
margin: 0 auto;
}
.category-view h4,
.browse-view h4,
.latest-view h4,
.recent-view h4,
.featured-view h4,
.topten-view h4 {
line-height: 1.5;
display: table;
margin: 35px 0 30px;
font-size: 160%;
padding-right: 5%;
box-shadow: inset 0 -1px 0 rgba(90,90,90,0.15);
}
.category-view h4 .divider,
.browse-view h4 .divider,
.latest-view h4 .divider,
.recent-view h4 .divider,
.featured-view h4 .divider,
.topten-view h4 .divider {
clear: both;
float: left;
height: 10px;
width: 75%;
border-bottom: 2px solid #cf142b;
}
.category-view .row.productwrap,
.browse-view .row.productwrap,
.latest-view .row.productwrap,
.recent-view .row.productwrap,
.featured-view .row.productwrap,
.topten-view .row.productwrap {
list-style: none;
padding: 0;
margin: 0 -15px;
}
.category-view .row.productwrap .product,
.category-view .row.productwrap .products,
.browse-view .row.productwrap .product,
.browse-view .row.productwrap .products,
.latest-view .row.productwrap .product,
.latest-view .row.productwrap .products,
.recent-view .row.productwrap .product,
.recent-view .row.productwrap .products,
.featured-view .row.productwrap .product,
.featured-view .row.productwrap .products,
.topten-view .row.productwrap .product,
.topten-view .row.productwrap .products {
border: none;
margin: 0 -1px 20px 0;
}
.category-view .row.productwrap .product .spacer,
.category-view .row.productwrap .products .spacer,
.browse-view .row.productwrap .product .spacer,
.browse-view .row.productwrap .products .spacer,
.latest-view .row.productwrap .product .spacer,
.latest-view .row.productwrap .products .spacer,
.recent-view .row.productwrap .product .spacer,
.recent-view .row.productwrap .products .spacer,
.featured-view .row.productwrap .product .spacer,
.featured-view .row.productwrap .products .spacer,
.topten-view .row.productwrap .product .spacer,
.topten-view .row.productwrap .products .spacer {
padding: 0;
margin: 0;
}
.category-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.category-view .row.productwrap .products .spacer .spacer-inner .product-in-stock,
.browse-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.browse-view .row.productwrap .products .spacer .spacer-inner .product-in-stock,
.latest-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.latest-view .row.productwrap .products .spacer .spacer-inner .product-in-stock,
.recent-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.recent-view .row.productwrap .products .spacer .spacer-inner .product-in-stock,
.featured-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.featured-view .row.productwrap .products .spacer .spacer-inner .product-in-stock,
.topten-view .row.productwrap .product .spacer .spacer-inner .product-in-stock,
.topten-view .row.productwrap .products .spacer .spacer-inner .product-in-stock {
margin: 0 auto 12px;
color: #777;
}
.category-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.category-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock,
.browse-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.browse-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock,
.latest-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.latest-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock,
.recent-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.recent-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock,
.featured-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.featured-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock,
.topten-view .row.productwrap .product .spacer .spacer-inner .product-in-stock span.stock,
.topten-view .row.productwrap .products .spacer .spacer-inner .product-in-stock span.stock {
font-size: 90%;
}
.category-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.category-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe,
.browse-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.browse-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe,
.latest-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.latest-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe,
.recent-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.recent-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe,
.featured-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.featured-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe,
.topten-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe,
.topten-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe {
color: green;
font-size: 110%;
font-weight: 600;
vertical-align: top;
line-height: 1.623;
}
.category-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.category-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.browse-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.browse-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.latest-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.latest-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.recent-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.recent-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.featured-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.featured-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.topten-view .row.productwrap .product .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less,
.topten-view .row.productwrap .products .spacer .spacer-inner .product-in-stock i.pe.pe-7s-less {
color: red;
}
.category-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.category-view .row.productwrap .products .spacer .spacer-inner .availability > img,
.browse-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.browse-view .row.productwrap .products .spacer .spacer-inner .availability > img,
.latest-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.latest-view .row.productwrap .products .spacer .spacer-inner .availability > img,
.recent-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.recent-view .row.productwrap .products .spacer .spacer-inner .availability > img,
.featured-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.featured-view .row.productwrap .products .spacer .spacer-inner .availability > img,
.topten-view .row.productwrap .product .spacer .spacer-inner .availability > img,
.topten-view .row.productwrap .products .spacer .spacer-inner .availability > img {
max-width: 160px;
-webkit-transform: scale(1);
transform: scale(1);
}
.category-view .row .spacer,
.browse-view .row .spacer,
.latest-view .row .spacer,
.recent-view .row .spacer,
.featured-view .row .spacer,
.topten-view .row .spacer {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
padding: 0;
margin: 0;
}
.category-view .row .spacer .spacer-img,
.browse-view .row .spacer .spacer-img,
.latest-view .row .spacer .spacer-img,
.recent-view .row .spacer .spacer-img,
.featured-view .row .spacer .spacer-img,
.topten-view .row .spacer .spacer-img {
overflow: hidden;
text-align: center;
width: 100%;
margin: 0;
padding: 0;
}
.category-view .row .spacer .spacer-img img,
.browse-view .row .spacer .spacer-img img,
.latest-view .row .spacer .spacer-img img,
.recent-view .row .spacer .spacer-img img,
.featured-view .row .spacer .spacer-img img,
.topten-view .row .spacer .spacer-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
display: inline-table;
float: left;
}
.category-view .row .spacer .spacer-img img.browseProductImage,
.browse-view .row .spacer .spacer-img img.browseProductImage,
.latest-view .row .spacer .spacer-img img.browseProductImage,
.recent-view .row .spacer .spacer-img img.browseProductImage,
.featured-view .row .spacer .spacer-img img.browseProductImage,
.topten-view .row .spacer .spacer-img img.browseProductImage {
width: 100%;
max-height: 100%;
}
.category-view .row .spacer .spacer-img span.overlay,
.browse-view .row .spacer .spacer-img span.overlay,
.latest-view .row .spacer .spacer-img span.overlay,
.recent-view .row .spacer .spacer-img span.overlay,
.featured-view .row .spacer .spacer-img span.overlay,
.topten-view .row .spacer .spacer-img span.overlay {
width: 100.1%;
height: auto;
bottom: 0;
left: 0;
right: 0;
padding: 20px 20px 19px;
background-color: rgba(255,255,255,0.5);
text-align: center;
display: table;
position: absolute;
box-shadow: inset 0 -40px 40px rgba(255,255,255,0.9);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.category-view .row .spacer .spacer-img span.overlay >h3,
.browse-view .row .spacer .spacer-img span.overlay >h3,
.latest-view .row .spacer .spacer-img span.overlay >h3,
.recent-view .row .spacer .spacer-img span.overlay >h3,
.featured-view .row .spacer .spacer-img span.overlay >h3,
.topten-view .row .spacer .spacer-img span.overlay >h3 {
color: #555;
line-height: 1.2;
padding: 0;
margin: 0 auto;
font-size: 140%;
}
.category-view .row .spacer .spacer-img:hover span.overlay,
.browse-view .row .spacer .spacer-img:hover span.overlay,
.latest-view .row .spacer .spacer-img:hover span.overlay,
.recent-view .row .spacer .spacer-img:hover span.overlay,
.featured-view .row .spacer .spacer-img:hover span.overlay,
.topten-view .row .spacer .spacer-img:hover span.overlay {
padding: 7% 20px;
background-color: rgba(255,255,255,0.7);
box-shadow: inset 0 -50px 50px rgba(255,255,255,0.9), 0 -1px 3px rgba(0,0,0,0.07);
}
.category-view .row .spacer .spacer-img:hover span.overlay >h3,
.browse-view .row .spacer .spacer-img:hover span.overlay >h3,
.latest-view .row .spacer .spacer-img:hover span.overlay >h3,
.recent-view .row .spacer .spacer-img:hover span.overlay >h3,
.featured-view .row .spacer .spacer-img:hover span.overlay >h3,
.topten-view .row .spacer .spacer-img:hover span.overlay >h3 {
color: #222;
}
.category-view .row .spacer .spacer-inner,
.browse-view .row .spacer .spacer-inner,
.latest-view .row .spacer .spacer-inner,
.recent-view .row .spacer .spacer-inner,
.featured-view .row .spacer .spacer-inner,
.topten-view .row .spacer .spacer-inner {
text-align: center;
padding: 25px 20px;
}
.category-view .row .spacer .spacer-inner h2,
.browse-view .row .spacer .spacer-inner h2,
.latest-view .row .spacer .spacer-inner h2,
.recent-view .row .spacer .spacer-inner h2,
.featured-view .row .spacer .spacer-inner h2,
.topten-view .row .spacer .spacer-inner h2 {
margin: 5px auto;
font-size: 170%;
line-height: 1.5;
display: block;
width: 100%;
}
.category-view .row .spacer .spacer-inner h2 a,
.browse-view .row .spacer .spacer-inner h2 a,
.latest-view .row .spacer .spacer-inner h2 a,
.recent-view .row .spacer .spacer-inner h2 a,
.featured-view .row .spacer .spacer-inner h2 a,
.topten-view .row .spacer .spacer-inner h2 a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.category-view .row .spacer .spacer-inner .product_s_desc,
.browse-view .row .spacer .spacer-inner .product_s_desc,
.latest-view .row .spacer .spacer-inner .product_s_desc,
.recent-view .row .spacer .spacer-inner .product_s_desc,
.featured-view .row .spacer .spacer-inner .product_s_desc,
.topten-view .row .spacer .spacer-inner .product_s_desc {
margin: 0 auto;
}
.category-view .row .spacer .spacer-inner .product_s_desc hr,
.browse-view .row .spacer .spacer-inner .product_s_desc hr,
.latest-view .row .spacer .spacer-inner .product_s_desc hr,
.recent-view .row .spacer .spacer-inner .product_s_desc hr,
.featured-view .row .spacer .spacer-inner .product_s_desc hr,
.topten-view .row .spacer .spacer-inner .product_s_desc hr {
margin: 20px auto;
width: 100%;
clear: both;
}
.category-view .row .spacer .spacer-inner .product-price,
.browse-view .row .spacer .spacer-inner .product-price,
.latest-view .row .spacer .spacer-inner .product-price,
.recent-view .row .spacer .spacer-inner .product-price,
.featured-view .row .spacer .spacer-inner .product-price,
.topten-view .row .spacer .spacer-inner .product-price {
margin: 10px auto 0;
padding: 0;
text-align: center;
display: block;
height: auto;
width: 100%;
clear: both;
}
.category-view .row .spacer .spacer-inner .product-price .percent-off,
.browse-view .row .spacer .spacer-inner .product-price .percent-off,
.latest-view .row .spacer .spacer-inner .product-price .percent-off,
.recent-view .row .spacer .spacer-inner .product-price .percent-off,
.featured-view .row .spacer .spacer-inner .product-price .percent-off,
.topten-view .row .spacer .spacer-inner .product-price .percent-off {
background: rgba(207,20,43,0.67);
padding: 6px 8px;
position: absolute;
border-radius: 3px 3px 0 3px;
top: 15px;
right: -10px;
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.category-view .row .spacer .spacer-inner .product-price .percent-off:after,
.browse-view .row .spacer .spacer-inner .product-price .percent-off:after,
.latest-view .row .spacer .spacer-inner .product-price .percent-off:after,
.recent-view .row .spacer .spacer-inner .product-price .percent-off:after,
.featured-view .row .spacer .spacer-inner .product-price .percent-off:after,
.topten-view .row .spacer .spacer-inner .product-price .percent-off:after {
content: "";
position: absolute;
width: 5px;
height: 5px;
margin-top: 23px;
right: 0;
border-top: 3px solid rgba(207,20,43,0.57);
border-bottom: 3px solid transparent;
border-left: 5px solid rgba(207,20,43,0.57);
border-right: 5px solid transparent;
}
.category-view .row .spacer .spacer-inner .product-price .percent-off > span,
.browse-view .row .spacer .spacer-inner .product-price .percent-off > span,
.latest-view .row .spacer .spacer-inner .product-price .percent-off > span,
.recent-view .row .spacer .spacer-inner .product-price .percent-off > span,
.featured-view .row .spacer .spacer-inner .product-price .percent-off > span,
.topten-view .row .spacer .spacer-inner .product-price .percent-off > span {
margin-left: 5px;
}
.category-view .row .spacer .spacer-inner .product-price >div,
.browse-view .row .spacer .spacer-inner .product-price >div,
.latest-view .row .spacer .spacer-inner .product-price >div,
.recent-view .row .spacer .spacer-inner .product-price >div,
.featured-view .row .spacer .spacer-inner .product-price >div,
.topten-view .row .spacer .spacer-inner .product-price >div {
font-size: 13px;
}
.category-view .row .spacer .spacer-inner .product-price >div >span + span,
.browse-view .row .spacer .spacer-inner .product-price >div >span + span,
.latest-view .row .spacer .spacer-inner .product-price >div >span + span,
.recent-view .row .spacer .spacer-inner .product-price >div >span + span,
.featured-view .row .spacer .spacer-inner .product-price >div >span + span,
.topten-view .row .spacer .spacer-inner .product-price >div >span + span {
font-size: 15px;
}
.category-view .row .spacer .spacer-inner .product-price *,
.category-view .row .spacer .spacer-inner .product-price .vm-price-desc,
.browse-view .row .spacer .spacer-inner .product-price *,
.browse-view .row .spacer .spacer-inner .product-price .vm-price-desc,
.latest-view .row .spacer .spacer-inner .product-price *,
.latest-view .row .spacer .spacer-inner .product-price .vm-price-desc,
.recent-view .row .spacer .spacer-inner .product-price *,
.recent-view .row .spacer .spacer-inner .product-price .vm-price-desc,
.featured-view .row .spacer .spacer-inner .product-price *,
.featured-view .row .spacer .spacer-inner .product-price .vm-price-desc,
.topten-view .row .spacer .spacer-inner .product-price *,
.topten-view .row .spacer .spacer-inner .product-price .vm-price-desc {
line-height: 1.3;
}
.category-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice,
.browse-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice,
.latest-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice,
.recent-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice,
.featured-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice,
.topten-view .row .spacer .spacer-inner .PricebasePrice > span.PricebasePrice {
font-size: 17px;
}
.category-view .row .spacer .spacer-inner .price-without-discount,
.browse-view .row .spacer .spacer-inner .price-without-discount,
.latest-view .row .spacer .spacer-inner .price-without-discount,
.recent-view .row .spacer .spacer-inner .price-without-discount,
.featured-view .row .spacer .spacer-inner .price-without-discount,
.topten-view .row .spacer .spacer-inner .price-without-discount {
margin-bottom: 8px;
}
.category-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice,
.browse-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice,
.latest-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice,
.recent-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice,
.featured-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice,
.topten-view .row .spacer .spacer-inner .price-without-discount .PricebasePrice > span.PricebasePrice {
text-decoration: line-through;
color: #cf142b;
}
.category-view .row .spacer .spacer-inner .PricediscountAmount,
.browse-view .row .spacer .spacer-inner .PricediscountAmount,
.latest-view .row .spacer .spacer-inner .PricediscountAmount,
.recent-view .row .spacer .spacer-inner .PricediscountAmount,
.featured-view .row .spacer .spacer-inner .PricediscountAmount,
.topten-view .row .spacer .spacer-inner .PricediscountAmount {
margin-top: 8px;
}
.category-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount,
.browse-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount,
.latest-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount,
.recent-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount,
.featured-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount,
.topten-view .row .spacer .spacer-inner .PricediscountAmount > span.PricediscountAmount {
color: #cf142b;
}
.category-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.category-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPrice .vm-price-desc,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .vm-price-desc {
font-size: 130%;
}
.category-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.category-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.category-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.category-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.browse-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.latest-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.recent-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.featured-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPrice,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPrice .PricesalesPriceTt,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPrice,
.topten-view .row .spacer .spacer-inner .product-price .PricesalesPriceTt .PricesalesPriceTt {
font-size: 25px;
}
.category-view .row .spacer .addtocart-bar,
.browse-view .row .spacer .addtocart-bar,
.latest-view .row .spacer .addtocart-bar,
.recent-view .row .spacer .addtocart-bar,
.featured-view .row .spacer .addtocart-bar,
.topten-view .row .spacer .addtocart-bar {
padding: 0;
margin: 25px auto 0;
width: 100%;
display: block;
}
.category-view .row .spacer .addtocart-bar .cd-customization,
.browse-view .row .spacer .addtocart-bar .cd-customization,
.latest-view .row .spacer .addtocart-bar .cd-customization,
.recent-view .row .spacer .addtocart-bar .cd-customization,
.featured-view .row .spacer .addtocart-bar .cd-customization,
.topten-view .row .spacer .addtocart-bar .cd-customization {
width: 66%;
width: calc(61%);
float: left;
}
.category-view .row .spacer .addtocart-bar .cd-customization button,
.browse-view .row .spacer .addtocart-bar .cd-customization button,
.latest-view .row .spacer .addtocart-bar .cd-customization button,
.recent-view .row .spacer .addtocart-bar .cd-customization button,
.featured-view .row .spacer .addtocart-bar .cd-customization button,
.topten-view .row .spacer .addtocart-bar .cd-customization button {
width: 100%;
}
.category-view .row .spacer .addtocart-bar .calculate,
.browse-view .row .spacer .addtocart-bar .calculate,
.latest-view .row .spacer .addtocart-bar .calculate,
.recent-view .row .spacer .addtocart-bar .calculate,
.featured-view .row .spacer .addtocart-bar .calculate,
.topten-view .row .spacer .addtocart-bar .calculate {
width: 29%;
display: inline-table;
float: left;
margin: 4px 10px 0 0;
}
.category-view .row .spacer .addtocart-bar .calculate >label.quantity_box,
.browse-view .row .spacer .addtocart-bar .calculate >label.quantity_box,
.latest-view .row .spacer .addtocart-bar .calculate >label.quantity_box,
.recent-view .row .spacer .addtocart-bar .calculate >label.quantity_box,
.featured-view .row .spacer .addtocart-bar .calculate >label.quantity_box,
.topten-view .row .spacer .addtocart-bar .calculate >label.quantity_box {
display: none;
text-indent: -9999em;
}
.category-view .row .spacer .addtocart-bar .calculate span.quantity-box input,
.browse-view .row .spacer .addtocart-bar .calculate span.quantity-box input,
.latest-view .row .spacer .addtocart-bar .calculate span.quantity-box input,
.recent-view .row .spacer .addtocart-bar .calculate span.quantity-box input,
.featured-view .row .spacer .addtocart-bar .calculate span.quantity-box input,
.topten-view .row .spacer .addtocart-bar .calculate span.quantity-box input {
padding: 0;
border-radius: 3px;
border: 0;
box-shadow: none;
background: rgba(0,0,0,0.05);
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls {
background-image: none;
margin: 0;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus {
width: 20px;
height: 16px;
display: block;
position: absolute;
z-index: 2;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus {
margin: -16px 0 0 0;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa {
color: #999;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far {
color: #999;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus {
margin: 0;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa {
color: #999;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far {
color: #999;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .far,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .far,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .far,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .far,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .far,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .far {
position: absolute;
z-index: 1;
font-size: 9px;
line-height: 12px;
color: #bbb;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up {
margin: -13px 0 0 -3px;
}
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.category-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.browse-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.latest-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.recent-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.featured-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.topten-view .row .spacer .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down {
margin: 0 0 0 -3px;
}
.category-view .row .spacer:hover img,
.browse-view .row .spacer:hover img,
.latest-view .row .spacer:hover img,
.recent-view .row .spacer:hover img,
.featured-view .row .spacer:hover img,
.topten-view .row .spacer:hover img {
transform: scale(1.1);
}
.category-view .row .ratingbox,
.browse-view .row .ratingbox,
.latest-view .row .ratingbox,
.recent-view .row .ratingbox,
.featured-view .row .ratingbox,
.topten-view .row .ratingbox {
background-size: 13px;
max-width: 65px !important;
}
.category-view .row .vm-details-button,
.browse-view .row .vm-details-button,
.latest-view .row .vm-details-button,
.recent-view .row .vm-details-button,
.featured-view .row .vm-details-button,
.topten-view .row .vm-details-button {
display: none;
}
.category-view .horizontal-separator,
.browse-view .horizontal-separator,
.latest-view .horizontal-separator,
.recent-view .horizontal-separator,
.featured-view .horizontal-separator,
.topten-view .horizontal-separator {
height: auto;
background: none;
margin: 20px 0;
}
.vm-order-done {
text-align: center;
margin: 0 auto;
}
.sectiontableentry1 td h4 {
font-size: 145%;
margin: 10px auto 25px;
}
.sectiontableentry1 td .selected_shipment,
.sectiontableentry1 td .selected_payment {
position: relative;
background: rgba(0,0,0,0.03) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPg0KPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0ibm9uZSI+PC9yZWN0Pg0KPHBhdGggZD0iTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+DQo8L3N2Zz4=') center center repeat;
padding: 20px 5px;
display: block;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border: 1px solid rgba(126,126,126,0.1);
border-radius: 4px;
}
.sectiontableentry1 td .selected_shipment i.pe-7s-check,
.sectiontableentry1 td .selected_payment i.pe-7s-check {
color: #ed4358;
font-size: 32px;
line-height: 1;
vertical-align: middle;
position: absolute;
right: 8px;
top: -14px;
}
.sectiontableentry1 td .selected_shipment .vmCartShipmentLogo,
.sectiontableentry1 td .selected_shipment .vmCartPaymentLogo,
.sectiontableentry1 td .selected_payment .vmCartShipmentLogo,
.sectiontableentry1 td .selected_payment .vmCartPaymentLogo {
float: left;
margin: 0 12px;
}
.sectiontableentry1 td .selected_shipment .vmCartShipmentLogo >img,
.sectiontableentry1 td .selected_shipment .vmCartPaymentLogo >img,
.sectiontableentry1 td .selected_payment .vmCartShipmentLogo >img,
.sectiontableentry1 td .selected_payment .vmCartPaymentLogo >img {
max-width: 150px;
max-height: 70px;
margin: 0 auto;
}
.sectiontableentry1 td .selected_shipment span,
.sectiontableentry1 td .selected_payment span {
font-size: 100%;
line-height: 20px;
}
.sectiontableentry1 td .selected_shipment span.vmshipment_name,
.sectiontableentry1 td .selected_payment span.vmshipment_name {
font-size: 100%;
text-align: left;
margin: 0;
}
.sectiontableentry1 td .selected_shipment span.vmpayment_name,
.sectiontableentry1 td .selected_payment span.vmpayment_name {
font-size: 100%;
text-align: left;
margin: 0;
}
.sectiontableentry1 td .selected_shipment span.vmshipment_description,
.sectiontableentry1 td .selected_payment span.vmshipment_description {
font-size: 90%;
text-align: left;
padding-left: 8px;
}
.sectiontableentry1 td .selected_shipment span.vmpayment_description,
.sectiontableentry1 td .selected_payment span.vmpayment_description {
font-size: 90%;
text-align: left;
padding-left: 8px;
color: #000000;
}
.sectiontableentry1 td .selected_shipment .vmpayment_description,
.sectiontableentry1 td .selected_payment .vmpayment_description {
font-size: 100%;
text-align: left;
margin: 0;
}
.sectiontableentry1 td .selected_shipment + span,
.sectiontableentry1 td .selected_payment + span {
margin: 0 auto;
}
.sectiontableentry1 td h3.vm-shipment-header-selected,
.sectiontableentry1 td h3.vm-payment-header-selected {
font-size: 120%;
margin: 30px auto 25px;
}
.sectiontableentry1 td .vm-shipment-select span,
.sectiontableentry1 td .vm-payment-select span {
display: block;
clear: both;
}
.sectiontableentry1 td .vm-shipment-select span.fee,
.sectiontableentry1 td .vm-payment-select span.fee {
display: block;
clear: both;
margin: 5px auto 10px;
}
.sectiontableentry1 td .vm-payment-select {
text-align: center;
color: #000000;
}
.sectiontableentry1 td .vm-payment-select .vmpayment_description {
line-height: 18px;
font-size: 75%;
color: #000000;
margin: 0 auto 10px;
opacity: 1;
}
.sectiontableentry1 td .vmCartShipmentLogo,
.sectiontableentry1 td .vmCartPaymentLogo {
text-align: center;
margin: 0 auto;
}
.sectiontableentry1 td .vmCartShipmentLogo img,
.sectiontableentry1 td .vmCartPaymentLogo img {
max-width: 180px;
max-height: 70px;
margin: 5px auto;
}
.sectiontableentry1 td .vmCartShipmentLogo + span,
.sectiontableentry1 td .vmCartPaymentLogo + span {
margin: 0 auto;
}
.sectiontableentry1 td .vmCartPaymentLogo + span {
display: none;
}
.sectiontableentry1 td a.change-payment {
display: block;
margin: 10px auto 0;
width: auto;
font-size: 90%;
}
.sectiontableentry1 td a.change-payment:after {
font-family: 'peIcon7';
content: "\e68e";
font-size: 135%;
line-height: 1;
vertical-align: middle;
padding-left: 7px;
}
#customer_note_field {
width: 100% !important;
min-height: 100px;
}
.vmpayment_name + span {
font-size: 80%;
color: #cf142b;
font-weight: normal;
}
.cart-view .vm-head,
.cart-view .vm-cart-header {
padding: 10px 0;
}
.cart-view .vm-head h1,
.cart-view .vm-cart-header h1 {
font-size: 240%;
padding: 5px 0;
margin: 0;
}
.cart-view .jumbotron .btn i {
margin: -4px 10px 0 -5px;
}
.cart-view .vm-continue-shopping .btn-continue {
display: block;
margin: 20px auto;
}
.cart-view .vm-continue-shopping .btn-continue i.pe {
margin: -2px 0 0 0;
line-height: 1.2;
font-size: 115%;
text-align: center;
vertical-align: middle;
}
.cart-view .vm-continue-shopping .btn-continue .continue_link {
padding: 8px 12px;
}
.cart-view input,
.cart-view textarea,
.cart-view input[type="text"] {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.cart-view input[value="Logout"],
.cart-view input[name="changeShopper"],
.cart-view input[value="Search in shop"] {
background: #e7e7ea;
border: none;
border-radius: 3px;
margin-left: 20px;
padding: 5px 10px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.cart-view input[value="Logout"]:hover,
.cart-view input[name="changeShopper"]:hover,
.cart-view input[value="Search in shop"]:hover {
color: #fff;
}
.cart-view input[name="changeShopper"] {
position: relative;
top: -16px;
left: 10px;
}
.cart-view input[value="Search in shop"] {
margin: 0 !important;
}
.cart-view .chzn-container-single {
margin-left: 30px;
}
.cart-view .chzn-container-single .chzn-single {
height: 35px;
margin-top: -20px;
line-height: 35px;
}
.cart-view fieldset.userdata p.width30 input {
width: 100%;
}
.cart-view fieldset.userdata p.width30 input:hover,
.cart-view fieldset.userdata p.width30 input:focus {
box-shadow: none;
}
.cart-view fieldset.userdata #com-form-login-remember input {
width: 60px;
border: 0;
padding: 5px 0;
margin-right: 10px;
color: #fff;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.cart-view fieldset.userdata #com-form-login-remember input.inputbox {
max-width: 24px;
vertical-align: middle;
background: transparent;
}
.cart-view fieldset.userdata #com-form-login-remember input.inputbox:hover {
background: transparent;
}
.cart-view .billto-shipto {
margin: 50px 0;
padding: 50px 0;
}
.cart-view .billto-shipto a.details {
color: #fff;
padding: 5px 17px;
margin: 7px auto;
border: 0;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.cart-view .billto-shipto+fieldset {
overflow-x: scroll;
min-width: 200px;
}
.cart-view .billto-shipto .output-shipto input {
margin-left: 10px;
}
.cart-view .billto-shipto .output-shipto .controls label {
padding-left: 20px;
}
.cart-view .billto-shipto .output-shipto .controls input {
margin-left: -20px;
}
.cart-view .cart-summary .vmCartPaymentLogo {
margin-right: 10px;
}
.cart-view .cart-summary .vmCartPaymentLogo img {
display: inline-block;
}
.cart-view table.cart-summary {
border: 1px solid #f5f5f5;
border-top: 0 none;
}
.cart-view table.cart-summary th,
.cart-view table.cart-summary td {
border-top: 1px solid #f5f5f5;
padding: 0;
}
.cart-view table.cart-summary tr {
padding: 0;
}
.cart-view table.cart-summary tr th {
text-align: center;
text-transform: uppercase;
padding: 8px 2px;
color: #fff;
font-size: 90%;
}
.cart-view table.cart-summary tr th .priceColor2 {
color: #fff;
}
.cart-view table.cart-summary tr td .priceColor2 {
color: #333;
}
.cart-view table.cart-summary tr.sectiontableentry1 td,
.cart-view table.cart-summary tr.sectiontableentry2 td {
border-right: 1px solid #e9e9e9;
vertical-align: middle;
padding: 25px 10px;
text-align: center;
}
.cart-view table.cart-summary tr.sectiontableentry2 td {
background: #f2f2f2;
}
.cart-view table.cart-summary tr.sectiontableentry2 td input.coupon {
border-radius: 4px;
width: 68%;
line-height: 44px;
height: 44px;
font-weight: bold;
font-size: 1.1em;
}
.cart-view table.cart-summary tr.sectiontableentry2 td .details-button > input.details-button {
border: 0;
padding: 10px 5%;
color: #fff;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.cart-view table.cart-summary tr.sectiontableentry2.last td {
border-bottom: 1px solid #f5f5f5;
background: none;
}
.cart-view table.cart-summary tr.sectiontableentry2.last td.cart-total {
text-align: right;
text-transform: uppercase;
font-weight: 700;
border-bottom: none;
}
.cart-view table.cart-summary input.details-button {
color: #fff;
padding: 5px 10px;
border: 0;
}
.cart-view table.cart-summary .cart-images {
padding: 0;
margin: 0;
}
.cart-view table.cart-summary .cart-images img {
max-width: 80px;
}
.cart-view table.cart-summary .cart-images + a {
display: table;
padding: 0;
margin: 15px auto 0;
}
.cart-view table.cart-summary input.quantity-input {
margin: 0 1px;
border-radius: 4px 0 0 4px;
}
.cart-view table.cart-summary .btn {
box-shadow: none;
border: 0 none;
text-shadow: none;
}
.cart-view table.cart-summary .input-append {
margin: 0;
}
.cart-view table.cart-summary .input-append input[type="text"] {
background: #f7f7f7;
border: 1px solid #e0e0e0;
min-height: 35px;
}
.cart-view table.cart-summary .input-append input:hover,
.cart-view table.cart-summary .input-append input:focus {
box-shadow: none;
}
.cart-view table.cart-summary input[type="text"] {
line-height: 28px;
min-height: 28px;
width: 32px;
text-align: center;
padding: 0;
display: inline;
margin: 0;
}
.cart-view table.cart-summary .vm2-add_quantity_cart {
width: 32px;
height: inherit;
padding: 0;
color: #fff;
margin: 0;
}
.cart-view table.cart-summary .vm2-add_quantity_cart > i {
width: 26px;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 35px;
}
.cart-view table.cart-summary .vm2-remove_from_cart {
width: 32px;
line-height: 35px;
min-height: 35px;
padding: 0 5px;
background: #f5f5f5;
border: 1px solid #e0e0e0;
margin: 0;
}
.cart-view table.cart-summary .vm2-remove_from_cart input:hover,
.cart-view table.cart-summary .vm2-remove_from_cart input:focus {
box-shadow: none;
}
.cart-view table.cart-summary .vm2-remove_from_cart > i {
width: 20px;
height: 20px;
color: #555;
display: inline-block;
font-size: 15px;
vertical-align: middle;
}
.cart-view .checkout-button-top {
display: block;
margin: 10px 0;
float: left;
border: 0;
}
.cart-view .checkout-button-top .vm-button-correct,
.cart-view .checkout-button-top .vm-button {
border: none;
padding: 2px 25px;
font-size: 15px;
min-width: 100px;
height: 44px;
border-radius: 4px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.cart-view .checkout-button-top .vm-button-correct >span,
.cart-view .checkout-button-top .vm-button >span {
line-height: 1.8;
font-weight: normal;
color: #fff;
letter-spacing: normal;
}
.vm-fieldset-tos span.cart.tos {
margin-right: 4px;
}
.vm-fieldset-tos div.terms-of-service label {
margin-left: 15px;
}
.vm-fieldset-tos div.terms-of-service label a#terms-of-service i {
margin: 0 3px;
}
form.vm-form-login {
background-color: #eee;
border-radius: 4px;
padding: 20px 25px;
margin: 20px auto;
}
form.vm-form-login p {
margin: 0 auto;
}
form.vm-form-login fieldset.userdata {
margin: 0;
}
form.vm-form-login fieldset.userdata #com-form-login-remember input {
width: auto !important;
padding-left: 32px;
padding-right: 32px;
}
form.vm-form-login .forgot {
margin: 10px 0 0 0;
width: 100%;
display: block;
}
form.vm-form-login .forgot .inputbox {
margin-bottom: 10px;
}
#com-form-login .width30 {
display: inline-block;
margin: 4px 6px 4px 0 !important;
}
#com-form-login-username,
#com-form-login-password {
margin-bottom: 5px;
width: 25%;
}
#com-form-login-username input,
#com-form-login-password input {
border-radius: 4px;
box-shadow: none;
}
#com-form-login-remember {
width: auto;
}
#com-form-login-remember input.default {
color: #fff;
padding: 5px 20px;
border: 0;
border-radius: 4px;
min-width: 130px;
}
.control-buttons {
text-align: inherit !important;
margin: 25px 0;
clear: both;
}
.control-buttons .register_btns {
width: 100%;
display: block;
clear: both;
}
.control-buttons .vm-button-correct {
font-size: 16px;
padding: 6px 32px;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.control-buttons .vm-button-correct:before {
font-family: 'peIcon7';
content: "\e66c";
font-size: 110%;
line-height: 1.4;
vertical-align: top;
margin: -2px 8px 0 -8px;
}
.control-buttons button.default {
color: #fff;
padding: 5px 15px;
margin: 20px 1px;
border: 0;
}
#com-form-login-remember input.default {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.control-buttons button.default {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
span.userfields_info {
display: block;
margin: 20px auto 25px;
width: 100%;
line-height: 1.7;
padding: 12px 15px;
}
#shipmentForm {
padding: 20px;
}
table.user-details {
width: 100%;
}
table.user-details tr td label {
min-width: 200px;
text-align: right;
padding-right: 12px;
}
table.user-details tr td label,
table.user-details tr td input,
table.user-details tr td select {
margin-bottom: 8px !important;
margin-top: 3px !important;
}
table.user-details tr td input {
min-width: 50%;
width: auto;
box-shadow: none;
background: transparent;
}
table.user-details tr td input:hover {
background: transparent;
}
table.user-details tr td input:hover,
table.user-details tr td input:focus,
table.user-details tr td input.invalid {
box-shadow: none;
background: transparent;
}
table.user-details tr td .chzn-container-single .chzn-single {
line-height: 34px !important;
height: 35px !important;
margin: 3px auto;
}
.select_vm_wrap .vm-select .vm-payment-plugin-single,
.select_vm_wrap .vm-select .vm-shipment-plugin-single {
margin: 12px;
line-height: 38px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.select_vm_wrap .vm-select .vm-payment-plugin-single input,
.select_vm_wrap .vm-select .vm-shipment-plugin-single input {
top: 0;
position: relative;
}
.select_vm_wrap .vm-select label span.vmpayment,
.select_vm_wrap .vm-select label span.vmshipment {
float: left;
text-align: center;
margin-left: 5px;
position: relative;
vertical-align: middle;
}
.select_vm_wrap .vm-select label span.vmpayment .vmpayment_name,
.select_vm_wrap .vm-select label span.vmshipment .vmpayment_name {
line-height: 40px;
}
.select_vm_wrap .vm-select label span.vmpayment span.vmCartPaymentLogo,
.select_vm_wrap .vm-select label span.vmpayment span.vmCartShipmentLogo,
.select_vm_wrap .vm-select label span.vmshipment span.vmCartPaymentLogo,
.select_vm_wrap .vm-select label span.vmshipment span.vmCartShipmentLogo {
text-align: center;
}
.select_vm_wrap .vm-select label span.vmpayment span.vmCartPaymentLogo >img,
.select_vm_wrap .vm-select label span.vmpayment span.vmCartShipmentLogo >img,
.select_vm_wrap .vm-select label span.vmshipment span.vmCartPaymentLogo >img,
.select_vm_wrap .vm-select label span.vmshipment span.vmCartShipmentLogo >img {
text-align: center;
margin: 0 auto;
max-width: 140px;
max-height: 65px;
}
.vm-order-done .post_payment_payment_name {
margin: 25px auto;
}
.vm-order-done .post_payment_payment_name img {
margin: 15px auto;
text-align: center;
max-width: 130px;
max-height: 70px;
}
.vm-order-done .post_payment_order_total {
margin: 25px auto 35px;
font-weight: bold;
}
.vm-order-done .post_payment_order_total span {
font-weight: normal;
}
.vm-order-done .vm-button-correct {
padding: 7px 35px;
font-weight: normal;
border-color: #c61329;
background-color: #cf142b;
background-color: rgba(207,20,43,0.9);
color: #fff;
}
.vm-order-done .vm-button-correct:hover,
.vm-order-done .vm-button-correct:focus {
border-color: #890d1d;
background-color: #bc1227;
color: #fff;
}
.vm-orders-information .btn-default {
margin: 0;
}
.vm-orders-information h2 {
margin: 20px auto 40px;
}
.vm-orders-information h2 a {
margin: 0 12px;
}
.vm-orders-information h2 a i.pe {
font-size: 85%;
}
.vm-orders-information .vm-orders-order {
margin: 40px auto;
}
.vm-orders-information .vm-orders-order img {
margin: 15px 0;
max-width: 130px;
max-height: 70px;
}
.vm-orders-information .vm-orders-items ul#tabs li {
line-height: 32px;
padding: 5px 25px 7px !important;
border-radius: 4px 4px 0 0;
margin: 25px 2px 0 0;
}
.vm-orders-information .vm-orders-items ul#tabs li.current {
color: #fff !important;
background-color: rgba(207,20,43,0.9) !important;
}
.vm-orders-information .vm-orders-items .tabs {
border: 1px solid #ccc;
border-radius: 4px;
padding: 20px;
}
.product-price {
display: block;
}
.product-price .vm-price-desc,
.product-price .vm-price-desc+span {
margin: 0 !important;
}
.orderby-displaynumber {
border: none;
margin: 0 auto;
padding: 10px 0 30px 0;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer {
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 3px;
padding: 0;
margin: 0;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .title {
display: inline-block;
padding: 5px 8px 5px 15px;
font-size: 14px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .title:before {
font-family: "peIcon7";
content: "\e659";
margin: 0 auto;
padding: 0 8px 0 0;
font-size: 17px;
line-height: 1.5;
vertical-align: top;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .activeOrder,
.orderby-displaynumber .vm-order-list .orderlistcontainer .Order {
background-image: none;
display: inline-block;
border: none;
padding: 0 15px 0 0;
font-size: 14px;
position: relative;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .orderlist {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
border: 0;
border-radius: 0 0 4px 4px;
cursor: pointer;
visibility: hidden;
opacity: 0;
display: block;
margin-top: -10px;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .orderlist div {
padding: 0;
margin: 0;
width: 170px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .orderlist div a {
padding: 5px 15px;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer .orderlist div:hover {
background: #f0f0f0;
}
.orderby-displaynumber .vm-order-list .orderlistcontainer:hover .orderlist {
opacity: 1;
display: block;
visibility: visible;
margin-top: 1px;
}
.orderby-displaynumber .display-number {
margin: 0;
padding: 5px;
text-align: right;
font-size: 14px;
}
.orderby-displaynumber .display-number >span {
margin: 0 10px 0 0;
text-align: right;
float: left;
line-height: 2;
}
.orderby-displaynumber .display-number select {
max-width: 60px;
text-align: left;
}
.orderby-displaynumber .display-number .chzn-container-single,
.orderby-displaynumber .display-number .chzn-single {
max-width: 60px;
text-align: left;
display: block;
margin: -3px 0 0;
}
.sp-module-content ul.VMmenu > li {
padding: 0;
display: block;
position: relative;
}
.sp-module-content ul.VMmenu > li a {
display: block;
padding: 2px 12px;
line-height: 36px;
border: 0;
}
.sp-module-content ul.VMmenu > li a >.nmb_products {
padding: 1px 6px;
margin: 0 3px;
color: #555;
font-size: 85%;
text-align: center;
background-color: #fff;
border: 1px solid #eee;
border-radius: 3px;
}
.sp-module-content ul.VMmenu > li a:hover {
background-color: #f9f9f9;
}
.sp-module-content ul.VMmenu > li:hover > a >.nmb_products {
background-color: #fff;
border: 1px solid #eee;
}
.sp-module-content ul.VMmenu > li .vmmenu-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding-right: 10px;
width: 33%;
line-height: 41px;
cursor: pointer;
}
.sp-module-content ul.VMmenu > li .vmmenu-toggler .open-icon {
padding-left: calc(90%);
}
.sp-module-content ul.VMmenu > li .vmmenu-toggler .open-icon {
text-align: center;
}
.sp-module-content ul.VMmenu > li .vmmenu-toggler .open-icon:before {
line-height: 32px;
text-align: center;
position: absolute;
right: 10px;
top: 5px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sp-module-content ul.VMmenu > li .vmmenu-toggler.collapsed .open-icon:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.sp-module-content ul.VMmenu > li ul li {
padding: 0;
}
.sp-module-content ul.VMmenu > li ul li a {
text-indent: 10px;
box-shadow: inset 0 1px 0px rgba(62,62,62,0.1);
}
.sp-module-content ul.VMmenu > li ul li a >.nmb_products {
padding: 1px 6px;
margin: 0 5px;
}
.sp-module-content ul.VMmenu > li.active > a {
background-color: #f9f9f9;
color: #cf142b;
}
.sp-module-content ul.VMmenu > li.deeper > a {
background-color: transparent;
color: #000000;
}
.sp-module-content ul.VMmenu > li.deeper ul li.active > a {
background-color: #f9f9f9;
color: #cf142b;
}
.sp-module-content ul.VMmenu > li.deeper ul li.active > a >.nmb_products {
padding: 1px 6px;
border: 1px solid #d0d0d0;
margin: 0 5px;
}
.sp-module-content ul.VMmenu > li.deeper ul li.active > a:hover >.nmb_products {
border: 1px solid #c2c2c2;
}
.sp-module-content ul.VMmenu > li.deeper ul li.active.current > a:before {
content: "*";
color: #cf142b;
margin-right: 5px;
margin-left: -10px;
}
.sp-module-content ul.VMmenu > li.deeper .open-icon:before {
color: #cf142b;
}
.flex-search input#mod_virtuemart_search {
width: 100%;
border-radius: 4px;
}
.flex-search input#mod_virtuemart_search:focus {
box-shadow: none;
}
.searched-word {
color: #aaa;
line-height: 1.5;
}
.vm-flex-search input {
min-width: 250px;
border-radius: 4px;
z-index: 1;
float: left;
-webkit-transition: 300ms;
transition: 300ms;
}
.vm-flex-search input:focus {
box-shadow: none;
}
.vm-flex-search input:focus + .vm-search-button {
box-shadow: inset 1px 0 0px #e3e3e3;
}
.vm-flex-search .vm-search-button {
position: absolute;
display: inline-block;
margin: 1px 0 0 -42px;
z-index: 2;
width: 40px;
height: 32px;
background: transparent;
border: 0;
outline: 0;
box-shadow: inset 1px 0 0px #f3f3f3;
}
.vm-flex-search .vm-search-button >i {
width: 40px;
line-height: 2;
padding-left: 3px;
text-align: center;
vertical-align: middle;
opacity: 0.9;
}
.currency-selector-module {
width: 100%;
}
.currency-selector-module select {
display: inline-block;
width: 75%;
}
.currency-selector-module button.btn,
.currency-selector-module input.btn {
padding: 0;
margin: 0;
display: inline-block;
border: 1px solid rgba(83,83,83,0.34);
width: 20%;
vertical-align: top;
}
.currency-selector-module button.btn >i,
.currency-selector-module input.btn >i {
padding: 5px 7px 5px 7px;
margin: 0;
line-height: 22px;
width: 30px;
text-align: center;
}
.chzn-container {
min-width: 50%;
}
.chzn-container .chzn-single {
line-height: 32px !important;
height: 33px !important;
}
.chzn-container .chzn-single div {
top: 2px !important;
}
.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa !important;
}
.chzn-container-active.chzn-with-drop .chzn-results li {
line-height: 18px !important;
}
.quantity-box input {
width: 24px;
height: 24px;
padding: 0;
margin: 0;
left: 0;
background: rgba(0,0,0,0.05);
border: 1px solid #e0e0e0 !important;
}
.quantity-box input:hover {
background: rgba(0,0,0,0.04) !important;
}
.default-style .product-single-style {
text-align: center;
border-bottom: none;
}
.default-style .product-single-style .spacer h3 {
font-size: 125%;
margin: 20px auto 15px;
}
.default-style .product-single-style .spacer .PricesalesPrice {
margin: 15px auto;
font-size: 125%;
text-align: center;
}
.default-style .addtocart-area {
margin: 10px auto;
}
.default-style .addtocart-area .addtocart-bar {
margin: 0 auto;
display: block;
text-align: center;
}
.default-style .addtocart-area .addtocart-bar button.add-to-cart {
font-size: 105%;
}
.default-style .product_list .spacer .spacer-img {
padding: 3.9%;
}
.singleview .product-single-style .spacer .product-image {
padding: 0 10px;
}
.singleview .product-single-style .spacer .spacer-inner {
padding: 1% 3%;
}
.singleview .product-single-style .spacer .spacer-inner .PricesalesPrice {
margin-top: 20px;
font-size: 130%;
}
.singleview .product-single-style .spacer .spacer-inner .addtocart-area .cd-customization {
font-size: 100%;
}
.singleview .product-single-style .spacer .spacer-inner .addtocart-area .cd-customization button.add-to-cart {
height: 35px;
width: 130px;
}
.singleview .product-single-style .spacer .spacer-inner .addtocart-area .cd-customization button.add-to-cart >input {
line-height: 35px;
}
.vmgroup .vm-product {
display: block;
}
.vmgroup .vm-product.productdetails li {
text-align: initial;
padding: 15px 0 8px;
border-bottom: 1px solid #e5e5e5;
}
.vmgroup .vm-product.productdetails li .spacer-img {
width: 33%;
display: inline-block;
margin: 0 auto;
border: 1px solid rgba(50,50,50,0.15);
overflow: hidden;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
opacity: 0.9;
}
.vmgroup .vm-product.productdetails li .spacer-img img {
width: 100%;
height: 80px;
object-fit: cover;
}
.vmgroup .vm-product.productdetails li .spacer-img:hover {
opacity: 1;
}
.vmgroup .vm-product.productdetails li .spacer-inner {
width: 64%;
display: inline-block;
vertical-align: top;
padding: 0 10px;
margin: 0;
}
.vmgroup .vm-product.productdetails li .spacer-inner h5 {
display: block;
width: 100%;
font-size: 110%;
padding: 0;
margin: 0;
line-height: 1.4;
}
.vmgroup .vm-product.productdetails li .spacer-inner .PricesalesPrice {
margin: 8px auto;
font-size: 18px;
}
.vmgroup hr.divider {
margin: 10px auto;
border: none;
box-shadow: none;
}
.vmgroup .addtocart-area {
display: block;
clear: both;
width: 100%;
margin: 0 auto;
}
.vmgroup .addtocart-area .addtocart-bar {
display: block;
margin: 0 auto 5px;
padding: 0;
}
.vmgroup .addtocart-area .addtocart-bar .calculate {
display: table;
left: 0;
margin: 5px 8px 0 0;
width: 44px;
padding: 0;
float: left;
}
.vmgroup .addtocart-area .addtocart-bar .calculate label {
display: none;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-box {
padding: 0;
margin-left: 0;
font-size: 80%;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-box input {
width: 22px;
height: 22px;
padding: 0;
margin: 0;
left: 0;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls {
background-image: none;
margin: 0 0 0 -3px;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-plus,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-minus {
display: block;
position: absolute;
z-index: 2;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-plus {
width: 20px;
height: 16px;
margin: -16px 0 0 0;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fa {
color: #999;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .fas,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-plus:hover + .far {
color: #999;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-minus {
width: 20px;
height: 16px;
margin: 0 0 0 0;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fa {
color: #999;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .fas,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls input.quantity-minus:hover + .far {
color: #999;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fa,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fas,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .far {
position: absolute;
z-index: 1;
font-size: 9px;
line-height: 12px;
color: #bbb;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-up,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-up,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .far.fa-chevron-up {
margin: -13px 0 0 3px;
}
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fa.fa-chevron-down,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .fas.fa-chevron-down,
.vmgroup .addtocart-area .addtocart-bar .calculate .quantity-controls .far.fa-chevron-down {
margin: 0 0 0 3px;
}
.vmgroup .addtocart-area .addtocart-bar .cd-customization {
width: auto;
display: table;
font-size: 75%;
}
.vmgroup .addtocart-area .addtocart-bar .cd-customization button.add-to-cart {
height: 32px;
width: 100px;
display: block;
}
.vmgroup .addtocart-area .addtocart-bar .cd-customization button.add-to-cart >input {
line-height: 28px;
}
.vm-shipment-select,
.vm-payment-select {
padding: 0;
}
.vm-shipment-select div,
.vm-payment-select div {
padding: 1%;
margin: 0 0 7px 0;
}
.vm-shipment-select div input[type="radio"],
.vm-payment-select div input[type="radio"] {
display: none;
}
.vm-shipment-select div input[type="radio"]:checked + label,
.vm-payment-select div input[type="radio"]:checked + label {
border: 1px solid rgba(207,20,43,0.9);
box-shadow: 0 1px 5px rgba(207,20,43,0.2);
}
.vm-shipment-select div label,
.vm-payment-select div label {
display: block;
text-align: center;
margin: 0 auto;
line-height: 18px;
cursor: pointer;
border: 1px solid transparent;
padding: 10px;
border-radius: 4px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.vm-shipment-select div label:hover,
.vm-payment-select div label:hover {
border: 1px solid rgba(25,25,25,0.1);
}
.product-fields span.hasTooltip {
width: auto;
height: auto;
padding: 4px 4px 0;
display: inline-block;
margin-bottom: -2px;
}
.product-fields span.hasTooltip img {
margin: 0 auto;
display: table;
float: none;
}
.product-fields .product-field-display {
margin: 10px 0 10px 0;
}
.product-fields .product-field-display label {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
margin: 0 5px 5px 0;
display: inline-block;
}
.product-fields .product-field-display label input.form-radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
height: 0;
width: 0;
border: 0;
opacity: 0;
outline: none;
}
.product-fields .product-field-display label span.checker,
.product-fields .product-field-display label span.checker-select {
line-height: 25px;
display: block;
float: right;
border: 1px solid #ccc;
color: #595959;
padding: 4px 18px;
border-radius: 4px;
}
.product-fields .product-field-display label span.checker-select {
background: #f3f3f3;
padding: 4px 35px;
}
.product-fields .product-field-display label input.form-radio:hover + span.checker {
border: 1px solid #999;
}
.product-fields .product-field-display label input.form-radio:checked + span.checker {
color: #a01021;
border: 1px solid #a01021;
padding-left: 22px;
opacity: 1;
}
.product-fields .product-field-display label input.form-radio + span.checker::before {
opacity: 0;
content: '';
transform: rotate(30deg) scale(0);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.product-fields .product-field-display label input.form-radio:checked + span.checker::before {
position: relative;
display: inline-block;
left: -8px;
top: -2px;
content: '\02143';
transform: rotate(40deg) scale(1);
color: #cf142b;
font-weight: bold;
opacity: 1;
}
.product-fields .product-field-display .vm-cmv-label {
margin: 2px 12px 10px 0;
display: inline-block;
vertical-align: top;
font-weight: bold;
color: #555;
}
.popup-cart {
overflow: hidden;
margin: 0 auto -20px;
padding: 0 !important;
}
.popup-cart h3.title {
font-size: 20px;
line-height: 28px;
margin-bottom: 40px;
text-align: center;
color: #4b4b4b;
}
.popup-cart h3.title span {
display: block;
font-weight: 600;
}
.popup-cart .popup-cart-product-quantity {
font-weight: 500;
}
.popup-cart .item-wrap {
overflow: hidden;
clear: both;
width: 560px;
margin-bottom: 0px;
text-align: left;
padding: 0;
}
.popup-cart .item-wrap .item-name {
font-size: 120%;
font-weight: 600;
}
.popup-cart .item-wrap .vm-price-box {
line-height: 35px;
text-align: center;
display: inline-block;
clear: both;
text-align: left;
}
.popup-cart .item-wrap .vm-price-box ins {
font-size: 28px;
line-height: 42px;
text-decoration: none;
float: left;
letter-spacing: -2px;
margin-right: 10px;
}
.popup-cart .item-wrap .vm-price-box del {
font-size: 16px;
color: #8d8d8d;
letter-spacing: -1px;
float: left;
}
.popup-cart .item-wrap .vm-price-box del span {
vertical-align: baseline;
}
.popup-cart .button-group {
text-align: center;
margin: 30px auto 0;
}
.popup-cart .button-group .continue_link,
.popup-cart .button-group .showcart {
width: 43%;
display: block;
float: left;
left: 0;
margin: 0 auto;
padding: 10px 0;
border-radius: 4px;
}
.popup-cart .button-group .continue_link {
margin: 0 24px 0;
}
.popup-cart .button-group .continue_link:before {
font-family: "peIcon7";
position: relative;
color: #fff;
font-size: 17px;
line-height: 1.2;
content: "\e66e";
margin: 5px 8px 0 0;
}
.popup-cart .button-group .showcart {
margin: 0;
}
.popup-cart .item-img {
float: left;
margin-right: 30px;
}
.popup-cart .item-img img {
max-width: 150px;
}
.vm-menu .divider {
display: none;
}
.vm-menu .vm-title {
font-size: 110%;
margin: 12px auto 0;
padding: 15px 0 5px;
line-height: 1.3;
}
.vm-menu ul.productdetails li {
text-align: initial;
padding: 15px 0 8px;
box-shadow: 0 1px 0px rgba(220,220,220,0.3);
}
.vm-menu ul.productdetails li .spacer-img {
width: 30%;
display: inline-block;
margin: 0;
}
.vm-menu ul.productdetails li .spacer-img img {
height: 60px;
object-fit: cover;
}
.vm-menu ul.productdetails li .spacer-inner {
width: 68%;
display: inline-block;
vertical-align: top;
padding: 0 10px;
margin: 0;
}
.vm-menu ul.productdetails li .spacer-inner h5 {
display: block;
width: 100%;
font-size: 90%;
padding: 0;
margin: 0;
line-height: 1.4;
}
.vm-menu ul.productdetails li .spacer-inner .PricesalesPrice {
margin: 10px auto;
font-size: 17px;
}
.vm-menu ul:last-child li {
padding: 15px 0 0;
box-shadow: none;
}
.vm-menu ul:last-child li .PricesalesPrice {
margin: 10px auto 0;
}
.edit-shopper-form div.btn {
margin: 7px 7px 0 0;
padding: 6px 12px;
}
.edit-shopper-form div.btn a {
padding: 0;
}
.edit-shopper-form div.btn a >img {
display: none;
}
.edit-shopper-form #ui-tabs {
margin: 25px auto;
}
.edit-shopper-form #ui-tabs li {
padding: 4px 20px !important;
line-height: 32px !important;
height: 40px !important;
border-radius: 5px 5px 0 0 !important;
}
.edit-shopper-form #ui-tabs >div {
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
background: transparent !important;
}
.edit-shopper-form #ui-tabs >div li {
height: 36px !important;
padding: 2px 5px !important;
border-radius: 0 !important;
}
@media (max-width: 992px) {
.responsive-sm,
.responsive-sm > div {
padding: 0 !important;
}
}
@media (max-width: 768px) {
#com-form-login {
margin: 20px auto;
padding: 0 5%;
}
#com-form-login .width30 {
width: 100%;
margin: 5px auto !important;
}
#vmCartModule {
position: relative;
right: 10px;
width: 60px;
}
#vmCartModule #cd-menu-trigger,
#vmCartModule .cd-cart {
width: 60px;
margin: 0 auto;
text-align: center;
}
#vmCartModule #cd-menu-trigger >i,
#vmCartModule .cd-cart >i {
text-align: center;
margin: 0 auto;
width: 60px;
}
#vmCartModule #cd-menu-trigger .total_products,
#vmCartModule .cd-cart .total_products {
right: 3px;
}
#vmCartModule #cd-menu-trigger.shopping-menu-is-open .cd-cart .total_products,
#vmCartModule .cd-cart.shopping-menu-is-open .cd-cart .total_products {
right: 3px;
}
header.centered #cart-menu .cd-cart,
header.addspace #cart-menu .cd-cart {
margin: 0 auto;
top: 0 !important;
text-align: center;
}
header.centered #cart-menu .cd-cart i,
header.addspace #cart-menu .cd-cart i {
margin: 0 auto;
width: 90px;
text-align: center !important;
}
header.centered #cart-menu .cd-cart .total_products,
header.addspace #cart-menu .cd-cart .total_products {
right: -12px !important;
}
header.centered #cart-menu.shopping-menu-is-open .cd-cart .total_products,
header.addspace #cart-menu.shopping-menu-is-open .cd-cart .total_products {
right: 18px !important;
}
.browse-view .row.productwrap {
padding: 0;
margin: 0;
}
.browse-view .row.productwrap .product {
width: 100%;
}
.browse-view .row.productwrap .product .cd-customization {
width: calc(65%) !important;
}
.browse-view .row.productwrap .product .calculate {
width: 25% !important;
margin: 4px 10px 0 0;
}
.form-validate {
padding: 10px 4%;
}
table.user-details {
width: 100%;
}
table.user-details tr td {
width: 100%;
clear: both;
display: block;
}
table.user-details tr td label {
clear: both;
display: block;
margin: 12px 0 0 !important;
text-align: left;
}
table.user-details tr td input,
table.user-details tr td select {
min-width: 100%;
}
table.user-details tr td input {
min-height: 39px;
}
table.user-details tr td select {
width: auto;
line-height: 38px;
height: 38px;
}
table.user-details tr td .chzn-container-single .chzn-single {
line-height: 37px !important;
height: 38px !important;
}
.vmgroup .vm-product.productdetails li .spacer-img {
width: 25%;
}
.vmgroup .vm-product.productdetails li .spacer-img img {
width: 100%;
height: 120px;
}
.vmgroup .vm-product.productdetails li .spacer-inner h5 {
font-size: 120%;
line-height: 1.4;
}
.vmgroup .vm-product.productdetails li .spacer-inner .PricesalesPrice {
margin: 12px auto;
font-size: 20px;
}
.vmgroup .vm-product.productdetails .cd-customization {
font-size: 80%;
}
.vmgroup .vm-product.productdetails .cd-customization button.add-to-cart {
height: 32px;
width: 140px;
}
.vmgroup .vm-product.productdetails .cd-customization button.add-to-cart >input {
line-height: 28px;
}
.popup-cart .item-wrap {
width: 100%;
text-align: center;
}
.popup-cart .item-wrap .item-name,
.popup-cart .item-wrap .vm-price-box,
.popup-cart .item-wrap .popup-cart-product-quantity {
text-align: center !important;
float: none !important;
}
.popup-cart .button-group {
text-align: center;
margin: 30px auto 0;
}
.popup-cart .button-group .continue_link,
.popup-cart .button-group .showcart {
width: 100%;
display: block;
margin: 0 auto;
}
.popup-cart .button-group .continue_link {
margin: 0 auto 10px;
}
.popup-cart .item-img {
float: left;
width: 100%;
margin: 0 auto;
}
.popup-cart .item-img img {
width: 100%;
}
table.cart-summary .responsive-xs {
padding: 10px 0 !important;
}
table.cart-summary .xs-cart-btn {
width: 40px !important;
display: block;
margin: 0 auto;
text-align: center;
border-radius: 0 !important;
}
}
svg.flex-logo-light {
margin: 0 auto;
}
svg.flex-logo-light g#Background path#flex_rectangle_fill {
opacity: 0;
fill: transparent;
stroke-dasharray: 1200;
stroke-dashoffset: 1200;
animation-name: fade-in;
animation-duration: 0.5s;
animation-delay: 3s;
stroke-width: 0;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: linear;
}
svg.flex-logo-light g#Background path#flex_rectangle {
stroke: rgba(255,255,255,0.7);
stroke-width: 7;
stroke-dasharray: 2800;
stroke-dashoffset: 2800;
opacity: 1;
animation-duration: 2.3s;
animation-delay: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: show;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex_logo polygon {
opacity: 0;
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex_logo polygon#gradient_1 {
fill: rgba(255,255,255,0.8);
}
svg.flex-logo-light g#flex_logo polygon#gradient_2 {
fill: rgba(255,255,255,0.92);
}
svg.flex-logo-light g#flex_logo #logo_top_bckg {
opacity: 0;
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex_logo path {
stroke-width: 7;
stroke: rgba(255,255,255,0.7);
opacity: 1;
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex_logo path#logo_top {
stroke-width: 7;
stroke: rgba(255,255,255,0.7);
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation-duration: 2.5s;
animation-delay: 0.6s;
}
svg.flex-logo-light g#flex_logo path#logo_main1 {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 3s;
animation-delay: 1.6s;
}
svg.flex-logo-light g#flex_logo path#logo_main2 {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 3s;
animation-delay: 2s;
}
svg.flex-logo-light g#flex path {
stroke-width: 12;
stroke: rgba(255,255,255,0.7);
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: draw;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex path#f_top {
stroke-width: 12;
stroke-dasharray: 700;
stroke-dashoffset: 700;
animation-duration: 2s;
animation-delay: 3s;
}
svg.flex-logo-light g#flex path#f {
stroke-dasharray: 2810;
stroke-dashoffset: 2810;
animation-duration: 5s;
animation-delay: 4s;
}
svg.flex-logo-light g#flex path#l {
stroke-dasharray: 900;
stroke-dashoffset: 900;
animation-duration: 1.5s;
animation-delay: 4.7s;
}
svg.flex-logo-light g#flex path#e {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 5s;
}
svg.flex-logo-light g#flex path#x {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 5.4s;
}
svg.flex-logo-light g#flex_after path {
stroke-width: 0;
opacity: 0;
fill: transparent;
animation-duration: 0.8s;
animation-delay: 7s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: flex_after_fade_light;
animation-timing-function: linear;
}
svg.flex-logo-light g#flex_after path#f_top {
fill: transparent;
animation-duration: 1s;
animation-delay: 8s;
animation-fill-mode: forwards;
animation-iteration-count: 2;
animation-name: flex_after_f_top;
animation-timing-function: ease-in-out;
}
svg.flex-logo-light.delayed g#Background path#flex_rectangle_fill {
animation-duration: 0.5s;
animation-delay: 5s;
stroke-width: 0;
}
svg.flex-logo-light.delayed g#Background path#flex_rectangle {
stroke-width: 7;
animation-duration: 2.3s;
animation-delay: 3s;
}
svg.flex-logo-light.delayed g#flex_logo polygon,
svg.flex-logo-light.delayed g#flex_logo #logo_top_bckg {
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 4.5s;
}
svg.flex-logo-light.delayed g#flex_logo path {
stroke-width: 7;
stroke: rgba(255,255,255,0.7);
animation-duration: 2s;
animation-delay: 3s;
}
svg.flex-logo-light.delayed g#flex_logo path#logo_top {
stroke-width: 7;
stroke: rgba(255,255,255,0.7);
animation-duration: 2.5s;
animation-delay: 2.6s;
}
svg.flex-logo-light.delayed g#flex_logo path#logo_main1 {
animation-duration: 3s;
animation-delay: 3.6s;
}
svg.flex-logo-light.delayed g#flex_logo path#logo_main2 {
animation-duration: 3s;
animation-delay: 4s;
}
svg.flex-logo-light.delayed g#flex path {
stroke-width: 8;
}
svg.flex-logo-light.delayed g#flex path#f_top {
stroke-width: 12;
animation-duration: 2s;
animation-delay: 5s;
}
svg.flex-logo-light.delayed g#flex path#f {
animation-duration: 5s;
animation-delay: 6s;
}
svg.flex-logo-light.delayed g#flex path#l {
animation-duration: 1.5s;
animation-delay: 6.7s;
}
svg.flex-logo-light.delayed g#flex path#e {
animation-duration: 2s;
animation-delay: 7s;
}
svg.flex-logo-light.delayed g#flex path#x {
animation-duration: 2s;
animation-delay: 7.4s;
}
svg.flex-logo-light.delayed g#flex_after path {
animation-duration: 0.8s;
animation-delay: 9s;
}
svg.flex-logo-light.delayed g#flex_after path#f_top {
animation-duration: 1s;
animation-delay: 7s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
svg.flex-logo-default {
max-width: 400px;
margin: 0 auto;
}
svg.flex-logo-default g#Background path#flex_rectangle_fill {
opacity: 0;
fill: transparent;
stroke-dasharray: 1200;
stroke-dashoffset: 1200;
animation-name: fade-in;
animation-duration: 0.5s;
animation-delay: 3s;
stroke-width: 0;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: linear;
}
svg.flex-logo-default g#Background path#flex_rectangle {
stroke: rgba(0,0,0,0.7);
stroke-width: 7;
stroke-dasharray: 2800;
stroke-dashoffset: 2800;
opacity: 1;
animation-duration: 2.3s;
animation-delay: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: show;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex_logo polygon {
opacity: 0;
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex_logo polygon#gradient_1 {
fill: rgba(255,255,255,0.8);
}
svg.flex-logo-default g#flex_logo polygon#gradient_2 {
fill: rgba(255,255,255,0.92);
}
svg.flex-logo-default g#flex_logo #logo_top_bckg {
opacity: 0;
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex_logo path {
stroke-width: 7;
stroke: rgba(0,0,0,0.7);
opacity: 1;
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: gradient_fade;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex_logo path#logo_top {
stroke-width: 7;
stroke: rgba(0,0,0,0.7);
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation-duration: 2.5s;
animation-delay: 0.6s;
}
svg.flex-logo-default g#flex_logo path#logo_main1 {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 3s;
animation-delay: 1.6s;
}
svg.flex-logo-default g#flex_logo path#logo_main2 {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 3s;
animation-delay: 2s;
}
svg.flex-logo-default g#flex path {
stroke-width: 12;
stroke: rgba(0,0,0,0.5);
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: draw;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex path#f_top {
stroke-width: 12;
stroke-dasharray: 700;
stroke-dashoffset: 700;
animation-duration: 2s;
animation-delay: 3s;
}
svg.flex-logo-default g#flex path#f {
stroke-dasharray: 2810;
stroke-dashoffset: 2810;
animation-duration: 5s;
animation-delay: 4s;
}
svg.flex-logo-default g#flex path#l {
stroke-dasharray: 900;
stroke-dashoffset: 900;
animation-duration: 1.5s;
animation-delay: 4.7s;
}
svg.flex-logo-default g#flex path#e {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 5s;
}
svg.flex-logo-default g#flex path#x {
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
animation-duration: 2s;
animation-delay: 5.4s;
}
svg.flex-logo-default g#flex_after path {
stroke-width: 0;
opacity: 0;
fill: transparent;
animation-duration: 0.8s;
animation-delay: 7s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: flex_after_fade_default;
animation-timing-function: linear;
}
svg.flex-logo-default g#flex_after path#f_top {
fill: transparent;
animation-duration: 1s;
animation-delay: 8s;
animation-fill-mode: forwards;
animation-iteration-count: 2;
animation-name: flex_after_f_top;
animation-timing-function: ease-in-out;
}
svg.flex-logo-default.delayed g#Background path#flex_rectangle_fill {
animation-duration: 0.5s;
animation-delay: 5s;
stroke-width: 0;
}
svg.flex-logo-default.delayed g#Background path#flex_rectangle {
stroke-width: 7;
animation-duration: 2.3s;
animation-delay: 3s;
}
svg.flex-logo-default.delayed g#flex_logo polygon,
svg.flex-logo-default.delayed g#flex_logo #logo_top_bckg {
stroke-width: 1;
animation-duration: 0.7s;
animation-delay: 4.5s;
}
svg.flex-logo-default.delayed g#flex_logo path {
stroke-width: 7;
stroke: rgba(0,0,0,0.7);
animation-duration: 2s;
animation-delay: 3s;
}
svg.flex-logo-default.delayed g#flex_logo path#logo_top {
stroke-width: 7;
stroke: rgba(0,0,0,0.7);
animation-duration: 2.5s;
animation-delay: 2.6s;
}
svg.flex-logo-default.delayed g#flex_logo path#logo_main1 {
animation-duration: 3s;
animation-delay: 3.6s;
}
svg.flex-logo-default.delayed g#flex_logo path#logo_main2 {
animation-duration: 3s;
animation-delay: 4s;
}
svg.flex-logo-default.delayed g#flex path {
stroke-width: 8;
}
svg.flex-logo-default.delayed g#flex path#f_top {
stroke-width: 12;
animation-duration: 2s;
animation-delay: 5s;
}
svg.flex-logo-default.delayed g#flex path#f {
animation-duration: 5s;
animation-delay: 6s;
}
svg.flex-logo-default.delayed g#flex path#l {
animation-duration: 1.5s;
animation-delay: 6.7s;
}
svg.flex-logo-default.delayed g#flex path#e {
animation-duration: 2s;
animation-delay: 7s;
}
svg.flex-logo-default.delayed g#flex path#x {
animation-duration: 2s;
animation-delay: 7.4s;
}
svg.flex-logo-default.delayed g#flex_after path {
animation-duration: 0.8s;
animation-delay: 9s;
}
svg.flex-logo-default.delayed g#flex_after path#f_top {
animation-duration: 1s;
animation-delay: 7s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
stroke-width: 4;
opacity: 1;
}
}
@keyframes show {
to {
opacity: 1;
stroke-dashoffset: 0;
stroke-width: 0;
}
}
@keyframes fade-in {
to {
opacity: 1;
fill: rgba(207,20,43,0.9);
stroke-dashoffset: 0;
stroke-width: 0;
}
}
@keyframes gradient_fade {
to {
opacity: 1;
stroke-dashoffset: 0;
stroke-width: 0;
}
}
@keyframes flex_after_fade_default {
to {
opacity: 1;
stroke-width: 0;
stroke-dashoffset: 0;
fill: rgba(85,85,85,0.7);
stroke: rgba(85,85,85,0.7);
}
}
@keyframes flex_after_fade_light {
to {
opacity: 1;
stroke-width: 0;
stroke-dashoffset: 0;
fill: rgba(255,255,255,0.6);
stroke: rgba(255,255,255,0.5);
}
}
@keyframes flex_after_f_top {
to {
opacity: 1;
stroke-width: 5;
stroke-dashoffset: 0;
fill: rgba(207,20,43,0.85);
stroke: #cf142b;
}
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (min-width: 992px) {
#sp-addspace-logo div.row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
}
.no-gutter .row > [class*="col-md"],
.no-gutter .row-fluid > [class*="col-"],
.no-padding > div > .row > [class*="col-"],
.no-padding > div > .row-fluid > [class*="col-"],
.no-gutter {
padding-right: 0;
padding-left: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sp-megamenu-parent {
padding: 0;
}
.sp-megamenu-parent >li >a {
padding: 0 8px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.flipper .back {
overflow: hidden;
}
.flipper .back .sppb-person-block .sppb-person-information {
padding: 2px 5px 0 5px !important;
}
.flipper .back .sppb-person-introtext {
padding: 3px 10px !important;
margin-top: 0;
font-size: 80% !important;
}
.flipper .back .sppb-person-social-icons {
position: absolute;
width: 100%;
line-height: 35px;
margin-bottom: -8px;
background: #fff;
}
.btn.responsive,
.sppb-btn.responsive {
white-space: normal;
}
.sp-comingsoon a.logo img.sp-default-logo {
margin: 0 auto !important;
}
.sp-comingsoon a.logo div.backhome {
display: none;
}
.sp-comingsoon a.logo:hover img.sp-default-logo {
text-align: center;
margin: 0 auto;
}
}
@media (max-width: 768px) {
#sp-addspace-logo div.row img {
margin: 2vh 0;
}
.has-left-right-modules .sppb-in-article-left .sp-column,
.has-left-right-modules .sppb-in-article-right .sp-column {
width: 100%;
padding: 15px 35px;
}
#sp-top2 {
margin-left: auto;
margin-right: auto;
}
#sp-top2 ul {
width: auto;
margin-left: auto;
margin-right: auto;
}
#sp-addspace-logo #sp-logo,
#sp-addspace-logo #sp-addspace {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.addspace .sp-column,
.centered .sp-column {
text-align: center;
}
.addspace .sp-column >div,
.centered .sp-column >div {
width: 100%;
margin: 0 auto;
}
.addspace >.container >.row #cart-menu,
.centered >.container >.row #cart-menu {
float: left;
}
.addspace >.container >.row #cart-menu.shopping-menu-is-open,
.centered >.container >.row #cart-menu.shopping-menu-is-open {
padding: 0;
width: 100vw;
height: 100vh;
}
.top-search-wrapper {
right: 30px;
width: 50px;
}
.top-search-wrapper .icon-top-wrapper {
cursor: pointer;
width: 50px;
}
.top-search-wrapper .icon-top-wrapper i.fa,
.top-search-wrapper .icon-top-wrapper i.fas,
.top-search-wrapper .icon-top-wrapper i.far {
font-size: 16px;
text-align: center;
width: 50px;
margin: 0 auto;
}
.top-search-wrapper .icon-top-wrapper i.pe {
font-size: 20px;
text-align: center;
width: 50px;
margin: 0 auto;
}
.top-search-wrapper .icon-top-wrapper i.pe.search-close-icon.open {
font-size: 27px;
}
.top-search-input-wrap .top-search-wrap {
position: absolute;
right: 5vw;
left: auto;
float: none;
width: 70vw;
margin: -20px auto 0;
}
.top-search-input-wrap .top-search-wrap .sp_search_input {
width: 80vw;
margin: 0 auto;
}
.centered .top-search-wrap,
.addspace .top-search-wrap {
position: absolute;
right: -20vw;
left: auto;
float: none;
width: 70vw;
margin: -20px auto 0;
}
.sppb-addon-image-content .sppb-image-holder {
position: inherit;
width: 100%;
min-height: 350px;
}
.com-sppagebuilder #sp-main-body #sp-left,
.com-sppagebuilder #sp-main-body #sp-right {
padding: 0 30px;
margin-left: 0;
margin-right: 0;
}
.sppb-content-holder {
padding: 20px 0 50px 0 !important;
}
.sppb-addon-animated-number {
text-align: center;
}
.flipper {
width: 100%;
margin: 25px auto;
}
.flipper .back .sppb-person-block .thumb,
.flipper .back .sppb-person-block .sppb-person-information {
width: 50%;
}
.flipper .back .sppb-person-block .sppb-person-information {
padding: 15px 10px 15px 20px;
}
.flipper .back .sppb-person-block .sppb-person-information .sppb-person-name {
font-size: 160%;
}
.flipper .back .sppb-person-block .sppb-person-information .sppb-person-designation {
line-height: 1.6;
font-size: 120%;
}
.flipper .back .sppb-person-introtext {
padding: 15px 25px;
line-height: 1.8 !important;
font-size: 100% !important;
}
.sp-comingsoon a.logo img.sp-default-logo {
margin: 0 auto !important;
}
.sp-comingsoon a.logo div.backhome {
display: none;
}
.sp-comingsoon a.logo:hover img.sp-default-logo {
text-align: center;
margin: 0;
}
.mobile-centered {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
display: table;
}
.offline-container {
width: 100vw;
}
.offline-container .offline-inner {
width: 90vw;
border-radius: 4px;
}
.offline-container .offline-inner .sp-comingsoon-countdown {
padding: 0;
}
.offline-container .offline-inner .days,
.offline-container .offline-inner .hours,
.offline-container .offline-inner .minutes,
.offline-container .offline-inner .seconds {
width: 23%;
padding: 5px;
}
}
@media (max-width: 480px) {
.productwrap .product {
width: 100%;
display: block;
}
.offline-container .offline-inner #form-login {
width: 90%;
}
.cd-headline .cd-words-wrapper > b {
white-space: normal;
clear: both;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after,
.sppb-addon-timeline .sppb-addon-timeline-wrapper::before,
.sppb-addon-timeline .sppb-addon-timeline-wrapper::after {
display: none;
}
.timeline-movement {
padding: 0;
}
.timeline-movement:before,
.timeline-movement:after {
padding: 0;
}
.timeline-movement.odd,
.timeline-movement.even {
width: 100%;
display: table;
margin: 0 auto;
left: 0;
right: 0;
position: relative;
}
.timeline-movement.odd:after {
position: relative;
margin: 50px auto;
height: 1px;
top: 48px;
bottom: auto;
width: 40%;
padding: 0;
background-color: #ef5a6c;
}
.timeline-movement.even:before {
background-color: #ef5a6c;
bottom: 10px;
content: " ";
height: 1px;
left: 0;
position: absolute;
right: 0;
top: auto;
width: 40%;
margin: 0 auto;
}
.timeline-movement.even:after {
display: none;
}
}
@media only screen and (max-device-width: 800px),only screen and (device-width: 1024px) and (device-height: 600px),only screen and (width: 1280px) and (orientation: landscape),only screen and (device-width: 800px),only screen and (max-width: 767px) {
.flex-video {
padding-top: 0;
}
}
.ajax-posts,
.grid {
-webkit-transition: height 0.7s ease;
-moz-transition: height 0.7s ease;
-o-transition: height 0.7s ease;
transition: height 0.7s ease;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
overflow: hidden;
}
.ajax-post {
padding: 0;
margin: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.ajax-post .inner [class^="entry-"] {
margin: 0 0 22px 0;
}
.ajax-post .inner.intro-left {
width: auto;
}
.ajax-post .inner.intro-left h3.aga_heading {
margin-top: 0;
padding-top: 0;
}
.ajax-post .inner.intro-center .entry-image,
.ajax-post .inner.intro-center div[class^="entry-"] {
margin: 0 auto;
}
.ajax-post .inner.intro-right h3.aga_heading {
margin-top: 0;
padding-top: 0;
}
.ajax-post .inner .intro-image {
position: relative;
display: block;
margin: 0 auto;
-webkit-transform: translateZ(0) scale(1.0001);
transform: translateZ(0) scale(1.0001);
overflow: hidden;
}
.ajax-post .inner .intro-image a img.post-img {
-webkit-transition: .7s cubic-bezier(0.250,0,0.350,1.100) .1s;
-moz-transition: .7s cubic-bezier(0.250,0,0.350,1.100) .1s;
-o-transition: .7s cubic-bezier(0.250,0,0.350,1.100) .1s;
transition: .7s cubic-bezier(0.250,0,0.350,1.100) .1s;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
width: 100%;
-webkit-filter: blur(0.01em) grayscale(0%);
filter: blur(0.01em) grayscale(0%);
}
.ajax-post .inner.overlay .intro-image {
overflow: hidden;
}
.ajax-post .inner.overlay .intro-image a {
display: block;
}
.ajax-post .inner.overlay .intro-image a:after {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
color: #fff;
-webkit-transition: background .5s ease;
-moz-transition: background .5s ease;
-o-transition: background .5s ease;
transition: background .5s ease;
background: transparent;
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.ajax-post .inner.overlay .intro-image a .caption-content {
position: absolute;
font-weight: 500;
font-size: 100%;
color: #fff;
padding: 0 10%;
top: 53%;
width: 100%;
text-align: center;
-webkit-transition: .7s cubic-bezier(0.300,0,0.100,1.100) .1s;
-moz-transition: .7s cubic-bezier(0.300,0,0.100,1.100) .1s;
-o-transition: .7s cubic-bezier(0.300,0,0.100,1.100) .1s;
transition: .7s cubic-bezier(0.300,0,0.100,1.100) .1s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
-ms-transform: translateY(-20%);
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
opacity: 0;
z-index: 2;
}
.ajax-post .inner.overlay .intro-image a .caption-content small {
font-size: 12px;
margin: 0 4px;
display: inline-block;
}
.ajax-post .inner.overlay .intro-image a .caption-content small >i {
font-size: 125%;
vertical-align: middle;
margin: -2px 3px 0;
}
.ajax-post .inner.overlay .intro-image a .caption-content small.ratings {
font-size: 11px;
}
.ajax-post .inner.overlay .intro-image a .caption-content small .voting-symbol {
font-size: 10px;
}
.ajax-post .inner.overlay .intro-image a .caption-content .caption-category {
padding: 2px 12px;
display: table;
width: auto;
margin: 8px auto 0;
background: rgba(255,255,255,0.25);
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
font-weight: 500;
font-size: 12px;
color: #fff;
}
.ajax-post .inner.overlay .intro-image a .caption-content .caption-category .posted-in {
opacity: 0.65;
}
.ajax-post .inner.overlay .intro-image a:hover:after {
background: rgba(207,20,43,0.65);
}
.ajax-post .inner.overlay .intro-image a:hover .caption-content {
opacity: 1;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.loader_footer,
.grid_footer,
#dc-load-more {
position: relative;
clear: both;
overflow: hidden;
opacity: 1;
display: block;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-transition: all .45s ease;
-moz-transition: all .45s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
margin: 15px auto 0;
width: 100%;
height: 44px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.loader_footer .load-more-ajax,
.grid_footer .load-more-ajax,
#dc-load-more .load-more-ajax {
margin: 0 auto;
height: 44px;
}
.loader_footer.done,
.grid_footer.done,
#dc-load-more.done {
opacity: 0;
visibility: hidden;
height: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
@-webkit-keyframes simpleFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes simple-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.simple-fade {
-webkit-animation-name: simple-fade;
animation-name: simple-fade;
-webkit-backface-visibility: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fade-in-up {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fade-in-up {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fade-in-up {
-webkit-animation-name: fade-in-up;
animation-name: fade-in-up;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-backface-visibility: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-50px,0);
transform: translate3d(0,-50px,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fade-in-down {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-50px,0);
transform: translate3d(0,-50px,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fade-in-down {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes appear-in {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-10px,0) scale(0.7) perspective(1200px) rotateX(-60deg);
transform: translate3d(0,-10px,0) scale(0.7) perspective(1200px) rotateX(-60deg);
}
45% {
opacity: 0.4;
-webkit-transform: translate3d(0,20%,0) scale(1.05) perspective(600px) rotateX(-15deg);
transform: translate3d(0,20%x,0) scale(1.05) perspective(600px) rotateX(-15deg);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
}
}
@keyframes appear-in {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-10px,0) scale(0.7) perspective(1200px) rotateX(-60deg);
transform: translate3d(0,-10px,0) scale(0.5) perspective(1200px) rotateX(-60deg);
}
45% {
opacity: 0.4;
-webkit-transform: translate3d(0,20%,0) scale(1.05) perspective(600px) rotateX(-15deg);
transform: translate3d(0,20%,0) scale(1.05) perspective(600px) rotateX(-15deg);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
}
}
.appear-in {
-webkit-animation-name: appear-in;
animation-name: appear-in;
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.flippin-effect {
margin: 0 auto;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: flippin .85s cubic-bezier(0.400,0,0.350,1.100) forwards;
-moz-animation: flippin .85s cubic-bezier(0.400,0,0.350,1.100) forwards;
-ms-animation: flippin .85s cubic-bezier(0.400,0,0.350,1.100) forwards;
-o-animation: flippin .85s cubic-bezier(0.400,0,0.350,1.100) forwards;
animation: flippin .85s cubic-bezier(0.400,0,0.350,1.100) forwards;
}
@-webkit-keyframes flippin {
from {
opacity: 0;
-webkit-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-moz-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-ms-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-o-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-moz-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-ms-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-o-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
}
}
@keyframes flippin {
from {
opacity: 0;
-webkit-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-moz-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-ms-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
-o-transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
transform: translate3d(0,20%,0) scale(0.9) perspective(1300px) rotateX(-70deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-moz-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-ms-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
-o-transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(1000px) rotateX(0deg);
}
}
@-webkit-keyframes intro-zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(0) scale(0.5);
transform: translateZ(0) scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: translateZ(120px) scale(1);
transform: translateZ(120px) scale(1);
}
}
@keyframes intro-zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(0) scale(0.5);
transform: translateZ(0) scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: translateZ(120px) scale(1);
transform: translateZ(120px) scale(1);
}
}
.intro-zoom-in {
-webkit-animation-name: intro-zoom-in;
animation-name: intro-zoom-in;
-webkit-backface-visibility: hidden;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.loader_footer .load-more-ajax {
outline: 0;
}
.loader_footer .load-more-ajax.focus,
.loader_footer .load-more-ajax:focus,
.loader_footer .load-more-ajax:active,
.loader_footer .load-more-ajax.active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-align: center;
}
.loader_footer .load-more-ajax .spinner {
outline: 0;
text-align: center;
line-height: 13px;
}
.loader_footer .load-more-ajax .spinner > div {
width: 14px;
height: 14px;
line-height: 13px;
text-align: center;
margin: 0 -2px 0 2px;
vertical-align: middle;
border-radius: 100%;
display: inline-block;
-webkit-animation: dc-load-more-bouncedelay 1.2s infinite ease-in-out both;
animation: dc-load-more-bouncedelay 1.2s infinite ease-in-out both;
}
.loader_footer .load-more-ajax .spinner .bounce1 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loader_footer .load-more-ajax .spinner .bounce2 {
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
@-webkit-keyframes dc-load-more-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.2);
opacity: 0;
}
40% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes dc-load-more-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media (max-width: 480px) {
.ajax-posts .ajax-post .intro-left > div,
.ajax-posts .ajax-post .intro-right > div {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.ajax-posts .ajax-post .intro-left > div .aga_heading,
.ajax-posts .ajax-post .intro-right > div .aga_heading {
margin-top: 25px !important;
}
}
.sp-sticky-logo {
display: none;
}
.sticky__wrapper {
left: 0;
right: 0;
}
.sticky .sticky__wrapper {
top: 0;
position: fixed;
-webkit-transform: translate3d(0,0,0);
z-index: 111;
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background-color: rgba(39,39,39,0.75);
}
.sticky .sticky__wrapper .sp-sticky-logo {
display: block;
position: absolute;
top: 0;
max-height: 100%;
padding: 5px 0;
width: auto;
}
.sticky .sticky__wrapper .has-sticky-logo {
display: none;
}
.sticky .transparent-wrapper {
position: absolute;
z-index: 9;
left: 0;
right: 0;
margin: 0 auto;
}
.sticky #cd-lateral-nav {
min-height: 100vh;
}
.sticky.white .sticky__wrapper,
.sticky.onepage .sticky__wrapper {
background-color: rgba(255,255,255,0.8);
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.sticky.transparent .sticky__wrapper {
background: rgba(40,40,40,0.8);
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
@-webkit-keyframes header-in {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-20px,0) scale(0.9) perspective(1200px) rotateX(-60deg);
transform: translate3d(0,-20px,0) scale(0.9) perspective(1200px) rotateX(-60deg);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(800px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(800px) rotateX(0deg);
}
}
@keyframes header-in {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-20px,0) scale(0.9) perspective(1200px) rotateX(-60deg);
transform: translate3d(0,-20px,0) scale(0.9) perspective(1200px) rotateX(-60deg);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1) perspective(800px) rotateX(0deg);
transform: translate3d(0,0,0) scale(1) perspective(800px) rotateX(0deg);
}
}
.header-in {
-webkit-animation-name: header-in;
animation-name: header-in;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}