.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}.same-category-post-current,
.post-date,
.same-category-post-comment-num {
font-size: 12px;
}
.post-title {
font-size: 15px;
font-weight: bold;
}
.same-category-post-current a {
font-weight: bold;
text-transform: uppercase;
}
.post-date {
font-style: italic;
margin-bottom: 10px;
}
.cat-post-author {
margin-bottom: 0;
}
.same-category-post-thumbnail {
display: block;
}
.same-category-post-thumbnail img {
float: left;
margin: 5px 10px 5px 0;
}
.more-link {
display: inline;
}
.post-entry {
overflow: hidden;
padding: 0 0 5px 0;
}
.same-category-post-comment-num {}
.same-category-post-item {
border-bottom: 1px solid #ccc;
list-style: none;
list-style-type: none;
margin: 3px 0;
padding: 3px 0;
}
.same-category-post-item:last-child {
border-bottom: none;
}
.same-category-post-item:before,
.same-category-post-item:after {
content: "";
display: table;
clear: both;
} .same-category-post-item .same-category-post-css-cropping span {
float: left;
margin: 0 10px 5px 0;
}
.same-category-post-item .same-category-post-css-cropping span {
overflow: hidden;
display: inline-block;
}.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky,.gallery-caption,.bypostauthor{
font-size: 13px;
}
.aligncenter,
div.aligncenter {
text-align: center;
overflow: auto;
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 10px 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 10px;
}
.alignnone{
overflow:auto;
}
.wp-caption {
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
img{
max-width: 100%;
}
body {
width:100%;
margin:0px;
padding:0px;
text-align:center;
font-size:15px;
}
a {
text-decoration:none;
outline:none;
}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
:-webkit-input-placeholder {
color: #373636;
font-weight: normal;
}
:-moz-placeholder {
color: #373636;
font-weight: normal;
}
.archive-header{
font-size: 24px !important;
margin: 15px 0;
padding: 0 !important;
border: 0 !important;
}
h1.page-title {
position: relative;
display: block;
text-align: left;
font-size: 40px;
padding-bottom: 12px;
border-bottom: 1px solid #8B8B8B;
}
h1{
font-size:40px;
}
h4{
font-size: 24px;
}
h5{
font-size: 20px;
}
h6{
font-size: 18px;
}
h1, h2, h3, h4, h5, h6, form, p, ul, ol, dl, li {margin:0px; padding:0px;}
h2,aside h3 {
position:relative;
margin:0px;
font-size:30px;
font-weight:normal;
}
h1, h2, h3, h4, h5, h6,pre, a, p{
word-wrap: break-word;
word-break: break-word;
}
.styledHeading{ padding: 3px 0 0 3px;
margin-top: 1px;
min-height: 40px;
}
header>.container {
text-align: center;
}
#blog table,
#content table{
border-collapse: collapse;
}
#blog ol, #blog ul , #content ol, #content ul{
padding-left: 20px;
box-sizing: border-box;
}
#wd-categories-tabs .tabs{
padding-left: 0px;
}
#blog td, #blog th,
#content td, #content th{
border: 1px solid #B6B6B6;
padding: 7px
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.categories-links, .tags-links, .author, .entry-meta time {
margin-right: 20px;
}
address { font-style:normal;}
object {outline:none;}
.hide {display:none; }
.show {display:block; }
.clear {clear:both;}
.date:not(body){
color:#B1ADAD;
}
a img {border:none;} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
} html, body {width:100%;}
.masonry_item .img_container{
position:relative; }
.masonry_item .img_container img{
position: relative;
margin: 0;
}
.masonry_item img{
margin: 0 !important;
width: 100% !important;
max-width: 100%;
float: none !important;
}
.masonry_item a{
display: block;
}
.blog.page-login{
margin-bottom: 12px;
}
.size250x180{
width:250px;
height:180px;
}
.size200x150{
width:200px;
height:150px;
}
.size180x150{
width:180px;
height:150px;
}
.size370x310{
width:370px;
height:310px;
}
.size360x250{
width:370px;
height:250px;
}
.container {
position:relative;
margin:0px auto;
clear:both; } .page-links{
margin: 14px 0;
font-size: 17px;
clear: both;
}
.page-links-title, .page-links-number{
margin-right: 5px;
}
.page-links-number{
display: inline-block;
width: 23px;
text-align: center;
}
.navigation{
clear: both;
font-size: 17px;
}
.page-navigation{
clear: both;
background: none !important;
margin: 20px 0 !important;
display: block !important;
}
.page-navigation a[rel="next"]{
float:right;
} .entry-meta{
font-size: 14px;
text-align: left;
margin: 15px 0;
clear:both;
}
#content .single-post{
margin-left: 12px;
position: relative;
}
.single-post .entry-meta{
font-size: 17px;
margin: 5px 0;
padding: 18px 0 5px;
border-top: 1px solid #E7E7E7;
letter-spacing: 0.8px;
}
.meta-date{
margin-bottom:15px;
}
.sep{
font-size: 16px;
font-weight: 600;
background-size: contain !important;
}
.sep.tag{
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/tag.png) no-repeat;
height:20px;
width:20px;
display:inline-block;
margin-bottom: -4px;
margin-right: 7px;
}
.sep.date{
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/date.png) no-repeat;
height:20px;
width:20px;
display:inline-block !important;
margin: 0 7px 0 0 !important;
}
.sep.author{
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/author.png) no-repeat;
height:20px;
width:20px;
display:inline-block;
margin-right: 7px;
}
.sep.category{
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/categories.png) no-repeat;
height:16px;
width:16px;
display:inline-block;
margin-right: 7px;
}
.home-post-date{
margin-bottom: 6px;
}
.entry-meta-cat{
margin: 5px 0;
padding: 5px 0;
font-size: 17px;
letter-spacing: 0.8px;
}
.entry-meta *,.entry-meta-cat *{
color: #B2B0B0 !important;
}
.entry-date{
margin-right: 5px;
}
header, #header {
position:relative;
width:100%;
}
#header-top {
width:100%;
border-bottom:1px solid rgba(230,230,230,0.6);
padding-top:12px;
}
#header-top .container {
height:60px;
}
#social { list-style:none;
height:37px;
margin-left:12px;
}
#social  li {
float:left;
margin:0px 5px 0px 0px;
}
#social  li a {
display:table;
width:30px;
height:30px;
}
.social-icon .fa{
display:table-cell;
vertical-align: middle;
font-size:22px;
font-family: FontAwesome !important;
font-style: normal;
font-weight: normal;
line-height: 1 !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
color:#ffffff !important;
}
.social-icon > .facebook{
background-color:#3B5998 !important;
}
.social-icon>.twitter{
background-color:#659FCB !important;
}
.social-icon>.google-plus{
background-color:#DF4B38 !important;
}
.social-icon>.rss{
background-color:#FA9C3A !important;
}
.social-icon>.instagram{
background-color:#2A5B83 !important;
}
.social-icon>.youtube{
background-color:#D62424 !important;
}
.social-icon>.linkedin{
background-color:#0077B5 !important;
}
.social-icon>.pinterest{
background-color:#BD2126 !important;
}
#search-block {
position: absolute;
right: 15px;
top: 0px;
width: 190px;
height: 38px;
}
#search-block-category{
clear:both;
width:190px;
position: absolute;
margin-top:30px;
}
.searchback{
max-width:245px;
}
.widget_search #searchinput,
#search-block #searchinput{
left: 0px;
top: 0px;
width: 100%;
height: 34px;
z-index: 1;
border: 0px;
padding: 0px 30px 0px 10px;
background: #f5f5f5;
outline: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.widget_search  #searchsubmit,
#search-block  #searchsubmit{
position:absolute;
top:0px;
right:0px;
width:34px;
height:34px;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/search.jpg) right top no-repeat;
background-size:contain;
z-index:2;
border:0px;
text-indent:-9999px;
cursor:pointer;
}
.search-no-result{
margin: 20px 0 20px 10px;
font-size: 17px;
}
#header-middle {  clear:both;
padding:12px 0px 12px 0px;
margin-left: 12px
}
#logo {
position:relative;
max-width:300px;
display:inline;
float:left;
}
#logo h1 {
font-size: 35px;
font-weight:bold;
}
#site_desc{
margin-bottom: 5px;
text-align: left;
font-size: 15px;
}
#header-middle #logo {min-height:60px;}
#logo img {
display:table;
max-width:300px;
}
.advertismnet {
background:#f5f5f5;
display:table-cell;
text-align:center;
vertical-align:middle;
font-size:40px;
color:#cdcbcb;
overflow: hidden;
}
#top-advertismnet {
width:100%;
max-width:468px;
height:60px;
float:right;
}
#top-advertismnet img{
width:100%;
height:60px;
} #header .phone-menu-block {position:relative;}
#top-nav {
position:relative;
width:100%;
}
.top-nav-list *,
.read_more{
transition-property:background-color,color;
transition-duration:0.5s;
}
#top-nav > div > ul,#top-nav > div > div > ul {
list-style:none;
display:table;
text-align:left;
}
#top-nav > div > ul > li,#top-nav > div > div > ul > li {
position:relative;
float:left;
margin:0px 0px 0px 0px;
border-right:1px solid rgba(0,0,0,0.5);
}
#top-nav > div > ul > li:last-child,#top-nav > div > div > ul > li:last-child {border:0px;}
#top-nav > div > ul > li > a,#top-nav > div > ul > li > a:link,#top-nav > div > ul > li > a:visited,
#top-nav > div > div > ul > li > a,#top-nav > div > div > ul > li > a:link,#top-nav > div > div > ul > li > a:visited
{
display:block;
margin:0px 0px 0px 0px;
padding:16px 16px 0px 16px;
height:50px;
font-size:22px;
}
#top-nav > div > ul > li ul,
#top-nav > div > div > ul > li ul {
display:table;
position:absolute;
top:66px;
left:-1px;
list-style:none;
z-index:101;
display:none;
padding:0px 0px 0px 0px;
}
#top-nav > div > ul > li ul  li,
#top-nav > div > div > ul > li ul  li
{
position:relative;
display:block;
margin:0px;
padding:0px 7px 0px 7px;
font-size:20px;
}
#top-nav > div > ul > li ul li a, #top-nav > div > ul > li ul li a:link, #top-nav > div > ul > li ul li a:visited,
#top-nav > div > div > ul > li ul li a, #top-nav > div > div > ul > li ul li a:link, #top-nav > div > div > ul > li ul li a:visited    {
border-top:1px solid #c5c5c5 !important;
display:block;
padding:10px 25px 0px 5px !important;
height:40px;
font-size:18px;
white-space:nowrap;
}
#top-nav > div > ul > li ul li:first-child > a,
#top-nav > div > div > ul > li ul li:first-child > a {border-top:0px !important;}
#top-nav > div > ul > li ul ul,
#top-nav > div > div > ul > li ul ul {
top: 0px;
left:100%;
margin-left:1px;
}
#top-nav > div > ul > li ul li.haschild.open ul,
#top-nav > div > div > ul > li ul li.haschild.open ul {
top: 0px;
left:0%;
margin-left:1px;
}
#top-nav ul.sub-menu{
min-width:150px;
} #slideshow {
position:relative; } #top-posts {
position:relative;
clear:both;
width:100%;
text-align:left;
margin-top:4px;
}
#top-posts a{color:auto;}
#top-posts h2 {
position:relative;
display:block;
text-align:left;
font-size:40px;
line-height: 38px;
margin-bottom: 3px;
padding:0% 1%;
}
.top-posts-wrapper{
margin-bottom:7px;
overflow: hidden;
}
#top-posts .date {
position:relative;
display:block;
text-align:left;
font-size:14px;
color:#8b8b8b;
margin:0px 0px -5px 0px;
padding:5px 1%;
}
#top-posts-list {
display:table;
width:100%;
list-style:none;
margin:10px 0px 0px 0px;
padding:2% 0px 0px 0px;
border-top:1px solid #cccccc;
}
#top-posts-list .image-block{
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
#top-posts-list .image-block img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#top-posts-list .image-block img.zoom-icon{
position: absolute;
width: 40px !important;
height: 40px !important;
display: block;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: auto !important;
}
#top-posts-list .image-block:hover img:not(.zoom-icon) {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(255, 231, 179, 0.3);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.mask span{
display: none;
}
.mask .caption{
display: block;
left: 43%;
}
.mask>a{
position: relative;
display: block;
width: 100%;
height: 100%;
}
#top-posts-list .image-block:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
#top-posts-list .image-block > a > img{
max-width:100% !important;
max-height:100% !important;
}
#top-posts-list li {
float:left;
width:23.5%;
margin-right:2%;
}
#top-posts-list li:last-child {margin-right:0px;}
#top-posts-list li h4 {
position:relative;
display:block;
font-weight:normal;
font-size:20px;
width:100#;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-bottom: 10px;
z-index: 1;
position: relative;
padding-top: 2px;
}
#top-posts-list li div.image-block:not(.no-image) {
position:relative;
clear:both;
width:244px;
height:165px;
overflow:hidden;
margin-bottom:5px;
max-width: 100%;
}
#top-posts-list li div.text {
position:relative;
width:100%;
overflow:hidden;
}
#top-posts-list li div.text p{
overflow:hidden;
width:100%;
height:100%;
}
#top-posts-list li div.text p {
text-align:justify;
} #slides-list {
height:100%;
}
#slideshow .nivo-caption {
position:absolute;
left:10%;
bottom:10%;
width:20%;
height:40%
}
#slideshow .nivo-prevNav,#slideshow .nivo-nextNav {
display:block;
width:10px;
height:20px;
text-indent:-9999px;
}
#slideshow .nivo-prevNav {
padding:0px 0px 0px 5%;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right-black.png) right bottom no-repeat;
}
#slideshow .nivo-nextNav {
padding:0px 5% 0px 0px;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right-black.png) left top no-repeat;
} #main {
position:relative;
width:100%;
clear:both;
}
#content {
position:relative;
text-align:left;
}
#content.archive-page > *{
margin-left: 12px;
} #wd-categories-tabs {
position:relative;
width:100%;
margin:5px 0px 10px 0px;
}
#wd-categories-tabs .image-block > img{
max-width:100% !important;
max-height:100% !important;
}
#wd-categories-tabs  ul.tabs {
position:relative;
display:table;
width:100%;
list-style:none;
}
#wd-categories-tabs  ul.tabs li {
float:left;
width:24.0%;
margin-right:1%;
height:67px;
}
#wd-categories-tabs  ul.tabs li a{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#wd-categories-tabs  ul.tabs li:last-child  {margin-right:0%;}
#wd-categories-tabs  ul.tabs li a, #wd-categories-tabs  ul.tabs li a:link, #wd-categories-tabs  ul.tabs li a:visited {
display:block;
text-align:left;
width:100%;
height:47px;
text-indent:8px;
font-size:24px;
padding-top: 15px !important;
line-height: 20px !important;
margin-top:0px !important;
}
#wd-categories-tabs  ul.tabs li a span, #wd-categories-tabs  ul.tabs li a:link span, #wd-categories-tabs  ul.tabs li a:visited  span{
font-size:11px;
margin-left: 7px;
}
#wd-categories-tabs  ul.tabs li a:hover, #wd-categories-tabs  ul.tabs li a:focus, #wd-categories-tabs  ul.tabs li a:active,
#wd-categories-tabs  ul.tabs li.active a, #wd-categories-tabs  ul.tabs li.active a:link, #wd-categories-tabs  ul.tabs li.active a:visited,
#wd-categories-tabs  ul.tabs li.active a:hover, #wd-categories-tabs  ul.tabs li.active a:focus, #wd-categories-tabs  ul.tabs li.active a:active {
height:67px;
margin-top:0px;
padding-top: 15px;
line-height: 20px;
padding-right:5px;
transition: all 0.5s ease;
}
#wd-categories-tabs  ul.content {
position:relative; overflow:hidden;
width:400%;
clear:both; list-style:none;
padding:0;
}
#wd-categories-tabs .cont_vat_tab{
width:100%;
overflow:hidden;
}
#wd-categories-tabs  ul.content > li {
position:absolute;
height:auto;
display:none;
overflow:hidden;
left:0px;
right:0px;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li {
position:relative;
height:auto;
display:none;
overflow:hidden;
}
#wd-categories-tabs  ul.content > li:first-child {display:block;}
#wd-categories-tabs  ul.content > li ul {
display:block;
position:relative;
width:auto; height:98%;
padding:0 0 0 10px;
list-style:none;
width:calc(100% - 10px);
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul {
display:table;
position:relative;
width:auto; height:98%; list-style:none;
}
#wd-categories-tabs  ul.content > li ul li {
position:relative;
margin:0px;
width:50%;
float:left;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li {
position:relative;
margin:0px;
width:50%;
float:left;
}
#wd-categories-tabs  ul.content > li ul li div.thumbnail-block:not(.no-image) {
position:relative;
float:left;
width:80px;
height:80px;
overflow:hidden;
margin:1px 15px 10px 0px;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block {
position:relative;
float:left;
width:80px;
height:80px;
overflow:hidden;
margin:1px 15px 10px 0px;
}
#wd-categories-tabs  ul.content > li ul li div.thumbnail-block  a.image-block {
display:block;
overflow:hidden;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block  a.image-block {
display:block;
overflow:hidden;
}
#wd-categories-tabs  ul.content > li ul li div.thumbnail-block img {
width: 100%;
height: auto;
}
#wd-categories-tabs  ul.content > li ul li div.text {
position:relative; overflow:hidden;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.text {
position:relative; height:80px;
overflow:hidden;
}
#wd-categories-tabs  ul.content div.text{
position:relative;
}
#wd-categories-tabs  ul.content > li ul li div.text  h4,
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.text  h3 {
position:relative;
width: calc(100% - 2em);
padding-right: 5px;
height:25px;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal;
overflow: hidden;
}
#wd-categories-tabs  ul.content > li ul li div.text  h4{
font-size: 1.17em;
}
#wd-categories-tabs  ul.content > li ul li div.text  p,
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.text  p {
width: calc(100% - 2em);
}
#wd-categories-tabs  ul.content > li ul li div.text .date {
clear:both;
}
#wd-categories-tabs  ul.content > div.ui-effects-wrapper > li ul li div.text .date {
clear:both;
}
#videos-block {
clear:both;
position:relative;
width:100%;
margin:15px 0px 10px 0px;
}
#videos-block h2 {
position:relative;
display:block;
text-align:left;
font-size:40px;
line-height: 50px;
margin-left: 8px;
}
#videos-block .date {
position:relative;
display:block;
text-align:left;
font-size:14px;
color:#8b8b8b;
margin:0px 0px -5px 10px;
line-height: 15px;
}
#videos-block .full-width {
width:97%;
clear:both;
margin:10px 0px 0px 0px;
padding:15px 8px 8px;
border-top:1px solid #8b8b8b;
}
#videos-block .full-width img{
float:left;
margin: 0 25px 10px 0;
}
#videos-block .full-width h2{
margin: 3px 0 10px;
font-size: 24px;
padding: 0;
border: 0;
line-height: 33px;
}
#videos-block .half-block {
position:relative;
width:48%;
padding:1% 0% 1% 2%;
float:left;
}
#videos-block .half-block h3 {
font-size:22px;
font-weight:normal;
margin:0px 0px 10px 0px;
}
#videos-block .half-block .video-block {
position:relative;
height:244px; max-width:335px;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/video.1.jpg) left top no-repeat;
} #blog {
position:relative; margin:0px;
padding-bottom:20px;
}
#blog.content-inner-block{
margin:15px 0px 10px 0px;
}
#content h2 {
position:relative;
display:block;
text-align:left;
font-size:30px;
padding-bottom:12px; border-bottom: 1px solid #8B8B8B;
}
#blog .date {
position:relative;
display:block;
text-align:left;
font-size:14px;
color:#8b8b8b;
margin:0px 0px 5px 10px;
}
#blog  .blog-post ul {
display:table;
width:100%;
list-style:none;
padding:5px 0px 0px 0px;
border-top:1px solid #8b8b8b;
}
#blog  .blog-post > ul li {
width:47%;
float:left;
margin:20px 2% 20px 1%;
height:105px;
overflow:hidden;
}
#blog .blog-post > ul li:nth-child(2n+1){
clear:both;
}
#blog  .blog-post > ul li img {
width:auto !important;
height:105px !important;
float:left;
margin:0px 10px 0px 0px;
}
#blog  .blog-post > ul li h3{
font-size:25px;
color:#8c0015;
font-weight:normal;
margin-top:-5px;
line-height: 30px;
}
#blog  .blog-post > ul li p {
text-align:justify;
}
#bottom-advertismnet {
display:block;
position:relative;
margin:0px auto;
margin-top:30px;
width:100%;
max-width:728px;
height:90px;
line-height:85px;
margin-bottom: 30px;
}
#bottom-advertismnet img {
width:100%;
height:90px;
max-width:100% !important;
}
#blog  .blog-post .content_post_masonry .masonry_item h4{
font-size:25px;
color:#8c0015;
font-weight:normal;
margin-top:-5px;
line-height: 30px;
}
.content_post_masonry { -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
overflow: hidden;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.masonry_item { display: inline-block !important;
margin: 0 0 1em !important;
padding: 10px; border: 1px solid #cccccc;
}
.masonry_item:hover {
background-color: #cccccc;
}
.page-template-page-blog .page_blog{
padding:10px;
}
.page-template-page-blog .blog-post-excerpt{
padding-bottom: 5px;
} aside {
width:25%;
float:left;
text-align:left;
}
aside .sidebar-container {
margin: 0px 3px 0px 3px;
padding: 0px 5px 0px 5px;
}
aside .sidebar-container .widget-area {
position:relative;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.8);
}
aside .sidebar-container .widget-area.widget_search{
height: 40px;
padding-top: 10px;
}
aside .sidebar-container .widget-area .aside-advertismnet {
display:block;
width:223px;
height:145px;
font-size:28px;
}
aside .sidebar-container .widget-area .aside-adsence {
display:block;
width:200px;
height:200px;
font-size:28px;
margin:0px auto;
}
aside .sidebar-container   ul,#sidebar-footer .widget-container ul {
padding:0px 0px 3px 0px;
margin:0px 0px 0px 10px;
}
.entry{
margin-bottom: 23px;
margin-top: 19px;
}
aside .sidebar-container   .widget-area ul  li{
margin-bottom:5px;
}
aside  .widget-area> h3{
margin-bottom:5px;
word-wrap: break-word;
line-height: 50px;
font-size:30px;
}
aside  .widget-area> h2 {
margin-bottom:5px;
word-wrap: break-word;
line-height: 32px;
}
aside .sidebar-container  .widget-area .testimonials > div {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #c8c8c8;
}
aside .sidebar-container  div.widget-area:nth-last-of-type(2){
border-bottom:0 !important;
}
aside .sidebar-container  .widget-area .testimonials > div:last-child {
border-bottom:0px;
}
aside .sidebar-container  .widget-area .testimonials > div  p {
text-align:justify;
}
aside .sidebar-container img{
max-width:100%;
}
.events-widg{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #B9B8B8;
}
.textwidget span.phone{
font-size: 20px;
}
.textwidget span.phone.second{
margin-left: 36px;
}
.footer-sidbar{
border-top:2px solid;
}
.footer-sidbar .widget-container{
margin-right: 15px;
} #footer {
position:relative;
clear:both;
}
#footer-widgets-list {
width:100%;
list-style:none;
text-align:center;
}
#sidebar-footer .widget-container{
float:left;
padding: 0 5px;
margin-bottom: 10px;
margin-top:0px;
}
.widget_search form{
position:relative;
height:40px;
max-width:80%;
}
.widget_search form #search-input{
width:100%;
box-sizing: border-box;
}
.widget_search form #search-submit{
height:38px;
}
#sidebar-footer .widget-container h3{
position:relative;
margin:0px;
font-size:35px;
font-weight:normal;
margin-bottom: 8px;
}
#sidebar-footer .widget-container ul ,aside .sidebar-container  ul,#sidebar-footer .widget-container ul, .most_categories ul{
list-style: none !important;
padding-left: 0px !important;
}
#sidebar-footer .widget-container ul li:before, aside .sidebar-container  ul li:before, .most_categories ul li:before {
display:    inline-block;
width:    0;
height:   0;
border-top:   solid transparent;
border-bottom:  solid transparent;
border-width: 4px;
content:    ' ';
margin-right: 5px;
vertical-align: middle;
}
#sidebar-footer .widget-container ul li:before{
border-width: 5px !important;
}
#footer-widgets-list li {
display:inline-block; }
#footer-bottom {
position:relative;
width:100%;
clear:both;
min-height:45px; padding:13px 0px 0px 0px;
text-align:center;
}  #menu-button-block {
position:relative;
width:100%;
height:35px;
background-image:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/menu.button.gif);
background-position:left top;
background-repeat:no-repeat;
text-align:right;
margin-bottom:10px;
}
#menu-button-block a, #menu-button-block a:link, #menu-button-block a:visited,
#menu-button-block a:active, #menu-button-block a:focus, #menu-button-block a:active  {
display:block;
padding:5px 10px 0px 0px;
color:#fff;
height:30px;
}
#top-posts-scroll{ padding:0 0 20px 0;}
.top-posts-left, .top-posts-right {
position:absolute;
top:10px;
width: 10%;
display: table-cell;
vertical-align: middle;
cursor: pointer;
height:200px;
display:none;
}
.top-posts-left {left:0px;}
.top-posts-right {right:0px;}
.top-posts-left  span {background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right.png) center top no-repeat;}
.top-posts-right span { background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right.png) center bottom no-repeat;} .categories-tabs-left, .categories-tabs-right {
position:absolute;
top:0px;
width: 10%;
display: table-cell;
vertical-align: middle;
cursor: pointer;
height:60px;
display:none;
z-index:10;
}
.categories-tabs-left {left:0px;}
.categories-tabs-right {right:0px;}
.categories-tabs-left  span {background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right-black.png) center bottom no-repeat;}
.categories-tabs-right span {background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow-left-right-black.png) center top no-repeat;} #blog .blog-post > ul li{
height:auto !important;
}
#blog .blog-post h2{
border-bottom:0 !important;
padding-bottom:15px;
margin-bottom:0 !important;
line-height: 50px;
margin-left: 8px !important;
}
.blog-post {
position:relative;
padding:10px;
width: calc(100% - 20px);
float: left;
margin-bottom: 5px;
}
.contact_desc
{
margin-top: 20px;
margin-bottom: 25px;
}
.blog-post img {
display:inline-block;
margin:0px 5px 5px 0px;
width:auto ;
float:left;
}
.entry img, .widget-area img, .blog-post img, .mpopular-post img{
max-width: 100%;
height:auto;
}
.blog-post p {
text-align:justify;
}
.blog-post-info {
position:relative;
height:32px;
width:100%;
background:#EBEBEB url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/blog.info.png) left top repeat-x;
}
.blog-post-info ul {
height: 32px;
display: block;
list-style: none;
float: left;
padding: 0 !important;
border-top: none !important;
}
.blog-post-info ul li {
position:relative;
display:block;
width:auto !important;
padding:0px 10px 0px 35px;
float:left !important;
height:32px;
}
.blog-post-info ul li.date {background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/blogpostinfo.date.gif) left center no-repeat; margin:0 !important;}
.blog-post-info ul li.admin {background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/blogpostinfo.admin.gif) left center no-repeat;}
.blog-post-info ul li span {
display:block;
padding:5px 0px 0px 0px;
color:#565656;
font-size: 15px;
}
.blog-post .read-more {bottom:95px !important;}
.read_more{
display: block;
padding: 6px 3%;
font-size: 15px;
right: 0; float: right;
}
h1{
font-weight: normal; padding-bottom: 7px;
text-transform: uppercase;
margin-bottom: 5px;
}
.inputboxx{
float:left;
width: 49%;
margin-right:1%;
}  .log-out{
position: static !important;
font-size: 18px !important;
float:none !important;
padding: 3px 10px 7px !important;
display:inline;
}
.log-in{
width: 75px;
float: right;
cursor:pointer;
border:none;
font-size: 18px;
padding: 3px 10px 6px;
}
#log_in{
min-height: 170px;
width: 80%;
margin: 0 auto;
padding-top: 80px;
}
#loginform input[type="text"],
#loginform input[type="password"]{
width: 98%;
height: 2.5em;
border: none;
border: 1px solid #F1F1F1;
padding-left: 5px;
}
#log_in div{
width: 65%;
margin: 0 auto;
margin-bottom: 12px;
}
.page-login .read_more{
position:static;
}  .tabs li{
word-wrap:normal;
overflow:hidden;
white-space: nowrap;
}  #blog #searchform,#content #searchform,.blog #searchform{
margin-bottom: 10px;
width: 97%;
margin-left: 10px;
margin-top: 10px;
}
#blog #searchbox,#content #searchbox,.blog #searchbox  {
border:8px solid #000;
height:42px;
overflow:hidden;
position:relative;
}
#blog #searchinput,#content #searchinput,.blog #searchinput {
position:relative;
float:left;
width:82%;
height:36px !important;
padding:2px 0px 0px 3% !important;
font-size:21px;
outline:none;
line-height: 22px;
}
#blog #searchsubmit,#content #searchsubmit,.blog #searchsubmit {
position:absolute;
top:0px;
right:0px;
padding-left:2%;
padding-right:2%;
width:15%;
height:42px !important;
cursor:pointer;
outline:none;
border:none;
font-family: Segoe UI;
font-size: 17px !important;
}
#content #searchsubmit,.blog #searchsubmit {
font-size: 12px !important;
}
#blog .searchback,#content .searchback,.blog .searchback {
max-width:inherit;
}
.search-result  {
border-bottom:1px solid #ccc;
margin:0px 10px 0px 10px;
}
.search-result  h2 {
font-size: 25px !important;
font-weight: normal;
margin-top: 5px;
border: 0 !important;
padding: 0 !important;
}
.search-result .entry > p  {
text-align:justify;
margin-bottom:10px;
} #mpopular{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 100px;
-moz-column-width: 100px;
column-width: 100px;
overflow: hidden;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.mpopular-post {
display:inline-block;
border: 1px solid #cccccc;
margin: 0 0 1em !important;
padding: 10px;
}
.mpopular-post .img_container{
position:relative; }
.mpopular-post .img_container img{
position: relative;
margin: 0;
}
.mpopular-post img{
margin: 0 !important;
width: 100% !important;
max-width: 100%;
float: none !important;
}
.mpopular-post a{
display: block;
} .mpopular-post h3 {
margin-bottom: 7px;
font-size: 20px;
overflow: hidden;
text-align: center;
}
.mpopular-post h3 a{
height: 100%;
display: block;
overflow: hidden; }
.mpopular-post p {
text-align:justify;
} .most_categories {
width: 31%;
float:left;
min-height: 180px;
margin: 0 10px 30px 0;
}
.most_categories h2 {
margin-bottom: 5px;
font-size: 1.17em !important;
border-bottom: 0 !important;
padding: 0 !important;
}
.most_categories h2 a{
font-weight: bold;
}
.most_categories a{
display: inline-block;
} .blog.bage-news h2 {
position:relative;
display:block;
text-align:left;
font-size:40px;
}
.blog.bage-news{background:none !important;}
.blog.bage-news .news-div-image{float:left; margin-right:7px}
.blog.bage-news .news-div-text h3 a{ position:relative; bottom:5px}
.blog.bage-news .news-div-text h3{margin-bottom:-7px}
.blog.bage-news .news-div-text p{margin-top: 8px;} .blog.bage-news .news-post{padding-bottom: 10px;padding-top: 6px}
.blog.bage-news .date-in-post{color:#BDB9B9;}
.blog.bage-news .news-post{margin-bottom: 7px;} #overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}
#modal {
position:absolute;
background:url(//www.wonderoustories.it/images/tint20.png) 0 0 repeat;
background-color: rgb(151, 151, 151);
border-radius:14px;
padding:8px;
}
#content {
border-radius:8px; }
#close {
position:absolute;
background:url(//www.wonderoustories.it/images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}
.zoom-icon{
width: auto !important;
height: auto !important;
top: -95px !important;
left: 67px !important;
}
.GalleryPost{
min-width: 200px;
}
.GalleryPost img {
width: 200px;
height: 125px;
top: 0px;
left: 0px;
margin-top: 10px;
}
.GalleryPost .entry-meta{
margin: 0 !important;
}
.GalleryPost{
float:left;
margin: 5px 5px 20px 5px;
position: relative;
width: 24%;
}
.GalleryPost h3{
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.caption{
bottom: 45px;
left: 85px;
position: absolute;
display:none;
} .image_404{
margin-top:30px;
}
.content-404{
margin-bottom:15px;
}
.image_404 img{
max-width:646px;
width:100%;
} .page-contact > div{
width:90% !important;
margin:0 auto;
}
.page-contact > p{
padding-left:5%;
margin-bottom:20px;
}
#contactForm .forms {
width: 100%;
padding-left: 0;
}
.styled-input {
position: relative;
margin: 0px 0px 10px 0px;
width: 100%;
}
.inputback-textarea {
float: left;
width: 48%;
}
#gmap_canvas {
height: 301px;
width: 100%;
margin-bottom: 10px;
}
#contactForm .inputboxx input[type="text"],
#contactForm .inputboxx input[type="password"] {
width: 98%;
height: 32px;
border: 1px solid #f5f5f5;
padding: 3px 0px 5px 2%;
font-size: 15px;
color: #64615f;
}
#contactForm textarea {
width: 99%;
height: 132px;
padding: 5px 0px 7px 5px;
outline: none;
resize: none;
color: #64615f !important;
border: 1px solid #f5f5f5;
}
.message-textarea {
margin:0 0 10px 0;
}
.contact_send {
position: relative;
display: block;
float: left;
padding: 5px 20px;
text-decoration: none;
font-size: 20px !important;
cursor: pointer;
border: none;
text-align: center;
font-weight: normal !important;
margin: 0 10px;
}
.reset {
background-color: #E8E8E8;
color:#C0BFBF;
position: relative;
display: block;
float: left;
padding: 5px 20px !important;
text-decoration: none;
font-size: 20px !important;
cursor: pointer;
border: none;
text-align: center;
font-weight: normal !important;
}
.reset:hover{
text-decoration:none;
}
.captcha_img{
float:left;
padding-right:10px;
}
.left {
width: 48%;
}
#contactForm .right{
float:right;
margin-bottom: 5px;
}
.inputback{
list-style:none;
}
.page-contact .label {
position:relative;
top:-3px;
color: black;
}
.page-contact .captcha-div input{
padding-left: 4px;
font-size: 16px;
padding-bottom: 6px;
float: left;
width: 70px;
height: 21px;
border: 1px solid #E5E5E5;
color: black !important;
}
.page-contact .captcha-div a{
float:left;
text-decoration:none;
border:none;
padding-right: 6px;
padding-top: 1px;
} .comments-template{
width: 99%;
}
.comments-template ol li{
width:100%;
}
.comments-template > h5{
border-bottom:1px solid #DADADA;
padding-bottom:6px;
}
.comment-body{ }
ol.commentlist{
margin-top:9px;
}
.gravatar{
float: right;
}
.comments-template{
clear: both;
}
.comments-template ol ul{
margin: 0;
}
.comments-template textarea{
width:calc(100% - 10px);
}
.wp-caption {
background-color: #f3f3f3;
border: 1px solid #ddd;
border-radius: 3px;
margin: 10px;
padding-top: 4px;
text-align: center;
}
#commentform *{
font-size: 16px;
}
.form-allowed-tags{
font-size:12px !important;
}
#commentform label{
display: none;
}
#comment{
height: 115px !important;
}
#overlay{
z-index: 9 !important;
}
#modal{
z-index: 10;
}
.post-comments {
margin: 0 0 40px 0;
}
.post-comments:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.post-comments h2, h3#comments-title {
margin-bottom: 1em;
font-size: 2.8em;
color: #747474;
}
.comment,
.trackback,
.pingback {
float: left;
height: 1%;
}
.comment:after,
.trackback:after,
.pingback:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.pingback p,
.trackback p {
font-size: 1.1em;
line-height: 1.5;
color: #aaa;
}
.comment-avatar {
width: 60px;
float: left;
}
.comment-avatar img {
width: 54px;
padding: 2px;
background: #fff;
border: 1px solid #000;
}
.comment-author{
padding:0px !important;
color:#B9009C;
text-transform:capitalize;
}
.comment-author img{
width:74px;
height:77px;
padding:0px !important;
}
.comment-body ul {
margin: 0 0 1.4em 1.2em;
}
ol>li>.comment-body{
border-bottom:1px solid #D2D0D0;
}
.children .comment-body{ }
ul.children>li.comment{
margin-top:8px;
}
.comment-body li {
font-size: 11px;
line-height: 1.5;
}
.comment-body{
float:left
}
.comment-body blockquote {
margin-left: 30px;
margin-bottom: 1.4em;
padding-left: 15px;
font-size: 11px;
line-height: 1.5;
border-left: 2px solid #E0E8EF;
}
.comment-body blockquote p {
font-size: 1em;
}
.comment-meta {
margin:0px;
font-size: 1.1em;
color:#FF69ED;
} .bypostauthor .avatar {
background:#542929;
}
.commentlist {
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/blog.post.border.bottom.png) left top repeat-x;
list-style: none;
margin: 0;
padding: 0;
padding-left: 0 !important;
}
.commentlist ol {
list-style: decimal;
}
.commentlist li {
margin: 0;
}
.commentlist h1,.commentlist h2 ,.commentlist h3,.commentlist h4, .commentlist h5, .commentlist h6{
line-height: 55px;
}
.commentlist li cite {
color: #111;
font-size: 22px;
font-style: normal;
font-weight: 400;
}
.commentlist .children {
list-style: none !important;
list-style-type: none !important;
margin-left: 32px;
margin-right: 5px;
}
.children li{
margin-bottom:0px;
}
.commentlist .avatar {
float: left;
margin-right: 10px;
padding: 0;
vertical-align: middle;
}
.comment-author .fn {
position:relative;
}
.comment-author .says {
display:none;
float:left;
color: #999;
}
.comment-body .comment-meta {
color: #999 !important;
display: inline-block;
margin: 0;
padding: 0;
text-align: left;
}
.comment-body .comment-meta a {
font-size: 11px;
}
.comment-body {
width:99%;
clear: both;
padding-left:6px;
padding-top:5px;
}
.comment-body .reply  {
float:right !important;
}
.comment-body .reply  a {
padding-bottom:3px;
padding-top:3px;
}
#cancel-comment-reply-link{
padding-right: 12px;
padding-left: 12px;
padding-bottom:3px;
padding-top:3px;
}
.pingback, .trackback {
list-style: none;
margin: 20px 0;
}
.pingback cite,
.trackback cite {
font-style: normal;
}
#pings,
#comments {
text-align: left;
}
.logged-in-as{
padding-bottom: 12px;
}
.comment-form-comment label{
vertical-align:top !important;
}
#respond h3 ,#respond .comment-notes,#respond .form-allowed-tags{
color:#747474 !important;
}
#respond .comment-notes{
margin-bottom: 10px;
}
#respond label {
display: inline;
color:#747474 !important;
}
#respond input[type="text"],#respond input[placeholder],#respond textarea,#respond textarea[placeholder] {
color:#afafaf !important;
outline:none;
resize:none;
border-radius: 3px;
margin: 5px 0;
border: 1px solid #E9E9E9;
}
.reply{
clear: both;
padding-bottom:3px;
padding-top:3px;
margin-right: 11px;
margin-bottom: 5px;
}
.comment-reply-link{
padding-right:12px;
padding-left:12px;
}
.comments-template>#respond{
display:inline-block;
max-width: 99%;
}
.form-submit #submit {
margin-bottom:10px;
position: relative;
display: block;
float: left;
padding: 0px 15px 4px 15px;
text-decoration: none;
font-size: 15pt !important;
font-weight: normal;
cursor: pointer;
border: none;
text-align: center;
margin-top: 10px;
font-weight: normal !important;
background-image: none !important;
color: #fff !important;
}
#respond #reply-title{
color:#000 !important;
}
#reply-title small{
font-size:15px;
float:right;
}
#reply-title small{
line-height: 1;
margin-top: 7px;
padding-bottom:7px;
padding-top:3px;
}
#reply-title small a{
font-size:12px;
margin-left:11px;
margin-right:12px;
}
.comment-reply-link{
font-size:12px;
}
#respond{
padding-left:6px;
border-top: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.comment-meta.commentmetadata{
font-size:12px;
}
.comment-body>p{
margin-right:25px;
} .sitemap.half-block {
position:relative;
width:50%;
float:left;
}
.sitemap.half-block h3 {
margin:0px;
font-size:35px;
font-family:Segoe UI;
}
.sitemap.half-block ul a{
font-size:15px;
color:#000;
}
.half-block.sitemap ul{
display:table;
width:100%;
list-style:none;
}
.half-block.sitemap >ul{
margin:0px 0px 10px 0px;
padding-left:0 !important;
} .mpopular-post>blockquote{
margin:0px;
padding:0px;
}
.mp_posts>li>h3>a{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
line-height: 1.3;
}
.mp_posts h3 a{
font-size:15px;
}
.mp_posts>li>h3{
display: inline-block;
font-weight: normal;
margin: 0 !important;
line-height: 15px;
} #wd-categories-tabs ul.content > li ul li div.thumbnail-block,#wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li div.thumbnail-block{
margin: 0px 4px 5px 0px !important;
}
#wd-categories-tabs ul.content > li,#wd-categories-tabs ul.content > div.ui-effects-wrapper{
float:left !important;
width:24.5%;
} #wd-categories-tabs ul.content > li ul li,#wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li{
clear: both !important;
margin: 18px 1% 10px 1% !important;
list-style: none !important;
display: inline-block !important;
width: 47% !important;
list-style: none !important;
float: none !important; }
.post-thumbnail {
background-position: top center;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
height: 250px;
width: 290px;
float:left;
margin-right: 20px;
margin-bottom: 15px;
}
.post-thumbnail-div{
overflow:auto;
margin: 25px 23px 0px 0;
width: 35%;
float: left;
min-width:250px;
}
.blog-description
{
margin-top: 20px;
}
.single-post .page-title{
padding-top: 40px !important;
border-bottom:0 !important;
line-height: 44px;
}
.single-post blockquote{
color: #999696;
font-style: italic;
font-size: 14px;
}
.single-post blockquote:after {
content:'';
display:block;
clear: both;
}
#sidebar1, #sidebar2{
margin-top:10px !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video-container object,
.video-container embed,
.video-container iframe  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .wdwt_spider_popup_loading
{ background-image: url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/images/ajax_loader.png);
background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 50px 50px;
border: none !important;
display: none;
height: 50px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
overflow: hidden;
position: fixed;
top: 50%;
width: 50px;
z-index: 10102;
animation: spin 2.5s infinite linear;
-moz-animation: spin 2.5s infinite linear;
-o-animation: spin 2.5s infinite linear;
-webkit-animation: spin 2.5s infinite linear;
}
.wdwt_spider_popup_overlay{
cursor: pointer;
background-color: rgba(0, 0, 0, 0.5);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10100;
}
div[id^="wdwt_container"] p {
padding: 0 !important;
margin: 0 !important;
}
.wdwt_spider_popup_loading,
.footer-list-block .wdwt_gallery .wdwt_spider_popup_loading,
.footer-list-block .wdwt_gallery_tags .wdwt_spider_popup_loading { background-image: url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/images/ajax_loader.png);
background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 50px 50px;
border: none !important;
display: none;
height: 50px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
overflow: hidden;
position: fixed;
top: 50%;
width: 50px;
z-index: 10102;
animation: spin 2.5s infinite linear;
-moz-animation: spin 2.5s infinite linear;
-o-animation: spin 2.5s infinite linear;
-webkit-animation: spin 2.5s infinite linear;
}
.wdwt_spider_ajax_loading {
border: none !important;
animation: spin 2.5s infinite linear;
-moz-animation: spin 2.5s infinite linear;
-o-animation: spin 2.5s infinite linear;
-webkit-animation: spin 2.5s infinite linear;
}
.wdwt_spider_popup_overlay,
.footer-list-block .wdwt_gallery .wdwt_spider_popup_overlay,
.footer-list-block .wdwt_gallery_tags .wdwt_spider_popup_overlay {
cursor: pointer;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10100;
}
.wdwt_spider_popup_close,
.wdwt_spider_popup_close_fullscreen {
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
cursor: pointer;
display: table;
line-height: 0;
position: absolute;
z-index: 11100;
}
#wdwt_spider_popup_left {
left: 0;
}
#wdwt_spider_popup_right {
right: 0;
}
#wdwt_spider_popup_left:hover,
#wdwt_spider_popup_right:hover {
visibility: visible;
}
#wdwt_spider_popup_left:hover span {
left: 20px;
}
#wdwt_spider_popup_right:hover span {
left: auto;
right: 20px;
}
#wdwt_spider_popup_left,
#wdwt_spider_popup_right {
background: transparent url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/blank.gif) repeat scroll 0 0;
bottom: 35%;
cursor: pointer;
display: inline;
height: 30%;
outline: medium none;
position: absolute;
width: 35%;
z-index: 10130;
}
#wdwt_spider_popup_left-ico,
#wdwt_spider_popup_right-ico {
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%;
z-index: 10135;
}
.wdwt_image_info_container1{
height: 100%;
margin: 0 auto;
position: absolute;
width: 100%;
}
.wdwt_image_info_container2 {
display: table;
height: 100%;
margin: 0 auto;
position: absolute;
width: 100%;
}
.wdwt_image_info_spun {
display: table-cell;
height: 100%;
left: 0;
top: 0;
width: 100%;
overflow: hidden;
position: relative;
}
.wdwt_image_info{
display: inline-block;
position: relative;
text-decoration: none;
word-wrap: break-word;
z-index: 11;
}
.best_magazine_cat_widg p {
margin: 0 0 13px !important;
text-align: left;
}
.best_magazine_cat_widg {
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 1px solid #BFBEBE;
float: left;
width: 100%;
}
.best_magazine_cat_widg_cont {
width: 100%;
}
.best_magazine_cat_widg_cont h5{
font-size: 19px !important;
margin-top: 0;
line-height: 15px;
margin-bottom: 8px !important;
border:none !important;
}
.best_magazine_cat_widg_cont h3 a{
font-size:19px !important;
}
.best_magazine_cat_widg-img{
width: 90px;
float: left;
overflow: hidden;
margin: 0 10px 0 0 !important;
} .blog-page-navigation a, .page-navigation a, .navigation a
{
padding: 7px;
border: 1px solid #ccc;
margin-bottom: 5px;
font-size: 14px;
display: inline-block;
} @media only screen and (min-width: 768px) and (max-width: 1024px){
.container  {
width:748px !important;
} #content {
width:100% !important;
} #top-posts-list li h3 {font-size:18px;}
#top-posts-list li div.text {height:55px;}
#top-posts-list li div.text p {font-size:13px;} aside {
clear:both;
width:100% !important;
}
aside .sidebar-container{
margin:0px;
}
aside .sidebar-container .widget-area {
width:33%;
float:left;
border-bottom:0px;
}
.container #blog{
width:97%;
margin-bottom:20px !important;
clear:both;
}
.container #log_in{
margin-left: 12.5% !important;
}
.container #loginform{
background-size: 720px 290px !important;
}
#top-nav > div > ul > li > a,
#top-nav > div > ul > li > a:link,
#top-nav > div > ul > li > a:visited,
#top-nav > div > div > ul > li > a,
#top-nav > div > div > ul > li > a:link,
#top-nav > div > div > ul > li > a:visited
{
padding:15px 11px 0px 11px;
height:40px;
font-size:18px;
}
#top-nav > div > ul > li ul,
#top-nav > div > div > ul > li ul{
top:55px;
}
#sidebar-footer .widget-container{
padding: 0px !important;
margin-bottom: 10px;
margin-top:10px;
width:100% !important;
float:none !important;
}
#top-advertismnet {
max-width:440px;
}
.top-posts-block{
width: 96% !important;
margin-left: 2%;
}
#mpopular{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.mpopular-post {
width: 92%;
}
#top-nav > div > ul > li ul li a, #top-nav > div > ul > li ul li a:link, #top-nav > div > ul > li ul li a:visited,
#top-nav > div > div > ul > li ul li a, #top-nav > div > div > ul > li ul li a:link, #top-nav > div > div > ul > li ul li a:visited    {
height:36px;
}
} @media only screen and (max-width : 767px){ #content {
width:100% !important;
}
.container{
width: 99% !important;
}
.container #blog {
width:97%;
margin-bottom:20px !important;
clear:both;
}
.container #loginform{
background-size: 560px 250px !important;
}
#blog, .blog, #top-posts .container, #header-top + .container {
}
.container #log_in{
padding-top: 25px;
}
#blog #searchsubmit,#content #searchsubmit,.blog #searchsubmit {
font-size: 12px !important;
}
#blog  #searchsubmit, .blog  #searchsubmit{
width:23% !important;
}
.mpopular-post{width:95%;}
.most_categories {width:46%;}
#contactForm > div {
clear:both;
position:relative;
margin:0px auto !important;
float:none !important;
text-align:center;
width:100%;
}
#contactForm > div.captcha-div{
margin-bottom:50px !important;
}
#contactForm > div.left{
text-align:left;
}
#contactForm > div.right{
width: initial;
float:right !important;
}
#commentform{
max-width: 95%;
}
#respond input[type="text"], #respond textarea{
max-width: 92%;
}
.sitemap.half-block {
width:100%;
}
.sitemap.half-block h3 {text-align:center;}
.half-block.sitemap ul {
text-align:center;
}
#wd-categories-tabs ul.content > li ul li, #wd-categories-tabs ul.content > div.ui-effects-wrapper > li ul li{
width: 100% !important;
padding-right:0 !important;
}
h1#logo{
font-size: 19px;
line-height: 1.1;
}
.entry embed,  .entry iframe{
max-width:98%;
}
.single-post .entry-meta, .single-post .entry-meta-cat,
.single-post .entry-meta span, .single-post .entry-meta-cat span{
display: inline-block;
}
#videos-block .full-width {
width:95%;
}
#sidebar-footer .widget-container{
margin-top:10px;
}
#sidebar-footer, #sidebar-footer .widget-container{
text-align:center;
}
#sidebar-footer .widget-container ul{
display: inline-block;
text-align: left;
}
#sidebar-footer .widget-container{
padding: 0px !important;
margin-bottom: 10px;
margin-top:10px;
width:100% !important;
float:none !important;
}
#sidebar-footer div.widget-container:last-child{
border-bottom: 0px !important;
}
.container  {
width:640px;
}
#logo {max-width:50%;}
#logo img {width:100%;}
#search-block {width:35%;overflow:hidden;}
#header-top .container {height:45px;}
#top-advertismnet {
float:none;
position:relative;
margin:0px auto;
display:block;
font-size: 27px;
height: 43px;
}
#top-nav {
position:absolute;
top:35px;
left:0px;
z-index:200;
background:none !important;
}
#top-nav > div,  #top-nav > div > div {
margin:0px 0px 0px 0px;
}
#top-nav > div ul, #top-nav > div > div ul {
display:table;
background:rgba(0,0,0,0.9);
width: 100%;
}
#top-nav .container{
width: 100% !important;
}
#top-nav > div > ul li ul li.haschild > a,  #top-nav > div > ul li ul li.haschild > a:link,  #top-nav > div > ul li ul li.haschild > a:visited , #top-nav  div> ul li ul li.haschild > a,  #top-nav div> ul li ul li.haschild > a:link,  #top-nav  div> ul li ul li.haschild > a:visited , #top-nav  div ul li.haschild > a{
background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow.menu.png) right bottom no-repeat !important;
}
#top-nav > div > ul li ul li.haschild.open > a:hover,  #top-nav > div > ul li ul li .haschild.open > a:focus,  #top-nav > div > ul li ul li.haschild.open > a:active,  #top-nav > div > ul li ul li.haschild.active > a , #top-nav  div ul li.haschild > a:active, #top-nav  div ul li.haschild > a:active, #top-nav  div ul li.haschild.open > a{
background: url(//www.wonderoustories.it/wp-content/themes/best-magazine/images/arrow.menu.png) right top no-repeat !important;
background-position-y: -4px !important;
}
#top-nav > div > ul  li,  #top-nav > div > div > ul  li {
position:relative;
width:100%;
margin:0px !important;
display:block;
clear:both;
display:block;
border:0px;
border-bottom:1px solid rgba(150,150,150,0.4);
}
#top-nav > div > ul > li.haschild.open > ul,  #top-nav > div > div > ul > li.haschild.open > ul{display:table;}
#top-nav > div > ul  li a, #top-nav > div > ul  li a:link #top-nav > div > ul  li a:visited,
#top-nav > div > div > ul  li a, #top-nav > div > div > ul  li a:link #top-nav > div > div > ul  li a:visited {
display:block;
height:36px !important;
padding:5px 0px 0px 5px !important;
border:0px !important;
}
#top-nav > div > ul > li > a,#top-nav > div > ul > li > a:link,#top-nav > div > ul > li > a:visited,
#top-nav > div > div > ul > li > a,#top-nav > div > div > ul > li > a:link,#top-nav > div > div > ul > li > a:visited
{
font-size:20px;
}
#top-nav > div > ul > li ul li a, #top-nav > div > ul > li ul li a:link, #top-nav > div > ul > li ul li a:visited,
#top-nav > div > div > ul > li ul li a, #top-nav > div > div > ul > li ul li a:link, #top-nav > div > div > ul > li ul li a:visited    {
padding:6px 25px 0px 12px !important;
}
#top-nav > div   ul li ul, #top-nav > div > div ul li ul {
position:relative;
width:100%;
background:none;
top:auto;
left:auto;
padding:0px;
margin:0px 0px 0px 0px;
display:none;
}
#top-nav > div > ul  li  ul li, #top-nav > div > div > ul  li  ul li {
padding:0px;
border:0px !important;
}
#top-nav > div > ul  li  ul li .haschild.open > ul{display:table;}
#top-nav > div > div > ul  li  ul li .haschild.open > ul{display:table;}
#top-nav > div > ul  li  ul li a,  #top-nav > div > div > ul  li  ul li a {
border:0px  !important;
}
#top-nav > div > ul  li  ul li.haschild > a, #top-nav > div > ul  li  ul li.haschild > a:link, #top-nav > div > ul  li  ul li.haschild > a:visited,
#top-nav > div > div > ul  li  ul li.haschild > a, #top-nav > div > div > ul  li  ul li.haschild > a:link, #top-nav > div > div > ul  li  ul li.haschild > a:visited { text-indent:10px;} #top-posts-list li h3 {font-size:18px;}
#top-posts-list li div.text {height:55px;}
#top-posts-list li div.text p {font-size:13px;}
#top-posts-scroll {
position:relative;
margin:0px auto;
margin-top:10px;
padding-top:5px;
padding-top:5px;
border-top:1px solid #8b8b8b;
}
.top-posts-wrapper{
position:relative;
margin:0px auto 7px;
width:80%;
height:250px;
overflow:hidden;
}
.top-posts-block {
position: absolute;
left:0px;
top:0px;
height:220px;
}
#top-posts-list {
display:block;
position:relative;
overflow: hidden;
margin:0px auto;
padding:0px;
width:90%;
height:250px;
border-top:0px;
}
.top-posts-block #top-posts-list {
width:100%;
}
#top-posts-list .image-block{
display: inline-block;
}
.top-posts-block #top-posts-list li { margin: 0 0.72% 0 0.72% !important;
padding:0px 0px 0px 0px !important;
text-align: center;
}
.top-posts-left,   .top-posts-right {display:block;}
.top-posts-left span , .top-posts-right span {
position:relative;
display:block;
margin-top:70px;
height: 42px;
width:100%;
text-indent:-9999px;
float:left;
}
#wd-categories-tabs .tabs-block {
position:relative;
}
.categories-tabs-left,   .categories-tabs-right {display:block;}
.categories-tabs-left span , .categories-tabs-right span {
position:relative;
display:block;
margin-top:25px;
height: 20px;
width:100%;
text-indent:-9999px;
float:left;
cursor: pointer;
}
#wd-categories-tabs ul.tabs{
display:block;
}
#wd-categories-tabs .tabs  li {
width:100% !important;
display:none;
}
#wd-categories-tabs .tabs  li.active {display:block;}
#wd-categories-tabs .tabs  li a {
width:70% !important;
margin:0px auto;
text-align:center !important;
}
#wd-categories-tabs ul.content >  li {display:none;}
#wd-categories-tabs ul.content > li.active {display:block;}
#wd-categories-tabs .content ul { width:100%;
}
#wd-categories-tabs .content ul li {
clear:both;
width:100%;
} #videos-block .half-block {
clear:both;
float:none;
position:relative;
margin:0px auto;
text-align:center;
width:auto;
}
#videos-block .half-block *{
position:relative;
margin:0px auto;
} #blog  .blog-post > ul li {width:100%;}
#blog  .blog-post > ul li {width:98%;} aside, #sidebar1, #sidebar2 {
clear:both;
width:100% !important;
}
aside .sidebar-container {
margin:0px;
}
aside .sidebar-container .widget-area, #sidebar1 .sidebar-container .widget-area, #sidebar2 .sidebar-container .widget-area {
width:100%;
float:left;
border-bottom:0px;
margin-bottom:10px;
min-width: 190px;
}
aside .sidebar-container .widget-area.widget_search{
width:50%;
}
aside .sidebar-container .widget-area > div,
aside .sidebar-container .widget-area > img{
position:relative;
margin:0px auto;
display:block;
} #footer-widgets-list {
width:100%;
clear:both;
}
#footer-widgets-list  li{
width:100%;
border-bottom:1px solid #000;
}
#footer-widgets-list  li:last-child {border-bottom:0px;}
#social { position:relative;
top:0px;
left:0px;
display: inline-block;
}
#social li { display:inline-block;
float:none;
}
.content_post_masonry { -webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#mpopular{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.mpopular-post {
width: 88%;
}
}
@media only screen and (max-width : 450px){
.post-thumbnail-div
{
width:100%;
}
.best_magazine_cat_widg-img{
width: 100%;
height: auto;
float: left;
overflow: hidden;
margin: 0 10px 10px 0 !important;
}
#mpopular{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.mpopular-post {
width: 92%;
}
}.bwg_slideshow_image_wrap {
position:relative;
display: block;
margin:0px;
text-align: center; clear:both;
width:100% !important;
overflow:hidden !important;
}
.bwg_slideshow_image_wrap * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.bwg_slideshow_image_wrap > div {
}
.bwg_slideshow_image {
width:100% !important;
}
.bwg_slideshow_prev_btn,
.bwg_slideshow_next_btn {
}
#bwg_slideshow_play_pause {        
bottom: 0;
cursor: pointer;
display: table;
height: inherit;
outline: medium none;
position: absolute;
width: 30%;
left: 35%;
z-index: 13;
}
#bwg_slideshow_play_pause:hover #bwg_slideshow_play_pause-ico {
display: inline-block !important;
}
#bwg_slideshow_play_pause:hover span {
position: relative;
z-index: 13;
}
#bwg_slideshow_play_pause span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#bwg_slideshow_play_pause-ico {  
display: none !important;
cursor: pointer;
position: relative;
z-index: 13;
}
#bwg_slideshow_play_pause-ico:hover {  
display: inline-block;
position: relative;
z-index: 13;
}
#spider_slideshow_left,
#spider_slideshow_right {
bottom: 0;
cursor: pointer;
display: inline;
height: 100%;
outline: medium none;
position: absolute;
width: 10px; z-index: 13;
height:30px;
bottom:50%;
}
#spider_slideshow_left {	
left:10px;
margin-top:-10px;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/slideshow/arrow.left.png) right bottom no-repeat; 
}
#spider_slideshow_right {
right:10px;
margin-top:-10px;
background:url(//www.wonderoustories.it/wp-content/themes/best-magazine/slideshow/arrow.right.png) left bottom no-repeat; 
}
#spider_slideshow_left:hover,
#spider_slideshow_right:hover {
visibility: visible; }
#spider_slideshow_left:hover span {
left: 20px;
}
#spider_slideshow_right:hover span {
left: auto;
right: 20px;
}
#spider_slideshow_left-ico span,
#spider_slideshow_right-ico span {
display: table-cell;
text-align: center;
vertical-align: middle;
z-index: 13;
}
#spider_slideshow_left-ico,
#spider_slideshow_right-ico {
z-index: 13;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%; }
#spider_slideshow_left-ico:hover,
#spider_slideshow_right-ico:hover {
cursor: pointer;
}
.bwg_slideshow_image_container {
display: table;
position: relative;
top:0px;
left:0px;
text-align: center;
vertical-align: middle;
width:100%;
}
.bwg_none_selectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bwg_slideshow_title_container {
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
}
.bwg_slideshow_title_container > div {
display:block;
width:100%;
}
.bwg_slideshow_title_span {
display: table-cell;
overflow: hidden;
position: relative;  }
.bwg_slideshow_description_span {
display: table-cell !important;
overflow: hidden;
position: relative;  }
.bwg_slideshow_title_text {
text-decoration: none;
position: relative;
z-index: 11;
display: inline-block;
max-width: 33%;
word-wrap: break-word;
word-break: break-word;  
padding:10px;
margin:10px;
font-weight:bold;
background:rgba(0,0,0,0.3);
}
.bwg_slideshow_description_text {
text-decoration: none;
position: relative;
z-index: 11;
margin: 5px;
color:#FFFFFF !important;
padding:10px;
display: inline-block;
max-width: 33%;
margin:10px;
background:rgba(0,0,0,0.4);
word-break: break-word;
}
@media screen and (max-width: 640px){
.bwg_slideshow_description_text {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; max-width:50%;
font-size:12px !important;
margin:0px;
padding:0px;
}
.bwg_slideshow_description_span {
display: table-cell !important;
overflow: hidden;
position: relative;
padding-right:8%;
padding-left:8%;
padding-bottom:10px;
}
.bwg_slideshow_description_text p{
padding-right:5px;	
}
.bwg_slideshow_description_text h1,
.bwg_slideshow_description_text h2,
.bwg_slideshow_description_text h3,
.bwg_slideshow_description_text h4,
.bwg_slideshow_description_text h5,
.bwg_slideshow_description_text h6{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width:320px;
}
}
.bwg_slideshow_title_text.none, .bwg_slideshow_description_text.none {display:none;}
.bwg_slide_container {
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
width: inherit;
height: inherit;
}
.bwg_slide_bg {
margin: 0 auto;
width: inherit;
height: inherit;
overflow:hidden !important;
}
.bwg_slider {
height: inherit;
width: inherit;
}
.bwg_slideshow_image_span {
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
vertical-align: middle;
z-index: 2;
overflow:hidden !important;
}
.bwg_slideshow_image_second_span {
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
vertical-align: middle;
z-index: 1;
overflow:hidden !important;
}
.bwg_grid {
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.bwg_gridlet {
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
.bwg_slideshow_dots {
display: inline-block;
position: relative;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
width:10px;
height: 10px;
border-radius: 10px;
background: #00f;
margin: 10px;
overflow: hidden;
z-index: 17;
}
.bwg_slideshow_dots_container {
display: table;
position: absolute; }
.bwg_slideshow_dots_thumbnails {
left: 0px;
margin: 0 auto;
overflow: hidden;
position: absolute;
width:100%;
}
.bwg_slideshow_dots_active {
opacity: 1;
background:#0f0;
filter: Alpha(opacity=100);
}
.bwg_slideshow_dots_deactive {
}
.bwg_slideshow_image_span1 {
display: table; 
width: inherit; 
height: inherit;
}
.bwg_slideshow_image_span2 {
display: table-cell; 
vertical-align: middle; 
text-align: center;
}@font-face {
font-family: 'FontAwesome';
src: url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0);
src: url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome !important;
font-style: normal;
font-weight: normal;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
#wdwt_spider_popup_wrap .fa,
div[id^="wdwt_container"] .fa {
display: inline-block;
font-family: FontAwesome !important;
font-style: normal;
font-weight: normal;
line-height: 1 !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-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);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-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);
}
.fa-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);
}
.fa-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);
}
.fa-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);
}
.fa-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);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-resize-full:before,
.fa-expand:before {
content: "\f065";
}
.fa-resize-small:before,
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-resize-vertical:before,
.fa-arrows-v:before {
content: "\f07d";
}
.fa-resize-horizontal:before,
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-fullscreen:before,
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}.mCSB_container{
width: auto;
margin-right: 15px;
overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right: 0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
margin-right:15px;
}
.mCustomScrollBox>.mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0; 
height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-40px;
} .mCSB_horizontal>.mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right;
}
.mCustomScrollBox{
-ms-touch-action:none; } .mCustomScrollBox>.mCSB_scrollTools{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff; background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(//www.wonderoustories.it/wp-content/themes/best-magazine/inc/css/mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }  .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
} .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-40px -56px;
} .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-120px -56px;
} .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; background:rgba(255,255,255,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#fff; background:rgba(255,255,255,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-20px -56px;
} .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; background:rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#000; background:rgba(0,0,0,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-100px -56px;
} .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#fff; background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
} .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
background:#000; background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
}