.slidingmessage {
position: fixed;
visibility: hidden;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
z-index: 1100001;
background: #fff;
width: 480px;
}
.slidingmessage-open {
position: fixed;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
z-index: 1100000;
background: #fff;
color: #000;
display: none;
padding: 10px;
cursor: pointer;
}
.slidingmessage-open.slidingmessage-active {
visibility: visible;
display: block;
}
.sm-shadow-glow {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.slidingmessage-active {
visibility: visible;
}
.sm-position-bottom-right {
bottom: 0;
right: 0;
margin-right: -2000px;
}
.sm-position-bottom-left {
bottom: 0;
left: 0;
margin-left: -2000px;
}
.sm-position-top-right {
top: 0;
right: 0;
margin-right: -2000px;
}
.sm-position-top-left {
top: 0;
left: 0;
margin-left: -2000px;
}
.sm-position-right {
top: 0;
right: 0;
margin-right: -2000px;
}
.sm-position-full {
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sm-position-left {
top: 0;
left: 0;
margin-left: -2000px;
}
.sm-position-center {
top: -3000px;
}
.sm-position-topbar {
top: 0;
left: 0;
margin-top: -2000px;
width: 100%;
}
.sm-position-bottombar {
bottom: 0;
left: 0;
margin-bottom: -2000px;
width: 100%;
}
.slidingmessage-open.sm-position-topbar, .slidingmessage-open.sm-position-bottombar {
width: auto;
}
.slidingmessage-open.sm-position-left-sidebar, .slidingmessage-open.sm-position-right-sidebar {
height: auto;
width: auto;
}
.sm-position-left-sidebar {
height: 100%;
width: 360px;
bottom: auto;
}
.sm-position-right-sidebar {
height: 100%;
width: 360px;
bottom: auto;
}
.sm-position-left-sidebar {
top: 0;
left: 0;
margin-left: -2000px;
}
.sm-position-right-sidebar {
top: 0;
right: 0;
margin-right: -2000px;
}
.slidingmessage-active.sm-position-top {
top: 0 !important;
}
.slidingmessage-active.sm-position-left {
left: 0 !important;
}
.slidingmessage-active.sm-position-right {
right: 0 !important;
}
.slidingmessage-active.sm-position-bottom {
bottom: 0 !important;
}
.slidingmessage-active.sm-position-bottom-right, .slidingmessage-active.sm-position-top-right, 
.slidingmessage-active.sm-position-right, .slidingmessage-active.sm-position-right-sidebar {
margin-right: 0;
}
.slidingmessage-active.sm-position-bottom-left, .slidingmessage-active.sm-position-top-left, 
.slidingmessage-active.sm-position-left, .slidingmessage-active.sm-position-left-sidebar {
margin-left: 0;
}
.slidingmessage-active.sm-position-topbar {
margin-top: 0;
}
.slidingmessage-active.sm-position-bottombar {
margin-bottom: 0;
}
.slidingmessage-active.sm-position-full {
display: block;
}
.slidingmessage-active.sm-position-full.sm-vertical-middle { display: table; }
.sm-position-full .sm-content {
} .sm-close {
font: bold 10px/12px Arial, sans-serif;
}
.sm-close a {
background: #fff;
}
.sm-close.sm-close-shape-icon a {
background: transparent;
}
.sm-close.sm-close-place-outside a {
top: -14px;
left: -14px;
}
.sm-position-bottom-left .sm-close a,
.sm-position-top-left .sm-close a,
.sm-position-left .sm-close a {
right: 0;
left: auto;
}
.sm-position-bottom-left .sm-close.sm-close-place-outside a,
.sm-position-left .sm-close.sm-close-place-outside a {
top: -14px;
right: -14px;
left: auto;
}
.sm-position-top-left .sm-close.sm-close-place-outside a,
.sm-position-topbar .sm-close.sm-close-place-outside a,
.sm-position-full .sm-close.sm-close-place-outside a{
top: 0;
right:0;
left: auto;
}
.sm-position-left-sidebar .sm-close.sm-close-place-outside a {
top: 0px;
right: -14px;
left: auto;
}
.sm-position-bottombar .sm-close.sm-close-place-outside a {
top: -14px;
right: 0;
left: auto;
}
.sm-position-top-right .sm-close.sm-close-place-outside a,
.sm-position-right-sidebar .sm-close.sm-close-place-outside a {
top: 0;
}
.sm-close.sm-close-shape-circle a {
border-radius: 50%;
}
.sm-close a {
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
height: 22px;
width: 22px;
padding: 0px;
text-align: center;
vertical-align: middle;
position: absolute;
}
.sm-close a:before {
content: "\00d7";
font-size: 18px;
line-height: 18px;
letter-spacing: 0px;
position: relative;
top: 2px;
}
.sm-close.sm-close-size-medium a {
width: 29px;
height: 29px;
}
.sm-close.sm-close-size-medium a:before {
font-size: 21px;
line-height: 21px;
top: 4px;
}
.sm-close.sm-close-size-large a {
width: 34px;
height: 34px;
}
.sm-close.sm-close-size-large a:before {
font-size: 24px;
line-height: 24px;
top: 6px;
} .slidingmessage .sm-content {
padding: 25px;
}
.sm-manual-close-button-light {
display: inline-block;
text-decoration: none;
position: relative;
margin: 0 10px 10px 0;
padding: 5px 10px;
color: #fff;
border: 1px solid #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.sm-manual-close-button-dark {
display: inline-block;
text-decoration: none;
position: relative;
margin: 0 10px 10px 0;
padding: 5px 10px;
color: #000;
border: 1px solid #000;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.sm-related-post { margin-bottom: 20px;}
.sm-related-post.sm-design-classic .entry-image {
max-width: 80px;
width: 80px;
display: inline-block;
vertical-align: top;
}
.sm-related-post.sm-design-classic .post-content-related {
width: calc(100% - 100px);
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.sm-clear { clear: both; } .sm-countdown.light .counter {
background-color: transparent;
color: #fff;
}
.sm-countdown.dark .counter {
background-color: transparent;
color: #000;
}
.sm-countdown.shadow .counter {
box-shadow: 0 0px 25px rgba(0, 0, 0, 0.15);
}
.sm-countdown .counter {
padding: 5px;
margin: 15px 0 15px 0;
font-weight: 700;
min-height: 80px;
}
.sm-countdown.mini .counter {
min-height: 40px;
}
.sm-countdown .counter div {
display: inline-block;
}
.sm-countdown .counter .days,
.sm-countdown .counter .hours,
.sm-countdown .counter .minutes,
.sm-countdown .counter .seconds {
width: calc(25% - 5px);
display: inline-block;
text-align: center;
}
.sm-countdown .counter .days .value,
.sm-countdown .counter .hours .value,
.sm-countdown .counter .minutes .value,
.sm-countdown .counter .seconds .value {
display: block;
font-size: 36pt;
width: 100%;
display: block;
}
.sm-countdown.mini .counter .days .value,
.sm-countdown.mini .counter .hours .value,
.sm-countdown.mini .counter .minutes .value,
.sm-countdown.mini .counter .seconds .value {
display: block;
font-size: 18pt;
width: 100%;
display: block;
}
.sm-countdown .counter .days span,
.sm-countdown .counter .hours span,
.sm-countdown .counter .minutes span,
.sm-countdown .counter .seconds span {
font-size: 8pt;
opacity: 0.8;
width: 100%;
display: block;
text-transform: uppercase;
}
.sm-countdown .counter .hours::before,
.sm-countdown .counter .minutes::before,
.sm-countdown .counter .seconds::before {
content: ":";
float: left;
font-size: 20pt;
position: relative;
margin-top: 10px;
opacity: 0.7;
-webkit-animation: pink 1s ease-in-out infinite;
animation: pink 1s ease-in-out infinite;
}
@-webkit-keyframes pink {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes pink {
0% {
opacity: 1;
}
50% {
opacity: 0.05;
}
100% {
opacity: 1;
}
}
.sm_highlight {
padding: 0 2px;
}
a.sm_button{
display: inline-block;
text-decoration: none;
background: #ffa226;
line-height: 18px;
position: relative;
margin: 0 10px 10px 0;
color: #FFF;
text-decoration: none;
border: 1px solid transparent;
transition: background 1s ease 0s;
-webkit-transition: background 1s ease 0s;
-moz-transition: background 1s ease 0s;
-o-transition: background 1s ease 0s;
}
.sm_button:hover{
text-decoration: none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.sm_button_small {
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
}
.sm_button_medium {
padding: 10px 15px;
font-size: 14px;
}
.sm_button_large {
padding: 15px 20px;
}
.sm_button.rounded{
border-radius: 8px;
}
.sm_button i{
margin: 0 5px 0 0;
} .sm-col{
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
.sm-col{
display: block;
float: left;
display: block;
width: 100%;
margin: 0 0 20px 0;
}
.sm-col .sm-one-half,
.sm-col .sm-one-third,
.sm-col .sm-one-quarter,
.sm-col .sm-two-thirds{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
min-height: 30px;
margin-left: 2.564102564102564%;
}
.sm-col .sm-one-half{
width: 48.717948717948715%;
}
.sm-col .sm-one-third{
width: 31.623931623931625%;
}
.sm-col .sm-two-thirds{
width: 63.24786324786324%;
}
.sm-col .sm-one-quarter{
width: 23.076923076923077%;
}
.sm-col [class*="sm-"]:first-child{
margin-left: 0;	
}
.slidingmessage.effect1 {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.slidingmessage.effect1.slidingmessage-active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.slidingmessage.effect2 {
-webkit-transform: translateX(20%);
-moz-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
opacity: 0;
-webkit-transition: all 1s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 1s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 1s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.slidingmessage.effect2.slidingmessage-active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.slidingmessage.effect3 {
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.slidingmessage.effect3.slidingmessage-active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.slidingmessage.effect4{
-webkit-transform: scale(0) rotate(720deg);
-moz-transform: scale(0) rotate(720deg);
-ms-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
opacity: 0;
}
.slidingmessage.effect4 {
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.slidingmessage.effect4.slidingmessage-active {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.slidingmessage.effect5 {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.slidingmessage.effect5.slidingmessage-active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
} .sm-subscribe-form-result-message, .sm-subscribe-loader { display: none; }
.sm-subscribe-email, input[type=text].sm-subscribe-email { 
width: 100%; 
background-color: #fff; border: 0; color: #444;
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
margin: 5px 0;
}
.sm-subscribe-submit, input[type=submit].sm-subscribe-submit {
width: 100%;
background: #3452ff;
color: #fff;
padding: 15px 5px;
margin: 5px 0;
}
.sm-subscribe-inline.form-mode-inline {
width: 100%;
max-width: 600px;
display: inline-block;
}
.sm-subscribe-inline.form-mode-inline .sm-subscribe-email {
display: inline-block;
width: 60%;
}
.sm-subscribe-inline.form-mode-inline .sm-subscribe-submit {
display: inline-block;
width: 36%;
margin-left: 2%;
}
.sm-postcard .sm-postcard-image img { max-width: 100%; }
.sm-postcard h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; line-height: 21px; }
.sm-postcard-cat { font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 16px;}
.sm-postcard-desc { font-size: 12px; line-height: 14px;}
.sm-postcard.sm-card-mini .sm-postcard-image { float: left; margin-right: 20px; }
.sm-postcard.sm-card-mini:after {
clear: both;
float none;
}
.sm-vertical-middle {
display: table;
}
.sm-vertical-middle .sm-content {
display: table-cell;
vertical-align: middle;
}
.slidingmessage-open [class*="fa-"] {
top: 0px !important;
}