.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 [inert] {
opacity: 0.5;
}
.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;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'FontAwesome';
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Icon7Stroke';
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'WeatherIcons';
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.eot);
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.woff2) format('woff2'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.woff) format('woff'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.ttf) format('truetype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'CustomBusinessSet';
src: url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Business.ttf?uo8kwk) format('truetype'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Business.woff?uo8kwk) format('woff'),url(//der-hoteltalk.de/wp-content/themes/eventim/fonts/Business.svg?uo8kwk#CustomBusinessSet) format('svg');
font-weight: normal;
font-style: normal;
} // Base gutter width // Headline fond // Headline supertitle font // Headline subtitle font // Headline fond // Base font // Base font // Base font size // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Main color // Darker main color // Darker main color // Main color // Sidebar width (%) // Padding between sidebar and sontent // Left and right page padding for boxed content // Top and bottom padding between content elements (base value) // RowItem padding // Default spacing in grid gallery // Defines logo height and menu line height // Top and bottom padding of the whole horizontal menu (px) // Padding between horizontal menu elements (px) // Width of the vertical menu (px) // Top bar height (px) // dropdown width (px) // Base font size // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
video {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
*:focus,
* {
outline: none;
outline: 0;
}
.touch * {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-focus-ring-color: rgba(0,0,0,0);
}
button::-moz-focus-inner {
border: 0;
}
audio:not([controls]) {
display: none;
height: 0;
}
html,
body {
margin: 0;
padding: 0;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
background-repeat: no-repeat;
} .btClear:after,
.mainHeader:after,
.menuHolder .port:after,
.topBarPort:after,
.boldSiteFooter:before,
.boldSiteFooter:after,
.boldSiteFooter .port:after,
.contentWrap:after,
.contentHolder:after,
.btBox:after,
.boldSection .port:after,
.header:after,
.boldRow:after,
.socialRow:before,
.socialRow:after,
.servicesItem .sIcon:after,
.boldSection:before,
.boldSection:after,
.psCats:after,
.psWrap:after,
.btTabs:after,
.tabsHeader:after,
.neighboringArticles:after,
.articleListItem footer:after,
.btPagination:after,
.boldArticleBody blockquote:after,
.tilesWall.classic .bgiTxt:after,
.btQuoteItem:after,
.boldArticleHeader .socialRow:before,
.tagcloud:after,
.btInstaGrid:after {
content: " ";
display: table;
width: 100%;
clear: both;
} .screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}  input:not([type='checkbox']):not([type='radio']),
textarea,
select {
outline: none;
font: inherit;
width: 100%;
background: transparent;
line-height: 1;
}
input:not([type='checkbox']):not([type='radio']),
select {
padding: 10px;
background: transparent;
line-height: inherit;
width: 100%;
display: block;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:not([type='checkbox']):not([type='radio']):focus {
-webkit-box-shadow: 0 0 4px 0 #3ea2e0;
box-shadow: 0 0 4px 0 #3ea2e0;
border: 1px solid #333;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
textarea {
padding: 10px;
resize: vertical;
}
button {
font: inherit;
} figure,
img,
select,
embed,
iframe {
max-width: 100%;
height: auto;
}
pre code {
display: block;
}
pre {
overflow: hidden;
} a {
text-decoration: none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
color: #3ea2e0;
}
a:hover {
text-decoration: none;
}
.btLightSkin a:hover,
.btDarkSkin .btLightSkin a:hover {
color: #333;
}
.btDarkSkin a:hover,
.btLightSkin .btDarkSkin a:hover {
color: #fff;
}
a img {
border: none;
}
a,
a:active,
a:focus {
outline: none;
} p,
dl,
address,
cite {
margin: 0 0 20px;
}
ul,
ol,
li {
margin: 0 0 20px 5px;
padding: 0 0 0 5px;
}
li,
ul ul,
ol ol {
margin-bottom: 0;
}
dt {
font-weight: 600;
display: inline;
padding-right: 10px;
}
dd {
display: inline;
}
dd p {
display: inline;
}
dd:after {
content: ' ';
display: table;
clear: both;
}
figcaption {
font-size: 14px;
}
select,
input {
font-family: Raleway;
}  html,
body {
min-height: 100vh;
}
html {
overflow-x: hidden;
}
body {
font-family: "Raleway",Arial,sans-serif;
}
body {
font-size: 16px;
font-weight: 400;
line-height: 1.8;
background-size: cover;
background-attachment: fixed;
}
.small,
small {
font-size: 14px;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto";
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0 0 20px;
line-height: 1.5;
padding: 0;
letter-spacing: -1px;
}
h1,
h2,
h3 {
font-weight: 700;
}
h1 {
font-size: 64px;
line-height: 74px;
}
h2 {
font-size: 40px;
line-height: 50px;
}
h3 {
font-size: 30px;
line-height: 40px;
}
h4,
h5,
h6 {
font-size: 24px;
letter-spacing: -1px;
font-weight: 700;
line-height: 34px;
}
.btDarkSkin h4,
.btDarkSkin h5,
.btDarkSkin h6,
.btLightSkin .btDarkSkin h4,
.btLightSkin .btDarkSkin h5,
.btLightSkin .btDarkSkin h6 {
font-weight: 500;
}
h5 {
font-size: 21px;
line-height: 31px;
}
h6 {
font-size: 18px;
line-height: 28px;
} .btContentHolder table {
width: 100%;
margin: 0 0 1em;
border-collapse: collapse;
text-align: left;
border: 1px solid rgba(0,0,0,.07);
}
.btContentHolder table td,
.btContentHolder table th {
padding: 1em;
border: 1px solid rgba(0,0,0,.07);
}
.btContentHolder table thead th {
font-weight: 700;
background-color: #3ea2e0;
color: white;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
position: relative;
}
@media (min-width: 768px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
min-height: 1px;
}
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
@media (min-width: 480px) {
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
float: left;
}
.col-ms-12 {
width: 100%;
}
.col-ms-11 {
width: 91.66666667%;
}
.col-ms-10 {
width: 83.33333333%;
}
.col-ms-9 {
width: 75%;
}
.col-ms-8 {
width: 66.66666667%;
}
.col-ms-7 {
width: 58.33333333%;
}
.col-ms-6 {
width: 50%;
}
.col-ms-5 {
width: 41.66666667%;
}
.col-ms-4 {
width: 33.33333333%;
}
.col-ms-3 {
width: 25%;
}
.col-ms-2 {
width: 16.66666667%;
}
.col-ms-1 {
width: 8.33333333%;
}
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.visible-xs,
.visible-ms,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
@media (max-width: 480px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 480px) and (max-width:767px) {
.visible-ms {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
}
@media (max-width: 480px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.hidden-ms {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
} .gutter .port {
max-width: 1360px;
margin: auto;
} .btDivider {
border-bottom: 1px solid rgba(0,0,0,.2);
} .boldRow {
display: block;
margin: 0 -15px;
}
.btScrollInfoRow {
position: absolute;
bottom: 40px;
width: 100%;
}
.btScrollInfoRow .sIcon {
margin-bottom: 5px !important;
}
.rowItem {
padding: 0 15px;
}
.rowItemContent {
position: relative;
width: 100%;
}
.btDoubleRowPadding .boldRow {
display: block;
margin: 0 -30px;
}
.btDoubleRowPadding .rowItem {
padding: 0 30px;
} @media (min-width: 768px) {
.boldRowInner.btTableRow {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
table-layout: fixed;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.boldRowInner.btTableRow > .rowItem {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.boldRowInner.btTableRow > .rowItem.btMiddleVertical > .rowItemContent {
width: 100%;
}
.boldRowInner.btTableRow > .rowItem.btBottomVertical {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.boldRowInner.btTableRow > .rowItem.btBottomVertical > .rowItemContent {
width: 100%;
} .rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.2);
}
.rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.2);
}
.rowItem.btRightBorder {
border-right: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .rowItem.btRightBorder,
.btLightSkin .btDarkSkin .rowItem.btRightBorder {
border-right: 1px solid rgba(255,255,255,.1);
}
.btDarkSkin .rowItem.btLeftBorder,
.btLightSkin .btDarkSkin .rowItem.btLeftBorder {
border-left: 1px solid rgba(255,255,255,.1);
}
} .topExtraSmallSpaced {
padding-top: 5px;
}
.topSmallSpaced {
padding-top: 20px;
}
.topSemiSpaced {
padding-top: 40px;
}
.topSpaced {
padding-top: 80px;
}
.topLargeSpaced {
padding-top: 120px;
}
.topExtraSpaced {
padding-top: 160px;
}
.bottomExtraSmallSpaced {
padding-bottom: 5px;
}
.bottomSmallSpaced {
padding-bottom: 20px;
}
.bottomSemiSpaced {
padding-bottom: 40px;
}
.bottomSpaced {
padding-bottom: 80px;
}
.bottomLargeSpaced {
padding-bottom: 120px;
}
.bottomExtraSpaced {
padding-bottom: 160px;
} .rowItem.btDoublePadding > .rowItemContent {
padding: 0 30px;
}
.btTableRow > .rowItem.btDoublePadding > .rowItemContent {
padding: 0 60px;
}
.rowItem.btNoPadding {
padding: 0;
}
.rowItem.btNoPadding {
padding: 0;
} .btTextIndent .rowItemContent {
padding: 0 30px;
}
.btTextIndent .rowItemContent .btImage,
.btTextIndent .rowItemContent .bpgPhoto {
margin: 0 -30px;
} .btHighlight > .rowItemContent {
border: 3px solid #3ea2e0;
} .boldRow:after,
.btClear:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btClear {
clear: both;
}
.btTextLeft {
text-align: left;
}
.btTextRight {
text-align: right;
}
.btTextCenter {
text-align: center;
}
.fullScreenHeight {
height: 100vh;
}
.fullScreenHeight .port {
height: 100%;
width: 100%;
display: table;
table-layout: fixed;
}
.fullScreenHeight .boldCell {
height: 100%;
width: 100%;
display: table-cell;
}
.fullScreenHeight .boldCellInner {
display: block;
}
.btMiddleVertical .boldCell {
vertical-align: middle;
}
.btBottomVertical .boldCell {
vertical-align: bottom;
}
.btGhost {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.btGhost.btRemoveGhost {
-webkit-transform: translateY(-100%) scale(.7);
-moz-transform: translateY(-100%) scale(.7);
-ms-transform: translateY(-100%) scale(.7);
transform: translateY(-100%) scale(.7);
opacity: 0;
}
.wBackground {
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
}
.wBackground.cover {
background-size: cover;
}
.wBackground.contain {
background-size: contain;
}
.boldSection.video {
position: relative;
overflow: hidden;
}
.boldSection.video video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
-webkit-transition: opacity 1000ms;
-moz-transition: opacity 1000ms;
transition: opacity 1000ms;
}
.boldSection.video.video_on video {
opacity: 1;
} .btAccentColorBackground {
background-color: #3ea2e0 !important;
}
.btLightSkin .btDefaultColorBackground,
.btDarkSkin .btLightSkin .btDefaultColorBackground {
background-color: rgba(0,0,0,.07) !important;
}
.btDarkSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btDefaultColorBackground {
background-color: rgba(255,255,255,.02) !important;
}
.boldSection.btStriped:before {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: .7;
background-color: transparent;
background-position: center;
background-repeat: repeat;
background-image: url(//der-hoteltalk.de/wp-content/themes/eventim/gfx/diagonalstripe.png);
background-size: 4px 4px;
}
.boldSection.btStriped.black:before,
.boldSection.btStripedBlack:before {
background-image: url(//der-hoteltalk.de/wp-content/themes/eventim/gfx/diagonalstripe-black.png);
}
.boldSection.btStriped {
position: relative;
}
.boldSection.btStriped .port {
position: relative;
z-index: 2;
}
.boldSection.btStriped.btStripedLight:before {
opacity: .2;
} .btParallax,
.boldthemes_parallax {
-webkit-transition-property: background-position;
-moz-transition-property: background-position;
transition-property: background-position;
-webkit-transition-duration: 0ms;
-moz-transition-duration: 0ms;
transition-duration: 0ms;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
background-attachment: fixed;
}
.animate {
-webkit-transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms;
-moz-transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms;
transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms;
}
.animate-fadein {
opacity: 0;
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98);
}
.touch .animate-fadein {
opacity: 1;
}
.animate-moveleft {
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.animate-moveright {
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.animate-moveup {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.animate-movedown {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.animated {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-transition: all 1s cubic-bezier(.190,1,.220,1) 200ms;
-moz-transition: all 1s cubic-bezier(.190,1,.220,1) 200ms;
transition: all 1s cubic-bezier(.190,1,.220,1) 200ms;
}
body:not(.btHalfPage) .rowItem:nth-child(0) {
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
body:not(.btHalfPage) .rowItem:nth-child(1) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
body:not(.btHalfPage) .rowItem:nth-child(2) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
body:not(.btHalfPage) .rowItem:nth-child(3) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
body:not(.btHalfPage) .rowItem:nth-child(4) {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
body:not(.btHalfPage) .rowItem:nth-child(5) {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
}
body:not(.btHalfPage) .rowItem:nth-child(6) {
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
transition-delay: 1200ms;
}
body:not(.btHalfPage) .rowItem:nth-child(7) {
-webkit-transition-delay: 1400ms;
-moz-transition-delay: 1400ms;
transition-delay: 1400ms;
}
body:not(.btHalfPage) .rowItem:nth-child(8) {
-webkit-transition-delay: 1600ms;
-moz-transition-delay: 1600ms;
transition-delay: 1600ms;
}
body:not(.btHalfPage) .rowItem:nth-child(9) {
-webkit-transition-delay: 1800ms;
-moz-transition-delay: 1800ms;
transition-delay: 1800ms;
}
body:not(.btHalfPage) .rowItem:nth-child(10) {
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
transition-delay: 2000ms;
}
body:not(.btHalfPage) .rowItem:nth-child(11) {
-webkit-transition-delay: 2200ms;
-moz-transition-delay: 2200ms;
transition-delay: 2200ms;
} .boldSection.btBackgroundOverlay:before {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent;
background-position: center;
background-repeat: repeat;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.boldSection.btBackgroundOverlay:not(.btSectionTransitions) {
position: relative;
}
.boldSection.btBackgroundOverlay .port {
position: relative;
z-index: 2;
}
.boldSection.btStripedDark:before {
background-image: url(//der-hoteltalk.de/wp-content/themes/eventim/gfx/diagonalstripe-black.png);
opacity: .7;
}
.boldSection.btStripedLight:before {
background-image: url(//der-hoteltalk.de/wp-content/themes/eventim/gfx/diagonalstripe.png);
opacity: .2;
} .btDarkSkin,
.btLightSkin .btDarkSkin {
color: #fff;
background-color: #111;
}
.btLightSkin,
.btDarkSkin .btLightSkin {
color: #333;
background-color: #fff;
}
.btLightSkin h1,
.btLightSkin h2,
.btLightSkin h3,
.btLightSkin h4,
.btLightSkin h5,
.btLightSkin h6,
.btDarkSkin .btLightSkin h1,
.btDarkSkin .btLightSkin h2,
.btDarkSkin .btLightSkin h3,
.btDarkSkin .btLightSkin h4,
.btDarkSkin .btLightSkin h5,
.btDarkSkin .btLightSkin h6 {
color: #222;
}
.btDarkSkin h1,
.btDarkSkin h2,
.btDarkSkin h3,
.btDarkSkin h4,
.btDarkSkin h5,
.btDarkSkin h6,
.btLightSkin .btDarkSkin h1,
.btLightSkin .btDarkSkin h2,
.btLightSkin .btDarkSkin h3,
.btLightSkin .btDarkSkin h4,
.btLightSkin .btDarkSkin h5,
.btLightSkin .btDarkSkin h6 {
color: #fff;
}
.btLightSkin select,
.btLightSkin textarea,
.btLightSkin input,
.btLightSkin .fancy-select .trigger,
.btDarkSkin .btLightSkin select,
.btDarkSkin .btLightSkin textarea,
.btDarkSkin .btLightSkin input,
.btDarkSkin .btLightSkin .fancy-select .trigger {
border: 1px solid rgba(0,0,0,.2);
color: #333;
}
.btDarkSkin select,
.btDarkSkin textarea,
.btDarkSkin input,
.btDarkSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin select,
.btLightSkin .btDarkSkin textarea,
.btLightSkin .btDarkSkin input,
.btLightSkin .btDarkSkin .fancy-select .trigger {
border: 1px solid rgba(255,255,255,.1);
color: #fff;
} .btLightSkin .btText a,
.btDarkSkin .btLightSkin .btText a,
.btDarkSkin .btText a,
.btLightSkin .btDarkSkin .btText a {
color: #3ea2e0;
}
.btLightSkin .btText a:hover,
.btDarkSkin .btLightSkin .btText a:hover,
.btDarkSkin .btText a:hover,
.btLightSkin .btDarkSkin .btText a:hover {
text-decoration: underline;
} .btPageWrap {
position: relative;
overflow: hidden;
-webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
-moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
} .mainHeader {
z-index: 1001;
}
.btGhost {
z-index: 1002;
}
.btPreloader {
z-index: 10000;
} .btNoSidebar .btContentHolder,
.btNoSidebar .btContent {
width: auto;
padding: 0;
}
.btWithSidebar .btContentHolder {
max-width: 1360px;
margin: auto;
}
.btContent {
width: 70%;
}
.btSidebar {
width: 30%;
padding-bottom: 20px;
}
.btSidebarLeft .btSidebar {
float: left;
padding-right: 40px;
}
.btSidebarRight .btSidebar {
float: right;
padding-left: 40px;
}
.btSidebarRight .btContent {
float: left;
}
.btSidebarLeft .btContent {
float: right;
} .btPreloader {
position: fixed;
top: 0;
left: 0;
background-color: inherit;
width: 100%;
vertical-align: middle;
text-align: center;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all .3s ease,opacity .3s ease;
-moz-transition: all .3s ease,opacity .3s ease;
transition: all .3s ease,opacity .3s ease;
z-index: 999999;
}
.btPreloader .animation {
position: absolute;
display: block;
width: 100%;
-webkit-transform: translateY(100px) scale(1);
-moz-transform: translateY(100px) scale(1);
-ms-transform: translateY(100px) scale(1);
transform: translateY(100px) scale(1);
-webkit-transition: transform .3s ease,opacity .3s ease;
-moz-transition: transform .3s ease,opacity .3s ease;
transition: transform .3s ease,opacity .3s ease;
}
.btPreloader.removePreloader {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
-webkit-transition: transform .2s ease 1s,opacity .5s ease .5s;
-moz-transition: transform .2s ease 1s,opacity .5s ease .5s;
transition: transform .2s ease 1s,opacity .5s ease .5s;
}
.btPreloader.removePreloader .animation {
-webkit-transform: translateY(36px) scale(1);
-moz-transform: translateY(36px) scale(1);
-ms-transform: translateY(36px) scale(1);
transform: translateY(36px) scale(1);
opacity: 0;
-webkit-transition: transform .5s ease,opacity .5s ease .5s;
-moz-transition: transform .5s ease,opacity .5s ease .5s;
transition: transform .5s ease,opacity .5s ease .5s;
}
.btPreloader .animation .preloaderLogo {
height: 50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
width: auto;
}
.btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo,
.btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo {
height: 100px;
} .btLoader {
margin: 30px auto 30px auto;
font-size: 6px;
position: relative;
text-indent: -9999em;
border-top: 5px solid rgba(128,128,128,.3);
border-left: 5px solid rgba(128,128,128,.1);
border-right: 5px solid rgba(128,128,128,.1);
border-bottom: 5px solid rgba(128,128,128,.1);
-webkit-animation: btLoader 1.1s infinite linear;
-moz-animation: btLoader 1.1s infinite linear;
animation: btLoader 1.1s infinite linear;
}
.btLoader,
.btLoader:after {
border-radius: 50%;
width: 64px;
height: 64px;
}
@-webkit-keyframes btLoader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes btLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes btLoader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes btLoader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
} .btBreadCrumbs ul {
margin-left: 0;
padding-left: 0;
}
.btBreadCrumbs li {
display: inline-block;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
}
.btBreadCrumbs li:after {
content: " / ";
} .btPageHeadline {
margin-bottom: 40px;
} .mainHeader {
width: 100%;
position: absolute;
background-color: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mainHeader:not(.gutter) .port {
padding: 0 20px;
}
.btPageTransitions .mainHeader {
z-index: 1020;
}
.mainHeader.btDarkSkin,
.btLightSkin .mainHeader.btDarkSkin {
background-color: #111;
}
.mainHeader.btLightSkin,
.btDarkSkin .mainHeader.btLightSkin {
background-color: #fff;
}
.btMenuGutter .mainHeader .port,
.btMenuGutter .mainHeader .topBarPort {
max-width: 1360px;
margin: auto;
padding: 0;
} .btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
background-color: transparent;
} .btLogoArea {
position: relative;
padding: 20px 0 10px;
}
.menuPort {
font-family: "Raleway";
visibility: hidden;
font-size: 18px;
}
.menuPort nav ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
-webkit-transition: all 360ms ease 0s;
-moz-transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
}
.menuPort nav ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.menuPort nav ul li a {
display: block;
position: relative;
padding: 10px 20px;
font-weight: 700;
}
.menuPort nav ul li a:hover {
color: #3ea2e0 !important;
text-decoration: none;
}
.menuPort nav ul ul li {
opacity: .97;
}
.menuPort nav ul ul li.on {
opacity: 1;
}
.menuPort nav > ul > li > a {
line-height: 50px;
padding: 0;
}
.menuPort nav ul ul li a {
font-size: 16px;
font-weight: 400;
} .btTextLogo {
font-family: "Roboto";
font-size: 36px;
font-weight: 800;
line-height: 50px;
letter-spacing: -1px;
}
.btLogoArea .logo {
line-height: 0;
float: left;
}
.btLogoArea .logo img {
height: 50px;
width: auto;
display: block;
}
.btLogoArea .logo img.btAltLogo {
display: none;
}
.btHorizontalMenuTrigger {
display: none;
float: right;
line-height: 50px;
margin: 0 -8px 0 1em;
} .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a {
border-bottom: 2px solid #3ea2e0;
}
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-item > a {
color: #3ea2e0 !important;
}
.btMenuHorizontal .menuPort nav .sub-menu .sub-menu {
margin: -1px 0 0;
} .btDarkSkin .menuPort ul li a,
.btLightSkin .btDarkSkin .menuPort ul li a {
color: #fff;
}
.btDarkSkin .menuPort ul ul li a,
.btLightSkin .btDarkSkin .menuPort ul ul li a {
color: #fff;
border-top: 1px solid rgba(255,255,255,.1);
}
.btDarkSkin .menuPort ul ul li:first-child a,
.btLightSkin .btDarkSkin .menuPort ul ul li:first-child a {
border-top: none;
}
.btDarkSkin .menuPort ul ul li:first-child ul li a,
.btLightSkin .btDarkSkin .menuPort ul ul li:first-child ul li a {
border-top: 1px solid rgba(255,255,255,.1);
}
.btDarkSkin .menuPort ul ul li,
.btLightSkin .btDarkSkin .menuPort ul ul li {
background-color: #111;
}
.btLightSkin .menuPort ul li a,
.btDarkSkin .btLightSkin .menuPort ul li a {
color: #333;
}
.btLightSkin .menuPort ul ul li a,
.btDarkSkin .btLightSkin .menuPort ul ul li a {
color: #333;
border-top: 1px solid rgba(0,0,0,.2);
}
.btLightSkin .menuPort ul ul li:first-child a,
.btDarkSkin .btLightSkin .menuPort ul ul li:first-child a {
border-top: none;
}
.btLightSkin .menuPort ul ul li:first-child ul li a,
.btDarkSkin .btLightSkin .menuPort ul ul li:first-child ul li a {
border-top: 1px solid rgba(0,0,0,.2);
}
.btLightSkin .menuPort ul ul li,
.btDarkSkin .btLightSkin .menuPort ul ul li {
background-color: #fff;
}
.btDarkSkin .topBarInMenu:after,
.btDarkSkin .topBar:before,
.btLightSkin .btDarkSkin .topBarInMenu:after,
.btLightSkin .btDarkSkin .topBar:before {
background-color: rgba(255,255,255,.1);
} .subToggler {
display: none;
cursor: pointer;
z-index: 5;
position: absolute;
right: -18px;
top: 0;
width: 45px;
line-height: 50px;
z-index: 80;
padding: 0;
text-align: center;
}
.on > .subToggler {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.btLogoArea .menuPort ul ul .subToggler {
right: 0;
}
body.btMenuVertical .subToggler {
display: block !important;
}
.menuPort nav ul li ul li .subToggler {
right: -8px;
}
.subToggler:before {
content: '\f107';
font: normal 16px/1 FontAwesome;
color: #3ea2e0;
}
.touch .menuPort nav ul li a {
padding-right: 15px;
}
.touch .menuPort nav ul li ul li a {
padding-right: 35px;
}
.touch .menuPort nav ul li .subToggler {
display: block;
} body.btMenuHorizontal .menuPort > nav > ul > li {
margin: 0 70px 0 0;
}
body.btMenuHorizontal .menuPort ul > li > ul {
opacity: 0;
}
body.btMenuHorizontal .menuPort ul ul {
position: absolute;
width: 220px;
right: 0;
top: auto;
margin: 2px 0 0;
pointer-events: none;
}
body.btMenuHorizontal .menuPort ul ul li {
z-index: 4;
float: none;
}
body.btMenuHorizontal .menuPort ul ul li:first-child ul li:first-child a {
margin-top: 0;
}
body.btMenuHorizontal .menuPort ul ul ul {
display: block;
top: 0;
margin: 0;
pointer-events: none;
}
body.btMenuHorizontal .menuPort ul ul:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: -2px;
right: 0;
height: 2px;
z-index: 5;
background-color: #3ea2e0;
}
body.btMenuHorizontal .menuPort ul ul ul:before {
top: -1px;
}
body.btMenuHorizontal .menuPort ul li.current-menu-item ul,
body.btMenuHorizontal .menuPort ul li.current-menu-ancestor ul {
margin: 0;
}
body.btMenuHorizontal .menuPort ul li {
float: left;
position: relative;
z-index: 5;
}
body.btMenuHorizontal .menuPort ul > li.on > ul {
opacity: 1;
pointer-events: auto;
}
body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul {
opacity: 1;
pointer-events: auto;
}
body.btMenuHorizontal .menuPort > nav:not(.leftNav) > ul > li:last-child {
margin: 0;
} .btMenuHorizontal.btMenuRight .menuPort nav {
float: right;
}
.btMenuHorizontal.btMenuRight .menuPort ul ul {
text-align: right;
right: 0;
left: auto;
}
.btMenuHorizontal.btMenuRight .menuPort ul ul ul {
left: -220px;
right: auto;
}
.btMenuHorizontal.btMenuLeft .menuPort ul ul {
right: auto;
left: 0;
}
.btMenuHorizontal.btMenuLeft .menuPort ul ul ul {
left: 220px;
right: auto;
}
.btMenuHorizontal.btMenuLeft .menuPort nav {
float: left;
padding-left: 50px;
}
.btMenuHorizontal.btMenuCenter .logo {
position: relative;
z-index: 8;
float: left;
margin: 0 0 0 50%;
}
.btMenuHorizontal.btMenuCenter .menuPort nav {
float: none;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav {
position: absolute;
right: 50%;
left: auto;
padding: 0;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul {
float: right;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul {
right: auto;
left: 0;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul {
left: 220px;
right: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav {
position: absolute;
left: 50%;
right: auto;
padding-left: 70px;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul {
right: 220px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
text-align: right;
} html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown {
position: static;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
width: 100%;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
top: auto;
border-top: none !important;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border-top: none !important;
border-bottom: 1px solid #3ea2e0;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before {
display: none;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul {
opacity: 1;
top: auto;
margin: 0 !important;
width: 100%;
right: 0;
left: 0;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a {
border-top: none !important;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before {
display: none;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li {
width: 100%;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu {
width: 100%;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul {
pointer-events: auto;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
float: left;
}
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
float: right;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li {
width: INF% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li {
width: 100% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li {
width: 50% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li {
width: 33.33333% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li {
width: 25% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li {
width: 20% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li {
width: 16.66667% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li {
width: 14.28571% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li {
width: 12.5% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li {
width: 11.11111% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li {
width: 10% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li {
width: 9.09091% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li {
width: 8.33333% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li {
width: 7.69231% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li {
width: 7.14286% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li {
width: 6.66667% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li {
width: 6.25% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li {
width: 5.88235% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li {
width: 5.55556% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li {
width: 5.26316% !important;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li,
html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li {
width: 5% !important;
} .btMenuHorizontal .topBar {
font-size: 12px;
line-height: 35px;
}
.btMenuHorizontal .topBar .topBarPort:after {
float: left;
height: 1px;
background: #3ea2e0;
}
.btMenuHorizontal .topBarInMenu {
line-height: inherit;
float: right;
display: table;
height: 50px;
margin-left: 70px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
line-height: inherit;
display: table-cell;
vertical-align: middle;
}
.btMenuHorizontal .topBarInMenu .btIco .btIcoHolder span {
display: none;
} .btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
padding: 0;
border-top: 2px solid #3ea2e0;
}
.btMenuHorizontal.btMenuBelowLogo .menuPort {
clear: both;
position: relative;
margin: 0;
float: none;
}
.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
padding: 0;
} body.btMenuHorizontal.btStickyHeaderActive .mainHeader {
position: fixed;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
box-shadow: 0 1px 3px rgba(0,0,0,.11);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
display: none;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea {
padding: 0;
}
body.btMenuHorizontal.btStickyHeaderActive.btDarkSkin .mainHeader {
background-color: rgba(17,17,17,.9);
}
body.btMenuHorizontal.btStickyHeaderActive.btLightSkin .mainHeader {
background-color: rgba(255,255,255,.9);
}
body.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
-webkit-transition: transform .5s cubic-bezier(.230,1,.320,1);
-moz-transition: transform .5s cubic-bezier(.230,1,.320,1);
transition: transform .5s cubic-bezier(.230,1,.320,1);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} body.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger {
display: block;
}
body.btMenuHorizontal.btHideMenu .btLogoArea .menuPort {
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
}
body.btMenuHorizontal.btHideMenu .btLogoArea.btShowMenu .menuPort {
opacity: 1;
} .btVerticalMenuTrigger {
display: none;
position: relative;
z-index: 1;
margin: 0 1em 0 -8px;
line-height: 50px;
}
body.btMenuVertical > .menuPort {
text-align: center;
height: 100%;
top: 0;
bottom: 0;
position: fixed;
width: 320px;
clear: both;
-webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
-moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
z-index: 101;
overflow: hidden;
padding: 20px 60px;
-webkit-box-shadow: none;
box-shadow: none;
}
.touch body.btMenuVertical > .menuPort {
overflow: auto;
}
body.btMenuVertical > .menuPort .btMainLogo {
display: block !important;
}
body.btMenuVertical > .menuPort .btAltLogo {
display: none !important;
}
body.btMenuVertical > .menuPort .logo {
float: none;
padding: 0 0 40px;
margin: 0;
}
body.btMenuVertical > .menuPort .logo img {
margin: 0 auto;
display: block;
height: auto;
max-width: 100%;
}
body.btMenuVertical > .menuPort .btCloseVertical {
float: right;
margin: 10px -40px 0 0;
cursor: pointer;
}
body.btMenuVertical > .menuPort .btCloseVertical:before {
font-family: FontAwesome;
content: '\f00d';
color: #3ea2e0;
}
body.btMenuVertical > .menuPort nav {
margin: 0 -25px;
}
body.btMenuVertical > .menuPort nav ul {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
body.btMenuVertical > .menuPort nav ul li {
padding: 0;
position: relative;
background-color: transparent;
}
body.btMenuVertical > .menuPort nav ul li a {
line-height: 1.1;
padding: 15px 20px;
border: none;
}
body.btMenuVertical > .menuPort nav ul li:not(.current-menu-ancestor) > ul {
display: none;
}
body.btMenuVertical > .menuPort nav ul ul li {
padding: 0;
opacity: 1;
border: none;
background-color: transparent;
}
body.btMenuVertical > .menuPort nav ul ul li ul {
opacity: .7;
}
body.btMenuVertical > .menuPort nav ul ul li ul li a {
border: none !important;
}
body.btMenuVertical > .menuPort nav li.current-menu-ancestor > a,
body.btMenuVertical > .menuPort nav li.current-menu-item > a {
color: #3ea2e0 !important;
}
body.btMenuVertical .btVerticalMenuTrigger {
display: block;
}
.btMenuVerticalRight > .menuPort {
right: 0;
-webkit-box-shadow: -2px 0 5px rgba(0,0,0,.10);
box-shadow: -2px 0 5px rgba(0,0,0,.10);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.btMenuVerticalRight .btVerticalMenuTrigger {
float: right;
}
.btMenuVerticalLeft > .menuPort {
left: 0;
-webkit-box-shadow: 2px 0 5px rgba(0,0,0,.10);
box-shadow: 2px 0 5px rgba(0,0,0,.10);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.btMenuVerticalLeft .btVerticalMenuTrigger {
float: left;
}
@media (min-width: 1400px) {
.btMenuVerticalRight > .menuPort {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.btMenuVerticalLeft > .menuPort {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.btMenuVertical .menuPort,
.btMenuVertical.btMenuVerticalOn .menuPort {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVerticalLeft.btHideMenu .menuPort {
-webkit-transform: translate3d(-320px,0,0);
-moz-transform: translate3d(-320px,0,0);
-ms-transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
}
.btMenuVerticalRight.btHideMenu .menuPort {
-webkit-transform: translate3d(320px,0,0);
-moz-transform: translate3d(320px,0,0);
-ms-transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
}
.btMenuVerticalLeft.btHideMenu.btMenuVerticalOn > .menuPort {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVerticalRight.btHideMenu.btMenuVerticalOn .menuPort {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVertical.btMenuGutter .mainHeader {
display: none;
}
.btMenuVertical.btMenuGutter.btHideMenu .mainHeader {
display: block;
}
.btMenuVertical.btBelowMenu .btContentWrap {
padding: 0 !important;
}
.btMenuVertical .gutter .port,
.btMenuVerticalLeftOn.btMenuGutter .mainHeader .topBarPort,
.btMenuVerticalRightOn.btMenuGutter .mainHeader .topBarPort {
padding: 0 20px;
}
.btMenuVerticalOn .btVerticalMenuTrigger .btIco a:before {
color: #3ea2e0 !important;
}
.btMenuVertical .btLogoArea .btVerticalMenuTrigger {
display: none;
}
.btMenuVertical:not(.btHideMenu) .btLogoArea .logo,
.btMenuVertical:not(.btHideMenu) .btCloseVertical {
display: none;
}
.btMenuVertical.btHideMenu .btLogoArea .btVerticalMenuTrigger {
display: block;
}
.btMenuVerticalLeft .btPageWrap,
.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0 0 0 320px;
}
.btMenuVerticalRight .btPageWrap,
.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0 320px 0 0;
}
.btMenuVerticalRight.btHideMenu .btPageWrap,
.btMenuVerticalLeft.btHideMenu .btPageWrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0;
}
.btMenuVerticalLeft.btMenuVerticalOn.btHideMenu .btPageWrap {
-webkit-transform: translate3d(320px,0,0);
-moz-transform: translate3d(320px,0,0);
-ms-transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
margin: 0;
}
.btMenuVerticalRight.btMenuVerticalOn.btHideMenu .btPageWrap {
-webkit-transform: translate3d(-320px,0,0);
-moz-transform: translate3d(-320px,0,0);
-ms-transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
margin: 0;
}
}
.btMenuVerticalOn .menuPort {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: transform 1s cubic-bezier(.230,1,.320,1);
-moz-transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
}
.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
-webkit-transform: translateX(320px);
-moz-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}
.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
-webkit-transform: translateX(-320px);
-moz-transform: translateX(-320px);
-ms-transform: translateX(-320px);
transform: translateX(-320px);
}
.btMenuVertical.btDarkSkin .menuPort {
background-color: #111;
}
.btMenuVertical.btLightSkin .menuPort {
background-color: #fff;
} .btIconWidgetTitle {
opacity: .5;
}
.btLightSkin a.btIconWidget,
.btDarkSkin .btLightSkin a.btIconWidget {
color: #333;
}
.btDarkSkin a.btIconWidget,
.btLightSkin .btDarkSkin a.btIconWidget {
color: #fff;
}
a.btIconWidget:hover {
color: #3ea2e0 !important;
}
.btSpecialHeaderIcon .btIco .btIcoHolder:before,
.btSpecialHeaderIcon .btIconWidgetTitle,
.btSpecialHeaderIcon .btIconWidgetText {
color: #3ea2e0 !important;
}
.btMenuHorizontal .btTopToolsRight,
.btMenuHorizontal .btTopToolsLeft {
max-width: 48%;
}
.btMenuHorizontal .btTopToolsRight .btIcoHolder:before,
.btMenuHorizontal .btTopToolsLeft .btIcoHolder:before {
font-size: 13px;
}
.btMenuHorizontal .btTopToolsRight {
float: right;
}
.btMenuHorizontal .btTopToolsLeft {
float: left;
}
.btMenuHorizontal .topTools .btSearch .btIco,
.btMenuHorizontal .topBarInMenu .btSearch .btIco {
margin-left: .5em;
}
.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
margin-left: .5em;
}
.btMenuHorizontal .topTools .btIconWidgetContent,
.btMenuHorizontal .topBarInMenu .btIconWidgetContent {
margin-left: .3em;
line-height: inherit;
}
.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topTools .btIconWidgetText,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetText {
display: inline-block;
font-weight: 400;
line-height: inherit;
text-transform: uppercase;
margin-right: .5em;
}
.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle {
opacity: .7;
}
.btMenuHorizontal .topBarInLogoArea {
float: right;
height: 50px;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell {
border: 0 solid #3ea2e0;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
display: table;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
float: left;
margin: 10px 0 0 35px;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetContent {
display: table-cell;
vertical-align: middle;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon {
line-height: 1;
padding: 0 .35em 0 0;
text-align: left;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon .btIco .btIcoHolder:before {
font-size: 32px;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
display: block;
line-height: 1;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle {
margin-bottom: 5px;
font-size: 12px;
} .btMenuVertical .btEmptyElement {
display: none;
}
.btMenuVertical .btTopToolsRight,
.btMenuVertical .btTopToolsLeft {
max-width: none;
float: none;
}
.btMenuVertical .topBar {
padding: 0;
}
.btMenuVertical .topBarPort .btTopToolsLeft span.btIco,
.btMenuVertical .topBarPort .btTopToolsRight span.btIco {
margin: 0 5px;
}
.btMenuVertical .topTools {
position: relative;
padding: 10px 0 0;
text-align: center;
font-size: 14px;
}
.btMenuVertical .btIconWidget {
padding: 0;
}
.btMenuVertical .btIconWidget .btIconWidgetIcon {
margin: 0 auto 15px;
text-align: center;
}
.btMenuVertical .btIconWidget .btIconWidgetContent {
float: none;
margin: 0;
text-align: center;
clear: both;
}
.btMenuVertical .btIconWidget .btIconWidgetTitle,
.btMenuVertical .btIconWidget .btIconWidgetText {
display: block;
font-size: 14px;
}
.btMenuVertical .btIconWidget .btIconWidgetTitle {
margin: 0;
line-height: 1;
}
.btMenuVertical .btIconWidget .btIconWidgetText {
margin: 0 0 20px;
}
.btMenuVertical .topBarInLogoArea:after,
.btMenuVertical .topBar:after {
display: table;
content: ' ';
clear: both;
}
.btMenuVertical .topBarInLogoArea:before,
.btMenuVertical .topBarInMenu:after,
.btMenuVertical .topBar:before {
display: inline-block;
content: ' ';
width: 85px;
height: 1px;
background-color: rgba(0,0,0,.2);
margin: 20px 0;
clear: both;
} .topBar .widget_search,
.topBarInMenu .widget_search {
display: inline-block;
margin-left: .2em;
}
.topBar .widget_search h2,
.topBarInMenu .widget_search h2 {
display: none;
}
.topBar .widget_search .btSearch,
.topBarInMenu .widget_search .btSearch {
position: relative;
}
.topBar .widget_search .btSearch .btSearchInner,
.topBarInMenu .widget_search .btSearch .btSearchInner {
position: absolute;
top: 0;
left: -300px;
width: 300px;
font-size: 12px;
display: none;
text-align: right;
}
.topBar .widget_search input,
.topBarInMenu .widget_search input {
font-size: inherit;
max-width: 150px;
padding-left: 5px;
clear: none;
background: rgba(255,255,255,.02);
}
.topBar .widget_search button,
.topBarInMenu .widget_search button {
width: 23px;
height: 23px;
background: #3ea2e0;
border: 0;
float: right;
margin: 0;
cursor: pointer;
}
.topBar .widget_search button:before,
.topBarInMenu .widget_search button:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
color: #3ea2e0;
}
.topBar .widget_search button:hover,
.topBarInMenu .widget_search button:hover {
background: #010609;
}
.btSearchInner.btFromTopBox {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #010609;
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 99998;
}
.btSearchInner.btFromTopBox .btSearchInnerContent {
margin: 0 auto;
padding: 0 20px;
max-width: 1400px;
position: relative;
}
.btSearchInner.btFromTopBox form {
padding: 0 60px 0 0;
margin: 60px 0;
text-align: center;
position: relative;
}
.btSearchInner.btFromTopBox .btSearchInnerClose {
display: block;
position: absolute;
right: 0;
top: 5px;
cursor: pointer;
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco {
margin: 0;
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco.small .btIcoHolder:before {
font: 60px/60px Icon7Stroke;
color: #FFF;
content: "\e680";
width: 60px;
height: 60px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco:hover a.btIcoHolder:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity: .5;
}
.btSearchInner.btFromTopBox input[type="text"] {
border: none;
background: rgba(255,255,255,.02);
border: 1px solid rgba(255,255,255,.1);
padding: 0 50px 0 20px;
text-align: left;
height: 58px;
font-size: 22px;
font-weight: 300;
color: #fff;
}
.btSearchInner.btFromTopBox button {
position: absolute;
margin: 2px;
right: 60px;
top: 4px;
border-radius: 0;
width: 50px;
height: 50px;
background: transparent;
border: 0;
cursor: pointer;
}
.btSearchInner.btFromTopBox button:before {
font: 35px/30px Icon7Stroke;
display: block;
content: "\e618";
color: #3ea2e0;
font-weight: 900;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
}
.btSearchInner.btFromTopBox button:hover:before {
color: #fff;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
}
.btTopToolsSearchOpen .btSearchInner.btFromTopBox {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
box-shadow: 0 2px 5px rgba(0,0,0,.2);
} .btDarkSkin .iScrollIndicator,
.btLightSkin .btDarkSkin .iScrollIndicator {
background-color: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.1) !important;
} body.btMenuVerticalOn {
position: relative;
width: 100vw;
overflow: hidden;
} html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li > ul {
opacity: 1;
pointer-events: auto;
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul {
display: block;
}  .btSiteFooter {
font-size: .9em;
padding: 10px 0;
}
.btSiteFooter .port {
max-width: 1360px;
margin: auto;
}
.btSiteFooter .copyLine {
margin-bottom: 0;
}
.btSiteFooter .menu {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.btSiteFooter .menu li {
display: inline-block;
margin: 0 15px 0 0;
padding: 0;
}
.btSiteFooter .menu li:last-child {
margin: 0;
}
.btLightSkin .btSiteFooterWidgets,
.btDarkSkin .btLightSkin .btSiteFooterWidgets {
background: rgba(0,0,0,.07);
}
.btLightSkin .btSiteFooter,
.btDarkSkin .btLightSkin .btSiteFooter {
background: #fff;
}
.btDarkSkin .btSiteFooterWidgets,
.btLightSkin .btDarkSkin .btSiteFooterWidgets {
background: #010609;
}
.btDarkSkin .btSiteFooter,
.btLightSkin .btDarkSkin .btSiteFooter {
background: #3ea2e0;
}
.btDarkSkin .btSiteFooter .btFooterMenu a,
.btLightSkin .btDarkSkin .btSiteFooter .btFooterMenu a {
color: #fff;
}
section footer,
article footer {
border-top: none;
} .sticky .headline:before {
content: '\e69b';
font-family: Icon7Stroke;
font-size: .77em;
display: block;
float: left;
margin-right: .4em;
color: #3ea2e0;
}
.headline a {
color: #3ea2e0;
}
.btLightSkin .headline a:hover,
.btDarkSkin .btLightSkin .headline a:hover {
color: #333;
}
.btDarkSkin .headline a:hover,
.btLightSkin .btDarkSkin .headline a:hover {
color: #fff;
}
@media (min-width: 1200px) {
.btPostSingleItemStandard .btArticleBody {
padding: 0 60px 20px;
}
}
.btAboutAuthor {
display: table;
width: 100%;
margin: 0 0 30px;
}
.btLightSkin .btAboutAuthor,
.btDarkSkin .btLightSkin .btAboutAuthor {
border: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btAboutAuthor {
border: 1px solid rgba(255,255,255,.1);
}
.aaAvatar img,
.commentAvatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
}
.aaTxt {
display: table-cell;
vertical-align: top;
padding: 20px 20px 8px;
}
.aaTxt p,
.aaTxt ul,
.aaTxt ol,
.aaTxt dl {
margin: 0 0 14px;
}
.single-portfolio h2,
.single-post h2 {
letter-spacing: 0;
}
.btPortfolioSingleItemColumns dt {
color: #3ea2e0;
} .btMediaBox {
position: relative;
overflow: hidden;
}
.btMediaBox img {
display: block;
width: 100%;
height: auto;
}
.btMediaBox .aspectVideo {
visibility: hidden;
}
.btMediaBox iframe {
display: block;
border: none;
}
.btMediaBox.video iframe {
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
border: none;
}
.btMediaBox.audio iframe {
display: block;
width: 100% !important;
}
.btMediaBox.btQuote,
.btMediaBox.btLink {
text-align: center;
position: relative;
display: block;
padding: 40px;
margin: 0;
background-color: #3ea2e0;
font-weight: 300;
}
.btMediaBox.btQuote p:before,
.btMediaBox.btLink p:before {
display: block;
text-align: center;
font: 44px/44px Icon7Stroke;
margin-bottom: 10px;
}
.btMediaBox.btQuote p,
.btMediaBox.btLink p {
font-size: 24px;
line-height: 1.5;
}
.btMediaBox.btQuote cite,
.btMediaBox.btLink cite {
display: inline-block;
padding: 20px 0 0;
border-top: 1px solid #fff;
margin: 0;
}
.btMediaBox.btQuote a,
.btMediaBox.btLink a {
color: #fff;
}
.single-post .btMediaBox.btQuote,
.single-post .btMediaBox.btLink,
.blog .btMediaBox.btQuote,
.blog .btMediaBox.btLink,
.archive .btMediaBox.btQuote,
.archive .btMediaBox.btLink,
.search .btMediaBox.btQuote,
.search .btMediaBox.btLink {
padding: 60px;
}
.single-post .btMediaBox.btQuote p:before,
.single-post .btMediaBox.btLink p:before,
.blog .btMediaBox.btQuote p:before,
.blog .btMediaBox.btLink p:before,
.archive .btMediaBox.btQuote p:before,
.archive .btMediaBox.btLink p:before,
.search .btMediaBox.btQuote p:before,
.search .btMediaBox.btLink p:before {
font: 64px/64px Icon7Stroke;
}
.single-post .btMediaBox.btQuote p,
.single-post .btMediaBox.btLink p,
.blog .btMediaBox.btQuote p,
.blog .btMediaBox.btLink p,
.archive .btMediaBox.btQuote p,
.archive .btMediaBox.btLink p,
.search .btMediaBox.btQuote p,
.search .btMediaBox.btLink p {
font-size: 46px;
}
.btMediaBox.btLink p:before {
content: "\e641";
}
.btMediaBox.btQuote p:before {
content: "\e635";
}
.btBlogColumnView .btMediaBox.btQuote p:before,
.btBlogColumnView .btMediaBox.btLink p:before {
font: 36px/36px Icon7Stroke;
}
.btBlogColumnView .btMediaBox.btQuote p,
.btBlogColumnView .btMediaBox.btLink p {
font-size: 27px;
} .btArticleListItem {
margin-bottom: 80px;
}
.btArticleListItem.btBlogSimpleView {
margin-bottom: 30px;
}
.btArticleListItem.btBlogColumnView .header .btSuperTitle,
.btArticleListItem.btBlogColumnView .header .btSubTitle,
.btArticleListItem.btBlogColumnView .btArticleListBodyAuthor,
.btPostSingleItemColumns .header .btSuperTitle,
.btPostSingleItemColumns .header .btSubTitle,
.btPostSingleItemColumns .btArticleListBodyAuthor {
font-size: 12px !important;
text-transform: uppercase;
}
.btArticleListItem.btBlogColumnView .btArticleListBodyAuthor a,
.btPostSingleItemColumns .btArticleListBodyAuthor a {
color: #3ea2e0 !important;
}
.btArticleListItem.btBlogColumnView {
margin-bottom: 40px;
}
.btArticleListItem.btBlogColumnView .btArticleListBodyContent {
margin-bottom: 0;
max-height: 5.4em;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
} body:not(.woocommerce) .btCommentsBox .form-submit {
margin-bottom: 0;
}
.btComment {
line-height: 0;
}
.btComment textarea,
.btComment label {
line-height: 1.8;
}
.aaAvatar,
.commentAvatar {
display: table-cell;
vertical-align: top;
width: 150px;
padding: 20px 10px;
}
.commentAvatar {
width: 75px;
}
.btCommentsBox h4 {
position: relative;
}
.btCommentsBox {
margin: 0 0 20px;
}
.btCommentsBox ul.comments,
.btCommentsBox ul.comments li.comment {
list-style: none;
display: block;
padding-left: 0;
margin-left: 0;
}
.btCommentsBox ul.comments > li,
.btCommentsBox ul.comments > li.comment > ul.children > li.comment {
display: block;
margin: 0;
}
.btLightSkin .btCommentsBox ul.comments > li,
.btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
border-top: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
border-top: 1px solid rgba(255,255,255,.1);
}
.btCommentsBox ul.comments > li article {
margin: 0;
position: relative;
width: 100%;
display: table;
}
.btCommentsBox ul.comments ul article {
padding: 0 0 0 40px;
}
.btCommentsBox ul.children {
margin: 0 0 0 20px;
}
.btCommentsBox ul.comments li article .commentTxt {
padding: 20px 0 30px 0;
display: table-cell;
}
.vcard {
position: relative;
}
.vcard h5 {
float: left;
}
.vcard .posted {
float: right;
margin: 1.1em 0 0;
opacity: .8;
}
.vcard .posted:before {
content: '\f017';
font: normal 14px/1 FontAwesome;
margin: 0 5px 0 0;
}
.woocommerce .vcard .star-rating {
display: block;
position: absolute;
top: 0;
right: 0;
}
.comment {
clear: both;
}
.commentTxt p.edit-link,
.commentTxt p.reply {
float: left;
}
.commentTxt p.reply {
clear: left;
}
.commentTxt p.edit-link,
.commentTxt p.reply {
margin: 0 10px 0 0;
}
.commentTxt p.edit-link a:hover,
.commentTxt p.reply a:hover {
color: #3ea2e0;
}
.commentTxt p.edit-link:before,
.commentTxt p.reply:before {
font: normal 15px/1 FontAwesome;
margin: 0 5px 0 0;
}
.commentTxt p.edit-link:before {
content: '\f044';
}
.commentTxt p.reply:before {
content: '\f112';
}
.comment-navigation {
text-align: right;
clear: right;
}
.comment-navigation a,
.comment-navigation span {
display: inline-block;
}
.comment-navigation span {
margin: 0 5px;
}
.comment-form {
padding-bottom: 20px;
} .btBox,
.btCustomMenu {
padding-bottom: 40px;
}
.btBox > h4,
.btCustomMenu > h4 {
margin: 0 0 10px;
padding: 0 0 5px;
}
body:not(.btNoDashInSidebar) .btBox > h4:after,
body:not(.btNoDashInSidebar) .btCustomMenu > h4:after {
content: '';
clear: both;
width: 60px;
display: block;
border-bottom: 3px solid #3ea2e0;
margin: 10px 0 0;
}
.btBox h5,
.btCustomMenu h5 {
font-size: 21px;
margin-bottom: 5px;
}
.btBox ul,
.btCustomMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.btBox ul li,
.btCustomMenu ul li {
display: block;
width: auto;
line-height: 1.8;
margin: 10px 0 0;
padding: 10px 0 0;
border-top: 1px solid rgba(0,0,0,.07);
}
.btBox ul li ul,
.btCustomMenu ul li ul {
margin: 10px 0 0;
border-top: 1px solid rgba(0,0,0,.07);
}
.btBox ul li ul li,
.btCustomMenu ul li ul li {
margin-left: 20px;
}
.btBox ul li ul li:first-child,
.btCustomMenu ul li ul li:first-child {
margin-top: 0;
}
.btBox ul li:after,
.btCustomMenu ul li:after {
clear: both;
content: " ";
display: block;
}
.btBox ul li:first-child,
.btCustomMenu ul li:first-child {
border-top: none;
}
.btBox .ppImage,
.btCustomMenu .ppImage {
display: table-cell;
vertical-align: top;
width: 90px;
}
.btBox .ppImage a,
.btCustomMenu .ppImage a {
display: block;
line-height: 0;
}
.btBox .ppImage a img,
.btCustomMenu .ppImage a img {
margin: 0;
padding-right: 10px;
max-width: 100%;
width: 100%;
height: auto;
}
.btBox .ppTxt,
.btCustomMenu .ppTxt {
display: table-cell;
}
.btBox .ppTxt .headline a,
.btCustomMenu .ppTxt .headline a {
color: inherit;
}
.btBox .ppTxt .headline a:hover,
.btCustomMenu .ppTxt .headline a:hover {
color: #3ea2e0;
}
.btBox .ppTxt .btSuperTitle,
.btCustomMenu .ppTxt .btSuperTitle {
color: inherit;
}
.btBox .ppTxt .header,
.btCustomMenu .ppTxt .header {
margin-bottom: 0;
}
.btBox p.posted,
.btCustomMenu p.posted {
font-weight: 600;
margin: 0;
}
body.btNoDashInSidebar .btBox,
body.btNoDashInSidebar .btCustomMenu {
content: none;
border-bottom: none;
} .btBox.widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.btBox.widget_calendar table caption {
background: #3ea2e0;
color: #FFF;
font-family: "Roboto";
font-weight: 700;
padding: 5px;
}
.btBox.widget_calendar table thead th {
text-align: center;
padding: 3px;
}
.btBox.widget_calendar table tfoot td {
padding: 3px;
}
.btBox.widget_calendar table tfoot td#next {
text-align: right;
}
.btBox.widget_calendar table tbody tr:nth-child(odd) td {
background: transparent;
}
.btBox.widget_calendar table tbody td {
text-align: center;
padding: 2px 3px;
} .btBox.widget_archive label,
.btBox.widget_categories label,
.btCustomMenu label {
display: none;
}
.btBox.widget_archive select,
.btBox.widget_categories select,
.btCustomMenu select {
display: block;
margin: 8px 0 0;
width: 100%;
}
.btBox.widget_archive ul li strong,
.btBox.widget_categories ul li strong,
.btCustomMenu ul li strong {
position: absolute;
top: 0;
right: 0;
padding: 10px;
min-width: 38px;
text-align: center;
}
.btDarkSkin .btBox.widget_archive ul li:hover,
.btLightSkin .btDarkSkin .btBox.widget_archive ul li:hover,
.btDarkSkin .btBox.widget_categories ul li:hover,
.btLightSkin .btDarkSkin .btBox.widget_categories ul li:hover {
border-bottom: 1px solid #3ea2e0;
} .btBox.widget_pages ul li {
padding-top: 0;
}
.btBox.widget_pages ul li ul {
margin-left: 15px;
} .btBox.widget_meta li {
padding-top: 0;
}
.btArticleMeta dd,
.btArticleMeta dt {
display: block;
clear: left;
padding-right: 0;
} .btBox.widget_recent_comments .comment-author-link a {
font-weight: 700;
} .btBox.widget_rss li {
margin-bottom: 15px;
}
.btBox.widget_rss li a.rsswidget {
font-family: "Roboto";
font-weight: 700;
}
.btBox.widget_rss li .rss-date {
display: block;
margin: 0 0 5px;
}
.btBox.widget_rss li cite {
font-weight: 700;
font-style: normal;
}
.btBox.widget_rss li cite:before {
font-family: FontAwesome;
content: "\f040";
display: inline-block;
color: #3ea2e0;
margin: 0 5px 0 0;
} .btBox .btSearch,
form.woocommerce-product-search {
padding-right: 38px;
}
.btBox .btSearch input[type="text"],
.btBox .btSearch input[type="search"],
form.woocommerce-product-search input[type="text"],
form.woocommerce-product-search input[type="search"] {
padding: 0 10px;
background: transparent;
height: 38px;
width: 100%;
display: block;
}
.btBox .btSearch button,
.btBox .btSearch input[type=submit],
form.woocommerce-product-search button,
form.woocommerce-product-search input[type=submit] {
width: 38px;
height: 38px;
background: #3ea2e0;
border: 0;
float: right;
margin: -38px -38px 0 0;
cursor: pointer;
}
.btBox .btSearch button:before,
form.woocommerce-product-search button:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
color: #FFF;
}
.btBox .btSearch .btIco,
form.woocommerce-product-search .btIco {
display: none;
}
.btCommentsBox input,
.btCommentsBox textarea {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btDarkSkin input[type="text"]:focus,
.btLightSkin .btDarkSkin input[type="text"]:focus,
.btDarkSkin input[type="password"]:focus,
.btLightSkin .btDarkSkin input[type="password"]:focus,
.btDarkSkin input[type="email"]:focus,
.btLightSkin .btDarkSkin input[type="email"]:focus,
.btDarkSkin textarea:focus,
.btLightSkin .btDarkSkin textarea:focus {
border: 1px solid #fff;
}
form.wpcf7-form .wpcf7-submit {
cursor: pointer;
display: inline-block;
margin: 0;
padding: 1.1em 2.5em;
border: none;
font-size: 14px;
line-height: 1;
width: auto;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #3ea2e0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btTextLeft form.wpcf7-form .wpcf7-submit {
float: left;
}
.btTextRight form.wpcf7-form .wpcf7-submit {
float: right;
}
form.wpcf7-form .wpcf7-submit:hover {
opacity: .8;
} .fancy-select {
position: relative;
}
.fancy-select .trigger {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
cursor: pointer;
height: 38px;
line-height: 38px;
padding: 0 45px 0 10px;
}
.fancy-select .trigger:after {
content: '\f078';
font: normal 14px/1 FontAwesome;
display: block;
position: absolute;
right: 10px;
top: 10px;
}
.btDarkSkin .fancy-select .tigger:after,
.btLightSkin .btDarkSkin .fancy-select .tigger:after {
color: #fff;
}
.btLightSkin .fancy-select .tigger:after,
.btDarkSkin .btLightSkin .fancy-select .tigger:after {
color: #fff;
}
.fancy-select .trigger.open:after {
content: '\f077';
font: normal 14px/1 FontAwesome;
}
.fancy-select .trigger.open {
color: #3ea2e0;
}
.fancy-select .options {
display: none;
position: absolute;
top: auto;
left: 0;
width: 100%;
list-style: none;
max-height: 320px;
overflow: auto;
margin: 3px 0 0;
padding: 0;
border: 1px solid rgba(0,0,0,.07);
background-color: #fff;
}
.fancy-select .options.open {
z-index: 20;
display: block;
}
.fancy-select .options.overflowing {
top: auto;
bottom: 40px;
}
.fancy-select ul.options > li {
cursor: pointer;
display: block;
padding: 10px;
margin: 0;
border-bottom: 1px solid rgba(0,0,0,.07);
}
.fancy-select ul.options > li a {
color: #fff;
}
.fancy-select .options li:before {
content: '';
}
.fancy-select .options li:first-child {
border-top: none;
}
.fancy-select ul.options > li:hover {
color: #3ea2e0;
}
.btDarkSkin .fancy-select .options,
.btLightSkin .btDarkSkin .fancy-select .options {
border: 1px solid rgba(255,255,255,.02);
background-color: #111;
}
.btDarkSkin .fancy-select ul.options > li,
.btLightSkin .btDarkSkin .fancy-select ul.options > li {
border-bottom: 1px solid rgba(255,255,255,.02);
}  .widget_shopping_cart .total {
border-top: 2px solid #3ea2e0;
padding: 4px 0 0;
}
.widget_shopping_cart .total .amount {
display: block;
float: right;
}
.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item {
position: relative;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove {
position: absolute;
right: 0;
top: 10px;
display: block;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove {
display: block;
height: 18px;
width: 18px;
text-align: center;
text-decoration: none;
font-weight: 700;
border: none;
background-color: transparent;
text-indent: 9000px;
position: relative;
color: #fff;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:before {
text-indent: 0;
display: block;
content: '\e680';
font: normal 18px/18px Icon7Stroke;
vertical-align: middle;
color: #333;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover:before {
background-color: #3ea2e0;
color: #fff;
} .widget_recent_reviews li a img {
display: block;
width: 80px;
height: auto;
margin: 0 0 0 10px;
float: right;
}
.product_list_widget .reviewer {
display: block;
line-height: 1;
}
.widget_recent_reviews .product_list_widget li:after {
display: table !important;
} .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .price_slider_amount .price_label span {
font-weight: 600;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #3ea2e0;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.25em;
margin-left: -.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: rgba(0,0,0,.07);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: rgba(0,0,0,.07);
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
} .widget_layered_nav ul,
.widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
padding: 0 0 1px;
margin: 0 0 10px;
list-style: none;
}
.widget_layered_nav ul li:after,
.widget_layered_nav ul li:before,
.widget_layered_nav_filters ul li:after,
.widget_layered_nav_filters ul li:before {
content: " ";
display: table;
}
.widget_layered_nav ul li a,
.widget_layered_nav ul li span,
.widget_layered_nav_filters ul li a,
.widget_layered_nav_filters ul li span {
padding: 1px 0;
}
.widget_layered_nav ul li.chosen a:before,
.widget_layered_nav_filters ul li.chosen a:before {
margin-right: .618em;
}
.widget_layered_nav ul li.chosen,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li.chosen,
.widget_layered_nav_filters ul li {
line-height: 1.3;
margin: 0 0 6px;
}
.widget_layered_nav ul li.chosen a:before,
.widget_layered_nav_filters ul li.chosen a:before {
text-indent: 0;
display: block;
float: left;
content: '\e680';
font: normal 18px/18px Icon7Stroke;
vertical-align: middle;
height: 18px;
width: 18px;
text-align: center;
text-decoration: none;
border: none;
margin: 0 8px 0 0;
background-color: transparent;
position: relative;
}
.widget_layered_nav ul li.chosen a:hover:before,
.widget_layered_nav ul li a:hover:before,
.widget_layered_nav_filters ul li.chosen a:hover:before,
.widget_layered_nav_filters ul li a:hover:before {
background-color: #3ea2e0;
color: #fff;
} .btBox .wp-caption {
margin-bottom: 10px;
}
.wp-caption-text {
font-size: inherit;
} .btBox select {
padding: 10px;
} .btBox.widget_nav_menu ul li {
padding-top: 0;
}
.btBox.widget_nav_menu ul li ul {
margin-left: 15px;
} .btBox .tagcloud a,
.btTags ul a {
display: inline-block;
float: left;
text-transform: uppercase;
padding: 8px 10px;
margin: 0 2px 2px 0;
font-size: .75em !important;
background: #3ea2e0;
color: #FFF;
}
.btTags ul {
list-style: none;
margin: 0;
padding: 0;
}
.btTags ul li {
display: inline-block;
float: left;
padding: 0;
margin: 0;
} .btInstaWrap {
padding-bottom: 20px;
}
.btInstaGrid {
margin: 13px -10px 0;
}
.btInstaGrid span {
display: block;
width: 16.666666667%;
padding: 0 0 10px 10px;
float: left;
}
.btInstaGrid img {
display: block;
width: 100%;
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.btInstaGrid span:hover img {
opacity: .6;
}
.btInstaGrid span:nth-child(6n + 1) {
clear: left;
} .header .btSubTitle span,
.header .btSubTitle p,
.header .btSubTitle a,
.header .btSuperTitle span,
.header .btSuperTitle p,
.header .btSuperTitle a {
display: inline-block;
}
.header .btSubTitle .btArticleDate,
.header .btSubTitle .btArticleAuthor,
.header .btSubTitle .btArticleComments,
.header .btSubTitle .btArticleCategories,
.header .btSuperTitle .btArticleDate,
.header .btSuperTitle .btArticleAuthor,
.header .btSuperTitle .btArticleComments,
.header .btSuperTitle .btArticleCategories {
display: inline-block;
}
.header .btSubTitle .btArticleCategories,
.header .btSuperTitle .btArticleCategories {
text-transform: uppercase;
}
.header .btSubTitle .btArticleCategories a:not(:first-child):before,
.header .btSuperTitle .btArticleCategories a:not(:first-child):before {
content: ' ';
display: inline-block;
margin: -2px 10px 0 10px;
letter-spacing: inherit;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: inherit;
vertical-align: middle;
background-color: #3ea2e0;
}
.btBlogSimpleView {
padding-left: 0 !important;
}
.btBlogSimpleView .btBlogSimpleViewCategories span,
.btBlogSimpleView .btBlogSimpleViewCategories a {
text-transform: uppercase;
}
.btBlogSimpleView .btBlogSimpleViewCategories .asgItem.avatar img {
border-radius: 50%;
max-width: 100px;
float: left;
margin-bottom: 10px;
}
.btArticleDate:not(:last-child):after,
.btArticleAuthor:not(:last-child):after,
.btArticleComments:not(:last-child):after,
.btArticleCategories:not(:last-child):after {
content: ' / ';
padding: 0 .5em;
}
.btLightSkin .btArticleDate:not(:last-child),
.btLightSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btArticleComments:not(:last-child),
.btLightSkin .btArticleCategories:not(:last-child),
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child),
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child),
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child) {
border-color: rgba(0,0,0,.2);
}
.btDarkSkin .btArticleDate:not(:last-child),
.btDarkSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btArticleComments:not(:last-child),
.btDarkSkin .btArticleCategories:not(:last-child),
.btLightSkin .btDarkSkin .btArticleDate:not(:last-child),
.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btDarkSkin .btArticleComments:not(:last-child),
.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child) {
border-color: rgba(255,255,255,.1) !important;
}
.btArticleComments:before {
font-family: FontAwesome;
content: "\f075";
margin: -5px 5px 0 0;
color: rgba(51,51,51,.4);
display: inline-block;
}
.btLightSkin .btArticleComments:before,
.btDarkSkin .btLightSkin .btArticleComments:before {
color: rgba(51,51,51,.4);
}
.btDarkSkin .btArticleComments:before,
.btLightSkin .btDarkSkin .btArticleComments:before {
color: rgba(255,255,255,.4);
}
.btArticle .header h2,
.btArticle .header h3,
.btArticleListItem .header h2,
.btArticleListItem .header h3 {
letter-spacing: 0;
}
.btArticle .header h3 {
font-size: 40px;
}
.bgiTxt .boldArticleMeta {
font-size: 15px;
} .btBox .btImage {
margin-bottom: 10px;
}
.btBox .btImage img {
width: auto;
margin: auto;
} .btContentHolder blockquote {
display: block;
padding: 10px 0 20px 80px;
margin: 0;
font-size: 1.6em;
font-weight: 400;
line-height: 39px;
}
.btContentHolder blockquote:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btContentHolder blockquote:before {
content: '\f10d';
font-family: FontAwesome;
display: block;
margin: 0 0 0 -80px;
font-size: 60px;
opacity: .5;
float: left;
} .btContentHolder pre {
margin: 0 0 30px;
white-space: pre-wrap;
padding: 20px;
border: 1px solid rgba(0,0,0,.2);
} .btContentHolder .alignleft {
float: left;
margin: 0 15px 0 0;
}
.btContentHolder .alignright {
float: right;
margin: 0 0 0 15px;
}
.btContentHolder .aligncenter,
.btContent .alignnone {
text-align: center;
margin: 0 auto;
}
.btContentHolder figure.aligncenter,
.btContent figure.alignnone {
margin: 0 auto 20px;
}
.btContentHolder .alignnone {
width: auto !important;
} .post-password-form input[type="password"] {
padding: 10px;
height: 38px;
border: 1px solid rgba(0,0,0,.2);
width: 100%;
display: block;
margin: 0 0 20px;
}
.post-password-form input[type="submit"] {
display: block;
margin: 0 auto;
color: #FFF;
width: auto;
height: 38px;
background: #3ea2e0;
border: 0;
cursor: pointer;
padding: 0 15px;
font-family: "Roboto";
} .btPagination {
font-family: "Roboto";
font-weight: 600;
font-size: 21px;
}
.btPagination line-height: 38px :after {
display: table;
content: " ";
width: 100%;
clear: both;
}
.btPagination .paging.onLeft {
float: left;
}
.btPagination .paging.onRight {
float: right;
}
.btPagination .paging a {
display: block;
}
.btPagination .paging a:after {
width: 38px;
height: 38px;
border-radius: 50%;
display: block;
text-align: center;
background-color: #3ea2e0;
border: 2px solid #3ea2e0;
color: #fff;
font: 28px/34px Icon7Stroke;
border-radius: 50%;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.btPagination .paging a:hover:after {
color: #3ea2e0;
background-color: transparent;
}
.btPagination .paging .pagePrev a:after {
content: "\e686";
float: left;
margin: 0 10px 0 0;
}
.btPagination .paging .pageNext a:after {
content: "\e684";
float: right;
margin: 0 0 0 10px;
} .btLinkPages ul {
margin-left: 0;
padding-left: 0;
}
.btLinkPages ul li {
list-style: none;
display: inline-block;
} .articleSideGutter {
position: absolute;
top: 0;
left: 0;
line-height: 1.4;
width: 100px;
}
.articleSideGutter .date {
opacity: .8;
}
.btHasAuthorInfo .btArticleListBody {
padding-left: 120px;
} .comment-respond .btnOutline button[type="submit"] {
font-family: "Roboto";
margin: -7px -12px;
padding: 7px 20px;
height: 41px;
background: transparent;
border: 0;
cursor: pointer;
color: inherit;
font-weight: 700;
} .boldPhotoSlide {
position: relative;
} .gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 0 4px;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 5px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media (max-width: 1200px) {
.gallery-item {
width: 100% !important;
max-width: 100% !important;
}
}
h5.author {
line-height: 1.2;
margin: 18px 0 25px;
}
.variableImg {
position: relative;
}
.slidedItem.firstItem .port:after,
.slidedItem .variableImg:after,
.btGhost > .port:after {
content: ' ';
display: block;
background-color: rgba(0,0,0,.7);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.slidedItem .port .btSlideGutter,
.btGhost > .port .rowItem {
position: relative;
z-index: 2;
}
.slidedItem.firstItem .port:after,
.btGhost > .port:after {
background-color: rgba(0,0,0,.6);
}
.slidedItem.slick-current .variableImg:after {
background-color: rgba(0,0,0,0);
}
a#cancel-comment-reply-link {
font-weight: 300;
display: inline-block;
margin: 0 0 0 1em;
padding: 0 0 0 .9em;
color: #fff;
}
a#cancel-comment-reply-link:before {
content: '\e680';
display: block;
float: left;
font-size: 1.7em;
font-family: Icon7Stroke;
margin: 0 0 0 -.9em;
color: #fff;
}
a#cancel-comment-reply-link:hover {
color: #3ea2e0;
}
span.enhanced {
display: block;
float: left;
margin: 0 .3em .1em 0;
padding: 0;
width: 1.8em;
font-size: 1.8em;
height: 1.8em;
line-height: 1.6em;
vertical-align: middle;
text-align: center;
border: 1px solid #333;
border-radius: 1.8em;
}
.btLightSkin span.enhanced,
.btDarkSkin .btLightSkin span.enhanced {
border-color: #333;
}
.btDarkSkin span.enhanced,
.btLightSkin .btDarkSkin span.enhanced {
border-color: #333;
}
span.btHighlight {
display: inline-block;
padding: .06em .5em;
background-color: #3ea2e0;
color: #fff;
}
a.btContinueReading {
font-weight: 800;
color: #3ea2e0;
}
a.btContinueReading:hover {
text-decoration: underline;
}
.btShareArticle:before {
background-color: #3ea2e0;
}
.asgItem.title {
margin: 4px 0 0;
}
.asgItem.title a {
color: #3ea2e0;
}
.asgItem.title a:hover {
text-decoration: underline;
}
.bypostauthor {
font-style: inherit;
} .btIco .btIcoHolder[data-ico-fa]:before {
font-family: FontAwesome;
content: attr(data-ico-fa);
}
.btIco .btIcoHolder[data-ico-s7]:before {
font-family: Icon7Stroke;
content: attr(data-ico-s7);
}
.btIco .btIcoHolder[data-ico-wi]:before {
font-family: WeatherIcons;
content: attr(data-ico-wi);
font-weight: 100;
}
.btIco .btIcoHolder[data-ico-bs]:before {
font-family: CustomBusinessSet;
content: attr(data-ico-bs);
font-weight: 100;
}
.btIco {
display: inline-block;
vertical-align: middle;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.btIco .btIcoHolder {
line-height: inherit;
display: inline-block;
float: left;
}
.btIco .btIcoHolder span,
.btIco .btIcoHolder a {
line-height: inherit;
}
.btIco .btIcoHolder:before {
color: #3ea2e0;
border-radius: 50%;
display: inline-block;
float: left;
text-align: center;
vertical-align: middle;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.btIco.btnInlinePosition .btIcoHolder {
display: inline-block;
}
.btIco.borderless a.btIcoHolder:before {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btIco.btIcoLargeSize .btIcoHolder:before {
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
transition: all .55s ease;
}
.btIco.borderless a.btIcoHolder:before {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btIco.borderless:hover a.btIcoHolder:before {
-webkit-transform: translate3d(0,-3px,0);
-moz-transform: translate3d(0,-3px,0);
-ms-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
} .btIco .btIcoHolder span {
margin-left: .25em;
line-height: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btIco.btIcoLargeSize .btIcoHolder span {
-webkit-transition: all 550ms ease;
-moz-transition: all 550ms ease;
transition: all 550ms ease;
}
.btIco {
margin-left: .25em;
margin-right: .25em;
}
.btIco.btIcoLargeSize {
margin-right: 1em;
margin-left: 1em;
}
.btTextLeft .btIco {
margin-right: .5em;
margin-left: 0;
}
.btTextLeft .btIco.btIcoLargeSize {
margin-right: 2em;
margin-left: 0;
}
.btTextRight .btIco {
margin-left: .5em;
margin-right: 0;
}
.btTextRight .btIco.btIcoLargeSize {
margin-left: 2em;
margin-right: 0;
} .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1em #3ea2e0 inset;
box-shadow: 0 0 0 1em #3ea2e0 inset;
color: #fff;
}
.btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 2px #3ea2e0 inset;
box-shadow: 0 0 0 2px #3ea2e0 inset;
color: #3ea2e0;
} .btIco.btIcoFilledType.btIcoAlternateColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor:hover .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1em #e6361e inset;
box-shadow: 0 0 0 1em #e6361e inset;
color: #fff;
}
.btIco.btIcoFilledType.btIcoAlternateColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 2px #e6361e inset;
box-shadow: 0 0 0 2px #e6361e inset;
color: #3ea2e0;
} .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1em #fff inset;
box-shadow: 0 0 0 1em #fff inset;
color: #111;
}
.btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset;
color: #fff;
}
.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1em #333 inset;
box-shadow: 0 0 0 1em #333 inset;
color: #fff;
}
.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 2px #333 inset;
box-shadow: 0 0 0 2px #333 inset;
color: #333;
} .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before {
color: #3ea2e0;
}
.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before {
color: #333;
}
.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before {
color: #fff;
} .btIco {
line-height: inherit;
}
.btIco .btIcoHolder:before {
font-size: inherit;
width: auto;
height: auto;
line-height: inherit;
}
.btIco .btIcoHolder span {
font-size: inherit;
}
.btIco.btIcoExtraSmallSize {
line-height: 26px;
}
.btIco.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 13px;
width: 26px;
height: 26px;
line-height: 26px;
font-weight: 800;
}
.btIco.btIcoExtraSmallSize .btIcoHolder span {
font-size: 12px;
}
.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 13px;
}
.btIco.btIcoSmallSize {
line-height: 30px;
}
.btIco.btIcoSmallSize .btIcoHolder:before {
font-size: 15px;
width: 30px;
height: 30px;
line-height: 30px;
font-weight: 800;
}
.btIco.btIcoSmallSize .btIcoHolder span {
font-size: 14px;
} .btIco.btIcoMediumSize {
line-height: 50px;
}
.btIco.btIcoMediumSize .btIcoHolder:before {
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
}
.btIco.btIcoMediumSize .btIcoHolder span {
font-size: 16px;
} .btIco.btIcoBigSize {
line-height: 70px;
}
.btIco.btIcoBigSize .btIcoHolder:before {
font-size: 35px;
width: 70px;
height: 70px;
line-height: 70px;
}
.btIco.btIcoBigSize .btIcoHolder span {
font-size: 18px;
}
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 70px;
}
.btIco.btIcoLargeSize {
line-height: 120px;
}
.btIco.btIcoLargeSize .btIcoHolder:before {
font-size: 60px;
width: 120px;
height: 120px;
line-height: 120px;
border-width: 2px;
}
.btIco.btIcoLargeSize .btIcoHolder span {
font-size: 24px;
}
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
font-size: 120px;
}
@media (max-width: 768px) {
.btIco.btIcoBigSize,
.btIco.btIcoLargeSize {
line-height: 50px;
}
.btIco.btIcoBigSize .btIcoHolder:before,
.btIco.btIcoLargeSize .btIcoHolder:before {
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
border-width: 1px;
}
.btIco.btIcoBigSize .btIcoHolder span,
.btIco.btIcoLargeSize .btIcoHolder span {
font-size: 24px;
}
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
font-size: 50px;
}
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 50px;
}
} .btIco.btIcoDefaultType .btIcoHolder:before {
width: auto;
padding: 0 2px;
margin-right: 2px;
} .btIcoAccentColor span {
color: #3ea2e0;
}
.btIcoAccentColor:hover span {
color: #fff;
}
.btLightSkin .btIcoAccentColor:hover span,
.btDarkSkin .btLightSkin .btIcoAccentColor:hover span {
color: #333;
}
.btIcoDefaultColor:hover span {
color: #3ea2e0;
} .btTextLeft .btIconImageRow,
.btTextRight .btIconImageRow {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btTextLeft .btIconImageRow .btIconImageCell,
.btTextRight .btIconImageRow .btIconImageCell {
display: inline-block;
margin: 0 15px;
}
.btTextLeft .btIconImageRow {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btTextLeft .btIconImageRow .btIconImageCell {
margin: 0 15px 0 0;
}
.btTextRight .btIconImageRow {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btTextRight .btIconImageRow .btIconImageCell {
margin: 0 0 0 15px;
}
.btTextCenter .btIconImageRow {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.btTextCenter .btIconImageRow .btIconImageCell {
display: inline-block;
padding: 0 7.5px;
} .btBtn {
cursor: pointer;
display: inline-block;
font-weight: 800;
letter-spacing: 1px;
font-size: 12px;
position: relative;
padding: 10px;
line-height: 1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.btBtn .btIco .btIcoHolder:before,
.btBtn button {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
font-size: inherit;
line-height: inherit;
}
.btBtn .btIco {
display: inline-block;
float: left;
}
.btBtn .btnInnerText {
display: inline-block;
float: left;
font-size: inherit;
line-height: inherit;
}
.btBtn.btnRightPosition .btIco {
float: right;
margin-left: 10px;
margin-right: 0;
}
.btBtn.btnLeftPosition .btIco {
float: left;
margin-right: 10px;
margin-left: 0;
}
.btBtn.btnLeftPosition .btnInnerText {
float: right;
}
.btBtn.btnRightPosition .btIco:before,
.btBtn.btnLeftPosition .btIco:before {
border-radius: 0;
} .btnExtraSmall {
font-size: 11px;
padding: 10px 20px;
text-transform: uppercase;
}
.btnSmall {
font-size: 12px;
padding: 13px 26px;
text-transform: uppercase;
}
.btnMedium {
font-size: 14px;
padding: 15px 30px;
}
.btnBig {
font-size: 16px;
padding: 20px 40px;
}
@media (max-width: 768px) {
.btnBig,
.btnMedium {
font-size: 12px;
padding: 13px 26px;
}
}
.btnNormalWidth {
display: inline-block;
}
.btnFullWidth {
width: 100%;
}
.btnFullWidth .btnInnerText {
float: none;
}
.btTextLeft .btBtn {
margin-right: 10px;
}
.btTextRight .btBtn {
margin-left: 10px;
}
.btTextCenter .btBtn {
margin-left: 10px;
margin-right: 10px;
}  .btnFilledStyle.btnAccentColor,
.btnOutlineStyle.btnAccentColor:hover {
background-color: #3ea2e0;
border: 2px solid #3ea2e0;
}
.btnFilledStyle.btnAccentColor span,
.btnOutlineStyle.btnAccentColor:hover span,
.btnFilledStyle.btnAccentColor span:before,
.btnOutlineStyle.btnAccentColor:hover span:before,
.btnFilledStyle.btnAccentColor a,
.btnOutlineStyle.btnAccentColor:hover a,
.btnFilledStyle.btnAccentColor .btIco a:before,
.btnOutlineStyle.btnAccentColor:hover .btIco a:before,
.btnFilledStyle.btnAccentColor button,
.btnOutlineStyle.btnAccentColor:hover button {
color: #fff !important;
}
.btnOutlineStyle.btnAccentColor,
.btnFilledStyle.btnAccentColor:hover {
background-color: transparent;
border: 2px solid #3ea2e0;
color: #3ea2e0;
}
.btnOutlineStyle.btnAccentColor span,
.btnFilledStyle.btnAccentColor:hover span,
.btnOutlineStyle.btnAccentColor span:before,
.btnFilledStyle.btnAccentColor:hover span:before,
.btnOutlineStyle.btnAccentColor a,
.btnFilledStyle.btnAccentColor:hover a,
.btnOutlineStyle.btnAccentColor .btIco a:before,
.btnFilledStyle.btnAccentColor:hover .btIco a:before,
.btnOutlineStyle.btnAccentColor button,
.btnFilledStyle.btnAccentColor:hover button {
color: #3ea2e0 !important;
}
.btnBorderlessStyle.btnAccentColor span,
.btnBorderlessStyle.btnNormalColor:hover span,
.btnBorderlessStyle.btnAccentColor span:before,
.btnBorderlessStyle.btnNormalColor:hover span:before,
.btnBorderlessStyle.btnAccentColor a,
.btnBorderlessStyle.btnNormalColor:hover a,
.btnBorderlessStyle.btnAccentColor .btIco a:before,
.btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btnBorderlessStyle.btnAccentColor button,
.btnBorderlessStyle.btnNormalColor:hover button {
color: #3ea2e0;
} .btnFilledStyle.btnAlternateColor,
.btnOutlineStyle.btnAlternateColor:hover {
background-color: #e6361e;
border: 2px solid #e6361e;
}
.btnFilledStyle.btnAlternateColor span,
.btnOutlineStyle.btnAlternateColor:hover span,
.btnFilledStyle.btnAlternateColor span:before,
.btnOutlineStyle.btnAlternateColor:hover span:before,
.btnFilledStyle.btnAlternateColor a,
.btnOutlineStyle.btnAlternateColor:hover a,
.btnFilledStyle.btnAlternateColor .btIco a:before,
.btnOutlineStyle.btnAlternateColor:hover .btIco a:before,
.btnFilledStyle.btnAlternateColor button,
.btnOutlineStyle.btnAlternateColor:hover button {
color: #fff !important;
}
.btnOutlineStyle.btnAlternateColor,
.btnFilledStyle.btnAlternateColor:hover {
background-color: transparent;
border: 2px solid #e6361e;
color: #e6361e;
}
.btnOutlineStyle.btnAlternateColor span,
.btnFilledStyle.btnAlternateColor:hover span,
.btnOutlineStyle.btnAlternateColor span:before,
.btnFilledStyle.btnAlternateColor:hover span:before,
.btnOutlineStyle.btnAlternateColor a,
.btnFilledStyle.btnAlternateColor:hover a,
.btnOutlineStyle.btnAlternateColor .btIco a:before,
.btnFilledStyle.btnAlternateColor:hover .btIco a:before,
.btnOutlineStyle.btnAlternateColor button,
.btnFilledStyle.btnAlternateColor:hover button {
color: #e6361e !important;
}
.btnBorderlessStyle.btnAlternateColor span,
.btnBorderlessStyle.btnAlternateColor span:before,
.btnBorderlessStyle.btnAlternateColor a,
.btnBorderlessStyle.btnAlternateColor .btIco a:before,
.btnBorderlessStyle.btnAlternateColor button {
color: #e6361e;
} .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button {
color: #333;
}
.btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button {
color: #fff;
}
.btLightSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover {
border: 2px solid #333;
background-color: #333;
color: #fff !important;
}
.btLightSkin .btnFilledStyle.btnNormalColor span,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
.btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
.btLightSkin .btnFilledStyle.btnNormalColor a,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
.btLightSkin .btnFilledStyle.btnNormalColor a:before,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btLightSkin .btnFilledStyle.btnNormalColor button,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover button,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button {
color: #fff !important;
}
.btLightSkin .btnOutlineStyle.btnNormalColor,
.btLightSkin .btnFilledStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover {
border: 2px solid #333;
background-color: transparent;
color: #333;
}
.btLightSkin .btnOutlineStyle.btnNormalColor span,
.btLightSkin .btnFilledStyle.btnNormalColor:hover span,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
.btLightSkin .btnOutlineStyle.btnNormalColor span:before,
.btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btLightSkin .btnOutlineStyle.btnNormalColor a,
.btLightSkin .btnFilledStyle.btnNormalColor:hover a,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
.btLightSkin .btnOutlineStyle.btnNormalColor a:before,
.btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btLightSkin .btnOutlineStyle.btnNormalColor button,
.btLightSkin .btnFilledStyle.btnNormalColor:hover button,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button {
color: #333 !important;
}
.btDarkSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover {
border: 2px solid #fff;
background-color: #fff;
color: #333;
}
.btDarkSkin .btnFilledStyle.btnNormalColor span,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
.btDarkSkin .btnFilledStyle.btnNormalColor span:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
.btDarkSkin .btnFilledStyle.btnNormalColor a,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
.btDarkSkin .btnFilledStyle.btnNormalColor a:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btDarkSkin .btnFilledStyle.btnNormalColor button,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button {
color: #333 !important;
}
.btDarkSkin .btnOutlineStyle.btnNormalColor,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover {
border: 2px solid #fff;
background-color: transparent;
color: #fff;
}
.btDarkSkin .btnOutlineStyle.btnNormalColor span,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
.btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor a,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
.btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor button,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button {
color: #fff !important;
}
.btLightSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btnOutlineStyle.btnLightColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover {
background: rgba(0,0,0,.2);
border: 2px solid rgba(0,0,0,.2);
}
.btLightSkin .btnOutlineStyle.btnLightColor,
.btLightSkin .btnFilledStyle.btnLightColor:hover,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover {
background-color: transparent;
border: 2px solid rgba(0,0,0,.2);
}
.btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover {
background: rgba(0,0,0,.2);
border: 2px solid;
}
.btDarkSkin .btnOutlineStyle.btnLightColor,
.btDarkSkin .btnFilledStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover {
background-color: transparent;
border: 2px solid #fff;
color: #fff !important;
}
.btDarkSkin .btnOutlineStyle.btnLightColor a,
.btDarkSkin .btnFilledStyle.btnLightColor:hover a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
.btDarkSkin .btnOutlineStyle.btnLightColor a:before,
.btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
.btDarkSkin .btnOutlineStyle.btnLightColor button,
.btDarkSkin .btnFilledStyle.btnLightColor:hover button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
.btDarkSkin .btnOutlineStyle.btnLightColor span,
.btDarkSkin .btnFilledStyle.btnLightColor:hover span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span {
color: #fff !important;
} .btSeparator {
clear: both;
}
.btSeparator hr {
clear: both;
border: none;
padding: 0;
margin: 0;
}
.btLightSkin .btSeparator hr,
.btDarkSkin .btLightSkin .btSeparator hr {
border-bottom: 3px solid rgba(0,0,0,.07);
}
.btDarkSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btSeparator hr {
border-bottom: 3px solid rgba(255,255,255,.02);
}
.btSeparator.noBorder hr {
border-bottom: 0 solid transparent !important;
} .btCounterHolder {
font-family: "Roboto";
}
.btCounterHolder {
font-size: 70px;
line-height: 75px;
height: 75px;
font-weight: 700;
letter-spacing: -2px;
overflow: hidden;
}
.btCounterHolder .btCounter {
display: block;
height: 75px;
overflow: hidden;
}
.btCounterHolder span.onedigit {
display: inline-block;
height: 70px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.btCounterHolder span.onedigit span {
display: block;
position: relative;
height: 75px;
}
.btLightSkin .btCounterHolder,
.btDarkSkin .btLightSkin .btCounterHolder {
color: #222;
}
.btDarkSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btCounterHolder {
color: #fff;
}
.btCounterHolder .btCountdownHolder {
overflow: hidden;
padding-top: 10px;
}
.btCounterHolder .btCountdownHolder > span {
vertical-align: top;
display: inline-block;
}
.btCounterHolder .btCountdownHolder > span > span {
display: inline-block;
}
.btCounterHolder .btCountdownHolder > span > span > span {
display: block;
width: .6em;
text-align: center;
-webkit-transition: transform 0ms ease-out;
-moz-transition: transform 0ms ease-out;
transition: transform 0ms ease-out;
-webkit-transform: translateY(-75px);
-moz-transform: translateY(-75px);
-ms-transform: translateY(-75px);
transform: translateY(-75px);
}
.btCounterHolder .btCountdownHolder span.days span {
width: .6em;
text-align: center;
}
.btCounterHolder .btCountdownHolder .days,
.btCounterHolder .btCountdownHolder .hours,
.btCounterHolder .btCountdownHolder .minutes,
.btCounterHolder .btCountdownHolder .seconds {
position: relative;
}
.btCounterHolder .btCountdownHolder .days_text,
.btCounterHolder .btCountdownHolder .hours_text,
.btCounterHolder .btCountdownHolder .minutes_text,
.btCounterHolder .btCountdownHolder .seconds_text {
position: absolute;
left: 50%;
width: auto !important;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
color: #3ea2e0;
-webkit-backface-visibility: hidden;
line-height: 1;
letter-spacing: 3px;
margin-top: -10px;
}
.btCounterHolder .btCountdownHolder .days_text span,
.btCounterHolder .btCountdownHolder .hours_text span,
.btCounterHolder .btCountdownHolder .minutes_text span,
.btCounterHolder .btCountdownHolder .seconds_text span {
width: auto !important;
-webkit-transform: translate(-50%,0) !important;
-moz-transform: translate(-50%,0) !important;
-ms-transform: translate(-50%,0) !important;
transform: translate(-50%,0) !important;
}
.btCounterHolder .btCountdownHolder .countdown_anim {
-webkit-transition: transform 200ms ease-out;
-moz-transition: transform 200ms ease-out;
transition: transform 200ms ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.btCounterHolder.btCounterLargeSize {
font-size: 90px;
line-height: 95px;
height: 95px;
font-weight: 700;
}
.btCounterHolder.btCounterLargeSize .btCounter {
height: 95px;
}
.btCounterHolder.btCounterLargeSize span.onedigit {
height: 90px;
}
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 95px;
}
.btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span {
-webkit-transform: translateY(-95px);
-moz-transform: translateY(-95px);
-ms-transform: translateY(-95px);
transform: translateY(-95px);
}
.btCounterHolder.btCounterLargeSize .btCountdownHolder .countdown_anim {
-webkit-transition: transform 200ms ease-out;
-moz-transition: transform 200ms ease-out;
transition: transform 200ms ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .btProgressContent {
background-color: rgba(0,0,0,.07);
line-height: 2.4;
overflow: hidden;
}
.btProgressContent .btProgressAnim {
background-color: #3ea2e0;
color: #fff;
text-align: right;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
width: auto;
}
.btProgressContent .btProgressAnim span {
display: block;
padding: 0 8px;
vertical-align: middle;
font-weight: 700;
}
.btProgressBarLineStyle .btProgressContent {
background-color: transparent !important;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim {
background-color: transparent;
color: #3ea2e0;
border-bottom: 4px solid #3ea2e0;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim span {
font-weight: 300;
}
.btLightSkin .btProgressContent,
.btDarkSkin .btLightSkin .btProgressContent {
background-color: rgba(0,0,0,.07);
}
.btDarkSkin .btProgressContent,
.btLightSkin .btDarkSkin .btProgressContent {
background-color: rgba(255,255,255,.02);
}
@media (max-width: 768px) {
.btProgressContent {
line-height: 1.5;
}
} .btImage {
display: block;
}
.btImage img {
max-width: 100%;
height: auto;
display: block;
width: 100%;
}
.btTextIndent .btImage img {
width: 100%;
max-width: none;
display: block;
margin: 0;
}
.bpgPhoto {
overflow: hidden;
position: relative;
}
.bpgPhoto > a {
display: block;
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.bpgPhoto .captionPane {
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #3ea2e0 !important;
right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
z-index: 6;
pointer-events: none;
}
.bpgPhoto .captionPane .captionTable {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.bpgPhoto .captionPane .captionTable .captionCell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {
content: "\e623";
font: normal 50px/2 Icon7Stroke;
display: block;
margin: 0 auto 20;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt {
display: block;
padding: 0 20px;
color: #FFF;
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 400ms ease 200ms;
-moz-transition: all 400ms ease 200ms;
transition: all 400ms ease 200ms;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h4,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt p,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt a,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSubTitle {
color: #fff;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleDate:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleAuthor:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleComments:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleCategories:not(:last-child) {
border-color: rgba(255,255,255,.5) !important;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:after,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:before {
border-color: #fff;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p {
display: block !important;
margin: 5px auto;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p:before {
content: "\f00c";
font: normal 11px/1 FontAwesome;
padding-right: 5px;
margin-left: -10px;
}
.btCircleImage {
border-radius: 50%;
border: 3px solid white;
overflow: hidden;
}
.btCircleImage .captionPane {
border-radius: 50%;
}
.btCircleImage .btImage img {
width: auto;
}
.btTextRight .bpgPhoto {
float: right;
}
.btTextCenter .bpgPhoto {
display: inline-block;
float: none;
}
.btTextCenter .tilesWall .bpgPhoto {
display: block;
}
.cellRight .bpgPhoto {
float: right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.captionPane {
right: -1px;
}
}
.touch .captionPane {
display: none !important;
}
.btShowTitle {
position: absolute;
top: auto;
bottom: 0;
margin: 0;
padding: 20px 20px;
right: 0;
left: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
display: none;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.btShowTitle .header {
margin: 0;
}
.btLightSkin .btShowTitle,
.btDarkSkin .btLightSkin .btShowTitle {
color: #333;
background-color: rgba(255,255,255,.8);
}
.btDarkSkin .btShowTitle,
.btLightSkin .btDarkSkin .btShowTitle {
color: #fff;
background-color: rgba(17,17,17,.8);
}
.btHasTitles .btShowTitle,
html.touch .btShowTitle {
display: block;
}
.btShowTitle span,
.btShowTitle strong {
display: block;
}
.bpgPhoto:hover .captionPane {
opacity: .7;
}
.bpgPhoto:hover .captionPane .captionTable .captionTxt {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bpgPhoto:hover .btShowTitle {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.in-top:not(.btCircleImage) .captionPane {
-webkit-animation: in-top 300ms ease 0ms 1 forwards;
-moz-animation: in-top 300ms ease 0ms 1 forwards;
animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right:not(.btCircleImage) .captionPane {
-webkit-animation: in-right 300ms ease 0ms 1 forwards;
-moz-animation: in-right 300ms ease 0ms 1 forwards;
animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom:not(.btCircleImage) .captionPane {
-webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
-moz-animation: in-bottom 300ms ease 0ms 1 forwards;
animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left:not(.btCircleImage) .captionPane {
-webkit-animation: in-left 300ms ease 0ms 1 forwards;
-moz-animation: in-left 300ms ease 0ms 1 forwards;
animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top:not(.btCircleImage) .captionPane {
-webkit-animation: out-top 300ms ease 0ms 1 forwards;
-moz-animation: out-top 300ms ease 0ms 1 forwards;
animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right:not(.btCircleImage) .captionPane {
-webkit-animation: out-right 300ms ease 0ms 1 forwards;
-moz-animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom:not(.btCircleImage) .captionPane {
-webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
-moz-animation: out-bottom 300ms ease 0ms 1 forwards;
animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left:not(.btCircleImage) .captionPane {
-webkit-animation: out-left 300ms ease 0ms 1 forwards;
-moz-animation: out-left 300ms ease 0ms 1 forwards;
animation: out-left 300ms ease 0ms 1 forwards;
}
@-webkit-keyframes in-top {
from {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-top {
from {
-moz-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-top {
from {
-webkit-transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-top {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-moz-keyframes out-top {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@keyframes out-top {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-webkit-keyframes in-right {
from {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-right {
from {
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-right {
from {
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-right {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-moz-keyframes out-right {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@keyframes out-right {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-webkit-keyframes in-bottom {
from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-bottom {
from {
-moz-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-bottom {
from {
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-bottom {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-moz-keyframes out-bottom {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@keyframes out-bottom {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-webkit-keyframes in-left {
from {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-left {
from {
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-left {
from {
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
-ms-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-left {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@-moz-keyframes out-left {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@keyframes out-left {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
-ms-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
} .btPriceTable {
position: relative;
border-top: 0;
}
.btPriceTable .btPriceTableHeader {
background: #3ea2e0;
padding: 30px 40px;
margin-left: -1px;
margin-right: -1px;
}
.btPriceTable .btPriceTableHeader .header .btSuperTitle {
color: white;
}
.btPriceTable .btPriceTableHeader .header .dash:after,
.btPriceTable .btPriceTableHeader .header .dash:before {
border-color: white;
}
.btPriceTable .btPriceTableHeader .header.extralarge {
margin: 0;
}
.btPriceTable .btPriceTableHeader .header .btPriceTableCurrency {
opacity: .3;
padding-right: 10px;
}
.btPriceTable .btSubTitle {
font-weight: 300;
}
.btPriceTable ul {
list-style: none;
margin: 0;
padding: 0;
}
.btPriceTable ul li {
display: block;
padding: 30px;
margin: 0;
margin: 0 20px;
}
.btLightSkin .btPriceTable ul li,
.btDarkSkin .btLightSkin .btPriceTable ul li {
border-bottom: rgba(0,0,0,.2) 1px solid;
}
.btLightSkin .btPriceTable ul li:last-child,
.btDarkSkin .btLightSkin .btPriceTable ul li:last-child {
border-bottom: none;
}
.btDarkSkin .btPriceTable,
.btLightSkin .btDarkSkin .btPriceTable {
border: rgba(255,255,255,.1) 1px solid;
}
.btDarkSkin .btPriceTable ul li,
.btLightSkin .btDarkSkin .btPriceTable ul li {
border-bottom: rgba(255,255,255,.1) 1px solid;
}
.btDarkSkin .btPriceTable ul li:last-child,
.btLightSkin .btDarkSkin .btPriceTable ul li:last-child {
border-bottom: none;
}
.btPriceTableSticker {
padding: 10px;
position: absolute;
top: -50px;
left: 15px;
right: 0;
background: #111;
color: #fff;
width: 100px;
height: 100px;
border-radius: 50px;
font-family: "Roboto";
}
.btPriceTableSticker > div {
display: table;
height: 100%;
width: 100%;
}
.btPriceTableSticker > div > div {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 15px;
}
.btLightSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker {
background: #111;
color: #fff;
}
.btDarkSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker {
background: #fff;
color: #333;
} .btHighlight .servicesItem {
padding-left: 15px;
padding-right: 15px;
}
.btTextCenter .sIcon {
margin-bottom: 20px;
}
.btTextRight .sIcon {
float: right;
display: block;
position: relative;
z-index: 2;
margin: 0 0 0 -100%;
}
.btTextRight .sTxt {
position: relative;
float: right;
}
.btTextLeft .sIcon {
float: left;
display: block;
position: relative;
z-index: 2;
margin: 0 -100% 0 0;
}
.btTextLeft .sTxt {
position: relative;
float: left;
}
.sTxt h1,
.sTxt h2,
.sTxt h3,
.sTxt h4 {
clear: none;
}
.sTxt .header.small.btDash {
margin-bottom: 0;
}
.btTextRight .btIcoSmallSizeIcon .sTxt {
margin-right: 45px;
}
.btTextLeft .btIcoSmallSizeIcon .sTxt {
margin-left: 45px;
}
.btTextLeft .btIcoMediumSizeIcon .sTxt {
margin-left: 65px;
}
.btTextRight .btIcoMediumSizeIcon .sTxt {
margin-right: 65px;
}
.btTextLeft .btIcoBigSizeIcon .sTxt {
margin-left: 85px;
}
.btTextRight .btIcoMediumSizeIcon .sTxt {
margin-right: 85px;
}
.btTextLeft .btIcoLargeSizeIcon .sTxt {
margin-left: 135px;
}
.btTextRight .btIcoLargeSizeIcon .sTxt {
margin-right: 135px;
}
.btLightSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after,
.btLightSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before,
.btDarkSkin .btLightSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after,
.btDarkSkin .btLightSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before {
border-color: #333;
}
.btDarkSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after,
.btDarkSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before,
.btLightSkin .btDarkSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after,
.btLightSkin .btDarkSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before {
border-color: #fff;
}
.servicesItem:after {
display: table;
content: " ";
clear: both;
width: 100%;
}
.btTextLeft .mediumIcon .sTxt {
margin-left: 80px;
}
.sTxt p:last-of-type,
.btText p:last-of-type {
margin-bottom: 0;
} .header {
display: block;
margin-bottom: 10px;
}
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
margin: 0;
}
.header .dash {
display: inline-block;
}
.header .btSuperTitle {
font-family: "Roboto";
font-size: 11px;
letter-spacing: 3px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 15px;
color: #3ea2e0;
-webkit-backface-visibility: hidden;
}
.header .btSubTitle {
font-family: "Roboto";
font-size: 18px;
padding-top: 0;
line-height: 28px;
}
.header .dash:after,
.header .dash:before {
margin-top: 5px;
margin-bottom: 5px;
}
.header .headline {
display: block;
}
.btDash.bottomDash .dash:after,
.btDash.topDash .dash:before {
content: '';
clear: both;
width: 100%;
display: block;
border-bottom: 3px solid #3ea2e0;
}
.header.small {
margin-bottom: 6px;
}
.header.small h3,
.header.small h4 {
font-size: 24px;
padding-top: 2px;
padding-bottom: 0;
letter-spacing: -1px;
line-height: 26px;
}
.header.small .btSuperTitle {
font-size: 11px;
padding-bottom: 2px;
letter-spacing: 2px;
line-height: 16px;
text-transform: uppercase;
}
.header.small .btSubTitle {
font-size: 14px;
padding-top: 1px;
padding-bottom: 1px;
line-height: 20px;
letter-spacing: 0;
}
.header.small .dash:after,
.header.small .dash:before {
margin-top: 3px;
margin-bottom: 3px;
}
.header.medium {
margin-bottom: 10px;
}
.header.medium h2,
.header.medium h3 {
font-size: 48px;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: -1px;
line-height: 48px;
}
.header.medium .btSuperTitle {
font-size: 18px;
letter-spacing: -1px;
}
.header.medium .btSubTitle {
font-size: 20px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 30px;
}
.header.medium .dash:after,
.header.medium .dash:before {
margin-top: 5px;
margin-bottom: 5px;
}
.header.large {
margin-bottom: 10px;
}
.header.large h2,
.header.large h1 {
font-size: 60px;
letter-spacing: -1.5px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 60px;
}
.header.large .dash:after,
.header.large .dash:before {
border-color: #3ea2e0;
margin-top: 5px;
margin-bottom: 5px;
}
.header.large .btSubTitle a:hover {
color: #3ea2e0;
}
.header.extralarge {
margin-bottom: 10px;
}
.header.extralarge h1 {
font-size: 90px;
letter-spacing: -4px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 96px;
}
.header.extralarge .btSuperTitle {
letter-spacing: -1px;
}
.header.extralarge .btSuperTitle,
.header.extralarge .btSubTitle {
font-size: 24px;
line-height: 34px;
}
.header.extralarge .dash:after,
.header.extralarge .dash:before {
margin-top: 5px;
margin-bottom: 8px;
}
.header.huge {
margin-bottom: 10px;
}
.header.huge h1 {
font-size: 150px;
letter-spacing: -5px;
line-height: 160px;
font-weight: 900;
}
.header.huge .btSuperTitle {
font-size: 14px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 18px;
}
.header.huge .btSubTitle {
font-size: 21px;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 25px;
}
.header.huge .dash:after,
.header.huge .dash:before {
border-color: #3ea2e0;
border-width: 3px;
margin-top: 0;
margin-bottom: 5px;
}
.btTextRight .dash:before,
.btTextRight .dash:after {
float: right;
}
.btTextLeft .dash:before,
.btTextLeft .dash:after {
float: left;
}
.btTextCenter .dash:before,
.btTextCenter .dash:after,
.captionTxt .dash:before,
.captionTxt .dash:after {
margin-left: auto;
margin-right: auto;
} .btGridContainer {
overflow: hidden;
}
.btGridContainer .btGridContent {
padding: 28px;
}
.btGridContainer .btGridContent p {
max-height: 5.4em;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.gridItem {
opacity: .05;
-webkit-transition: transform 360ms ease 500ms,opacity .5s ease;
-moz-transition: transform 360ms ease 500ms,opacity .5s ease;
transition: transform 360ms ease 500ms,opacity .5s ease;
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.gridItem .slick-prev,
.gridItem .slick-next {
display: none !important;
}
.gridItem .nbsImgHolder {
display: none !important;
}
.gridItem.btMarkedImage {
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
.btLightSkin .gridItem,
.btDarkSkin .btLightSkin .gridItem {
background-color: rgba(0,0,0,.07);
}
.btDarkSkin .gridItem,
.btLightSkin .btDarkSkin .gridItem {
background-color: rgba(255,255,255,.02);
}
.gridItem.btGridItemLoaded {
opacity: 1;
}
.gridItem:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 5px solid white;
pointer-events: none;
z-index: 10;
}
.btDarkSkin .gridItem:after,
.btLightSkin .btDarkSkin .gridItem:after {
border-color: #111 !important;
}
.btLightSkin .gridItem:after,
.btDarkSkin .btLightSkin .gridItem:after {
border-color: #fff !important;
}
.btNoMore {
display: none;
opacity: 1;
}
.btGridContent {
padding: 10px;
}
.btGridContent .header .btSuperTitle a:hover {
color: #3ea2e0;
}
.btGridGap-0 .gridItem:after {
border: 0;
border-right: 0 solid white;
border-bottom: 0 solid white;
}
.btGridGap-0 .btGridOuterContent {
padding: 0;
padding-right: 10px;
padding-bottom: -10px;
}
.boldSection .btGridGap-0 .tilesWall,
.boldSection .btGridGap-0.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -0px;
}
.boldSection.gutter .btGridGap-0 .tilesWall,
.boldSection.gutter .btGridGap-0.tilesWall {
margin: 0;
margin-right: -0px;
margin-bottom: -0px;
}
.btGridGap-0 .tilesWall.classic .btGridOuterContent {
padding-bottom: 0;
padding-right: 0;
}
.btGridGap-0 .tilesWall .captionPane {
margin-bottom: 0;
margin-right: 0;
}
.btGridGap-0 .tilesWall .btShowTitle {
margin-bottom: 0;
right: 0;
}
.btGridGap-1 .gridItem:after {
border: 0;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
.btGridGap-1 .btGridOuterContent {
padding: 0;
padding-right: 11px;
padding-bottom: -11px;
}
.boldSection .btGridGap-1 .tilesWall,
.boldSection .btGridGap-1.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 1px;
margin-right: 0;
margin-bottom: -1px;
}
.boldSection.gutter .btGridGap-1 .tilesWall,
.boldSection.gutter .btGridGap-1.tilesWall {
margin: 0;
margin-right: -1px;
margin-bottom: -1px;
}
.btGridGap-1 .tilesWall.classic .btGridOuterContent {
padding-bottom: 1px;
padding-right: 1px;
}
.btGridGap-1 .tilesWall .captionPane {
margin-bottom: 1px;
margin-right: 1px;
}
.btGridGap-1 .tilesWall .btShowTitle {
margin-bottom: 1px;
right: 1px;
}
.btGridGap-2 .gridItem:after {
border: 0;
border-right: 2px solid white;
border-bottom: 2px solid white;
}
.btGridGap-2 .btGridOuterContent {
padding: 0;
padding-right: 12px;
padding-bottom: -12px;
}
.boldSection .btGridGap-2 .tilesWall,
.boldSection .btGridGap-2.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 2px;
margin-right: 0;
margin-bottom: -2px;
}
.boldSection.gutter .btGridGap-2 .tilesWall,
.boldSection.gutter .btGridGap-2.tilesWall {
margin: 0;
margin-right: -2px;
margin-bottom: -2px;
}
.btGridGap-2 .tilesWall.classic .btGridOuterContent {
padding-bottom: 2px;
padding-right: 2px;
}
.btGridGap-2 .tilesWall .captionPane {
margin-bottom: 2px;
margin-right: 2px;
}
.btGridGap-2 .tilesWall .btShowTitle {
margin-bottom: 2px;
right: 2px;
}
.btGridGap-3 .gridItem:after {
border: 0;
border-right: 3px solid white;
border-bottom: 3px solid white;
}
.btGridGap-3 .btGridOuterContent {
padding: 0;
padding-right: 13px;
padding-bottom: -13px;
}
.boldSection .btGridGap-3 .tilesWall,
.boldSection .btGridGap-3.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 3px;
margin-right: 0;
margin-bottom: -3px;
}
.boldSection.gutter .btGridGap-3 .tilesWall,
.boldSection.gutter .btGridGap-3.tilesWall {
margin: 0;
margin-right: -3px;
margin-bottom: -3px;
}
.btGridGap-3 .tilesWall.classic .btGridOuterContent {
padding-bottom: 3px;
padding-right: 3px;
}
.btGridGap-3 .tilesWall .captionPane {
margin-bottom: 3px;
margin-right: 3px;
}
.btGridGap-3 .tilesWall .btShowTitle {
margin-bottom: 3px;
right: 3px;
}
.btGridGap-4 .gridItem:after {
border: 0;
border-right: 4px solid white;
border-bottom: 4px solid white;
}
.btGridGap-4 .btGridOuterContent {
padding: 0;
padding-right: 14px;
padding-bottom: -14px;
}
.boldSection .btGridGap-4 .tilesWall,
.boldSection .btGridGap-4.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 4px;
margin-right: 0;
margin-bottom: -4px;
}
.boldSection.gutter .btGridGap-4 .tilesWall,
.boldSection.gutter .btGridGap-4.tilesWall {
margin: 0;
margin-right: -4px;
margin-bottom: -4px;
}
.btGridGap-4 .tilesWall.classic .btGridOuterContent {
padding-bottom: 4px;
padding-right: 4px;
}
.btGridGap-4 .tilesWall .captionPane {
margin-bottom: 4px;
margin-right: 4px;
}
.btGridGap-4 .tilesWall .btShowTitle {
margin-bottom: 4px;
right: 4px;
}
.btGridGap-5 .gridItem:after {
border: 0;
border-right: 5px solid white;
border-bottom: 5px solid white;
}
.btGridGap-5 .btGridOuterContent {
padding: 0;
padding-right: 15px;
padding-bottom: -15px;
}
.boldSection .btGridGap-5 .tilesWall,
.boldSection .btGridGap-5.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 5px;
margin-right: 0;
margin-bottom: -5px;
}
.boldSection.gutter .btGridGap-5 .tilesWall,
.boldSection.gutter .btGridGap-5.tilesWall {
margin: 0;
margin-right: -5px;
margin-bottom: -5px;
}
.btGridGap-5 .tilesWall.classic .btGridOuterContent {
padding-bottom: 5px;
padding-right: 5px;
}
.btGridGap-5 .tilesWall .captionPane {
margin-bottom: 5px;
margin-right: 5px;
}
.btGridGap-5 .tilesWall .btShowTitle {
margin-bottom: 5px;
right: 5px;
}
.btGridGap-6 .gridItem:after {
border: 0;
border-right: 6px solid white;
border-bottom: 6px solid white;
}
.btGridGap-6 .btGridOuterContent {
padding: 0;
padding-right: 16px;
padding-bottom: -16px;
}
.boldSection .btGridGap-6 .tilesWall,
.boldSection .btGridGap-6.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 6px;
margin-right: 0;
margin-bottom: -6px;
}
.boldSection.gutter .btGridGap-6 .tilesWall,
.boldSection.gutter .btGridGap-6.tilesWall {
margin: 0;
margin-right: -6px;
margin-bottom: -6px;
}
.btGridGap-6 .tilesWall.classic .btGridOuterContent {
padding-bottom: 6px;
padding-right: 6px;
}
.btGridGap-6 .tilesWall .captionPane {
margin-bottom: 6px;
margin-right: 6px;
}
.btGridGap-6 .tilesWall .btShowTitle {
margin-bottom: 6px;
right: 6px;
}
.btGridGap-7 .gridItem:after {
border: 0;
border-right: 7px solid white;
border-bottom: 7px solid white;
}
.btGridGap-7 .btGridOuterContent {
padding: 0;
padding-right: 17px;
padding-bottom: -17px;
}
.boldSection .btGridGap-7 .tilesWall,
.boldSection .btGridGap-7.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 7px;
margin-right: 0;
margin-bottom: -7px;
}
.boldSection.gutter .btGridGap-7 .tilesWall,
.boldSection.gutter .btGridGap-7.tilesWall {
margin: 0;
margin-right: -7px;
margin-bottom: -7px;
}
.btGridGap-7 .tilesWall.classic .btGridOuterContent {
padding-bottom: 7px;
padding-right: 7px;
}
.btGridGap-7 .tilesWall .captionPane {
margin-bottom: 7px;
margin-right: 7px;
}
.btGridGap-7 .tilesWall .btShowTitle {
margin-bottom: 7px;
right: 7px;
}
.btGridGap-8 .gridItem:after {
border: 0;
border-right: 8px solid white;
border-bottom: 8px solid white;
}
.btGridGap-8 .btGridOuterContent {
padding: 0;
padding-right: 18px;
padding-bottom: -18px;
}
.boldSection .btGridGap-8 .tilesWall,
.boldSection .btGridGap-8.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 8px;
margin-right: 0;
margin-bottom: -8px;
}
.boldSection.gutter .btGridGap-8 .tilesWall,
.boldSection.gutter .btGridGap-8.tilesWall {
margin: 0;
margin-right: -8px;
margin-bottom: -8px;
}
.btGridGap-8 .tilesWall.classic .btGridOuterContent {
padding-bottom: 8px;
padding-right: 8px;
}
.btGridGap-8 .tilesWall .captionPane {
margin-bottom: 8px;
margin-right: 8px;
}
.btGridGap-8 .tilesWall .btShowTitle {
margin-bottom: 8px;
right: 8px;
}
.btGridGap-9 .gridItem:after {
border: 0;
border-right: 9px solid white;
border-bottom: 9px solid white;
}
.btGridGap-9 .btGridOuterContent {
padding: 0;
padding-right: 19px;
padding-bottom: -19px;
}
.boldSection .btGridGap-9 .tilesWall,
.boldSection .btGridGap-9.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 9px;
margin-right: 0;
margin-bottom: -9px;
}
.boldSection.gutter .btGridGap-9 .tilesWall,
.boldSection.gutter .btGridGap-9.tilesWall {
margin: 0;
margin-right: -9px;
margin-bottom: -9px;
}
.btGridGap-9 .tilesWall.classic .btGridOuterContent {
padding-bottom: 9px;
padding-right: 9px;
}
.btGridGap-9 .tilesWall .captionPane {
margin-bottom: 9px;
margin-right: 9px;
}
.btGridGap-9 .tilesWall .btShowTitle {
margin-bottom: 9px;
right: 9px;
}
.btGridGap-10 .gridItem:after {
border: 0;
border-right: 10px solid white;
border-bottom: 10px solid white;
}
.btGridGap-10 .btGridOuterContent {
padding: 0;
padding-right: 20px;
padding-bottom: -20px;
}
.boldSection .btGridGap-10 .tilesWall,
.boldSection .btGridGap-10.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 10px;
margin-right: 0;
margin-bottom: -10px;
}
.boldSection.gutter .btGridGap-10 .tilesWall,
.boldSection.gutter .btGridGap-10.tilesWall {
margin: 0;
margin-right: -10px;
margin-bottom: -10px;
}
.btGridGap-10 .tilesWall.classic .btGridOuterContent {
padding-bottom: 10px;
padding-right: 10px;
}
.btGridGap-10 .tilesWall .captionPane {
margin-bottom: 10px;
margin-right: 10px;
}
.btGridGap-10 .tilesWall .btShowTitle {
margin-bottom: 10px;
right: 10px;
}
.btGridGap-11 .gridItem:after {
border: 0;
border-right: 11px solid white;
border-bottom: 11px solid white;
}
.btGridGap-11 .btGridOuterContent {
padding: 0;
padding-right: 21px;
padding-bottom: -21px;
}
.boldSection .btGridGap-11 .tilesWall,
.boldSection .btGridGap-11.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 11px;
margin-right: 0;
margin-bottom: -11px;
}
.boldSection.gutter .btGridGap-11 .tilesWall,
.boldSection.gutter .btGridGap-11.tilesWall {
margin: 0;
margin-right: -11px;
margin-bottom: -11px;
}
.btGridGap-11 .tilesWall.classic .btGridOuterContent {
padding-bottom: 11px;
padding-right: 11px;
}
.btGridGap-11 .tilesWall .captionPane {
margin-bottom: 11px;
margin-right: 11px;
}
.btGridGap-11 .tilesWall .btShowTitle {
margin-bottom: 11px;
right: 11px;
}
.btGridGap-12 .gridItem:after {
border: 0;
border-right: 12px solid white;
border-bottom: 12px solid white;
}
.btGridGap-12 .btGridOuterContent {
padding: 0;
padding-right: 22px;
padding-bottom: -22px;
}
.boldSection .btGridGap-12 .tilesWall,
.boldSection .btGridGap-12.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 12px;
margin-right: 0;
margin-bottom: -12px;
}
.boldSection.gutter .btGridGap-12 .tilesWall,
.boldSection.gutter .btGridGap-12.tilesWall {
margin: 0;
margin-right: -12px;
margin-bottom: -12px;
}
.btGridGap-12 .tilesWall.classic .btGridOuterContent {
padding-bottom: 12px;
padding-right: 12px;
}
.btGridGap-12 .tilesWall .captionPane {
margin-bottom: 12px;
margin-right: 12px;
}
.btGridGap-12 .tilesWall .btShowTitle {
margin-bottom: 12px;
right: 12px;
}
.btGridGap-13 .gridItem:after {
border: 0;
border-right: 13px solid white;
border-bottom: 13px solid white;
}
.btGridGap-13 .btGridOuterContent {
padding: 0;
padding-right: 23px;
padding-bottom: -23px;
}
.boldSection .btGridGap-13 .tilesWall,
.boldSection .btGridGap-13.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 13px;
margin-right: 0;
margin-bottom: -13px;
}
.boldSection.gutter .btGridGap-13 .tilesWall,
.boldSection.gutter .btGridGap-13.tilesWall {
margin: 0;
margin-right: -13px;
margin-bottom: -13px;
}
.btGridGap-13 .tilesWall.classic .btGridOuterContent {
padding-bottom: 13px;
padding-right: 13px;
}
.btGridGap-13 .tilesWall .captionPane {
margin-bottom: 13px;
margin-right: 13px;
}
.btGridGap-13 .tilesWall .btShowTitle {
margin-bottom: 13px;
right: 13px;
}
.btGridGap-14 .gridItem:after {
border: 0;
border-right: 14px solid white;
border-bottom: 14px solid white;
}
.btGridGap-14 .btGridOuterContent {
padding: 0;
padding-right: 24px;
padding-bottom: -24px;
}
.boldSection .btGridGap-14 .tilesWall,
.boldSection .btGridGap-14.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 14px;
margin-right: 0;
margin-bottom: -14px;
}
.boldSection.gutter .btGridGap-14 .tilesWall,
.boldSection.gutter .btGridGap-14.tilesWall {
margin: 0;
margin-right: -14px;
margin-bottom: -14px;
}
.btGridGap-14 .tilesWall.classic .btGridOuterContent {
padding-bottom: 14px;
padding-right: 14px;
}
.btGridGap-14 .tilesWall .captionPane {
margin-bottom: 14px;
margin-right: 14px;
}
.btGridGap-14 .tilesWall .btShowTitle {
margin-bottom: 14px;
right: 14px;
}
.btGridGap-15 .gridItem:after {
border: 0;
border-right: 15px solid white;
border-bottom: 15px solid white;
}
.btGridGap-15 .btGridOuterContent {
padding: 0;
padding-right: 25px;
padding-bottom: -25px;
}
.boldSection .btGridGap-15 .tilesWall,
.boldSection .btGridGap-15.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 15px;
margin-right: 0;
margin-bottom: -15px;
}
.boldSection.gutter .btGridGap-15 .tilesWall,
.boldSection.gutter .btGridGap-15.tilesWall {
margin: 0;
margin-right: -15px;
margin-bottom: -15px;
}
.btGridGap-15 .tilesWall.classic .btGridOuterContent {
padding-bottom: 15px;
padding-right: 15px;
}
.btGridGap-15 .tilesWall .captionPane {
margin-bottom: 15px;
margin-right: 15px;
}
.btGridGap-15 .tilesWall .btShowTitle {
margin-bottom: 15px;
right: 15px;
}
.btGridGap-16 .gridItem:after {
border: 0;
border-right: 16px solid white;
border-bottom: 16px solid white;
}
.btGridGap-16 .btGridOuterContent {
padding: 0;
padding-right: 26px;
padding-bottom: -26px;
}
.boldSection .btGridGap-16 .tilesWall,
.boldSection .btGridGap-16.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 16px;
margin-right: 0;
margin-bottom: -16px;
}
.boldSection.gutter .btGridGap-16 .tilesWall,
.boldSection.gutter .btGridGap-16.tilesWall {
margin: 0;
margin-right: -16px;
margin-bottom: -16px;
}
.btGridGap-16 .tilesWall.classic .btGridOuterContent {
padding-bottom: 16px;
padding-right: 16px;
}
.btGridGap-16 .tilesWall .captionPane {
margin-bottom: 16px;
margin-right: 16px;
}
.btGridGap-16 .tilesWall .btShowTitle {
margin-bottom: 16px;
right: 16px;
}
.btGridGap-17 .gridItem:after {
border: 0;
border-right: 17px solid white;
border-bottom: 17px solid white;
}
.btGridGap-17 .btGridOuterContent {
padding: 0;
padding-right: 27px;
padding-bottom: -27px;
}
.boldSection .btGridGap-17 .tilesWall,
.boldSection .btGridGap-17.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 17px;
margin-right: 0;
margin-bottom: -17px;
}
.boldSection.gutter .btGridGap-17 .tilesWall,
.boldSection.gutter .btGridGap-17.tilesWall {
margin: 0;
margin-right: -17px;
margin-bottom: -17px;
}
.btGridGap-17 .tilesWall.classic .btGridOuterContent {
padding-bottom: 17px;
padding-right: 17px;
}
.btGridGap-17 .tilesWall .captionPane {
margin-bottom: 17px;
margin-right: 17px;
}
.btGridGap-17 .tilesWall .btShowTitle {
margin-bottom: 17px;
right: 17px;
}
.btGridGap-18 .gridItem:after {
border: 0;
border-right: 18px solid white;
border-bottom: 18px solid white;
}
.btGridGap-18 .btGridOuterContent {
padding: 0;
padding-right: 28px;
padding-bottom: -28px;
}
.boldSection .btGridGap-18 .tilesWall,
.boldSection .btGridGap-18.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 18px;
margin-right: 0;
margin-bottom: -18px;
}
.boldSection.gutter .btGridGap-18 .tilesWall,
.boldSection.gutter .btGridGap-18.tilesWall {
margin: 0;
margin-right: -18px;
margin-bottom: -18px;
}
.btGridGap-18 .tilesWall.classic .btGridOuterContent {
padding-bottom: 18px;
padding-right: 18px;
}
.btGridGap-18 .tilesWall .captionPane {
margin-bottom: 18px;
margin-right: 18px;
}
.btGridGap-18 .tilesWall .btShowTitle {
margin-bottom: 18px;
right: 18px;
}
.btGridGap-19 .gridItem:after {
border: 0;
border-right: 19px solid white;
border-bottom: 19px solid white;
}
.btGridGap-19 .btGridOuterContent {
padding: 0;
padding-right: 29px;
padding-bottom: -29px;
}
.boldSection .btGridGap-19 .tilesWall,
.boldSection .btGridGap-19.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 19px;
margin-right: 0;
margin-bottom: -19px;
}
.boldSection.gutter .btGridGap-19 .tilesWall,
.boldSection.gutter .btGridGap-19.tilesWall {
margin: 0;
margin-right: -19px;
margin-bottom: -19px;
}
.btGridGap-19 .tilesWall.classic .btGridOuterContent {
padding-bottom: 19px;
padding-right: 19px;
}
.btGridGap-19 .tilesWall .captionPane {
margin-bottom: 19px;
margin-right: 19px;
}
.btGridGap-19 .tilesWall .btShowTitle {
margin-bottom: 19px;
right: 19px;
}
.btGridGap-20 .gridItem:after {
border: 0;
border-right: 20px solid white;
border-bottom: 20px solid white;
}
.btGridGap-20 .btGridOuterContent {
padding: 0;
padding-right: 30px;
padding-bottom: -30px;
}
.boldSection .btGridGap-20 .tilesWall,
.boldSection .btGridGap-20.tilesWall {
margin: 0;
margin-right: 0;
margin-left: 20px;
margin-right: 0;
margin-bottom: -20px;
}
.boldSection.gutter .btGridGap-20 .tilesWall,
.boldSection.gutter .btGridGap-20.tilesWall {
margin: 0;
margin-right: -20px;
margin-bottom: -20px;
}
.btGridGap-20 .tilesWall.classic .btGridOuterContent {
padding-bottom: 20px;
padding-right: 20px;
}
.btGridGap-20 .tilesWall .captionPane {
margin-bottom: 20px;
margin-right: 20px;
}
.btGridGap-20 .tilesWall .btShowTitle {
margin-bottom: 20px;
right: 20px;
}
.btCatFilter {
padding: 20px 0;
text-transform: uppercase;
font-size: 13px;
}
.btCatFilter .btCatFilterItem {
padding: 0 10px;
cursor: pointer;
display: inline-block;
}
.btCatFilter .btCatFilterItem:hover {
color: #3ea2e0;
}
.btCatFilter .btCatFilterTitle {
font-weight: 600;
}
.btCatFilter .btCatFilterItem.active {
color: #3ea2e0;
} h4.nbs {
z-index: 1;
margin: 0;
display: block;
position: relative;
}
h4.nbs a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
h4.nbs a .nbsImage {
width: 100px;
height: 100px;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
transition: opacity 1s ease 0s;
opacity: 0;
top: 0;
}
h4.nbs a .nbsImage .nbsImgHolder {
display: block;
height: 100%;
border-radius: 50%;
background-color: #ccc;
background-size: cover;
background-position: center center;
border: 3px solid #3ea2e0;
}
h4.nbs a .nbsItem {
vertical-align: middle;
padding: 0 10px;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
transition: opacity 1s ease 0s;
opacity: 0;
}
h4.nbs a .nbsItem .nbsDir {
display: block;
font-size: 11px;
line-height: 16px;
letter-spacing: 3px;
color: #3ea2e0;
font-family: "Roboto";
text-transform: uppercase;
font-weight: 400;
}
h4.nbs a .nbsItem .nbsTitle {
display: block;
max-height: 3em;
overflow: hidden;
}
h4.nbs a:hover .nbsImage,
h4.nbs a:hover .nbsItem {
opacity: 1;
}
h4.nbs a:before,
h4.nbs a:after {
display: block;
font-family: Icon7Stroke;
font-size: 50px;
line-height: 100px;
font-weight: normal;
width: 100px;
border-radius: 50%;
text-align: center;
-webkit-transition: all 360ms ease 0s;
-moz-transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
color: #fff;
background-color: #3ea2e0;
-webkit-box-shadow: inset 0 0 0 2px #3ea2e0;
box-shadow: inset 0 0 0 2px #3ea2e0;
}
.btCarouselSmallNav h4.nbs .nbsImage {
width: 50px;
height: 50px;
}
.btCarouselSmallNav h4.nbs a:before,
.btCarouselSmallNav h4.nbs a:after {
font-size: 25px;
line-height: 50px;
font-weight: normal;
width: 50px;
}
.btSliderHideArrows h4.nbs,
h4.nbs.slick-disabled {
display: none !important;
}
h4.nsNext {
right: 0;
float: right;
}
h4.nsNext a:after {
content: '\e684';
}
h4.nsNext .nbsImage {
position: absolute;
right: 0;
}
h4.nsPrev {
left: 0;
float: left;
}
h4.nsPrev a:before {
content: '\e686';
}
h4.nsPrev .nbsImage {
position: absolute;
left: 0;
}
h4.nbs.nsPrev a:hover:before,
h4.nbs.nsNext a:hover:after {
background-color: #fff;
color: #3ea2e0;
}   .slick-dots {
position: absolute;
bottom: 10px;
width: 320px;
left: 50%;
margin: 0 0 0 -160px;
text-align: center;
padding: 0;
}
.slick-dots li {
display: inline-block;
margin: 0 5px;
width: 12px;
list-style: none;
}
.slick-dots li button {
display: inline-block;
float: none;
margin: 0;
padding: 0;
width: 12px;
height: 12px;
line-height: 12px;
vertical-align: middle;
list-style: none;
border: 2px solid #FFF;
background-color: transparent;
border-radius: 50%;
cursor: pointer;
color: transparent;
}
.slick-dots li button:hover {
background: background-color: rgba(255,255,255,.35);
}
.slick-dots li.slick-active button,
.slick-dots .slick-dots li.slick-active button:hover {
cursor: pointer;
background-color: #FFF;
cursor: default;
}
.btSliderHidePaging .slick-dots {
display: none !important;
} .slided {
position: relative;
}
.slick-slider h4.nbs {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5;
margin: 0 20px;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
.slick-initialized .slick-slide {
display: block;
}
.slidedItem .btSliderPort {
display: table;
width: 100%;
}
.autoSliderHeight .slidedItem .btSliderPort {
padding: 0;
height: auto;
}
.smallSliderHeight .slidedItem .btSliderPort {
height: 40vh;
}
.mediumSliderHeight .slidedItem .btSliderPort {
height: 60vh;
}
.largeSliderHeight .slidedItem .btSliderPort {
height: 100vh;
}
.btSlideGutter {
max-width: 1400px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
width: auto;
height: auto;
}
.slidedItem {
-webkit-transition: opacity 360ms ease 0s;
-moz-transition: opacity 360ms ease 0s;
transition: opacity 360ms ease 0s;
z-index: 3;
}
.slidedItem .btSlidePane {
-webkit-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
-moz-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
-webkit-transform: translate3d(100px,0,0) !important;
-moz-transform: translate3d(100px,0,0) !important;
-ms-transform: translate3d(100px,0,0) !important;
transform: translate3d(100px,0,0) !important;
opacity: 0;
}
.slidedItem .btSliderPort .btSliderCell {
display: table-cell;
vertical-align: middle;
}
.slidedVariable .slidedItem.firstItem,
.slidedVariable .slidedItem.firstItem .btSliderPort {
width: 100vw;
}
.slidedVariable .slidedItem.firstItem .btSliderPort,
.slidedVariable .slidedItem.firstItem .btSliderPort .btSliderPort {
width: 100vw;
}
.slidedItem.slick-center .btSlidePane,
.slidedItem.slick-current .btSlidePane,
.slidedItem.slick-active .btSlidePane {
-webkit-transform: translate3d(0,0,0) !important;
-moz-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
opacity: 1;
}
.variableImg {
height: 100%;
overflow: hidden;
}
.variableImg img {
height: 100%;
width: auto;
} .slick-list {
display: block;
overflow: hidden;
position: relative;
padding: 0;
margin: 0;
}
.slick-track {
display: block;
position: relative;
left: 0;
top: 0;
}
.slick-track:after {
clear: both;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
} .btCloseGhost {
display: block;
position: absolute;
z-index: 7;
top: 10px;
right: 10px;
}
.btGetInfo {
position: absolute;
z-index: 7;
bottom: 10px;
left: 20px;
}
.btInfoBar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 6;
background-color: rgba(0,0,0,.7);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 260ms ease;
-moz-transition: transform 260ms ease;
transition: transform 260ms ease;
}
.btInfoBar .btInfoBarMeta {
padding: 10px 0 10px 40px;
line-height: 26px;
}
.btInfoBar .btInfoBarMeta p {
display: inline-block;
margin: 0 0 0 15px;
font-weight: 400;
color: white;
text-transform: uppercase;
}
.btInfoBar .btInfoBarMeta p strong {
color: #3ea2e0;
padding-right: 4px;
}
.btInfoBar.open {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .boldClientList,
.boldClientRegularList {
position: relative;
padding: 0;
}
.boldClientList .bclItem,
.boldClientRegularList .bclItem {
position: relative;
margin: 0;
}
.boldClientList .bclItem img.bclItemChildAspectImage,
.boldClientRegularList .bclItem img.bclItemChildAspectImage {
display: block;
width: 100%;
height: auto;
}
.boldClientList .bclItem .bclItemChild,
.boldClientRegularList .bclItem .bclItemChild {
display: block;
margin: 20px;
position: relative;
}
.btLightSkin .boldClientList .bclItem .bclItemChild,
.btDarkSkin .btLightSkin .boldClientList .bclItem .bclItemChild,
.btLightSkin .boldClientRegularList .bclItem .bclItemChild,
.btDarkSkin .btLightSkin .boldClientRegularList .bclItem .bclItemChild {
background: rgba(0,0,0,.07);
}
.btDarkSkin .boldClientList .bclItem .bclItemChild,
.btLightSkin .btDarkSkin .boldClientList .bclItem .bclItemChild,
.btDarkSkin .boldClientRegularList .bclItem .bclItemChild,
.btLightSkin .btDarkSkin .boldClientRegularList .bclItem .bclItemChild {
background: rgba(255,255,255,.02);
}
.boldClientList .bclItem .bclItemChild > div.bclItemChildBg,
.boldClientRegularList .bclItem .bclItemChild > div.bclItemChildBg {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
background-position: center center;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
}
.boldClientList .bclItem .bclItemChild > div.bclItemChildBg:hover,
.boldClientRegularList .bclItem .bclItemChild > div.bclItemChildBg:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.boldClientList .bclItem .bclItemChild .bclItemChildContent,
.boldClientRegularList .bclItem .bclItemChild .bclItemChildContent {
position: absolute;
width: 100%;
top: 0;
padding: 20px;
}
.boldClientList .bclItem .bclItemChild a,
.boldClientRegularList .bclItem .bclItemChild a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .boldClientRegularList {
position: relative;
overflow: hidden;
margin: 0 -15px;
}
.boldClientRegularList .bclItem {
float: left;
margin: 0 0 -2px;
position: relative;
padding: 0;
}
.boldClientRegularList .bclItem:before {
display: none;
}
.boldClientRegularList .bclItem {
width: 33.3333333%;
}
.boldClientRegularList .bclItem:nth-child(3n + 1) {
clear: left;
} .boldClientList {
margin: 0 -15px;
}
.boldSection.gutter .boldClientList .slick-slider h4.nbs {
padding: 0;
}
.boldClientList .bclPort {
max-width: 1400px;
position: static !important;
margin: 0 auto;
overflow: hidden;
}
.col-ms-12 .boldClientRegularList .bclItem {
width: 16.6666667%;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) {
clear: none;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) {
clear: left;
}
@media (max-width: 1400px) {
.bclPort {
max-width: 1400px;
}
}
@media (max-width: 768px) {
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) {
clear: none;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) {
clear: left;
}
.col-ms-12 .boldClientRegularList .bclItem {
width: 33.3333333%;
}
} .recentTweets .bclItem {
padding: 0 30px 0 0;
}
.recentTweets {
-webkit-backface-visibility: hidden;
}
.recentTweets img {
margin: 0 auto 10px;
border-radius: 50%;
display: block;
}
.recentTweets small:before {
content: '\f099';
font: 19px/1 FontAwesome;
position: relative;
top: 3px;
margin-right: 3px;
color: #3ea2e0;
clear: both;
}
.recentTweets small {
margin-bottom: 20px;
}
.recentTweets .slick-slider h4.nbs {
opacity: .5;
}
.recentTweets p {
margin: 0 0 25px;
}
.recentTweets p a {
opacity: .7;
}
.recentTweets p a:hover {
opacity: 1;
} .tabsHeader {
list-style: none;
display: block;
margin: 0;
padding: 0;
margin-bottom: -1px;
clear: left;
}
.tabsHeader li {
margin: 0;
padding: 0;
display: block;
float: left;
border-bottom: 0;
padding: 15px 20px;
clear: none;
margin-right: 4px;
cursor: pointer;
position: relative;
font-size: 21px;
font-family: "Roboto";
}
.tabsHeader li:hover a,
.tabsHeader li.on a {
color: #3ea2e0;
}
@media (max-width: 768px) {
.tabsHorizontal .tabsHeader li {
margin-bottom: 0;
width: 100%;
}
}
.tabPanes {
border-bottom-width: 2px;
clear: both;
}
.tabPane {
padding: 30px;
}
.tabsHorizontal .tabPane {
opacity: 0;
display: none;
-webkit-transition: opacity 250ms ease 250ms;
-moz-transition: opacity 250ms ease 250ms;
transition: opacity 250ms ease 250ms;
}
.tabsHorizontal .tabPane.on {
opacity: 1;
display: block;
}
.btLightSkin .tabsHeader li,
.btDarkSkin .btLightSkin .tabsHeader li {
border: 1px solid rgba(0,0,0,.2);
border-bottom: none;
}
.btLightSkin .tabPanes,
.btDarkSkin .btLightSkin .tabPanes {
border: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .tabsHeader li,
.btLightSkin .btDarkSkin .tabsHeader li {
border: 1px solid rgba(255,255,255,.1);
border-bottom: none;
}
.btDarkSkin .tabPanes,
.btLightSkin .btDarkSkin .tabPanes {
border: 1px solid rgba(255,255,255,.1);
} .tabsVertical .tabAccordionTitle {
display: block;
padding: 5px 80px 5px 10px;
margin: 0;
cursor: pointer;
position: relative;
font-family: "Roboto";
font-size: 21px;
}
.tabsVertical .tabAccordionTitle span {
display: inline-block;
padding: 10px;
position: relative;
}
.tabsVertical .tabAccordionTitle:before {
content: "\f067";
line-height: 70px;
font-family: FontAwesome;
display: block;
position: absolute;
top: 0;
right: 0;
width: 56px;
text-align: center;
}
.tabsVertical .tabAccordionTitle.on:before {
content: "\f068";
}
.tabsVertical .tabAccordionTitle.on {
background: #3ea2e0;
color: #fff;
}
.tabsVertical .tabPane {
padding: 0;
}
.tabsVertical .tabPane:last-child .tabAccordionTitle {
border-bottom: none;
}
.tabsVertical .tabPane:last-child .tabAccordionContent {
border-bottom: 0;
}
.tabsVertical .tabPane:first-child .tabAccordionTitle {
border-top: none;
}
.tabsVertical .tabAccordionContent {
padding: 40px;
display: none;
}
.tabsVertical .tabsHeader {
display: none;
}
.btLightSkin .tabsVertical .tabAccordionTitle,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle {
border-top: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .tabsVertical .tabAccordionTitle,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle {
border-top: 1px solid rgba(255,255,255,.1);
} .btLatestPostsContainer.horizontalPosts {
margin: 0 -15px;
}
.btLatestPostsContainer.horizontalPosts .btSingleLatestPostContent,
.btLatestPostsContainer.horizontalPosts .btSingleLatestPostImage {
padding: 0 15px;
}
.verticalPosts .btTextIndent .btImage,
.verticalPosts .btTextIndent .bpgPhoto {
margin: 0;
}
p.btLatestPostContent {
margin-bottom: 0;
max-height: 5.4em;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.verticalPosts .btSingleLatestPostImage {
float: left;
width: 240px;
margin: 0 0 30px;
padding-right: 20px;
}
@media (max-width: 768px) {
.verticalPosts .btSingleLatestPostImage {
width: 100%;
padding-right: 0;
float: none;
}
}
.verticalPosts .btSingleLatestPostContent {
display: table;
} .btGoogleMap {
width: 100%;
}
.btGoogleMap figure,
.btGoogleMap img,
.btGoogleMap select {
max-width: none;
}
.btGoogleMapsWrapper .btGoogleMapsContent {
position: absolute;
top: 20px;
bottom: 20px;
left: auto;
right: 50%;
width: 350px;
padding: 40px;
margin-right: -579px;
border-radius: 2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: hidden;
background-color: #fff;
opacity: .85;
}
.btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent,
.btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent {
background-color: #fff;
color: #333;
}
.btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent,
.btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent {
background-color: #111;
color: #fff;
} body.btPageTransitions .btContent {
position: relative;
width: 100% !important;
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
}
body.btPageTransitions .btSiteFooterWidgets,
body.btPageTransitions .btSiteFooter {
display: none;
}
.btSectionTransitions {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
-moz-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
-ms-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btSectionTransitions-current,
.no-js .btSectionTransitions {
visibility: visible;
z-index: 1;
}
.no-js body {
overflow: auto;
}
.btSectionTransitions-ontop {
z-index: 999;
}
.btAnimNavHolder {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1010;
vertical-align: bottom;
line-height: 1;
}
.btAnimNav {
display: inline-block;
position: static;
margin: 0;
padding: 0;
line-height: 1;
height: 40px;
float: right;
}
.btAnimNav li {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
line-height: 12px;
}
.btAnimNav li.btAnimNavDot {
display: inline-block;
float: left;
margin: 15px 0;
width: 40px;
vertical-align: middle;
text-align: center;
list-style: none;
display: none;
color: #3ea2e0;
font-family: Roboto;
}
.btAnimNav li.btAnimNavDot.active {
display: block;
}
.btAnimNav li.btAnimNavNext,
.btAnimNav li.btAnimNavPrev {
display: inline-block;
float: left;
padding: 0;
font: normal 25px/40px Icon7Stroke;
text-align: center;
vertical-align: middle;
color: #fff;
width: auto;
height: auto;
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #3ea2e0;
color: #fff;
}
.btAnimNav li.btAnimNavNext:hover,
.btAnimNav li.btAnimNavPrev:hover {
background-color: #fff;
color: #3ea2e0;
}
.btAnimNav li.btAnimNavNext:before,
.btAnimNav li.btAnimNavPrev:before {
display: inline-block;
}
.btAnimNav li.btAnimNavNext:before {
content: '\e688';
}
.btAnimNav li.btAnimNavPrev:before {
content: '\e682';
}
#btAnimSelector {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
background-color: transparent;
z-index: 999999999;
-webkit-transform: translateY(200px);
-moz-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
-webkit-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
-moz-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
}
.btShowAnimSelector #btAnimSelector {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#btAnimSelector .fancy-select {
width: 250px;
display: inline-block;
margin: 0 10px;
text-align: left;
} .btHalfPage .btHalfPageContainer {
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
left: 50%;
width: 100%;
overflow: hidden;
}
.btHalfPage .btHalfPageContainer .boldSection.btHalfPageSection {
right: auto;
left: -50%;
width: 100%;
}
.btHalfPage .btContent {
width: 100% !important;
left: -50%;
overflow: hidden;
}
.btHalfPage .btContent .boldSection {
left: 50%;
width: 100%;
} .impress-enabled .step {
width: 100vw;
}
.impress-enabled .btPageWrap {
overflow: visible;
height: 100%;
}
.impress-enabled .btContentWrap,
.impress-enabled .btContentHolder {
height: 100%;
}
.impress-enabled .step.active {
opacity: 1;
}
.impress-enabled .step {
opacity: .02;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.impress-enabled .boldSection {
background-color: transparent !important;
} .headline .animate {
display: inline-block;
}
.headline u.animate {
position: relative;
text-decoration: none;
}
.headline u.animate:before {
content: ' ';
height: .1em;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 0 -.1.em;
background-color: #222;
-webkit-transform: scale3d(0,1,1);
-moz-transform: scale3d(0,1,1);
-ms-transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
}
.btDarkSkin .headline u.animate:before,
.btLightSkin .btDarkSkin .headline u.animate:before {
background-color: #fff;
}
.btLightSkin .headline u.animate:before,
.btDarkSkin .btLightSkin .headline u.animate:before {
background-color: #222;
}
.headline u.animate.animated:before {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.headline b.animate {
font-weight: 700;
opacity: 1;
}
.headline b.animate.animated {
color: #3ea2e0;
opacity: 1;
}
.headline i.animate {
font-style: normal;
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
transform: skewX(0deg);
}
.headline i.animate.animated {
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
}
.headline del.animate,
.headline del {
font-style: normal;
font-weight: 400;
text-decoration: line-through;
opacity: 1;
}
.headline del.animate.animated {
opacity: .3;
}
.headline em.animate {
font-style: normal;
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateX(-100%) scale(2);
-moz-transform: translateX(-100%) scale(2);
-ms-transform: translateX(-100%) scale(2);
transform: translateX(-100%) scale(2);
}
.btLightSkin .headline em.animate,
.btDarkSkin .btLightSkin .headline em.animate {
color: rgba(51,51,51,0);
}
.btDarkSkin .headline em.animate,
.btLightSkin .btDarkSkin .headline em.animate {
color: rgba(255,255,255,0);
}
.btLightSkin .headline em.animate.animated,
.btDarkSkin .btLightSkin .headline em.animate.animated {
color: rgba(51,51,51,.1);
}
.btDarkSkin .headline em.animate.animated,
.btLightSkin .btDarkSkin .headline em.animate.animated {
color: rgba(255,255,255,.1);
}
.headline em.animate.animated {
color: rgba(255,255,255,.1);
-webkit-transform: translateX(-100%) scale(2);
-moz-transform: translateX(-100%) scale(2);
-ms-transform: translateX(-100%) scale(2);
transform: translateX(-100%) scale(2);
}
.headline i.animate,
.headline u.animate:before {
-webkit-transition: all 500ms ease-out 500ms;
-moz-transition: all 500ms ease-out 500ms;
transition: all 500ms ease-out 500ms;
}
.headline b.animate {
-webkit-transition: color 1000ms ease;
-moz-transition: color 1000ms ease;
transition: color 1000ms ease;
}
.headline em.animate {
-webkit-transition: all 1500ms ease-out 500ms;
-moz-transition: all 1500ms ease-out 500ms;
transition: all 1500ms ease-out 500ms;
}  .btSectionTransitions-moveToLeft {
-webkit-animation: moveToLeft .6s ease both;
-moz-animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
}
.btSectionTransitions-moveFromLeft {
-webkit-animation: moveFromLeft .6s ease both;
-moz-animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
}
.btSectionTransitions-moveToRight {
-webkit-animation: moveToRight .6s ease both;
-moz-animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
}
.btSectionTransitions-moveFromRight {
-webkit-animation: moveFromRight .6s ease both;
-moz-animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
}
.btSectionTransitions-moveToTop {
-webkit-animation: moveToTop .6s ease both;
-moz-animation: moveToTop .6s ease both;
animation: moveToTop .6s ease both;
}
.btSectionTransitions-moveFromTop {
-webkit-animation: moveFromTop .6s ease both;
-moz-animation: moveFromTop .6s ease both;
animation: moveFromTop .6s ease both;
}
.btSectionTransitions-moveToBottom {
-webkit-animation: moveToBottom .6s ease both;
-moz-animation: moveToBottom .6s ease both;
animation: moveToBottom .6s ease both;
}
.btSectionTransitions-moveFromBottom {
-webkit-animation: moveFromBottom .6s ease both;
-moz-animation: moveFromBottom .6s ease both;
animation: moveFromBottom .6s ease both;
} .btSectionTransitions-fade {
-webkit-animation: fade .7s ease both;
-moz-animation: fade .7s ease both;
animation: fade .7s ease both;
} .btSectionTransitions-moveToLeftFade {
-webkit-animation: moveToLeftFade .7s ease both;
-moz-animation: moveToLeftFade .7s ease both;
animation: moveToLeftFade .7s ease both;
}
.btSectionTransitions-moveFromLeftFade {
-webkit-animation: moveFromLeftFade .7s ease both;
-moz-animation: moveFromLeftFade .7s ease both;
animation: moveFromLeftFade .7s ease both;
}
.btSectionTransitions-moveToRightFade {
-webkit-animation: moveToRightFade .7s ease both;
-moz-animation: moveToRightFade .7s ease both;
animation: moveToRightFade .7s ease both;
}
.btSectionTransitions-moveFromRightFade {
-webkit-animation: moveFromRightFade .7s ease both;
-moz-animation: moveFromRightFade .7s ease both;
animation: moveFromRightFade .7s ease both;
}
.btSectionTransitions-moveToTopFade {
-webkit-animation: moveToTopFade .7s ease both;
-moz-animation: moveToTopFade .7s ease both;
animation: moveToTopFade .7s ease both;
}
.btSectionTransitions-moveFromTopFade {
-webkit-animation: moveFromTopFade .7s ease both;
-moz-animation: moveFromTopFade .7s ease both;
animation: moveFromTopFade .7s ease both;
}
.btSectionTransitions-moveToBottomFade {
-webkit-animation: moveToBottomFade .7s ease both;
-moz-animation: moveToBottomFade .7s ease both;
animation: moveToBottomFade .7s ease both;
}
.btSectionTransitions-moveFromBottomFade {
-webkit-animation: moveFromBottomFade .7s ease both;
-moz-animation: moveFromBottomFade .7s ease both;
animation: moveFromBottomFade .7s ease both;
} .btSectionTransitions-moveToLeftEasing {
-webkit-animation: moveToLeft .7s ease-in-out both;
-moz-animation: moveToLeft .7s ease-in-out both;
animation: moveToLeft .7s ease-in-out both;
}
.btSectionTransitions-moveToRightEasing {
-webkit-animation: moveToRight .7s ease-in-out both;
-moz-animation: moveToRight .7s ease-in-out both;
animation: moveToRight .7s ease-in-out both;
}
.btSectionTransitions-moveToTopEasing {
-webkit-animation: moveToTop .7s ease-in-out both;
-moz-animation: moveToTop .7s ease-in-out both;
animation: moveToTop .7s ease-in-out both;
}
.btSectionTransitions-moveToBottomEasing {
-webkit-animation: moveToBottom .7s ease-in-out both;
-moz-animation: moveToBottom .7s ease-in-out both;
animation: moveToBottom .7s ease-in-out both;
}  @-webkit-keyframes moveToLeft {
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveToLeft {
to {
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveToLeft {
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveFromLeft {
from {
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRight {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveToRight {
to {
-moz-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveToRight {
to {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveFromRight {
from {
-moz-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTop {
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveToTop {
to {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveToTop {
to {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTop {
from {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveFromTop {
from {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottom {
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveToBottom {
to {
-moz-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveToBottom {
to {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
} @-webkit-keyframes fade {
to {
opacity: .3;
}
}
@-moz-keyframes fade {
to {
opacity: .3;
}
}
@keyframes fade {
to {
opacity: .3;
}
} @-webkit-keyframes moveToLeftFade {
to {
opacity: .3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveToLeftFade {
to {
opacity: .3;
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveToLeftFade {
to {
opacity: .3;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeftFade {
from {
opacity: .3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveFromLeftFade {
from {
opacity: .3;
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveFromLeftFade {
from {
opacity: .3;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRightFade {
to {
opacity: .3;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveToRightFade {
to {
opacity: .3;
-moz-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveToRightFade {
to {
opacity: .3;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRightFade {
from {
opacity: .3;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveFromRightFade {
from {
opacity: .3;
-moz-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveFromRightFade {
from {
opacity: .3;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTopFade {
to {
opacity: .3;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveToTopFade {
to {
opacity: .3;
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveToTopFade {
to {
opacity: .3;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTopFade {
from {
opacity: .3;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTopFade {
from {
opacity: .3;
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveFromTopFade {
from {
opacity: .3;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottomFade {
to {
opacity: .3;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveToBottomFade {
to {
opacity: .3;
-moz-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveToBottomFade {
to {
opacity: .3;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottomFade {
from {
opacity: .3;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottomFade {
from {
opacity: .3;
-moz-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveFromBottomFade {
from {
opacity: .3;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
} .btSectionTransitions-scaleDown {
-webkit-animation: scaleDown .7s ease both;
-moz-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
-webkit-animation: scaleDown .7s ease both;
-moz-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
}
.btSectionTransitions-scaleUp {
-webkit-animation: scaleUp .7s ease both;
-moz-animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
-webkit-animation: scaleUp .7s ease both;
-moz-animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
}
.btSectionTransitions-scaleUpDown {
-webkit-animation: scaleUpDown .5s ease both;
-moz-animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
-webkit-animation: scaleUpDown .5s ease both;
-moz-animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
}
.btSectionTransitions-scaleDownUp {
-webkit-animation: scaleDownUp .5s ease both;
-moz-animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
-webkit-animation: scaleDownUp .5s ease both;
-moz-animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
}
.btSectionTransitions-scaleDownCenter {
-webkit-animation: scaleDownCenter .4s ease-in both;
-moz-animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
-webkit-animation: scaleDownCenter .4s ease-in both;
-moz-animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
}
.btSectionTransitions-scaleUpCenter {
-webkit-animation: scaleUpCenter .4s ease-out both;
-moz-animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
-webkit-animation: scaleUpCenter .4s ease-out both;
-moz-animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
}  @-webkit-keyframes scaleDown {
to {
opacity: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleDown {
to {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
@-moz-keyframes scaleDown {
to {
opacity: 0;
-moz-transform: scale(.8);
transform: scale(.8);
}
}
@keyframes scaleDown {
to {
opacity: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUp {
from {
opacity: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUp {
from {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
@-moz-keyframes scaleUp {
from {
opacity: 0;
-moz-transform: scale(.8);
transform: scale(.8);
}
}
@keyframes scaleUp {
from {
opacity: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity: 0;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-moz-keyframes scaleUpDown {
from {
opacity: 0;
-moz-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes scaleUpDown {
from {
opacity: 0;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownUp {
to {
opacity: 0;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownUp {
to {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-moz-keyframes scaleDownUp {
to {
opacity: 0;
-moz-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes scaleDownUp {
to {
opacity: 0;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownCenter {
to {
opacity: 0;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleDownCenter {
to {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
}
@-moz-keyframes scaleDownCenter {
to {
opacity: 0;
-moz-transform: scale(.7);
transform: scale(.7);
}
}
@keyframes scaleDownCenter {
to {
opacity: 0;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleUpCenter {
from {
opacity: 0;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleUpCenter {
from {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
}
@-moz-keyframes scaleUpCenter {
from {
opacity: 0;
-moz-transform: scale(.7);
transform: scale(.7);
}
}
@keyframes scaleUpCenter {
from {
opacity: 0;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
} .btSectionTransitions-rotateRightSideFirst {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRightSideFirst .8s both ease-in;
-moz-animation: rotateRightSideFirst .8s both ease-in;
animation: rotateRightSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateLeftSideFirst {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateLeftSideFirst .8s both ease-in;
-moz-animation: rotateLeftSideFirst .8s both ease-in;
animation: rotateLeftSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateTopSideFirst {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateTopSideFirst .8s both ease-in;
-moz-animation: rotateTopSideFirst .8s both ease-in;
animation: rotateTopSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateBottomSideFirst {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateBottomSideFirst .8s both ease-in;
-moz-animation: rotateBottomSideFirst .8s both ease-in;
animation: rotateBottomSideFirst .8s both ease-in;
} .btSectionTransitions-flipOutRight {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutRight .5s both ease-in;
-moz-animation: flipOutRight .5s both ease-in;
animation: flipOutRight .5s both ease-in;
}
.btSectionTransitions-flipInLeft {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInLeft .5s both ease-out;
-moz-animation: flipInLeft .5s both ease-out;
animation: flipInLeft .5s both ease-out;
}
.btSectionTransitions-flipOutLeft {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutLeft .5s both ease-in;
-moz-animation: flipOutLeft .5s both ease-in;
animation: flipOutLeft .5s both ease-in;
}
.btSectionTransitions-flipInRight {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInRight .5s both ease-out;
-moz-animation: flipInRight .5s both ease-out;
animation: flipInRight .5s both ease-out;
}
.btSectionTransitions-flipOutTop {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutTop .5s both ease-in;
-moz-animation: flipOutTop .5s both ease-in;
animation: flipOutTop .5s both ease-in;
}
.btSectionTransitions-flipInBottom {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInBottom .5s both ease-out;
-moz-animation: flipInBottom .5s both ease-out;
animation: flipInBottom .5s both ease-out;
}
.btSectionTransitions-flipOutBottom {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipOutBottom .5s both ease-in;
-moz-animation: flipOutBottom .5s both ease-in;
animation: flipOutBottom .5s both ease-in;
}
.btSectionTransitions-flipInTop {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipInTop .5s both ease-out;
-moz-animation: flipInTop .5s both ease-out;
animation: flipInTop .5s both ease-out;
} .btSectionTransitions-rotateFall {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation: rotateFall 1s both ease-in;
-moz-animation: rotateFall 1s both ease-in;
animation: rotateFall 1s both ease-in;
} .btSectionTransitions-rotateOutNewspaper {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateOutNewspaper .5s both ease-in;
-moz-animation: rotateOutNewspaper .5s both ease-in;
animation: rotateOutNewspaper .5s both ease-in;
}
.btSectionTransitions-rotateInNewspaper {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateInNewspaper .5s both ease-out;
-moz-animation: rotateInNewspaper .5s both ease-out;
animation: rotateInNewspaper .5s both ease-out;
} .btSectionTransitions-rotatePushLeft {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotatePushLeft .8s both ease;
-moz-animation: rotatePushLeft .8s both ease;
animation: rotatePushLeft .8s both ease;
}
.btSectionTransitions-rotatePushRight {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotatePushRight .8s both ease;
-moz-animation: rotatePushRight .8s both ease;
animation: rotatePushRight .8s both ease;
}
.btSectionTransitions-rotatePushTop {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotatePushTop .8s both ease;
-moz-animation: rotatePushTop .8s both ease;
animation: rotatePushTop .8s both ease;
}
.btSectionTransitions-rotatePushBottom {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotatePushBottom .8s both ease;
-moz-animation: rotatePushBottom .8s both ease;
animation: rotatePushBottom .8s both ease;
} .btSectionTransitions-rotatePullRight {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotatePullRight .5s both ease;
-moz-animation: rotatePullRight .5s both ease;
animation: rotatePullRight .5s both ease;
}
.btSectionTransitions-rotatePullLeft {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotatePullLeft .5s both ease;
-moz-animation: rotatePullLeft .5s both ease;
animation: rotatePullLeft .5s both ease;
}
.btSectionTransitions-rotatePullTop {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotatePullTop .5s both ease;
-moz-animation: rotatePullTop .5s both ease;
animation: rotatePullTop .5s both ease;
}
.btSectionTransitions-rotatePullBottom {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotatePullBottom .5s both ease;
-moz-animation: rotatePullBottom .5s both ease;
animation: rotatePullBottom .5s both ease;
} .btSectionTransitions-rotateFoldRight {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateFoldRight .7s both ease;
-moz-animation: rotateFoldRight .7s both ease;
animation: rotateFoldRight .7s both ease;
}
.btSectionTransitions-rotateFoldLeft {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateFoldLeft .7s both ease;
-moz-animation: rotateFoldLeft .7s both ease;
animation: rotateFoldLeft .7s both ease;
}
.btSectionTransitions-rotateFoldTop {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateFoldTop .7s both ease;
-moz-animation: rotateFoldTop .7s both ease;
animation: rotateFoldTop .7s both ease;
}
.btSectionTransitions-rotateFoldBottom {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateFoldBottom .7s both ease;
-moz-animation: rotateFoldBottom .7s both ease;
animation: rotateFoldBottom .7s both ease;
} .btSectionTransitions-rotateUnfoldLeft {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateUnfoldLeft .7s both ease;
-moz-animation: rotateUnfoldLeft .7s both ease;
animation: rotateUnfoldLeft .7s both ease;
}
.btSectionTransitions-rotateUnfoldRight {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateUnfoldRight .7s both ease;
-moz-animation: rotateUnfoldRight .7s both ease;
animation: rotateUnfoldRight .7s both ease;
}
.btSectionTransitions-rotateUnfoldTop {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateUnfoldTop .7s both ease;
-moz-animation: rotateUnfoldTop .7s both ease;
animation: rotateUnfoldTop .7s both ease;
}
.btSectionTransitions-rotateUnfoldBottom {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateUnfoldBottom .7s both ease;
-moz-animation: rotateUnfoldBottom .7s both ease;
animation: rotateUnfoldBottom .7s both ease;
} .btSectionTransitions-rotateRoomLeftOut {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoomLeftOut .8s both ease;
-moz-animation: rotateRoomLeftOut .8s both ease;
animation: rotateRoomLeftOut .8s both ease;
}
.btSectionTransitions-rotateRoomLeftIn {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoomLeftIn .8s both ease;
-moz-animation: rotateRoomLeftIn .8s both ease;
animation: rotateRoomLeftIn .8s both ease;
}
.btSectionTransitions-rotateRoomRightOut {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoomRightOut .8s both ease;
-moz-animation: rotateRoomRightOut .8s both ease;
animation: rotateRoomRightOut .8s both ease;
}
.btSectionTransitions-rotateRoomRightIn {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoomRightIn .8s both ease;
-moz-animation: rotateRoomRightIn .8s both ease;
animation: rotateRoomRightIn .8s both ease;
}
.btSectionTransitions-rotateRoomTopOut {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateRoomTopOut .8s both ease;
-moz-animation: rotateRoomTopOut .8s both ease;
animation: rotateRoomTopOut .8s both ease;
}
.btSectionTransitions-rotateRoomTopIn {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateRoomTopIn .8s both ease;
-moz-animation: rotateRoomTopIn .8s both ease;
animation: rotateRoomTopIn .8s both ease;
}
.btSectionTransitions-rotateRoomBottomOut {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateRoomBottomOut .8s both ease;
-moz-animation: rotateRoomBottomOut .8s both ease;
animation: rotateRoomBottomOut .8s both ease;
}
.btSectionTransitions-rotateRoomBottomIn {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateRoomBottomIn .8s both ease;
-moz-animation: rotateRoomBottomIn .8s both ease;
animation: rotateRoomBottomIn .8s both ease;
} .btSectionTransitions-rotateCubeLeftOut {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
z-index: 1;
-webkit-animation: rotateCubeLeftOut .6s both ease-in;
-moz-animation: rotateCubeLeftOut .6s both ease-in;
animation: rotateCubeLeftOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeLeftIn {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
z-index: 500;
-webkit-animation: rotateCubeLeftIn .6s both ease-in;
-moz-animation: rotateCubeLeftIn .6s both ease-in;
animation: rotateCubeLeftIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeRightOut {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCubeRightOut .6s both ease-in;
-moz-animation: rotateCubeRightOut .6s both ease-in;
animation: rotateCubeRightOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeRightIn {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
z-index: 500;
-webkit-animation: rotateCubeRightIn .6s both ease-in;
-moz-animation: rotateCubeRightIn .6s both ease-in;
animation: rotateCubeRightIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeTopOut {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCubeTopOut .6s both ease-in;
-moz-animation: rotateCubeTopOut .6s both ease-in;
animation: rotateCubeTopOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeTopIn {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
z-index: 500;
-webkit-animation: rotateCubeTopIn .6s both ease-in;
-moz-animation: rotateCubeTopIn .6s both ease-in;
animation: rotateCubeTopIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeBottomOut {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCubeBottomOut .6s both ease-in;
-moz-animation: rotateCubeBottomOut .6s both ease-in;
animation: rotateCubeBottomOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeBottomIn {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
z-index: 500;
-webkit-animation: rotateCubeBottomIn .6s both ease-in;
-moz-animation: rotateCubeBottomIn .6s both ease-in;
animation: rotateCubeBottomIn .6s both ease-in;
} .btSectionTransitions-rotateCarouselLeftOut {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCarouselLeftOut .8s both ease;
-moz-animation: rotateCarouselLeftOut .8s both ease;
animation: rotateCarouselLeftOut .8s both ease;
}
.btSectionTransitions-rotateCarouselLeftIn {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCarouselLeftIn .8s both ease;
-moz-animation: rotateCarouselLeftIn .8s both ease;
animation: rotateCarouselLeftIn .8s both ease;
}
.btSectionTransitions-rotateCarouselRightOut {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCarouselRightOut .8s both ease;
-moz-animation: rotateCarouselRightOut .8s both ease;
animation: rotateCarouselRightOut .8s both ease;
}
.btSectionTransitions-rotateCarouselRightIn {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCarouselRightIn .8s both ease;
-moz-animation: rotateCarouselRightIn .8s both ease;
animation: rotateCarouselRightIn .8s both ease;
}
.btSectionTransitions-rotateCarouselTopOut {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCarouselTopOut .8s both ease;
-moz-animation: rotateCarouselTopOut .8s both ease;
animation: rotateCarouselTopOut .8s both ease;
}
.btSectionTransitions-rotateCarouselTopIn {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCarouselTopIn .8s both ease;
-moz-animation: rotateCarouselTopIn .8s both ease;
animation: rotateCarouselTopIn .8s both ease;
}
.btSectionTransitions-rotateCarouselBottomOut {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: rotateCarouselBottomOut .8s both ease;
-moz-animation: rotateCarouselBottomOut .8s both ease;
animation: rotateCarouselBottomOut .8s both ease;
}
.btSectionTransitions-rotateCarouselBottomIn {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: rotateCarouselBottomIn .8s both ease;
-moz-animation: rotateCarouselBottomIn .8s both ease;
animation: rotateCarouselBottomIn .8s both ease;
} .btSectionTransitions-rotateSidesOut {
-webkit-transform-origin: -50% 50%;
-moz-transform-origin: -50% 50%;
-ms-transform-origin: -50% 50%;
transform-origin: -50% 50%;
-webkit-animation: rotateSidesOut .5s both ease-in;
-moz-animation: rotateSidesOut .5s both ease-in;
animation: rotateSidesOut .5s both ease-in;
}
.btSectionTransitions-rotateSidesIn {
-webkit-transform-origin: 150% 50%;
-moz-transform-origin: 150% 50%;
-ms-transform-origin: 150% 50%;
transform-origin: 150% 50%;
-webkit-animation: rotateSidesIn .5s both ease-out;
-moz-animation: rotateSidesIn .5s both ease-out;
animation: rotateSidesIn .5s both ease-out;
} .btSectionTransitions-rotateSlideOut {
-webkit-animation: rotateSlideOut 1s both ease;
-moz-animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
-webkit-animation: rotateSlideOut 1s both ease;
-moz-animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
}
.btSectionTransitions-rotateSlideIn {
-webkit-animation: rotateSlideIn 1s both ease;
-moz-animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
-webkit-animation: rotateSlideIn 1s both ease;
-moz-animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
}  @-webkit-keyframes rotateRightSideFirst {
40% {
-webkit-transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
-webkit-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateRightSideFirst {
40% {
-moz-transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateRightSideFirst {
40% {
-webkit-transform: rotateY(15deg);
-moz-transform: rotateY(15deg);
-ms-transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
-ms-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
-webkit-transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
-ms-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateLeftSideFirst {
40% {
-webkit-transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateLeftSideFirst {
40% {
-moz-transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateLeftSideFirst {
40% {
-webkit-transform: rotateY(-15deg);
-moz-transform: rotateY(-15deg);
-ms-transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
-ms-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateTopSideFirst {
40% {
-webkit-transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateTopSideFirst {
40% {
-moz-transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateTopSideFirst {
40% {
-webkit-transform: rotateX(15deg);
-moz-transform: rotateX(15deg);
-ms-transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
-ms-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateBottomSideFirst {
40% {
-webkit-transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateBottomSideFirst {
40% {
-moz-transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-moz-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateBottomSideFirst {
40% {
-webkit-transform: rotateX(-15deg);
-moz-transform: rotateX(-15deg);
-ms-transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(.8) translateZ(-200px);
-moz-transform: scale(.8) translateZ(-200px);
-ms-transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
} @-webkit-keyframes flipOutRight {
to {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutRight {
to {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutRight {
to {
-moz-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@keyframes flipOutRight {
to {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInLeft {
from {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipInLeft {
from {
-moz-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@keyframes flipInLeft {
from {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutLeft {
to {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutLeft {
to {
-moz-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@keyframes flipOutLeft {
to {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInRight {
from {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
-webkit-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-moz-keyframes flipInRight {
from {
-moz-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@keyframes flipInRight {
from {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutTop {
to {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutTop {
to {
-moz-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@keyframes flipOutTop {
to {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInBottom {
from {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipInBottom {
from {
-moz-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@keyframes flipInBottom {
from {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutBottom {
to {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutBottom {
to {
-moz-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@keyframes flipOutBottom {
to {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInTop {
from {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-webkit-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-moz-keyframes flipInTop {
from {
-moz-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@keyframes flipInTop {
from {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
} @-webkit-keyframes rotateFall {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(10deg);
-moz-transform: rotateZ(10deg);
-ms-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: rotateZ(17deg);
-moz-transform: rotateZ(17deg);
-ms-transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
-webkit-transform: rotateZ(16deg);
-moz-transform: rotateZ(16deg);
-ms-transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
-webkit-transform: translateY(100%) rotateZ(17deg);
-moz-transform: translateY(100%) rotateZ(17deg);
-ms-transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@-webkit-keyframes rotateFall {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: rotateZ(17deg);
transform: rotateZ(17deg);
-webkit-transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
-webkit-transform: rotateZ(16deg);
transform: rotateZ(16deg);
-webkit-transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
-webkit-transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@-moz-keyframes rotateFall {
0% {
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
-moz-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-moz-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-moz-transform: rotateZ(17deg);
transform: rotateZ(17deg);
-moz-transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
-moz-transform: rotateZ(16deg);
transform: rotateZ(16deg);
-moz-transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
-moz-transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@keyframes rotateFall {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
-webkit-transform: rotateZ(10deg);
-moz-transform: rotateZ(10deg);
-ms-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-transform: rotateZ(10deg);
-moz-transform: rotateZ(10deg);
-ms-transform: rotateZ(10deg);
transform: rotateZ(10deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: rotateZ(17deg);
-moz-transform: rotateZ(17deg);
-ms-transform: rotateZ(17deg);
transform: rotateZ(17deg);
-webkit-transform: rotateZ(17deg);
-moz-transform: rotateZ(17deg);
-ms-transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
-webkit-transform: rotateZ(16deg);
-moz-transform: rotateZ(16deg);
-ms-transform: rotateZ(16deg);
transform: rotateZ(16deg);
-webkit-transform: rotateZ(16deg);
-moz-transform: rotateZ(16deg);
-ms-transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
-webkit-transform: translateY(100%) rotateZ(17deg);
-moz-transform: translateY(100%) rotateZ(17deg);
-ms-transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
} @-webkit-keyframes rotateOutNewspaper {
to {
-webkit-transform: translateZ(-3000px) rotateZ(360deg);
-moz-transform: translateZ(-3000px) rotateZ(360deg);
-ms-transform: translateZ(-3000px) rotateZ(360deg);
transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutNewspaper {
to {
-webkit-transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutNewspaper {
to {
-moz-transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@keyframes rotateOutNewspaper {
to {
-webkit-transform: transform: translateZ(-3000px) rotateZ(360deg);
-moz-transform: transform: translateZ(-3000px) rotateZ(360deg);
-ms-transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateInNewspaper {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
-moz-transform: translateZ(-3000px) rotateZ(-360deg);
-ms-transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateInNewspaper {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-moz-keyframes rotateInNewspaper {
from {
-moz-transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@keyframes rotateInNewspaper {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
-moz-transform: translateZ(-3000px) rotateZ(-360deg);
-ms-transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
} @-webkit-keyframes rotatePushLeft {
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePushLeft {
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-moz-keyframes rotatePushLeft {
to {
opacity: 0;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@keyframes rotatePushLeft {
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePushRight {
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePushRight {
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-moz-keyframes rotatePushRight {
to {
opacity: 0;
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@keyframes rotatePushRight {
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePushTop {
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePushTop {
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-moz-keyframes rotatePushTop {
to {
opacity: 0;
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@keyframes rotatePushTop {
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePushBottom {
to {
opacity: 0;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-webkit-keyframes rotatePushBottom {
to {
opacity: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePushBottom {
to {
opacity: 0;
-moz-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@keyframes rotatePushBottom {
to {
opacity: 0;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
}
} @-webkit-keyframes rotatePullRight {
from {
opacity: 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePullRight {
from {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-moz-keyframes rotatePullRight {
from {
opacity: 0;
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@keyframes rotatePullRight {
from {
opacity: 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePullLeft {
from {
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePullLeft {
from {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-moz-keyframes rotatePullLeft {
from {
opacity: 0;
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@keyframes rotatePullLeft {
from {
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-moz-keyframes rotatePullTop {
from {
opacity: 0;
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@keyframes rotatePullTop {
from {
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullBottom {
from {
opacity: 0;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-webkit-keyframes rotatePullBottom {
from {
opacity: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePullBottom {
from {
opacity: 0;
-moz-transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@keyframes rotatePullBottom {
from {
opacity: 0;
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
transform: rotateX(90deg);
}
} @-webkit-keyframes rotateFoldRight {
to {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateFoldRight {
to {
opacity: 0;
-moz-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateFoldRight {
to {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
-moz-transform: translateX(100%) rotateY(90deg);
-ms-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateFoldLeft {
to {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateFoldLeft {
to {
opacity: 0;
-moz-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateFoldLeft {
to {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
-moz-transform: translateX(-100%) rotateY(-90deg);
-ms-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateFoldTop {
to {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateFoldTop {
to {
opacity: 0;
-moz-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateFoldTop {
to {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
-ms-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateFoldBottom {
to {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateFoldBottom {
to {
opacity: 0;
-moz-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateFoldBottom {
to {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
-moz-transform: translateY(100%) rotateX(-90deg);
-ms-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateUnfoldLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateUnfoldLeft {
from {
opacity: 0;
-moz-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateUnfoldLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
-moz-transform: translateX(-100%) rotateY(-90deg);
-ms-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateUnfoldRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateUnfoldRight {
from {
opacity: 0;
-moz-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateUnfoldRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
-moz-transform: translateX(100%) rotateY(90deg);
-ms-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateUnfoldTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateUnfoldTop {
from {
opacity: 0;
-moz-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateUnfoldTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
-ms-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
-webkit-transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
-ms-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateUnfoldBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateUnfoldBottom {
from {
opacity: 0;
-moz-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateUnfoldBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
-moz-transform: translateY(100%) rotateX(-90deg);
-ms-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateRoomLeftOut {
to {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-moz-keyframes rotateRoomLeftOut {
to {
opacity: .3;
-moz-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomLeftOut {
to {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
-moz-transform: translateX(-100%) rotateY(90deg);
-ms-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateRoomLeftIn {
from {
opacity: .3;
-moz-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
-moz-transform: translateX(100%) rotateY(-90deg);
-ms-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightOut {
to {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateRoomRightOut {
to {
opacity: .3;
-moz-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomRightOut {
to {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
-moz-transform: translateX(100%) rotateY(-90deg);
-ms-transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
-webkit-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-moz-keyframes rotateRoomRightIn {
from {
opacity: .3;
-moz-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
-moz-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(90deg);
-moz-transform: translateX(-100%) rotateY(90deg);
-ms-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
-webkit-transform: translateX(-100%) rotateY(90deg);
-moz-transform: translateX(-100%) rotateY(90deg);
-ms-transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomTopOut {
to {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateRoomTopOut {
to {
opacity: .3;
-moz-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomTopOut {
to {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
-moz-transform: translateY(-100%) rotateX(-90deg);
-ms-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateRoomTopIn {
from {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-moz-keyframes rotateRoomTopIn {
from {
opacity: .3;
-moz-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomTopIn {
from {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
-moz-transform: translateY(100%) rotateX(90deg);
-ms-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomOut {
to {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-moz-keyframes rotateRoomBottomOut {
to {
opacity: .3;
-moz-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomBottomOut {
to {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(90deg);
-moz-transform: translateY(100%) rotateX(90deg);
-ms-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateRoomBottomIn {
from {
opacity: .3;
-moz-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(-90deg);
-moz-transform: translateY(-100%) rotateX(-90deg);
-ms-transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
} @-webkit-keyframes rotateCubeLeftOut {
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@-moz-keyframes rotateCubeLeftOut {
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
-moz-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@keyframes rotateCubeLeftOut {
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
-moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
-ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
-moz-transform: translateX(-100%) rotateY(-90deg);
-ms-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@-webkit-keyframes rotateCubeLeftIn {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@-moz-keyframes rotateCubeLeftIn {
0% {
opacity: .3;
-moz-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@keyframes rotateCubeLeftIn {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
-moz-transform: translateX(100%) rotateY(90deg);
-ms-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
-moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
-ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@-webkit-keyframes rotateCubeRightOut {
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateCubeRightOut {
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
-moz-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateCubeRightOut {
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
-moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
-ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(90deg);
-moz-transform: translateX(100%) rotateY(90deg);
-ms-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateCubeRightIn {
0% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@-moz-keyframes rotateCubeRightIn {
0% {
opacity: .3;
-moz-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@keyframes rotateCubeRightIn {
0% {
opacity: .3;
-webkit-transform: translateX(-100%) rotateY(-90deg);
-moz-transform: translateX(-100%) rotateY(-90deg);
-ms-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
-moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
-ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@-webkit-keyframes rotateCubeTopOut {
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateCubeTopOut {
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
-moz-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateCubeTopOut {
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
-moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
-ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
-ms-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateCubeTopIn {
0% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@-moz-keyframes rotateCubeTopIn {
0% {
opacity: .3;
-moz-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@keyframes rotateCubeTopIn {
0% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
-moz-transform: translateY(100%) rotateX(-90deg);
-ms-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
-ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@-webkit-keyframes rotateCubeBottomOut {
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateCubeBottomOut {
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-moz-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateCubeBottomOut {
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
-ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
-moz-transform: translateY(100%) rotateX(-90deg);
-ms-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateCubeBottomIn {
0% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@-moz-keyframes rotateCubeBottomIn {
0% {
opacity: .3;
-moz-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@keyframes rotateCubeBottomIn {
0% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
-moz-transform: translateY(-100%) rotateX(90deg);
-ms-transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
-moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
-ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
} @-webkit-keyframes rotateCarouselLeftOut {
to {
opacity: .3;
-webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@-moz-keyframes rotateCarouselLeftOut {
to {
opacity: .3;
-moz-transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselLeftOut {
to {
opacity: .3;
-webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
-moz-transform: translateX(-150%) scale(.4) rotateY(-65deg);
-ms-transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-moz-keyframes rotateCarouselLeftIn {
from {
opacity: .3;
-moz-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselLeftIn {
from {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
-moz-transform: translateX(200%) scale(.4) rotateY(65deg);
-ms-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightOut {
to {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-moz-keyframes rotateCarouselRightOut {
to {
opacity: .3;
-moz-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselRightOut {
to {
opacity: .3;
-webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
-moz-transform: translateX(200%) scale(.4) rotateY(65deg);
-ms-transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@-moz-keyframes rotateCarouselRightIn {
from {
opacity: .3;
-moz-transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselRightIn {
from {
opacity: .3;
-webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
-moz-transform: translateX(-200%) scale(.4) rotateY(-65deg);
-ms-transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselTopOut {
to {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-moz-keyframes rotateCarouselTopOut {
to {
opacity: .3;
-moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselTopOut {
to {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
-moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
-ms-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-webkit-keyframes rotateCarouselTopIn {
from {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-moz-keyframes rotateCarouselTopIn {
from {
opacity: .3;
-moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselTopIn {
from {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
-moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
-ms-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomOut {
to {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-moz-keyframes rotateCarouselBottomOut {
to {
opacity: .3;
-moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselBottomOut {
to {
opacity: .3;
-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
-moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
-ms-transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-moz-keyframes rotateCarouselBottomIn {
from {
opacity: .3;
-moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselBottomIn {
from {
opacity: .3;
-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
-moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
-ms-transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
} @-webkit-keyframes rotateSidesOut {
to {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@-moz-keyframes rotateSidesOut {
to {
opacity: 0;
-moz-transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@keyframes rotateSidesOut {
to {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg);
-moz-transform: translateZ(-500px) rotateY(90deg);
-ms-transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@-webkit-keyframes rotateSidesIn {
from {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
}
@-moz-keyframes rotateSidesIn {
from {
opacity: 0;
-moz-transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
}
@keyframes rotateSidesIn {
from {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
-moz-transform: translateZ(-500px) rotateY(-90deg);
-ms-transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
} @-webkit-keyframes rotateSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes rotateSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes rotateSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
-moz-transform: translateZ(-500px);
-ms-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
-moz-transform: translateZ(-500px) translateX(-200%);
-ms-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
-moz-transform: translateZ(-500px) translateX(-200%);
-ms-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
-moz-transform: translateZ(-500px) translateX(200%);
-ms-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
-moz-transform: translateZ(-500px);
-ms-transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
-moz-transform: translateZ(0) translateX(0);
-ms-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
} .btSectionTransitions-delay100 {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
}
.btSectionTransitions-delay180 {
-webkit-animation-delay: .180s;
-moz-animation-delay: .180s;
animation-delay: .180s;
-webkit-animation-delay: .180s;
-moz-animation-delay: .180s;
animation-delay: .180s;
}
.btSectionTransitions-delay200 {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
}
.btSectionTransitions-delay300 {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
}
.btSectionTransitions-delay400 {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
animation-delay: .4s;
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
animation-delay: .4s;
}
.btSectionTransitions-delay500 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
}
.btSectionTransitions-delay700 {
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
animation-delay: .7s;
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
animation-delay: .7s;
}
.btSectionTransitions-delay1000 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
} .clear {
clear: both;
}
.woocommerce ul.products li.first,
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page ul.products li.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
clear: both;
}
@-webkit-keyframes spin {
from {
-webkit-transform: translateX(0);
}
to {
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes spin {
from {
-webkit-transform: translateX(0);
}
to {
-webkit-transform: translateX(100%);
}
}
@keyframes spin {
from {
-webkit-transform: translateX(0);
}
to {
-webkit-transform: translateX(100%);
}
}
@font-face {
font-family: star;
src: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
src: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #3ea2e0;
color: #fff;
z-index: 99998;
-webkit-box-shadow: 0 1px 1em rgba(0,0,0,.2);
box-shadow: 0 1px 1em rgba(0,0,0,.2);
}
p.demo_store a {
color: #fff;
}
.admin-bar p.demo_store {
top: 32px;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce img,
.woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce div.product form.cart .reset_variations,
.woocommerce form .form-row label.hidden,
.woocommerce-page div.product form.cart .reset_variations,
.woocommerce-page form .form-row label.hidden {
visibility: hidden;
}
.woocommerce .blockUI.blockOverlay,
.woocommerce-page .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before,
.woocommerce-page .blockUI.blockOverlay:before,
.woocommerce-page .loader:before {
height: 1em;
width: 1em;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0,0,0,.75);
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
padding: 1em 2em 1em 2.8em;
margin: 0 0 2em;
position: relative;
background-color: rgba(0,0,0,.07);
color: #333;
border-top: 2px solid #3ea2e0;
list-style: none !important;
width: auto;
word-wrap: break-word;
}
.woocommerce .woocommerce-info a: not(.button),
.woocommerce .woocommerce-message a: not(.button),
.woocommerce-page .woocommerce-info a: not(.button),
.woocommerce-page .woocommerce-message a: not(.button) {
color: #3ea2e0;
text-decoration: underline;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
border-top-color: #b81c23;
}
.woocommerce .woocommerce-error a,
.woocommerce-page .woocommerce-error a {
color: #b81c23;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
border-top-color: #3ea2e0;
}
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover,
.woocommerce-page .woocommerce-info a:hover,
.woocommerce-page .woocommerce-message a:hover {
text-decoration: none;
}
.woocommerce .woocommerce-error a:hover,
.woocommerce-page .woocommerce-error a:hover {
color: #fff;
}
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-message:after,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-info:after,
.woocommerce-page .woocommerce-message:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
font-family: Icon7Stroke;
display: block;
position: absolute;
top: .65em;
left: 1em;
font-size: 1.2em;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-info:before {
content: "\e647";
color: #3ea2e0;
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
content: '\e67b';
color: #b81c23;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: right;
}
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li,
.woocommerce-page .woocommerce-error li,
.woocommerce-page .woocommerce-info li,
.woocommerce-page .woocommerce-message li {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce small.note,
.woocommerce-page small.note {
display: block;
color: #777;
font-size: .857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: inherit;
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-breadcrumb:before,
.woocommerce-page .woocommerce-breadcrumb:after,
.woocommerce-page .woocommerce-breadcrumb:before {
content: " ";
display: table;
}
.woocommerce a.button,
.woocommerce input[type="submit"],
.woocommerce button[type="submit"],
.woocommerce input.button,
.woocommerce input.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce .button.alt:hover,
.woocommerce button.alt:hover,
.woocommerce-page a.button,
.woocommerce-page input[type="submit"],
.woocommerce-page button[type="submit"],
.woocommerce-page input.button,
.woocommerce-page input.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page .button.alt:hover,
.woocommerce-page button.alt:hover {
font-size: 13px;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
padding: 10px 15px;
cursor: pointer;
border: 2px solid #3ea2e0;
color: #3ea2e0;
background-color: transparent;
}
.woocommerce input[name="apply_coupon"],
.woocommerce input[name="update_card"],
.woocommerce-page input[name="apply_coupon"],
.woocommerce-page input[name="update_card"] {
padding: 12px 15px;
}
.woocommerce a.checkout-button,
.woocommerce input#place_order,
.woocommerce input[name="save_address"],
.woocommerce-page a.checkout-button,
.woocommerce-page input#place_order,
.woocommerce-page input[name="save_address"] {
width: 100%;
float: none;
display: block;
text-align: center;
}
.woocommerce a.button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce .button:hover,
.woocommerce button:hover,
.woocommerce input.alt,
.woocommerce a.button.alt,
.woocommerce .button.alt,
.woocommerce button.alt,
.woocommerce-page a.button:hover,
.woocommerce-page input[type="submit"]:hover,
.woocommerce-page .button:hover,
.woocommerce-page button:hover,
.woocommerce-page input.alt,
.woocommerce-page a.button.alt,
.woocommerce-page .button.alt,
.woocommerce-page button.alt {
background-color: #3ea2e0;
color: #fff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.woocommerce .my_account_orders .order-actions .button,
.woocommerce-page .my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em;
}
.woocommerce .my_account_orders .button,
.woocommerce-page .my_account_orders .button {
white-space: nowrap;
}
.woocommerce .cart input,
.woocommerce-page .cart input {
margin: 0;
vertical-align: middle;
line-height: 1;
width: auto;
}
.woocommerce .cart input#coupon_code,
.woocommerce-page .cart input#coupon_code {
margin: 0 10px 0 0;
float: left;
}
.woocommerce p.lost_password,
.woocommerce-page p.lost_password {
float: right;
padding: 0 0 0 2.4em;
margin: .7em 0 0;
}
.woocommerce p.lost_password:before,
.woocommerce-page p.lost_password:before {
content: '\e64a';
display: block;
float: left;
margin: -.05em 0 0 -1.2em;
font: normal 2em/1 Icon7Stroke;
color: #3ea2e0;
}
.woocommerce form.login p.lost_password a:hover,
.woocommerce-page form.login p.lost_password a:hover {
color: #3ea2e0;
}
.woocommerce input.button[name="register"],
.woocommerce-page input.button[name="register"] {
float: right;
width: auto;
}
.woocommerce .loading:after,
.woocommerce-page .loading:after {
position: relative;
font-family: WooCommerce;
content: "\e01c";
-webkit-font-smoothing: antialiased;
margin-left: .5em;
font-weight: 400;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.woocommerce .added:after,
.woocommerce-page .added:after {
position: relative;
font-family: WooCommerce;
content: "\e017";
margin-left: .5em;
}
.woocommerce table .order-actions,
.woocommerce-page table .order-actions {
text-align: right;
}
.woocommerce table td.product-name p.backorder_notification,
.woocommerce-page table td.product-name p.backorder_notification {
font-size: .83em;
}
.woocommerce table td.product-quantity,
.woocommerce-page table td.product-quantity {
min-width: 80px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 3px 0;
margin: 0 0 10px;
}
.woocommerce form .form-row.form-row-last,
.woocommerce-page form .form-row.form-row-last {
margin-bottom: 20px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity .5s .5s ease;
-moz-transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 2;
display: block;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .select2-container,
.woocommerce-page form .form-row .select2-container {
line-height: 39px;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
margin: 0 8px 0 0;
vertical-align: middle;
width: auto;
display: inline;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
height: 5em;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce-page form .form-row.woocommerce-invalid .select2-container,
.woocommerce-page form .form-row.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce-page form .form-row.woocommerce-validated .select2-container,
.woocommerce-page form .form-row.woocommerce-validated input.input-text,
.woocommerce-page form .form-row.woocommerce-validated select {
border-color: #69bf29;
}
.woocommerce form .form-row::-webkit-input-placeholder,
.woocommerce-page form .form-row::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row:-moz-placeholder,
.woocommerce-page form .form-row:-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row:-ms-input-placeholder,
.woocommerce-page form .form-row:-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.login,
.woocommerce-page form.register {
margin: 0 0 20px;
text-align: left;
}
.woocommerce div.product,
.woocommerce-page div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .btPriceTableSticker,
.woocommerce-page div.product .btPriceTableSticker {
top: 20px;
left: 20px;
}
.woocommerce div.product .quantity .qty,
.woocommerce-page div.product .quantity .qty {
width: 3.631em;
text-align: center;
float: left;
}
.woocommerce div.product .single_add_to_cart_button,
.woocommerce-page div.product .single_add_to_cart_button {
vertical-align: middle;
float: left;
height: 41px;
}
.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product .btProductSKU,
.woocommerce-page div.product .btProductSKU {
display: block;
float: right;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
font-size: 1.25em;
line-height: 1;
margin: 0 0 15px;
}
.woocommerce div.product .entry-summary p.price,
.woocommerce-page div.product .entry-summary p.price {
font-size: 32px;
font-weight: 600;
}
.woocommerce div.product .entry-summary p.price ins,
.woocommerce-page div.product .entry-summary p.price ins {
display: block;
margin: 12px 0 0;
}
.woocommerce div.product .single_variation span.price,
.woocommerce-page div.product .single_variation span.price {
font-size: 1.35em;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-page div.product p.price ins,
.woocommerce-page div.product span.price ins {
background: inherit;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce div.product .posted del .amount,
.woocommerce-page div.product p.price del,
.woocommerce-page div.product span.price del,
.woocommerce-page div.product .posted del .amount {
opacity: .5;
}
.woocommerce div.product .stock,
.woocommerce-page div.product .stock {
color: #3ea2e0;
font-weight: 600;
}
.woocommerce div.product .out-of-stock,
.woocommerce-page div.product .out-of-stock {
color: red;
}
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 48%;
margin-bottom: 20px;
}
.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img {
display: block;
width: 100%;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails {
padding-top: 15px;
margin-right: -15px;
}
.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a {
float: left;
width: 33.333%;
padding-right: 15px;
margin-bottom: 15px;
}
.woocommerce div.product div.images div.thumbnails a.last,
.woocommerce-page div.product div.images div.thumbnails a.last {
margin-right: 0;
}
.woocommerce div.product div.images div.thumbnails.columns-1 a,
.woocommerce-page div.product div.images div.thumbnails.columns-1 a {
width: 100%;
margin-right: 0;
float: none;
}
.woocommerce div.product div.images div.thumbnails.columns-2 a,
.woocommerce-page div.product div.images div.thumbnails.columns-2 a {
width: 48%;
}
.woocommerce div.product div.images div.thumbnails.columns-4 a,
.woocommerce-page div.product div.images div.thumbnails.columns-4 a {
width: 22.05%;
}
.woocommerce div.product div.images div.thumbnails.columns-5 a,
.woocommerce-page div.product div.images div.thumbnails.columns-5 a {
width: 16.9%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child),
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) {
width: -webkit-calc(33.333% - 10px);
width: -moz-calc(33.333% - 10px);
width: calc(33.333% - 10px);
margin-right: 10px;
margin-top: 10px;
float: left;
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child):after,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child):after {
position: absolute;
content: "\e623";
font: normal 50px/0 Icon7Stroke;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: #3ea2e0;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
pointer-events: none;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
color: #FFF;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child):hover:after,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child):hover:after {
opacity: .6;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(3n + 1),
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(3n + 1) {
margin-right: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
margin-right: 10px;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
margin-bottom: 20px;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
float: right;
width: 48%;
}
.woocommerce div.product .commentTxt .star-rating,
.woocommerce-page div.product .commentTxt .star-rating {
margin: 22px 10px 0 0;
float: right;
}
.woocommerce div.product .woocommerce-variation-description p,
.woocommerce-page div.product .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product .wc-no-matching-variations,
.woocommerce-page div.product .wc-no-matching-variations {
display: none;
}
.woocommerce div.product .button,
.woocommerce-page div.product .button {
vertical-align: middle;
float: left;
}
.woocommerce div.product .group_table td.label,
.woocommerce-page div.product .group_table td.label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product .group_table td,
.woocommerce-page div.product .group_table td {
vertical-align: top;
padding-bottom: .5em;
border: 0;
}
.woocommerce div.product a.reset_variations,
.woocommerce-page div.product a.reset_variations {
padding: 0;
font-weight: 700;
text-transform: uppercase;
display: block;
clear: both;
}
.woocommerce div.product a.reset_variations:before,
.woocommerce-page div.product a.reset_variations:before {
content: '\e680';
color: inherit;
font-family: Icon7Stroke;
}
.woocommerce div.product a.reset_variations:hover,
.woocommerce-page div.product a.reset_variations:hover {
color: #3ea2e0;
}
.woocommerce .variations,
.woocommerce-page .variations {
margin-bottom: 1em;
border: 0;
}
.woocommerce .variations td,
.woocommerce .variations th,
.woocommerce-page .variations td,
.woocommerce-page .variations th {
border: 0;
}
.woocommerce .variations label,
.woocommerce-page .variations label {
font-weight: 700;
}
.woocommerce .variations select,
.woocommerce-page .variations select {
width: 100%;
float: left;
padding: 10px;
}
.woocommerce .variations td,
.woocommerce-page .variations td {
vertical-align: top;
border: 0;
}
.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
margin: 0 -15px;
padding: 0;
list-style: none;
clear: both;
}
.woocommerce .products ul li.product .btPriceTableSticker,
.woocommerce ul.products li.product .btPriceTableSticker,
.woocommerce-page .products ul li.product .btPriceTableSticker,
.woocommerce-page ul.products li.product .btPriceTableSticker {
top: 5px;
left: 20px;
background: #3ea2e0;
opacity: .7;
z-index: 1;
}
.woocommerce .products ul li.product,
.woocommerce ul.products li.product,
.woocommerce-page .products ul li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 0 40px;
padding: 0 15px;
position: relative;
list-style: none;
width: 33.33%;
}
.woocommerce .products ul li.product h3,
.woocommerce ul.products li.product h3,
.woocommerce-page .products ul li.product h3,
.woocommerce-page ul.products li.product h3 {
padding: 0 0 .5em;
margin: 0;
font-size: 1em;
}
.woocommerce .products ul li.product a,
.woocommerce ul.products li.product a,
.woocommerce-page .products ul li.product a,
.woocommerce-page ul.products li.product a {
text-decoration: none;
}
.woocommerce .products ul li.product .bpgPhoto,
.woocommerce ul.products li.product .bpgPhoto,
.woocommerce-page .products ul li.product .bpgPhoto,
.woocommerce-page ul.products li.product .bpgPhoto {
margin: 0 0 10px;
}
.woocommerce .products ul li.product strong,
.woocommerce ul.products li.product strong,
.woocommerce-page .products ul li.product strong,
.woocommerce-page ul.products li.product strong {
display: block;
}
.woocommerce .products ul li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page .products ul li.product .price,
.woocommerce-page ul.products li.product .price {
display: block;
font-weight: 600;
margin-bottom: 15px;
}
.woocommerce .products ul li.product .price del,
.woocommerce ul.products li.product .price del,
.woocommerce-page .products ul li.product .price del,
.woocommerce-page ul.products li.product .price del {
color: inherit;
opacity: .5;
display: inline-block;
margin: 0 5px 0 0;
}
.woocommerce .products ul li.product .price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce-page .products ul li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
text-decoration: none;
}
.woocommerce .products ul li.product .price .from,
.woocommerce ul.products li.product .price .from,
.woocommerce-page .products ul li.product .price .from,
.woocommerce-page ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132,132,132,.5);
}
.woocommerce .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce ul.products li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page ul.products li.product .header .btSubTitle .btNoStarRating {
margin: 1px 0 0;
display: block;
height: 20px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce .woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
text-align: center;
margin-bottom: 40px;
clear: both;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
display: inline-block;
padding: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
margin: 0 0 5px;
display: inline-block;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: .3em 0;
width: 1.7em;
height: 1.7em;
display: block;
border-radius: 50%;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a.next,
.woocommerce-page nav.woocommerce-pagination ul li a.prev,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background: #3ea2e0;
color: #fff;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
margin: 0;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
vertical-align: top;
}
.woocommerce .woocommerce-ordering .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering .woocommerce-result-count {
margin: 20px 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
}
.woocommerce .woocommerce-ordering .fancy-select,
.woocommerce-page .woocommerce-ordering .fancy-select {
width: 220px;
margin: 0 0 20px;
}
.woocommerce .woocommerce-ordering .fancy-select .options,
.woocommerce-page .woocommerce-ordering .fancy-select .options {
padding: 0;
top: auto;
margin: 1px 0 0;
}
.woocommerce .woocommerce-ordering .fancy-select .options li,
.woocommerce-page .woocommerce-ordering .fancy-select .options li {
margin: 0;
float: none;
}
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
content: "\f005\f005\f005\f005\f005";
color: #222;
letter-spacing: 3px;
opacity: .2;
}
.woocommerce .star-rating,
.woocommerce-page .star-rating {
overflow: hidden;
position: relative;
line-height: 1;
font-family: FontAwesome;
margin: 0;
display: inline-block;
}
.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
letter-spacing: 3px;
color: #3ea2e0;
}
.header.large .woocommerce .star-rating,
.header.large .woocommerce-page .star-rating {
line-height: inherit;
margin-top: 2px;
}
.widget_recent_reviews .woocommerce .star-rating,
.widget_recent_reviews .woocommerce-page .star-rating {
font-size: 12px;
}
.products .woocommerce .star-rating,
.products .woocommerce-page .star-rating {
margin: 7px 0 0;
}
.woocommerce .widget_recent_reviews li a:after,
.woocommerce .widget_recent_reviews .reviewer:after,
.woocommerce-page .widget_recent_reviews li a:after,
.woocommerce-page .widget_recent_reviews .reviewer:after {
display: table;
content: ' ';
}
.woocommerce p.stars,
.woocommerce-page p.stars {
position: relative;
letter-spacing: .25em;
margin-bottom: 3em;
}
.woocommerce p.stars a,
.woocommerce-page p.stars a {
display: inline-block;
font-weight: 700;
text-indent: -9999px;
position: relative;
border-bottom: 0 !important;
outline: 0;
position: absolute;
top: 0;
left: 0;
}
.woocommerce p.stars a:last-child,
.woocommerce-page p.stars a:last-child {
border-right: 0;
}
.woocommerce p.stars a[class^="star-"]:after,
.woocommerce-page p.stars a[class^="star-"]:after {
font-family: FontAwesome;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
color: rgba(0,0,0,.2);
}
.woocommerce p.stars a[class^="star-"].active:after,
.woocommerce p.stars a[class^="star-"]:hover:after,
.woocommerce-page p.stars a[class^="star-"].active:after,
.woocommerce-page p.stars a[class^="star-"]:hover:after {
color: #3ea2e0;
}
.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
width: 1em;
z-index: 10;
}
.woocommerce p.stars a.star-1:after,
.woocommerce-page p.stars a.star-1:after {
content: "\f005";
}
.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
width: 2em;
z-index: 9;
}
.woocommerce p.stars a.star-2:after,
.woocommerce-page p.stars a.star-2:after {
content: "\f005\f005";
}
.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
width: 3em;
z-index: 8;
}
.woocommerce p.stars a.star-3:after,
.woocommerce-page p.stars a.star-3:after {
content: "\f005\f005\f005";
}
.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
width: 4em;
z-index: 7;
}
.woocommerce p.stars a.star-4:after,
.woocommerce-page p.stars a.star-4:after {
content: "\f005\f005\f005\f005";
}
.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
width: 5em;
border: 0;
z-index: 6;
}
.woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-5:after {
content: "\f005\f005\f005\f005\f005";
}
.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none;
}
.woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce .order_details,
.woocommerce-page .order_details {
margin: 0 0 1.5em;
list-style: none;
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
}
.woocommerce .order_details li strong,
.woocommerce-page .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce .order_details:after,
.woocommerce .order_details:before,
.woocommerce-page .order_details:after,
.woocommerce-page .order_details:before {
content: " ";
display: table;
}
.woocommerce .order_details li:last-of-type,
.woocommerce-page .order_details li:last-of-type {
border: none;
} .woocommerce-cart table.cart img {
height: auto;
display: block;
margin: 0 auto;
}
.woocommerce-cart table.cart td.actions {
text-align: right;
padding: 1.5em 1em;
}
.woocommerce-cart table.cart td.actions .input-text {
width: 140px;
font-size: 13px;
}
.woocommerce-cart table.cart td.actions .coupon {
float: left;
text-align: left;
min-width: 400px;
}
.woocommerce-cart table.cart td.actions .coupon label {
display: block;
float: left;
margin: .75em 10px 0 0;
line-height: 1.1;
}
.woocommerce-cart input[name="update_cart"] {
float: right;
}
.woocommerce-cart .cart-collaterals {
width: 100%;
}
.woocommerce-cart .cart-collaterals .related {
width: 30.75%;
float: left;
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 48%;
float: left;
}
.woocommerce-cart .cart-collaterals .cross-sells ul.products {
float: none;
}
.woocommerce-cart .cart-collaterals .cross-sells ul.products li {
width: 48%;
}
.woocommerce-cart .cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%;
}
.woocommerce-cart .cart-collaterals .cart_totals {
float: right;
width: 48%;
}
.woocommerce-cart form {
margin: 0 0 20px;
}
.woocommerce-cart form table div.quantity input {
width: 70px;
}
.woocommerce-cart form table small.stock {
display: block;
float: none;
}
.woocommerce-cart form .woocommerce-shipping-calculator a {
text-decoration: underline;
}
.woocommerce-cart form .woocommerce-shipping-calculator select {
padding: 10px;
}
.woocommerce-cart form .woocommerce-shipping-calculator .form-row {
padding: 0;
}
.woocommerce-cart table.cart td.product-remove {
width: 3em;
}
.woocommerce-cart table.cart td.product-remove a.remove {
display: inline-block;
font-size: 18px;
line-height: 22px;
text-align: center;
vertical-align: middle;
padding: 0;
width: 25px;
height: 25px;
color: #3ea2e0;
background-color: transparent;
border: 1px solid #3ea2e0;
border-radius: 50%;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover {
background-color: #3ea2e0;
color: #fff;
}
.woocommerce-cart table.cart td.product-thumbnail {
width: 100px;
text-align: center;
}
.woocommerce-cart table.cart td.product-thumbnail img {
width: 80px;
height: auto;
display: inline-block;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-cart .coupon .input-text {
background-color: transparent;
text-transform: uppercase;
display: inline-block;
}
.woocommerce-cart .cart_totals table {
border-top: 1px solid rgba(0,0,0,.07);
}
.woocommerce-cart .cart_totals table th {
width: 25%;
background-color: transparent;
color: inherit;
}
.woocommerce-cart .cart_totals .discount td {
color: #3ea2e0;
}
.woocommerce-cart tr.order-total span.amount {
font-size: 1.6em;
font-weight: 600;
line-height: 1.1;
}
.woocommerce-cart h3#ship-to-different-address {
position: relative;
}
.woocommerce-cart h3#ship-to-different-address label {
display: inline-block;
margin: 0 10px 0 0;
}
.woocommerce-cart input#ship-to-different-address-checkbox {
display: block;
position: absolute;
top: 11px;
width: auto;
right: 0;
} .woocommerce-account .addresses .title:after,
.woocommerce-account .addresses .title:before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account header.title:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.woocommerce-account header.title h3 {
float: left;
}
.woocommerce-account header.title .edit {
display: block;
float: right;
font-size: 14px;
line-height: 1.1;
padding: 0 0 0 22px;
text-transform: uppercase;
font-weight: 700;
color: #3ea2e0;
margin: 10px 0 0 5px;
}
.woocommerce-account header.title .edit:before {
content: '\f040';
font: normal 20px/1 FontAwesome;
display: block;
float: left;
margin: -5px 0 0 -22px;
color: #3ea2e0;
} .woocommerce.columns-1 ul.products li.product {
width: 100%;
}
.woocommerce.columns-2 ul.products li.product {
width: 50%;
}
.woocommerce.columns-3 ul.products li.product {
width: 33.33%;
}
.woocommerce.columns-4 ul.products li.product {
width: 25%;
}
.woocommerce.columns-5 ul.products li.product {
width: 20%;
} .woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce-checkout .wc-terms-and-conditions label {
display: inline-block !important;
}
.woocommerce-checkout .wc-terms-and-conditions input {
margin-left: 6px !important;
}
.woocommerce-checkout #payment {
border: 2px solid rgba(0,0,0,.07);
padding: 20px;
}
.woocommerce-checkout #payment ul.payment_methods {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
}
.woocommerce-checkout #payment div.form-row.place-order {
margin: 10px 0;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
}
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 40px;
margin-left: 10px;
vertical-align: middle;
}
.woocommerce-checkout #payment div.payment_box:before {
content: "";
display: block;
border: 10px solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
left: 10px;
top: -20px;
}
.woocommerce-checkout #payment div.payment_box {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin: 10px 0;
background-color: #dfdcde;
}
.woocommerce-checkout #payment div.payment_box span.help {
font-size: .857em;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//der-hoteltalk.de/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.png);
} .btLightSkin .woocommerce header.title .edit:hover,
.btDarkSkin .btLightSkin .woocommerce header.title .edit:hover {
color: #333;
}
.btDarkSkin .woocommerce header.title .edit:hover,
.btLightSkin .btDarkSkin .woocommerce header.title .edit:hover {
color: #fff;
}
.btLightSkin.woocommerce-page .product img,
.btDarkSkin .btLightSkin.woocommerce-page .product img,
.btLightSkin ul.products li.product img,
.btDarkSkin .btLightSkin ul.products li.product img {
border: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin.woocommerce-page .product img,
.btLightSkin .btDarkSkin.woocommerce-page .product img,
.btDarkSkin ul.products li.product img,
.btLightSkin .btDarkSkin ul.products li.product img {
border: 1px solid rgba(255,255,255,.02);
}
.btLightSkin .product .headline a,
.btDarkSkin .btLightSkin .product .headline a {
color: #333;
}
.btDarkSkin .product .headline a,
.btLightSkin .btDarkSkin .product .headline a {
color: #fff;
}
.btLightSkin .woocommerce-shipping-calculator select,
.btDarkSkin .btLightSkin .woocommerce-shipping-calculator select {
border: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select {
border: 1px solid rgba(255,255,255,.1);
}
.btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin.woocommerce-page .product .headline a:hover,
.btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover {
color: #3ea2e0;
}
.btDarkSkin div.product .woocommerce-product-rating,
.btLightSkin .btDarkSkin div.product .woocommerce-product-rating {
border-bottom: 1px solid rgba(255,255,255,.02);
}
.btDarkSkin .woocommerce ul.products li.product .price,
.btLightSkin .btDarkSkin .woocommerce ul.products li.product .price {
color: #fff;
}
.btDarkSkin.woocommerce .star-rating:before,
.btLightSkin .btDarkSkin.woocommerce .star-rating:before {
color: #fff;
} form .form-row .select2-container .select2-selection--single {
height: 3em;
background-color: transparent;
border: 1px solid rgba(0,0,0,.2);
border-radius: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
line-height: 3;
padding: 0 .5em;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
left: -20%;
top: 90%;
}
.select2-dropdown {
border: 1px solid rgba(0,0,0,.1);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(0,0,0,.1);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #3ea2e0;
} .btQuoteBooking {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
transition: opacity 400ms ease;
opacity: 0;
-webkit-filter: alpha(opacity=0);
filter: alpha(opacity=0);
}
.btQuoteBooking *,
.btQuoteBooking *:after,
.btQuoteBooking *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btQuoteBooking:after {
content: " ";
display: table;
clear: both;
width: 100%;
}
.btQuoteBooking .btQuoteBookingForm {
margin: 0;
}
.btQuoteBooking .btTotalQuoteContactGroup {
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
max-height: 0;
opacity: 0;
-webkit-filter: alpha(opacity=0);
filter: alpha(opacity=0);
margin: 30px 0 0;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
opacity: 1;
max-height: 1000px;
-webkit-filter: alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
} .btQuoteBooking .btTotalNextWrapper {
display: block;
width: 100%;
padding-right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
}
.btQuoteBooking .btTotalNextWrapper:after {
content: " ";
display: block;
width: 100%;
clear: both;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding-right: 160px;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: block;
padding: 0;
width: 140px;
float: right;
margin-right: -130px;
margin-left: -100%;
}
.btQuoteBooking .btContactNext {
font-family: inherit;
margin: 0 0 0 30px;
line-height: 2.25;
border: #3ea2e0 2px solid;
color: #3ea2e0;
text-transform: uppercase;
font-weight: 900;
display: inline-block;
padding: 0 30px 0 30px;
background: transparent;
cursor: pointer;
font-size: 20px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
opacity: 0;
-webkit-transform: translate(500px,0);
-moz-transform: translate(500px,0);
-ms-transform: translate(500px,0);
transform: translate(500px,0);
white-space: nowrap;
}
.btQuoteBooking .btContactNext:focus {
outline: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
opacity: 1;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
}
.btQuoteBooking .btContactNext:hover,
.btQuoteBooking .btContactNext:active {
background-color: #3ea2e0 !important;
color: #fff !important;
}
.btQuoteBooking .btContactNext:hover:after,
.btQuoteBooking .btContactNext:active:after {
margin: 0 7px 0 10px;
-webkit-transition: margin 200ms ease;
-moz-transition: margin 200ms ease;
transition: margin 200ms ease;
}
.btQuoteBooking .btContactNext:active {
-webkit-box-shadow: 0 0 0 rgba(0,0,0,.2) inset,0 -2px 10px rgba(0,0,0,.4);
box-shadow: 0 0 0 rgba(0,0,0,.2) inset,0 -2px 10px rgba(0,0,0,.4);
} .btQuoteBooking .btQuoteItem {
padding: 0 0 0 220px;
margin: 0 0 30px;
}
.btQuoteBooking .btQuoteItem label {
display: block;
float: left;
width: 220px;
margin: 8px 0 0 -220px;
padding-right: 20px;
}
.btQuoteBooking .btQuoteSlider {
float: left;
margin: 0;
width: 100%;
}
.btQuoteBooking .btQuoteSwitch {
float: left;
margin: 0;
width: 76px;
height: 38px;
cursor: pointer;
padding: 5px;
border-radius: 19px;
-webkit-transition: box-shadow 380ms ease;
-moz-transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
}
.btLightSkin .btQuoteBooking .btQuoteSwitch,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch {
border: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch {
border: 1px solid rgba(255,255,255,.1);
}
.btQuoteBooking .btQuoteSwitch:hover {
-webkit-box-shadow: 0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
width: 26px;
height: 26px;
border-radius: 50%;
-webkit-transition: all 190ms cubic-bezier(.8,.1,.8,.1);
-moz-transition: all 190ms cubic-bezier(.8,.1,.8,.1);
transition: all 190ms cubic-bezier(.8,.1,.8,.1);
}
.btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background: rgba(0,0,0,.2);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background: rgba(255,255,255,.1);
}
.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
margin-left: 38px;
background: #3ea2e0;
}
.btQuoteBooking .btQuoteItemInput {
text-align: center;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger {
text-align: left;
color: #b4b4b4;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger.selected {
color: #333;
} .btQuoteBooking input[type="text"],
.btQuoteBooking input[type="email"],
.btQuoteBooking input[type="password"],
.btQuoteBooking textarea,
.btQuoteBooking .fancy-select .trigger {
width: 100%;
display: block;
line-height: 2;
min-height: 38px;
padding: 0 12px;
background-color: transparent;
border: 1px solid rgba(0,0,0,.2);
font-family: inherit;
font-weight: inherit;
font-size: inherit;
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
color: #000;
outline: none;
}
.btQuoteBooking .btQuoteItem textarea {
resize: vertical;
font-size: inherit;
color: #000;
padding: 0 12px 0 12px;
min-height: 160px;
}
.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
min-height: 38px;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
-webkit-box-shadow: 5px 0 0 #3ea2e0 inset,0 2px 10px rgba(0,0,0,.2);
box-shadow: 5px 0 0 #3ea2e0 inset,0 2px 10px rgba(0,0,0,.2);
min-height: 38px;
} .btQuoteBooking .btQuoteItem:after {
content: ' ';
display: table;
width: 100%;
clear: both;
} .btQuoteWrapper {
position: relative;
padding: 0 17px;
}
.btQuoteWrapper:before {
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteWrapper:after {
content: ' ';
clear: both;
width: 100%;
display: table;
}
.btQuoteBooking .ui-slider {
position: relative;
text-align: left;
border: 0;
}
.btQuoteBooking .ui-slider:hover {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.btQuoteWrapper:before {
content: ' ';
display: block;
position: absolute;
height: 20px;
left: 0;
right: 0;
top: 50%;
margin: -8px 0 0;
border-radius: 10px;
}
.btLightSkin .btQuoteWrapper:before,
.btDarkSkin .btLightSkin .btQuoteWrapper:before {
border: 1px solid rgba(0,0,0,.2);
}
.btDarkSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btQuoteWrapper:before {
border: 1px solid rgba(255,255,255,.1);
} .btQuoteBooking .btQuoteWrapper:hover:before {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 1px 5px rgba(0,0,0,.2);
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
} .btQuoteBooking .ui-slider .ui-slider-handle {
display: block;
position: absolute;
z-index: 2;
min-width: 38px;
height: 38px;
-ms-touch-action: none;
touch-action: none;
background: #3ea2e0;
cursor: w-resize;
cursor: -webkit-grab;
cursor: -moz-grab;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
-webkit-transition: all 190ms ease;
-moz-transition: all 190ms ease;
transition: all 190ms ease;
}
.btQuoteBooking .btQuoteSliderValue {
min-width: 34px;
height: 38px;
line-height: 38px;
padding: 0 2px;
font-size: 11px;
font-weight: 700;
color: #FFF;
text-align: center;
display: block;
} .btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover {
-webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
} .btQuoteBooking .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle,
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit;
} .btQuoteBooking .ui-slider-horizontal {
height: 20px;
margin-top: 10px;
cursor: pointer;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-handle {
top: -10px;
margin-left: -18px;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range-max {
right: 0;
} .btQuoteBooking .ui-slider-vertical {
min-width: 34px;
height: 100px;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-handle {
left: 0;
margin-left: 0;
margin-bottom: -18px;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range-max {
top: 0;
} .btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
font-weight: bold;
padding: 0;
text-align: right;
color: #FFF;
background: #3ea2e0;
line-height: 1.8;
display: block;
width: 100%;
float: left;
}
.btQuoteBooking .btQuoteTotalText {
margin-right: 1em;
} .btQuoteBooking .btQuoteTotalCurrency {
font-size: 22px;
line-height: 1.8;
display: inline-block;
background: rgba(0,0,0,.25);
padding: 5px 3px 5px 20px;
}
.btQuoteBooking .btQuoteTotalCalc {
opacity: 1;
-webkit-filter: alpha(opacity=100);
filter: alpha(opacity=100);
font-size: 22px;
line-height: 1.8;
display: inline-block;
background: rgba(0,0,0,.25);
padding: 5px 20px 5px 3px;
} .btQuoteBooking .btQuoteItem ul.options {
text-align: left;
} .btQuoteBooking .btQuoteContact {
margin: 0 -10px 0 -10px;
} .btQuoteBooking .btQuoteContact .btQuoteItem {
padding: 0 10px;
float: left;
width: 50%;
} .btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) {
clear: left;
} .btQuoteBooking .btQuoteItem.btQuoteItemFullWidth {
float: none;
width: auto;
} .btQuoteBooking .btQuoteContact .boldBtn {
clear: left;
margin: 0;
text-align: center;
white-space: normal;
}   .btQuoteBooking .btContactFieldMandatory.btContactFieldError input,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea {
border: 1px solid #3ea2e0;
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset;
box-shadow: 0 0 0 1px #3ea2e0 inset;
-webkit-transition: all 380ms ease;
-moz-transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius .ddTitleText {
border: 1px solid #3ea2e0;
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset;
box-shadow: 0 0 0 1px #3ea2e0 inset;
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:hover,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:hover {
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset,0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #3ea2e0 inset,0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius:hover .ddTitleText {
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset,0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #3ea2e0 inset,0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus {
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset,5px 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #3ea2e0 inset,5px 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText {
-webkit-box-shadow: 0 0 0 1px #3ea2e0 inset,5px 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #3ea2e0 inset,5px 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
} .btQuoteBooking .btSubmitMessage {
color: #3ea2e0;
font-weight: 600;
text-align: center;
line-height: 30px;
height: 30px;
} .btDatePicker {
z-index: 10000 !important;
width: 300px;
}
.btDatePicker table th,
.btDatePicker table td {
border: 1px solid #e0e0e0;
}
.btDatePicker .ui-datepicker-header {
display: block;
padding: 10px;
overflow: hidden;
background-color: #3ea2e0;
color: #FFF;
}
.btDatePicker table.ui-datepicker-calendar {
width: 100%;
text-align: center;
border-collapse: collapse;
margin: 0;
padding: 0;
line-height: 1.2;
background-color: #f2f2f2;
} .btDatePicker table.ui-datepicker-calendar th {
padding: 10px 8px;
font-size: 14px;
font-weight: 600;
color: #333;
text-align: center;
} .btDatePicker a.ui-datepicker-prev,
.btDatePicker a.ui-datepicker-next {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 1;
background-color: #FFF;
padding: 2px 4px;
text-transform: uppercase;
cursor: pointer;
}
.btDatePicker a.ui-datepicker-prev {
float: left;
}
.btDatePicker a.ui-datepicker-next {
float: right;
} .btDatePicker a.ui-datepicker-prev:hover,
.btDatePicker a.ui-datepicker-next:hover {
color: #bbb;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
} .btDatePicker .ui-datepicker-title {
text-align: center;
font-size: 14px;
line-height: 1.1;
font-weight: 600;
color: #FFF;
} .btDatePicker#ui-datepicker-div {
background-color: #f2f2f2;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
box-shadow: 0 2px 10px rgba(0,0,0,.2);
margin-top: 1px;
} .btDatePicker .ui-datepicker-calendar td {
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: .3em;
text-align: center;
} .btDatePicker table.ui-datepicker-calendar td a {
color: #666;
width: 18px;
height: 18px;
line-height: 18px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
} .btDatePicker table.ui-datepicker-calendar td a.ui-state-active {
font-weight: bold;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
} .btDatePicker table td:hover {
cursor: pointer;
}
.btDatePicker table td:hover {
background: #e0e0e0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
} .btQuoteBooking .btDropDown .dd {
position: relative;
}
.btQuoteBooking .ddChild {
position: absolute;
left: 0 !important;
right: 0 !important;
margin: -1px 0 0;
}
.btQuoteBooking .ddChild {
position: absolute !important;
} .btQuoteBooking .ddChild {
background-color: #fff;
border: 1px solid #999;
overflow-y: auto;
}
.btQuoteBooking .ddChild ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.btQuoteBooking .ddChild ul li {
display: table;
width: 100%;
min-height: 38px;
margin: 0;
padding: 0 37px 0 0;
cursor: pointer;
line-height: 1.2;
border-top: 1px solid rgba(0,0,0,.1);
color: #000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}
.btQuoteBooking .ddChild ul li span {
display: block;
padding: 0 12px;
line-height: 2;
}
.btQuoteBooking .ddChild ul li span.description {
line-height: 1.5;
margin-top: -.3em;
margin-bottom: .3em;
} .btQuoteBooking .ddChild ul li:hover,
.btQuoteBooking .ddChild ul li.selected:hover {
color: #666;
background: rgba(0,0,0,.05);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
} .btQuoteBooking .ddChild ul li:first-child,
.btQuoteBooking .ddChild ul li:first-child:hover {
border-top: none;
color: #666;
background: none;
}
.btQuoteBooking .ddOutOfVision {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
} .btQuoteBooking .ddItem {
display: table;
width: 100%;
margin: 1px 0 0;
padding: 0;
font-size: 14px;
line-height: 1.1;
} .btQuoteBooking .ddTitleText {
display: table;
width: 100%;
}
.btQuoteBooking .ddTitleText span,
.btQuoteBooking .ddChild ul li span {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.btQuoteBooking .ddTitleText span span,
.btQuoteBooking .ddChild ul li span span,
.btQuoteBooking .ddChild ul li:hover span span,
.btQuoteBooking .ddChild ul li.selected:hover span span {
display: block;
font-size: 12px;
padding: 0;
color: #555;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}
.btQuoteBooking .ddChild span {
padding: 8px 12px;
}
.btQuoteBooking .ddTitleText span {
padding: 0 12px;
}
.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
background-color: #fff;
border: 1px solid rgba(0,0,0,.2);
padding: 0 37px 0 0;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
background-color: #fff;
border: 1px solid #999;
padding: 0 37px 0 0;
} .btQuoteBooking .ddlabel,
.btQuoteBooking .description {
width: 100%;
}
.btNotSelected {
min-height: 38px;
}
.btNotSelected .ddlabel {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .btQuoteBooking .ddTitleText .ddImage,
.btQuoteBooking .ddChild ul li .ddImage {
text-align: center;
padding: 12px;
padding-right: 0;
}
.btQuoteBooking .ddTitleText .ddImage img,
.btQuoteBooking .ddChild ul li .ddImage img {
display: block;
width: auto;
max-width: none !important;
} .btQuoteBooking .ddTitleText.btNotSelected .ddlabel {
color: #a9a9a9;
} .btQuoteBooking .ddTitleText .ddlabel {
width: 100%;
line-height: 2;
color: #000;
}
.btQuoteBooking .ddTitleText .ddlabel .description {
line-height: 1.5;
margin-top: -.3em;
margin-bottom: .3em;
}
.btQuoteBooking .ddTitle {
position: relative;
cursor: pointer;
} .btQuoteBooking .ddTitle .arrow {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
} .btQuoteBooking .ddTitle .arrow:before {
content: ' ';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(0,0,0,.2);
display: block;
} .btQuoteBooking .btContactSubmit {
font-family: inherit;
cursor: pointer;
background-color: #3ea2e0;
color: #fff;
line-height: 1.1;
padding: 14px 40px;
font-weight: 700;
font-size: 20px;
opacity: 1;
border: 2px solid #3ea2e0;
-webkit-filter: alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
text-transform: uppercase;
}
.btQuoteBooking .btContactSubmit:focus {
outline: 0;
} .btQuoteBooking .btContactSubmit:hover {
background-color: transparent;
color: #3ea2e0;
} @media (max-width: 1024px) {
.btQuoteBooking .btQuoteContact .btQuoteItem {
float: none;
width: auto;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
max-height: 1000px;
}
.btQuoteBooking .btQuoteContact {
margin-left: -10px;
}
} @media (max-width: 650px) {
.btQuoteBooking .btQuoteItem label {
display: block;
float: none;
margin: 0 0 8px;
width: auto;
}
.btQuoteBooking .btQuoteItem {
margin: 0 0 20px;
padding: 0;
}
} @media (max-width: 440px) {
.btQuoteBooking .ddTitleText .ddImage img,
.btQuoteBooking .ddChild ul li .ddImage img {
display: block;
width: auto;
margin: 0 auto;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
-moz-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
height: 60px;
overflow: hidden;
padding-top: 10px;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: block;
width: 100%;
float: none;
text-align: center;
margin: 0;
height: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
clear: both;
overflow: hidden;
padding: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal,
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
display: block;
width: 100%;
float: none;
margin-bottom: 20px;
height: 50px;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext,
.btQuoteBooking .btQuoteBookingForm .btContactNext {
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
-webkit-filter: alpha(opacity=100);
filter: alpha(opacity=100);
margin-left: auto;
}
.btQuoteBooking .btContactBack,
.btQuoteBooking .btContactSubmit {
margin: 0 auto 20px auto;
clear: both;
display: block;
}
.btPayPalButton {
margin: 0 !important;
float: none;
-webkit-flex: 1 0 100% !important;
-ms-flex: 1 0 100% !important;
flex: 1 0 100% !important;
}
} .btQuoteBooking *::-webkit-input-placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *:-moz-placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *::-moz-placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *:-ms-input-placeholder {
font-family: inherit;
color: #a9a9a9;
} .btQuoteBooking .g-recaptcha {
margin-bottom: 30px;
}
.btQuoteBooking .g-recaptcha > div > div {
margin: auto;
} .btPayPalButton {
display: inline-block;
margin: 0 0 0 30px;
background: transparent;
border: rgba(0,0,0,.2) 2px solid;
margin-right: -100%;
width: 130px;
height: 49px;
cursor: pointer;
-webkit-transition: box-shadow 380ms ease;
-moz-transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
background-position: center center;
background-size: 70%;
background-repeat: no-repeat;
}
.btPayPalButton:hover {
-webkit-box-shadow: 0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #3ea2e0 inset,0 1px 5px rgba(0,0,0,.2);
}
.btPayPalForm {
width: 0;
height: 0;
overflow: hidden;
} .btQuoteItem.btCCLock {
position: relative;
}
.btQuoteItem.btCCLock:before {
content: ' ';
position: absolute;
top: -10px;
bottom: -10px;
left: 0;
right: 0;
background: transparent;
z-index: 999;
} .btQuoteBooking .btTotalNextWrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: auto !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-right: 0 !important;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: initial;
}
.btQuoteBooking .btTotalNextWrapper:after {
display: none;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding-right: 0 !important;
}
.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
-webkit-flex: 0 0 160px;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
width: 160px;
max-width: 160px;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 0 1 0;
-ms-flex: 0 1 0;
flex: 0 1 0;
float: none;
margin-right: 0 !important;
margin-left: 0 !important;
width: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
max-width: 0;
}
.btQuoteBooking .btContactNext {
-webkit-transform: translate(160px,0);
-moz-transform: translate(160px,0);
-ms-transform: translate(160px,0);
transform: translate(160px,0);
}
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
float: none;
}
.btQuoteBooking .btQuoteTotalText {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.btQuoteBooking .btQuoteContact:not(.btQuoteContactForm7) {
margin: 0 -10px 0 -10px;
} @media (max-width: 440px) {
.btQuoteBooking .btTotalNextWrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn,
.btQuoteBooking .btQuoteBookingForm .boldBtn {
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
width: 100%;
max-width: 100%;
padding-top: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext,
.btQuoteBooking .btQuoteBookingForm .btContactNext {
width: 100%;
}
.btQuoteBooking .btQuoteBookingForm .btContactNext {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
} .btPayPalButton {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
margin-right: auto;
-webkit-flex: 0 0 130px;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
margin-left: 30px;
}
@media (max-width: 1399px) {
h1,
.header.extralarge h1,
.header.huge h1 {
font-size: 75px;
line-height: 85px;
}
h2,
.header.large h2,
.header.large h1 {
font-size: 50px;
line-height: 50px;
}
h3 .header.medium h2,
.header.medium h3 {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 1399px) {
.gutter .port {
width: 100%;
max-width: none;
padding-left: 20px;
padding-right: 20px;
}
.btWithSidebar .btSidebar {
padding-left: 20px;
padding-right: 20px;
}
.btSearchInner.btFromTopBox .btSearchInnerClose {
right: 20px;
}
.btMenuVerticalRight .btVerticalMenuTrigger {
margin: 0;
}
.slick-slider h4.nbs {
top: auto;
bottom: 20px;
opacity: .5;
}
.slick-slider h4.nbs .nbsImage {
width: 50px;
height: 50px;
}
.slick-slider h4.nbs a:before,
.slick-slider h4.nbs a:after {
font-size: 25px;
line-height: 50px;
font-weight: normal;
width: 50px;
}
}
@media (max-width: 1199px) {
h1,
.header.extralarge h1,
.header.huge h1 {
font-size: 75px;
line-height: 85px;
}
h2,
.header.large h2,
.header.large h1 {
font-size: 40px;
line-height: 40px;
}
h3 .header.medium h2,
.header.medium h3 {
font-size: 36px;
line-height: 36px;
}
.btCounterHolder,
.btCounterHolder.btCounterLargeSize {
font-size: 60px;
line-height: 65px;
height: 65px;
}
.btCounterHolder .btCounter,
.btCounterHolder.btCounterLargeSize .btCounter {
height: 65px;
}
.btCounterHolder span.onedigit,
.btCounterHolder.btCounterLargeSize span.onedigit {
height: 60px;
}
.btCounterHolder span.onedigit span,
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 65px;
}
.btCounterHolder .btCountdownHolder > span > span > span,
.btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span {
-webkit-transform: translateY(-65px);
-moz-transform: translateY(-65px);
-ms-transform: translateY(-65px);
transform: translateY(-65px);
}
.slidedVariable .slick-list {
z-index: 1;
}
}
@media (max-width: 992px) {
.neighboringArticles .btTextLeft h4.nsPrev {
margin-bottom: 10px;
}
.neighboringArticles .btTextLeft:after {
content: ' ';
clear: both;
display: table;
width: 100%;
height: 2px;
margin-bottom: 10px;
}
.btLightSkin .neighboringArticles .btTextLeft:after,
.btDarkSkin .btLightSkin .neighboringArticles .btTextLeft:after {
background-color: rgba(0,0,0,.07);
}
.btDarkSkin .neighboringArticles .btTextLeft:after,
.btLightSkin .btDarkSkin .neighboringArticles .btTextLeft:after {
background-color: 1px solid rgba(255,255,255,.02);
}
.btGoogleMapsWrapper .btGoogleMapsContent {
position: relative;
clear: both;
width: auto;
margin: 20px;
right: 0;
left: 0;
top: 0;
} .btHighlight > .rowItemContent {
margin-bottom: 10px;
} .rowItem.btDoublePadding .rowItemContent {
padding: 0 15px;
}
.btTableRow .rowItem.btDoublePadding .rowItemContent {
padding: 0 30px;
}
.btArticleListItem {
margin-bottom: 40px;
}
.btArticleListItem .btArticleFooter .btReadArticle,
.btArticleListItem .btArticleFooter .btShareArticle {
text-align: center;
}
.btArticleListItem .btArticleFooter .btShareArticle:before {
width: 65px;
height: 1px;
content: ' ';
display: block;
margin: 10px auto 22px;
}
.btArticleListItem .btArticleFooter .shareRowItem,
.btArticleListItem .btArticleFooter .tagsRowItem {
text-align: center;
}
.btArticleListItem .btArticleFooter .shareRowItem .btTags ul li,
.btArticleListItem .btArticleFooter .tagsRowItem .btTags ul li {
float: none;
}
.btArticleListItem .btArticleFooter .btIconRow .btIco {
margin: 0 .25em;
}
.btArticleListItem .btArticleFooter .btReadArticle a.btContinueReading {
display: inline-block;
float: none;
margin-bottom: 8px;
}
}
@media (max-width: 768px) {
.btContent,
.btSidebar {
width: 100%;
float: none;
}
.btSidebarLeft .btSidebar,
.btSidebarRight .btSidebar {
padding-left: 20px;
padding-right: 20px;
} h1,
.header.extralarge h1,
.header.huge h1 {
font-size: 60px;
line-height: 70px;
}
.header.huge h1 {
font-size: 60px;
line-height: 70px;
}
h2 {
font-size: 30px;
}
.header.extralarge .btSuperTitle,
.header.extralarge .btSubTitle {
font-size: 18px;
line-height: 28px;
}
.header.huge .btSubTitle {
font-size: 12px;
line-height: 17px;
}
.header.huge .btSubTitle {
font-size: 20px;
line-height: 30px;
}
.btCounterHolder,
.btCounterHolder.btCounterLargeSize {
font-size: 40px;
line-height: 45px;
height: 45px;
}
.btCounterHolder .btCountdownHolder,
.btCounterHolder.btCounterLargeSize .btCountdownHolder {
padding-top: 9px;
}
.btCounterHolder .btCounter,
.btCounterHolder.btCounterLargeSize .btCounter {
height: 45px;
}
.btCounterHolder span.onedigit,
.btCounterHolder.btCounterLargeSize span.onedigit {
height: 40px;
}
.btCounterHolder span.onedigit span,
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 45px;
}
.btCounterHolder .btCountdownHolder > span > span > span,
.btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span {
-webkit-transform: translateY(-45px);
-moz-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px);
}
.btContentHolder blockquote {
font-size: 1.2em;
line-height: 1.6;
}
.topExtraSpaced {
padding-top: 100px;
}
.bottomExtraSpaced {
padding-bottom: 100px;
}
.topLargeSpaced {
padding-top: 80px;
}
.bottomLargeSpaced {
padding-bottom: 80px;
}
.topSpaced {
padding-top: 60px;
}
.bottomSpaced {
padding-bottom: 60px;
}
.btArticleMeta {
text-align: left;
}
.btArticleMeta dd:after {
content: "; ";
}
.btArticleMeta dt:after {
content: ": ";
}
.btArticleMeta.onBottom dd,
.btArticleMeta.onBottom dt {
display: inline-block;
padding-right: 5px;
margin-bottom: 0;
}
.btArticleMeta.onTop dd {
margin-bottom: 0;
}
.btSlidePane .articleMeta.btTextRight {
text-align: left;
}
}
@media (max-width:620px) {
.btHasAuthorInfo .btArticleListBody {
padding-left: 0;
clear: both;
}
.btHasAuthorInfo .articleSideGutter {
position: relative;
left: 0;
width: auto;
}
.btHasAuthorInfo .asgItem.avatar {
width: 45px;
float: left;
}
}
@media (max-width: 992px) {
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals {
float: none;
width: 100%;
display: block;
}
.woocommerce ul.products li.product {
width: 50% !important;
}
.woocommerce ul.products li.product:nth-child(odd) {
clear: left;
}
.woocommerce ul.products li.first {
clear: none !important;
}
}
@media (max-width: 620px) {
.woocommerce #content table.cart td.actions .button.alt,
.woocommerce #content table.cart td.actions .input-text + .button,
.woocommerce table.cart td.actions .button.alt,
.woocommerce table.cart td.actions .input-text + .button {
float: none;
}
.woocommerce .cart .actions input[type="submit"].button {
float: none;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
float: none;
width: auto;
}
.woocommerce p.lost_password {
float: none;
margin: 1em 0 0;
clear: left;
}
.woocommerce p.form-row:not(.form-row-wide) {
float: none;
}
.woocommerce .woocommerce-ordering {
float: none;
margin: .75em 0 0;
}
.woocommerce .woocommerce-ordering .fancy-select {
width: auto;
margin: 0 0 20px;
}
.woocommerce .woocommerce-result-count {
float: none;
margin: 0;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon {
float: none;
margin: 0 0 1em;
}
.woocommerce .commentTxt .star-rating {
margin: 4px 0 8px 0;
clear: right;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon {
float: none;
}
.woocommerce > form {
display: block;
position: relative;
overflow-x: auto;
max-width: 100%;
margin: 0 0 1em;
}
.woocommerce table.shop_table_responsive {
display: block;
margin: 0;
}
.woocommerce table.shop_table_responsive tbody th,
.woocommerce table.shop_table_responsive thead,
.woocommerce table.shop_table_responsive .product-thumbnail {
display: none;
}
.woocommerce table.shop_table_responsive tbody {
display: block;
width: 100% !important;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce table.shop_table_responsive th {
display: block;
width: 100% !important;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce table.shop_table_responsive th td {
display: block;
width: 100% !important;
clear: left;
}
.woocommerce table.shop_table_responsive tr td:not(.product-remove):not(.actions):before,
.woocommerce table.shop_table_responsive th td:not(.product-remove):not(.actions):before {
content: attr(data-title) ": ";
font-weight: 700;
}
.woocommerce table.shop_table_responsive tr td.product-remove,
.woocommerce table.shop_table_responsive th td.product-remove {
text-align: right;
}
.woocommerce table.shop_table_responsive button[type="submit"] {
width: 100%;
}
.woocommerce table.shop_table_responsive .coupon,
.woocommerce table.shop_table_responsive input[name="update_cart"].button,
.woocommerce table.shop_table_responsive #coupon_code,
.woocommerce table.shop_table_responsive .input-text + .button {
float: left;
clear: left;
width: 100%;
margin: 0 0 10px;
min-width: auto !important;
}
.woocommerce table.shop_table_responsive td.actions:after {
content: '';
display: table;
clear: both;
}
.woocommerce table.my_account_orders tr td.order-actions:before {
display: none;
}
.woocommerce table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce table.my_account_orders tr td.order-actions .button {
float: none;
margin: .125em .25em .125em 0;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
float: none;
width: 100%;
}
.woocommerce .lost_reset_password .form-row-first,
.woocommerce .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
.woocommerce-checkout form.login .form-row {
width: 100%;
float: none;
}
}
@media (max-width: 480px) {
.woocommerce header.title .edit {
display: block;
float: left;
clear: left;
margin: 0 0 20px;
}
.woocommerce ul.products li.product {
width: auto !important;
float: none;
}
}  .wp-block-separator {
margin: 1em auto;
max-width: 100px;
}
.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
border-bottom: 1px solid #8f98a1;
} p.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 0;
line-height: .7;
font-weight: 500;
}
p.has-drop-cap {
line-height: 1.2;
}
p.has-background {
border-radius: 0;
}
p.has-large-font-size {
line-height: 1.2;
}
em {
line-height: 1;
} .wp-block-quote p {
font-size: 1em;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 1.3em;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
text-align: center;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: inherit;
} .wp-block-file .wp-block-file__button {
border-radius: none;
}
.wp-block-button__link {
font-size: .8em;
padding: .8em 2.2em;
font-weight: 500;
color: #fff !important;
}
.wp-block-button__link:hover {
color: #3ea2e0 !important;
}
.wp-block-button {
margin-bottom: 1em !important;
}
.wp-block-button.alignnone {
text-align: inherit !important;
} .wp-block-table.is-style-stripes td {
border-color: rgba(0,0,0,.07);
} .btNoSidebar .alignfull {
width: 100vw;
margin-left: -webkit-calc(-50vw + 700px);
margin-left: -moz-calc(-50vw + 700px);
margin-left: calc(-50vw + 700px);
margin-right: -webkit-calc(-50vw + 700px);
margin-right: -moz-calc(-50vw + 700px);
margin-right: calc(-50vw + 700px);
max-width: 100vw;
} .wp-block-gallery {
margin: 0;
}