| Server IP : 104.21.80.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/dchsreunion.com/wp-content/themes/celebration/ |
Upload File : |
/*
Theme Name: Celebration
Theme URI: http://celebration.bold-themes.com
Description: Responsive theme.
Version: 1.4.4
Author: BoldThemes
Author URI: http://bold-themes.com
Tags: one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: celebration
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License
[Table of contents]
1. Base
2. Bootstrap grid
3. Bold themes grid
4. Template
5. Header
6. Footer
7. Post
8. Elements
9. Animations
10. Woocommerce
11. Cost calculator
12. Woocommerce screens
12. Screens
13. Gutenberg
*/
/* FontAwesome */
@font-face {
font-family: 'FontAwesome';
src: url(fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
/* 7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html) */
@font-face {
font-family: 'Icon7Stroke';
src: url(fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
}
/* Custom 'wedding' font */
@font-face {
font-family: 'Wedding';
src: url(fonts/wedding.eot?dfbx70);
src: url(fonts/wedding.eot?dfbx70#iefix) format('embedded-opentype'),url(fonts/wedding.ttf?dfbx70) format('truetype'),url(fonts/wedding.woff?dfbx70) format('woff'),url(fonts/wedding.svg?dfbx70#wedding) format('svg');
font-weight: normal;
font-style: normal;
}
/* Variables */
// Base gutter width // Headline fond // Headline supertitle font // Headline subtitle font // 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 // Main color paled // 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) // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size/* Aliases */
/* Reset */
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;
}
input:not([type='checkbox']):not([type='radio']),
textarea,
select {
outline: none;
font: inherit;
width: 100%;
background: transparent;
}
input[type='checkbox'],
input[type='radio'] {
margin: 0 5px;
}
textarea {
padding: 10px;
resize: vertical;
}
button {
font: inherit;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #c8ba7b;
}
a img {
border: none;
}
a,
a:active,
a:focus {
outline: none;
}
p,
dl,
dd,
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;
}
figcaption {
font-size: 16px;
}
select,
input {
font-family: Josefin Sans,Arial,sans-serif;
}
/*html {
font-size: 62.5%;
}*/
/*input {
-webkit-appearance: none;
}*/
/* FloatClears */
.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,
.btWhishAuthor:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
/* Text meant only for screen readers. */
.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;
}
.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;
}
}
/* Grid elements base */
.gutter .port {
max-width: 1160px;
margin: auto;
}
/* Divider */
.btDivider {
border-bottom: 1px solid rgba(0,0,0,.10);
}
/* Row and column */
.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;
}
.btDoubleRowPadding .boldRow {
display: block;
margin: 0 -30px;
}
.btDoubleRowPadding .rowItem {
padding: 0 30px;
}
/* Vertical align should be removed om small screens. Otherwise it won't break into the new row */
@media (min-width: 768px) {
.boldRowInner.btTableRow {
display: table;
table-layout: fixed;
width: 100%;
margin: 0;
}
.wVariable .boldRowInner.btTableRow {
margin: 0;
width: 100%;
}
.wVariable .boldRowInner.btTableRow > .rowItem {
padding: 0;
}
.btHalfPage .boldRowInner.btTableRow {
width: 100%;
}
.boldRowInner.btTableRow > .rowItem {
float: none;
height: 100%;
display: table-cell;
}
.boldRowInner.btTableRow .rowItem.btMiddleVertical {
vertical-align: middle;
}
.boldRowInner.btTableRow .rowItem.btBottomVertical {
vertical-align: bottom;
}
/* Cell border, removed on c */
.rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.10);
}
.rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.10);
}
.rowItem.btRightBorder {
border-right: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .rowItem.btRightBorder,
.btLightSkin .btDarkSkin .rowItem.btRightBorder {
border-right: 1px solid rgba(255,255,255,.10);
}
.btDarkSkin .rowItem.btLeftBorder,
.btLightSkin .btDarkSkin .rowItem.btLeftBorder {
border-left: 1px solid rgba(255,255,255,.10);
}
}
/* Grid elements spacing */
.topExtraSmallSpaced {
padding-top: 5px;
}
.topSmallSpaced {
padding-top: 20px;
}
.topSemiSpaced {
padding-top: 40px;
}
.topSpaced {
padding-top: 80px;
}
.topExtraSpaced {
padding-top: 200px;
}
.bottomExtraSmallSpaced {
padding-bottom: 5px;
}
.bottomSmallSpaced {
padding-bottom: 20px;
}
.bottomSemiSpaced {
padding-bottom: 40px;
}
.bottomSpaced {
padding-bottom: 80px;
}
.bottomExtraSpaced {
padding-bottom: 160px;
}
/* Horizontal padding */
.rowItem.btDoublePadding .rowItemContent {
padding: 0 30px;
}
.btTableRow .rowItem.btDoublePadding .rowItemContent {
padding: 0 60px;
}
.rowItem.btNoPadding {
padding: 0;
}
.rowItem.btNoPadding {
padding: 0;
}
/* Text indent */
.btTextIndent > .rowItemContent {
padding: 0 30px;
}
.btTextIndent .rowItemContent .btImage,
.btTextIndent .rowItemContent .bpgPhoto {
margin: 0 -30px;
}
/* Highlighted section */
.btLightSkin .btHighlight > .rowItemContent,
.btDarkSkin .btLightSkin .btHighlight > .rowItemContent {
background-color: rgba(0,0,0,.04);
}
.btDarkSkin .btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btHighlight > .rowItemContent {
background-color: rgba(255,255,255,.04);
}
/* Helpers */
.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%);
}
/* Animated elements */
.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;
}
/* Base font */
html {
overflow-x: hidden;
}
body {
font-family: Josefin Sans,Arial,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.65;
background-size: cover;
background-attachment: fixed;
}
.small,
small {
font-size: 16px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0 0 20px;
line-height: 1.5;
padding: 0;
font-weight: 400;
letter-spacing: 0;
}
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
font-family: Great Vibes,Arial,sans-serif;
}
.btArticleListItem .header h1,
.btArticleListItem .header h2,
.btArticleListItem .header h3,
.btArticleListItem .header h4,
.btArticleListItem .header h5,
.btArticleListItem .header h6 {
font-family: Josefin Sans,Arial,sans-serif;
font-weight: 700;
}
h1 {
font-size: 64px;
line-height: 74px;
}
h2 {
font-size: 40px;
line-height: 50px;
}
.btText h2 {
font-size: 60px;
font-weight: 300;
margin: 0 0 26px;
}
h3 {
font-size: 27px;
line-height: 37px;
}
h4,
h5,
h6 {
font-size: 21px;
line-height: 31px;
}
.btText h4 {
font-size: 28px;
font-weight: 600;
margin: 0 0 14px;
}
.btLightSkin .btText h4,
.btDarkSkin .btLightSkin .btText h4,
.btDarkSkin .btText h4,
.btLightSkin .btDarkSkin .btText h4 {
color: #c8ba7b;
}
h5 {
font-size: 15px;
line-height: 25px;
}
h6 {
font-size: 14px;
line-height: 24px;
}
/* Skin */
.btDarkSkin,
.btLightSkin .btDarkSkin {
color: #fff;
background-color: #1d1f27;
}
.btLightSkin,
.btDarkSkin .btLightSkin {
color: #4d6069;
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: #58626c;
}
.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;
}
a {
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
}
.btLightSkin a,
.btDarkSkin .btLightSkin a {
color: #4d6069;
}
.btDarkSkin a,
.btLightSkin .btDarkSkin a {
color: #fff;
}
a:hover {
color: #c8ba7b;
}
.btLightSkin select,
.btLightSkin textarea,
.btLightSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.btLightSkin .fancy-select .trigger,
.btDarkSkin .btLightSkin select,
.btDarkSkin .btLightSkin textarea,
.btDarkSkin .btLightSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.btDarkSkin .btLightSkin .fancy-select .trigger {
border: 2px solid rgba(0,0,0,.10);
color: #4d6069;
}
.btDarkSkin select,
.btDarkSkin textarea,
.btDarkSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.btDarkSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin select,
.btLightSkin .btDarkSkin textarea,
.btLightSkin .btDarkSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.btLightSkin .btDarkSkin .fancy-select .trigger {
border: 2px solid rgba(255,255,255,.10);
color: #fff;
}
/* Base formating */
.btContentHolder figure,
.btContentHolder img,
.btContentHolder select,
.btContentHolder embed,
.btContentHolder iframe {
max-width: 100%;
height: auto;
}
.btContentHolder .btGoogleMap figure,
.btContentHolder .btGoogleMap img,
.btContentHolder .btGoogleMap select {
max-width: none;
}
.btContentHolder pre code {
display: block;
}
.btContentHolder pre {
overflow: hidden;
}
/* Loader */
.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);
}
}
/* Template base */
.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);
}
html.touch[data-useragent*='Mac OS'] .btPageTransitions {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
/* Z indexes */
.mainHeader {
z-index: 1001;
}
.btGhost {
z-index: 1002;
}
.btPreloader {
z-index: 10000;
}
/* Content holder and sidebars*/
.btNoSidebar .btContentHolder,
.btNoSidebar .btContent {
width: auto;
padding: 0;
}
.btWithSidebar .btContentHolder {
max-width: 1160px;
margin: auto;
}
.btContent {
width: 66.6667%;
}
.btSidebar {
width: 33.3333%;
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;
}
/* Preloader */
.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: 98px;
-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: 196px;
}
/* Bradcrumbs */
.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: " / ";
}
/* Page headline */
.btPageHeadline {
margin-bottom: 40px;
}
/* Accent color background helper class */
.btAccentColorBackground {
background-color: #c8ba7b !important;
}
.btLightSkin .btDefaultColorBackground,
.btDarkSkin .btLightSkin .btDefaultColorBackground {
background-color: rgba(0,0,0,.04) !important;
}
.btDarkSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btDefaultColorBackground {
background-color: rgba(255,255,255,.04) !important;
}
/* Remove rounded corners on form elements on iOS */
input:not([type='checkbox']):not([type='radio']),
textarea {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Header */
.mainHeader {
width: 100%;
position: absolute;
background-color: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mainHeader .port,
.mainHeader .topBarPort {
padding: 0 20px;
}
.btPageTransitions .mainHeader {
z-index: 1020;
}
.mainHeader.btDarkSkin,
.btLightSkin .mainHeader.btDarkSkin {
background-color: #1d1f27;
}
.mainHeader.btLightSkin,
.btDarkSkin .mainHeader.btLightSkin {
background-color: #fff;
}
.btMenuGutter .mainHeader .port,
.btMenuGutter .mainHeader .topBarPort {
max-width: 1160px;
margin: auto;
padding: 0;
}
/* Below menu */
.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
background-color: transparent;
}
/* Hide navigation elements */
.btHideNavigationEnabled .mainHeader,
.btHideNavigationEnabled .btAnimNavHolder,
.btHideNavigationEnabled .demos {
opacity: 1;
-webkit-transition: opacity 800ms ease 0s;
-moz-transition: opacity 800ms ease 0s;
transition: opacity 800ms ease 0s;
}
.btHideNavigation .mainHeader,
.btHideNavigation .btAnimNavHolder,
.btHideNavigation .demos {
opacity: 0;
}
/* Main menu */
.menuHolder {
position: relative;
padding: 20px 0;
}
.menuPort {
display: none;
font-family: Josefin Sans,Arial,sans-serif;
text-transform: uppercase;
font-size: 16px;
z-index: 10;
position: relative;
}
.menuPort nav ul {
list-style: none;
display: block;
margin: 0;
padding: 23.90244px 0 0;
-webkit-transition: all 360ms ease 0s;
-moz-transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
}
.menuPort nav ul ul {
padding: 0;
}
.menuPort nav ul li {
display: block;
margin: 0;
padding: 0 15px;
position: relative;
}
.menuPort nav ul li a {
display: block;
position: relative;
padding: 20px 20px;
text-transform: uppercase;
font-weight: 700;
}
.menuPort nav ul li a:hover {
color: #c8ba7b !important;
}
.menuPort nav ul ul li {
opacity: .97;
}
.menuPort nav ul ul li:hover {
opacity: 1;
}
.menuPort nav > ul > li > a {
line-height: 49px;
padding: 0;
}
.menuPort nav ul ul li a {
font-size: 12px;
font-weight: 400;
}
/* Only horizontal menu */
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a {
border-bottom: 2px solid #c8ba7b;
}
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-item > a {
color: #c8ba7b !important;
}
.btMenuHorizontal .menuPort nav .sub-menu .sub-menu {
margin: -1px 0 0;
}
.btMenuHorizontal .menuPort nav .btMenuWideDropdown .sub-menu .sub-menu {
margin: 0;
}
/* Skins */
.btDarkSkin .menuHolder ul li a,
.menuHolder.btDarkSkin ul li a,
.btLightSkin .btDarkSkin .menuHolder ul li a {
color: #fff;
}
.btLightSkin .menuHolder ul li a,
.menuHolder.btLightSkin ul li a,
.btDarkSkin .btLightSkin .menuHolder ul li a {
color: #4d6069;
}
.btDarkSkin .menuHolder .menuPort ul ul li a,
.menuHolder.btDarkSkin .menuPort ul ul li a,
.btLightSkin .btDarkSkin .menuHolder .menuPort ul ul li a {
color: #fff;
border-top: 1px solid rgba(255,255,255,.10);
}
.btDarkSkin .menuHolder .menuPort ul ul li:first-child a,
.menuHolder.btDarkSkin .menuPort ul ul li:first-child a,
.btLightSkin .btDarkSkin .menuHolder .menuPort ul ul li:first-child a {
border-top: none;
}
.btDarkSkin .menuHolder .menuPort ul ul li:first-child ul li a,
.menuHolder.btDarkSkin .menuPort ul ul li:first-child ul li a,
.btLightSkin .btDarkSkin .menuHolder .menuPort ul ul li:first-child ul li a {
border-top: 1px solid rgba(255,255,255,.10);
}
.btDarkSkin .menuHolder .menuPort ul ul li,
.menuHolder.btDarkSkin .menuPort ul ul li,
.btLightSkin .btDarkSkin .menuHolder .menuPort ul ul li {
background-color: #1d1f27;
}
.btLightSkin .menuHolder .menuPort ul ul li a,
.menuHolder.btLightSkin .menuPort ul ul li a,
.btDarkSkin .btLightSkin .menuHolder .menuPort ul ul li a {
color: #4d6069;
border-top: 1px solid rgba(0,0,0,.10);
}
.btLightSkin .menuHolder .menuPort ul ul li:first-child a,
.menuHolder.btLightSkin .menuPort ul ul li:first-child a,
.btDarkSkin .btLightSkin .menuHolder .menuPort ul ul li:first-child a {
border-top: none;
}
.btLightSkin .menuHolder .menuPort ul ul li:first-child ul li a,
.menuHolder.btLightSkin .menuPort ul ul li:first-child ul li a,
.btDarkSkin .btLightSkin .menuHolder .menuPort ul ul li:first-child ul li a {
border-top: 1px solid rgba(0,0,0,.10);
}
.btLightSkin .menuHolder .menuPort ul ul li,
.menuHolder.btLightSkin .menuPort ul ul li,
.btDarkSkin .btLightSkin .menuHolder .menuPort ul ul li {
background-color: #fff;
}
/* Logo and triggers */
.menuHolder .logo {
line-height: 0;
float: left;
}
.menuHolder .logo img {
height: 98px;
width: auto;
display: block;
}
.menuHolder .logo img.btAltLogo {
display: none;
}
.logo.boldthemes_logo_text {
line-height: 98px;
vertical-align: middle;
font-size: 21px;
font-weight: 800;
text-transform: uppercase;
color: #c8ba7b;
}
.btLightSkin .logo.boldthemes_logo_text a,
.btDarkSkin .btLightSkin .logo.boldthemes_logo_text a,
.btDarkSkin .logo.boldthemes_logo_text a,
.btLightSkin .btDarkSkin .logo.boldthemes_logo_text a {
color: #c8ba7b;
}
.btHorizontalMenuTrigger {
display: none;
float: right;
line-height: 98px;
margin: 0 -8px 0 1em;
}
/* Top bar */
.topBar {
font-size: 12px;
line-height: 35px;
}
.btLightSkin .topBarPort,
.btDarkSkin .btLightSkin .topBarPort {
border-bottom: 1px solid rgba(0,0,0,.04);
}
.btDarkSkin .topBarPort,
.btLightSkin .btDarkSkin .topBarPort {
border-bottom: 1px solid rgba(255,255,255,.04);
}
.btDarkSkin.btMenuVertical .topBarPort,
.btLightSkin .btDarkSkin.btMenuVertical .topBarPort,
.btLightSkin.btMenuVertical .topBarPort,
.btDarkSkin .btLightSkin.btMenuVertical .topBarPort {
border-bottom: none;
}
.btMenuHorizontal .topBarInMenu {
line-height: inherit;
float: right;
display: table;
height: 98px;
margin-left: 28px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
line-height: inherit;
display: table-cell;
vertical-align: middle;
}
.btMenuHorizontal .topBarInMenu .btIco span {
display: none;
}
.btMenuVertical nav li.current-menu-ancestor > a,
.btMenuVertical nav li.current-menu-item > a {
color: #c8ba7b !important;
}
.btMenuVertical .topBarInMenu {
float: none;
display: block;
height: auto;
line-height: 0;
margin: 0;
}
.btMenuVertical .topBarInMenu .topBarInMenuCell {
line-height: inherit;
display: block;
text-align: center;
}
.btMenuVertical .topBarInMenu:after,
.btMenuVertical .topBar:before {
display: inline-block;
content: ' ';
width: 85px;
height: 1px;
background-color: rgba(0,0,0,.10);
margin: 40px 0 0;
}
.btDarkSkin .topBarInMenu:after,
.btDarkSkin .topBar:before,
.btLightSkin .btDarkSkin .topBarInMenu:after,
.btLightSkin .btDarkSkin .topBar:before {
background-color: rgba(255,255,255,.10);
}
/* Responsive opcije */
.subToggler {
display: none;
cursor: pointer;
z-index: 5;
position: absolute;
right: -18px;
top: 0;
width: 45px;
line-height: 47px;
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;
top: 5px;
}
body.btMenuVertical .subToggler {
display: block !important;
}
.subToggler:before {
content: '\f107';
font: normal 16px/1 FontAwesome;
color: #c8ba7b;
}
.touch .menuPort nav ul li {
padding: 0 15px 0 0;
}
.touch .menuPort nav ul li .subToggler {
display: block;
}
.touch .menuPort nav ul li.btMenuWideDropdown ul li {
padding: 0;
}
.touch .menuPort nav ul li.btMenuWideDropdown ul li .subToggler {
display: none;
}
/* Dropdown, no need for override on responsive */
body.btMenuHorizontal .menuPort > nav > ul > li {
margin: 0 20px 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: #c8ba7b;
}
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 > ul > li.btMenuWideDropdown > ul {
width: 1000px;
margin: 0;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul:first-child li {
border-top: 2px solid #c8ba7b;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown ul:before {
display: none;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul {
opacity: 0;
pointer-events: none;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:before {
content: ' ';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 2px;
background-color: #c8ba7b;
margin: 0;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
display: block;
float: right;
border: none;
width: 220px;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul {
display: block;
top: auto;
right: 0;
left: auto;
margin: 0;
position: absolute;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
display: block;
padding: 10px 20px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
margin-top: 0;
border-top: 2px solid #c8ba7b !important;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown ul ul li:first-child a {
margin: 0;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown ul li,
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown ul li:hover {
opacity: 1;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border-top: none;
border-bottom: 1px solid rgba(255,255,255,.10);
margin-top: 0;
display: block;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
border-left: none;
}
body.btMenuHorizontal .menuPort > nav > ul > li.current_page_parent.btMenuWideDropdown > ul {
margin: -2px 0 0;
}
body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown:hover > ul > li > ul {
opacity: 1;
pointer-events: auto;
}
body.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border-bottom: 1px solid rgba(255,255,255,.10);
}
body.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border-bottom: 1px solid rgba(0,0,0,.10);
}
body.btMenuHorizontal .menuPort > nav:not(.leftNav) > ul > li:last-child {
margin: 0;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
float: left;
border-left: none;
border-right: 1px solid rgba(255,255,255,.10);
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul {
right: 0;
left: auto;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
display: block;
float: left;
border: none;
width: 220px;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul {
right: auto;
left: 0;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
border-right: none;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-right: none;
}
body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
border-right: none;
}
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li li:first-child a,
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child li:first-child a {
border-left: none;
}
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
border: none;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li,
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
width: 220px;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
border-right: none;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-right: none;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child {
border-right: none;
}
body.btMenuLeft.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-right: none;
border-left: none;
}
body.btMenuLeft.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li a,
body.btMenuLeft.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul li:first-child a {
border-left: none;
border-right: none;
}
body.btMenuLeft.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuLeft.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-right: none;
}
body.btMenuRight.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuRight.btDarkSkin.btMenuHorizontal .btLightSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
}
body.btMenuRight.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li a,
body.btMenuRight.btLightSkin.btMenuHorizontal .btDarkSkin .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child ul li:first-child a {
border-left: none;
}
/* Menu positions */
.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: 28px;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul {
right: 220px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
text-align: right;
}
/* Sticky */
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 .menuHolder {
padding: 10px 0;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
display: none;
}
body.btMenuHorizontal.btStickyHeaderActive.btDarkSkin .mainHeader {
background-color: rgba(29,31,39,.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);
}
/* Hide menu */
body.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger {
display: block;
}
body.btMenuHorizontal.btHideMenu .menuHolder .menuPort {
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
}
body.btMenuHorizontal.btHideMenu .menuHolder.btShowMenu .menuPort {
opacity: 1;
}
/* Vertical and responsive menu */
.btVerticalMenuTrigger {
display: none;
position: relative;
z-index: 2;
margin: 0 1em 0 -8px;
line-height: 98px;
}
body.btMenuVertical .menuScrollPort {
position: relative;
}
body.btMenuVertical .subToggler {
position: absolute;
right: -20px;
top: 0;
width: 45px;
height: 42px;
line-height: 42px;
z-index: 80;
padding: 0;
text-align: center;
}
body.btMenuVertical .subToggler.on {
top: 5px;
}
body.btMenuVertical .subToggler:before {
content: '\f107';
font: normal 16px/1 FontAwesome;
color: #c8ba7b;
}
body.btMenuVertical > .menuPort {
text-align: center;
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: 40px 60px;
}
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 {
cursor: pointer;
font-size: 1.5em;
position: absolute;
right: -30px;
top: -10px;
}
body.btMenuVertical > .menuPort .btCloseVertical:before {
font-family: FontAwesome;
content: '\f00d';
}
body.btMenuVertical > .menuPort .btCloseVertical:before:hover {
color: #c8ba7b;
}
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;
}
body.btMenuVertical > .menuPort nav ul li:not(.current-menu-ancestor) ul {
display: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
body.btMenuVertical > .menuPort nav ul ul li {
padding: 0;
opacity: 1;
border-bottom: none;
background-color: transparent;
}
body.btMenuVertical .topBar {
line-height: 1;
padding: 20px 0;
height: auto;
}
body.btMenuVertical .btVerticalMenuTrigger {
display: block;
}
body.btMenuVertical .subToggler {
display: block;
}
.touch body.btMenuVertical .subToggler {
display: none;
}
.touch body.btMenuVertical.btMenuVerticalOn .subToggler {
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: 1200px) {
.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: #c8ba7b !important;
}
.btMenuVertical .menuHolder .btVerticalMenuTrigger {
display: none;
}
.btMenuVertical:not(.btHideMenu) .menuHolder .logo {
display: none;
}
.btMenuVertical.btHideMenu .menuHolder .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: #1d1f27;
}
.btMenuVertical.btLightSkin .menuPort {
background-color: #fff;
}
/* Header elements layout */
.btTopToolsRight,
.btTopToolsLeft {
max-width: 48%;
}
.btTopToolsRight {
float: right;
}
.btTopToolsLeft {
float: left;
}
.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;
}
.btMenuVertical .topTools.btTopToolsRight {
text-align: inherit;
}
/* Top bar search */
.topBar .widget_search,
.topBarInMenu .widget_search {
display: inline-block;
}
.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: #fff;
}
.topBar .widget_search button,
.topBarInMenu .widget_search button {
width: 23px;
height: 23px;
background: #c8ba7b;
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: #FFF;
}
.btSearchInner.btFromTopBox {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #c8ba7b;
-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;
max-width: 1160px;
position: relative;
}
.btSearchInner.btFromTopBox form {
padding: 0 60px 0 0;
margin: 25px 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: #FFF;
padding: 0 50px 0 20px;
text-align: left;
height: 58px;
font-size: 22px;
font-weight: 300;
color: #1d1f27;
}
.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";
font-weight: 900;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
}
.btSearchInner.btFromTopBox button:hover:before {
color: #c8ba7b;
-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);
}
/* iScroll */
.btDarkSkin .iScrollIndicator,
.btLightSkin .btDarkSkin .iScrollIndicator {
background-color: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.1) !important;
}
/* Prevent horizontal scroll on small screens when menu is open */
body.btMenuVerticalOn {
position: relative;
width: 100vw;
overflow: hidden;
}
/* IE10 Menu Fix */
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:hover > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li:hover > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li:hover > ul > li:hover > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li:hover > ul > li:hover > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
}
/* Footer widgets */
/* Footer copyright */
.btSiteFooter {
padding: 25px 0 30px;
}
.btSiteFooter .port {
padding: 20px 0;
max-width: 1150px;
margin: auto;
}
.btLightSkin .btSiteFooter .port {
background-color: rgba(0,0,0,.04);
}
.btDarkSkin .btSiteFooter .port {
background-color: rgba(255,255,255,.04);
}
.btSiteFooter .copyLine {
margin: 20px 0;
font-size: 14px;
line-height: 1.5;
opacity: .55;
font-style: normal;
}
.btSiteFooter .menu {
margin: 0;
padding: 5px 10px 0 25px;
list-style: none;
}
.btSiteFooter .menu li {
display: block;
width: 50%;
float: left;
font-size: 18px;
line-height: 1.2;
margin: 6px 0;
padding: 0 15px 0 30px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.btSiteFooter .menu li:before {
content: '\f105';
font: normal 14px/1 FontAwesome;
display: block;
float: left;
margin: 2px 0 0 -16px;
color: #c8ba7b;
}
.btSiteFooter .menu li:nth-child(odd) {
clear: left;
}
.btDarkSkin .btSiteFooter .menu a {
color: #fff;
}
.btLightSkin .btSiteFooter .menu a {
color: #58626c;
}
.btSiteFooter .menu a:hover {
color: #c8ba7b;
}
.btSiteFooter .btFooterCopy {
padding: 0 50px 0 15px;
}
.btSiteFooter .btFooterCopy .btBox {
padding-top: 20px;
text-align: left;
}
.btBrideNGroom {
text-align: center;
color: #c8ba7b;
padding: 1em 0 0;
}
.btBrideNGroom p {
font-weight: 600;
font-size: 25px;
text-transform: uppercase;
line-height: .9;
margin: 0;
padding: 0;
letter-spacing: .08em;
font-family: Josefin Sans,Arial,sans-serif;
}
.btLightSkin .btBrideNGroom p,
.btDarkSkin .btLightSkin .btBrideNGroom p {
color: #58626c;
}
.btDarkSkin .btBrideNGroom p,
.btLightSkin .btDarkSkin .btBrideNGroom p {
color: #fff;
}
.btBrideNGroom h4 {
font-family: Great Vibes,Arial,sans-serif;
line-height: .9;
margin: 0 0 20px;
padding: 0;
font-size: 90px;
color: #c8ba7b;
}
/* Single post */
.sticky .headline:before {
content: '\e69b';
font-family: Icon7Stroke;
font-size: .77em;
display: block;
float: left;
margin-right: .4em;
color: inherit;
}
.sticky .headline {
color: #c8ba7b;
}
.headline a {
color: #c8ba7b;
}
.btLightSkin .headline a:hover,
.btDarkSkin .btLightSkin .headline a:hover {
color: #4d6069;
}
.btDarkSkin .headline a:hover,
.btLightSkin .btDarkSkin .headline a:hover {
color: #fff;
}
.btAboutAuthor {
display: table;
width: 100%;
margin: 0 0 30px;
}
.btLightSkin .btAboutAuthor,
.btDarkSkin .btLightSkin .btAboutAuthor {
border: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btAboutAuthor {
border: 1px solid rgba(255,255,255,.10);
}
.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: #c8ba7b;
}
/* Article list */
.btArticleListItem {
margin-bottom: 120px;
position: relative;
}
/*
.btArticleListItem.btBlogColumnView, .btPostSingleItemColumns {
.header :any(.btSuperTitle, .btSubTitle), .btArticleListBodyAuthor {
font-size: 12px !important;
text-transform: uppercase;
}
.btArticleListBodyAuthor {
a {
color: $(accentColor) !important;
}
}
.header.large .dash:after {
margin: 0 0 10px;
}
}
*/
.btArticleListItem.btBlogColumnView:not(.btBlogSimpleView) {
margin-bottom: 80px;
}
.btArticleListItem.btBlogSimpleView {
margin-bottom: 20px;
}
/* Comments */
/*
body:not(.woocommerce) .btCommentsBox .form-submit {
display: none;
}
*/
.aaAvatar,
.commentAvatar {
display: table-cell;
vertical-align: top;
width: 150px;
padding: 20px 10px;
}
.commentAvatar {
width: 75px;
}
.btCommentsBox h4 {
position: relative;
text-transform: uppercase;
}
.btCommentsBox {
margin: 0 0 30px;
}
.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,.10);
}
.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,.10);
}
.btCommentsBox ul.comments > li article {
margin: 0;
position: relative;
width: 100%;
display: table;
}
.btCommentsBox ul.comments ul article {
padding: 0 0 0 56px;
}
.btCommentsBox ul.children {
margin: 0 0 0 20px;
}
.btCommentsBox ul.comments li article .commentTxt {
padding: 20px 0 30px 0;
display: table-cell;
}
.vcard h5 {
float: left;
}
.vcard .posted {
float: right;
margin: 17px 0 0;
font-size: 16px;
}
.vcard .posted:before {
content: '\f017';
font: normal 14px/1 FontAwesome;
margin: 0 5px 0 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: #c8ba7b;
}
.commentTxt p.edit-link:before,
.commentTxt p.reply:before {
font: normal 15px/1 FontAwesome;
margin: 0 5px 0 0;
}
p.edit-link:before {
content: '\f044';
}
p.reply:before {
content: '\f112';
}
.comment-navigation {
text-align: right;
clear: right;
}
.comment-navigation span {
display: inline-block;
}
.comment-navigation a {
display: inline-block;
}
.light .comment-navigation a {
display: inline-block;
}
.comment-navigation a:before,
.comment-navigation a:after {
font: normal 17px/0.5 FontAwesome;
color: #f37800;
vertical-align: middle;
}
.comment-navigation a:first-child:before {
content: '\f112';
}
.comment-navigation a:last-child:after {
content: '\f112';
}
.btCommentsBox ul.comments li article .commentTxt .comment {
text-align: justify;
}
/* Card widget */
.widget_shopping_cart .total {
border-top: 2px solid #c8ba7b;
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: #4d6069;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover:before {
background-color: #c8ba7b;
color: #fff;
}
/* Product widgets */
.widget_recent_reviews li a img {
display: block;
width: 80px;
height: auto;
margin: 0 0 0 10px;
float: right;
}
.widget_product_categories li li {
margin: 0 0 0 20px;
}
.product_list_widget .reviewer {
display: block;
line-height: 1;
}
.widget_recent_reviews .product_list_widget li:after {
display: table !important;
}
/* Price filter */
.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: #c8ba7b;
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,.04);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: rgba(0,0,0,.04);
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;
}
/* Layered nav */
.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: #c8ba7b;
color: #fff;
}
.gallery-caption {
font-style: inherit;
}
.bypostauthor {
font-style: inherit;
}
/* btBox defaults */
.btBox,
.btCustomMenu {
padding-bottom: 40px;
}
.btBox > h4,
.btCustomMenu > h4 {
margin: 0 0 10px;
padding: 0 0 5px;
text-transform: uppercase;
}
.btBox > h4:after,
.btCustomMenu > h4:after {
content: '';
clear: both;
width: 60px;
display: block;
border-bottom: 1px solid #c8ba7b;
margin: 10px 0 0;
}
.btBox h5,
.btCustomMenu h5 {
font-size: 16px;
margin-bottom: 5px;
letter-spacing: 0;
}
.btBox ul,
.btCustomMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.btBox ul li .ppImage,
.btCustomMenu ul li .ppImage {
float: left;
max-width: 90px;
display: table-cell;
}
.btBox ul li .ppImage img,
.btCustomMenu ul li .ppImage img {
margin: 0 0 10px;
padding-right: 10px;
max-width: 100%;
width: 100%;
height: auto;
}
.btBox ul li .ppTxt,
.btCustomMenu ul li .ppTxt {
display: table-cell;
}
.btBox .popularPosts ul li:after,
.btCustomMenu .popularPosts ul li:after {
clear: both;
content: " ";
display: block;
}
.btBox ul li a:hover,
.btCustomMenu ul li a:hover {
color: #c8ba7b;
}
body.btNoDashInSidebar .btBox h4:after {
content: none;
border-bottom: none;
}
.btBox:not(.widget_rss) ul li {
margin: 0;
padding: 0;
}
.btSiteFooterWidgets .btBox {
padding: 0 20px;
margin: 0;
}
/* Calendar */
.btBox.widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.btBox.widget_calendar table caption {
background: #d0c38d;
color: #FFF;
font-family: Josefin Sans,Arial,sans-serif;
font-weight: 700;
text-transform: uppercase;
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;
}
/* Archives */
.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,
.btBox.widget_categories ul li,
.btCustomMenu ul li {
margin-bottom: 1px;
position: relative;
padding: 0;
margin-left: 0;
}
.btBox.widget_archive ul li ul li,
.btBox.widget_categories ul li ul li,
.btCustomMenu ul li ul li {
margin-bottom: 1px;
position: relative;
}
.btBox.widget_archive ul li a,
.btBox.widget_categories ul li a,
.btCustomMenu ul li a {
display: block;
padding: 10px 50px 10px 0;
border-bottom: 1px solid rgba(0,0,0,.04);
color: #4d6069;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btBox.widget_archive ul li a:hover,
.btBox.widget_categories ul li a:hover,
.btCustomMenu ul li a:hover {
border-bottom: 1px solid #c8ba7b;
}
.btBox.widget_archive ul li ul li a,
.btBox.widget_categories ul li ul li a,
.btCustomMenu ul li ul li a {
padding: 10px 50px 10px 20px;
}
.btBox.widget_archive ul li ul li ul li a,
.btBox.widget_categories ul li ul li ul li a,
.btCustomMenu ul li ul li ul li a {
padding: 10px 50px 10px 30px;
}
.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;
}
.btBox.widget_archive ul li ul li,
.btBox.widget_categories ul li ul li,
.btCustomMenu ul li ul li {
margin-top: 1px;
}
.btDarkSkin .btBox.widget_archive ul li a,
.btLightSkin .btDarkSkin .btBox.widget_archive ul li a,
.btDarkSkin .btBox.widget_categories ul li a,
.btLightSkin .btDarkSkin .btBox.widget_categories ul li a {
border-bottom: 1px solid rgba(255,255,255,.04);
}
.btDarkSkin .btBox.widget_archive ul li a:hover,
.btLightSkin .btDarkSkin .btBox.widget_archive ul li a:hover,
.btDarkSkin .btBox.widget_categories ul li a:hover,
.btLightSkin .btDarkSkin .btBox.widget_categories ul li a:hover {
border-bottom: 1px solid #c8ba7b;
}
/* Pages */
.btBox.widget_pages ul li {
padding-top: 0;
}
.btBox.widget_pages ul li ul {
margin-left: 15px;
}
/* Meta */
.btBox.widget_meta li {
padding-top: 0;
}
.btArticleMeta dd,
.btArticleMeta dt {
display: block;
clear: left;
}
/* Recent comments */
.btBox.widget_recent_comments .comment-author-link a {
font-weight: 700;
}
/* RSS */
.btBox.widget_rss li {
margin-bottom: 15px;
}
.btBox.widget_rss li a.rsswidget {
font-family: Josefin Sans,Arial,sans-serif;
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: #c8ba7b;
margin: 0 5px 0 0;
}
/* Search */
.btBox .btSearch,
form.woocommerce-product-search {
padding-right: 40px;
position: relative;
}
.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: 42px;
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: 42px;
height: 42px;
background: #c8ba7b;
border: 0;
float: right;
margin: 0;
cursor: pointer;
position: absolute;
z-index: 2;
right: 0;
top: 0;
}
.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;
}
input[type="text"],
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
textarea,
.fancy-select .trigger {
padding: 0 10px;
background: transparent;
height: 38px;
width: 100%;
display: block;
border-radius: 2px;
}
textarea {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
padding: 10px;
height: 80px;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
textarea:focus,
.fancy-select .trigger.open {
-webkit-box-shadow: 0 0 4px 0 #c8ba7b;
box-shadow: 0 0 4px 0 #c8ba7b;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.btDarkSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
.btLightSkin .btDarkSkin input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus {
-webkit-box-shadow: 0 0 4px 0 #c8ba7b;
box-shadow: 0 0 4px 0 #c8ba7b;
}
form.wpcf7-form .wpcf7-submit {
cursor: pointer;
display: block;
margin: 0;
padding: .8em 2em;
font-size: 16px;
line-height: 1;
width: 100%;
font-weight: 700;
text-transform: uppercase;
color: #c8ba7b;
border: 2px solid #c8ba7b;
background-color: transparent;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-appearance: none;
}
form.wpcf7-form .wpcf7-submit:hover,
form.wpcf7-form .wpcf7-submit:focus {
color: #fff;
background-color: #c8ba7b;
-webkit-appearance: none;
}
form.wpcf7-form > p > span:first-child {
display: block;
margin: 0 0 9px;
line-height: 1.2;
}
form.wBckg {
padding: 30px 30px 20px;
background-color: #fff;
}
form.wpcf7-form span.wpcf7-radio span label {
display: block;
padding: 0 0 0 1.4em;
line-height: 1.2;
margin: 0 0 10px;
position: relative;
cursor: pointer;
}
form.wpcf7-form span.wpcf7-radio span label:before,
form.wpcf7-form span.wpcf7-radio span label:after {
content: ' ';
position: absolute;
left: 0;
top: .05em;
display: block;
border-radius: 50%;
}
form.wpcf7-form span.wpcf7-radio span label:before {
width: 1.1em;
height: 1.1em;
border: 1px solid #c8ba7b;
}
form.wpcf7-form span.wpcf7-radio span label:after {
width: .7em;
height: .7em;
background-color: #c8ba7b;
margin: .17em 0 0 .19em;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
form.wpcf7-form .wpcf7-list-item {
margin: 0 0 5px;
}
form.wpcf7-form span.wpcf7-radio span label.on:after {
opacity: 1;
}
form.wpcf7-form .wpcf7-radio .wpcf7-list-item {
margin-right: 10px;
}
form.wpcf7-form span.wpcf7-radio span input {
opacity: 0;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -1;
position: absolute;
}
p.submit-form {
margin: 0;
}
p.submitForm .ajax-loader {
display: none;
}
p.form-submit {
padding: 15px 0 0;
}
/* Dropdown archives */
.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: #c8ba7b;
}
.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,.04);
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,.04);
}
.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: #c8ba7b;
}
.btDarkSkin .fancy-select .options,
.btLightSkin .btDarkSkin .fancy-select .options {
border: 1px solid rgba(255,255,255,.04);
background-color: #1d1f27;
}
.btDarkSkin .fancy-select ul.options > li,
.btLightSkin .btDarkSkin .fancy-select ul.options > li {
border-bottom: 1px solid rgba(255,255,255,.04);
}
/* Caption */
.btBox .wp-caption {
margin-bottom: 10px;
}
/* Select */
.btBox select {
padding: 10px;
}
/* Navigation */
.btBox.widget_nav_menu ul li {
padding-top: 0;
}
.btBox.widget_nav_menu ul li ul {
margin-left: 15px;
}
/* Tags */
.btBox .tagcloud a,
.btTags ul a {
display: inline-block;
float: left;
text-transform: uppercase;
padding: 8px 10px;
margin: 0 2px 2px 0;
font-size: .875em !important;
background: #c8ba7b;
color: #FFF;
}
.btBox .tagcloud a:hover,
.btTags ul a:hover {
background: #d0c38d;
}
.btTags ul {
list-style: none;
margin: 0;
padding: 0;
}
.btTags ul li {
display: inline-block;
float: left;
padding: 0;
margin: 0;
}
/* Instagram feed */
.btInstaGrid {
margin: 0;
}
.btInstaGrid span {
display: block;
width: 16.66%;
padding: 0;
float: left;
}
.btInstaGrid span a {
display: block;
background-position: center center;
background-color: transparent;
background-repeat: no-repeat;
background-size: 150% 150%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btInstaGrid span:nth-child(6n + 1) {
clear: left;
}
.btInstaGrid img {
display: block;
width: 100%;
height: auto;
}
.btInstaGrid span:hover a {
opacity: .6;
}
/* Twitter widget */
.recentTweets small:before {
content: '\f099';
font: 19px/1 FontAwesome;
position: relative;
top: 3px;
margin-right: 3px;
color: #c8ba7b;
}
.recentTweets p {
margin: 0 0 25px;
}
/* Post categories */
.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 a:not(:first-child):before,
.header .btSuperTitle .btArticleCategories a:not(:first-child):before {
content: ' ';
display: inline-block;
margin: 0 6px;
width: 5px;
height: 5px;
border-radius: 50%;
line-height: inherit;
vertical-align: middle;
background-color: #c8ba7b;
}
.btLightSkin .tilesWall .header .btSuperTitle,
.btDarkSkin .btLightSkin .tilesWall .header .btSuperTitle {
color: #4d6069;
}
.btDarkSkin .tilesWall .header .btSuperTitle,
.btLightSkin .btDarkSkin .tilesWall .header .btSuperTitle {
color: #fff;
}
.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,.10);
}
.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,.10) !important;
}
.btArticleComments:before {
font-family: FontAwesome;
content: "\f075";
margin: -5px 5px 0 0;
color: rgba(77,96,105,.4);
display: inline-block;
}
.btLightSkin .btArticleComments:before,
.btDarkSkin .btLightSkin .btArticleComments:before {
color: rgba(77,96,105,.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;
}
.btSubTitle,
.bgiTxt .boldArticleMeta {
font-size: 15px;
}
.btArticleListItem .header.large {
margin: 0 0 5px;
}
/* BT Text */
.btBox .btImage {
margin-bottom: 10px;
}
.btBox .btImage img {
width: auto;
margin: auto;
}
/* Blockquotes*/
.btContentHolder blockquote {
display: block;
padding: 10px 0 20px 80px;
margin: 0;
font-size: 1.2em;
font-weight: 400;
}
.btContentHolder .btTextCenter blockquote {
padding: 0 0 20px;
}
.btContentHolder blockquote:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btContentHolder blockquote:before {
content: '\e900';
font-family: Wedding;
display: block;
margin: 0 0 0 -80px;
font-size: 60px;
opacity: .75;
float: left;
}
.btContentHolder .btTextCenter blockquote:before {
float: none;
font-size: 50px;
margin: 0 auto 30px;
}
/* Tables */
.btContentHolder table {
width: 100%;
margin: 0 0 20px;
border-collapse: collapse;
text-align: left;
border-top: 1px solid rgba(0,0,0,.04);
border-right: 1px solid rgba(0,0,0,.04);
}
.btContentHolder table td,
.btContentHolder table th {
padding: 10px;
border-bottom: 1px solid rgba(0,0,0,.04);
border-left: 1px solid rgba(0,0,0,.04);
}
.btContentHolder table tr th,
.btContentHolder table thead tr th {
background: #c8ba7b;
color: #FFF;
}
.btContentHolder table tr th a,
.btContentHolder table thead tr th a {
color: #FFF;
}
/* PRE */
.btContentHolder pre {
margin: 0 0 30px;
white-space: pre-wrap;
padding: 20px;
border: 1px solid rgba(0,0,0,.10);
}
/* Image alignment */
.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;
}
/* Password protection */
.post-password-form input[type="password"] {
padding: 10px;
height: 38px;
border: 1px solid rgba(0,0,0,.10);
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: #c8ba7b;
border: 0;
cursor: pointer;
padding: 0 15px;
font-family: Great Vibes,Arial,sans-serif;
}
/* Pagination */
.btPagination {
margin: 0 0 30px;
}
.btPagination :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;
display: block;
text-align: center;
background-color: rgba(0,0,0,.10);
font: 20px/38px FontAwesome;
border-radius: 50%;
}
.btPagination .paging a:hover:after {
background: #c8ba7b;
color: #FFF;
}
.btPagination .paging .pagePrev a:after {
content: "\f104";
float: left;
margin: -6px 10px 0 0;
}
.btPagination .paging .pageNext a:after {
content: "\f105";
float: right;
margin: -6px 0 0 10px;
}
/* Linked pages in a single post */
.btLinkPages ul {
margin-left: 0;
padding-left: 0;
}
.btLinkPages ul li {
list-style: none;
display: inline-block;
}
/* Author avatar in list */
.articleSideGutter {
position: absolute;
top: 0;
left: 0;
line-height: 1.4;
width: 100px;
}
.articleSideGutter .date {
opacity: .8;
}
.btHasAuthorInfo {
padding-left: 120px;
}
/* Comment respond */
.comment-respond .btnOutline button[type="submit"] {
font-family: Great Vibes,Arial,sans-serif;
margin: -7px -12px;
padding: 7px 20px;
height: 41px;
background: transparent;
border: 0;
cursor: pointer;
color: inherit;
font-weight: 700;
}
/* Photo slide */
.boldPhotoSlide {
position: relative;
}
/* Galleries */
.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;
font-size: 18px;
}
.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: transparent;
background-image: -webkit-linear-gradient(top,rgba(99,90,85,0),rgba(99,90,85,.6),rgba(99,90,85,0));
background-image: -moz-linear-gradient(top,rgba(99,90,85,0),rgba(99,90,85,.6),rgba(99,90,85,0));
background-image: linear-gradient(to bottom,rgba(99,90,85,0),rgba(99,90,85,.6),rgba(99,90,85,0));
}
.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: #c8ba7b;
}
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 #4d6069;
border-radius: 1.8em;
}
.btLightSkin span.enhanced,
.btDarkSkin .btLightSkin span.enhanced {
border-color: #4d6069;
}
.btDarkSkin span.enhanced,
.btLightSkin .btDarkSkin span.enhanced {
border-color: #4d6069;
}
span.btHighlight {
display: inline-block;
padding: .06em .5em;
background-color: #c8ba7b;
color: #fff;
}
a.btContinueReading {
display: block;
float: left;
font-size: 12px;
line-height: 30px;
font-weight: 400;
padding: 3px 14px 0 14px;
overflow: hidden;
white-space: nowrap;
border-radius: 20px;
vertical-align: middle;
text-align: center;
color: #c8ba7b;
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset;
box-shadow: 0 0 0 1px #c8ba7b inset;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
a.btContinueReading:hover {
color: #fff;
-webkit-box-shadow: 0 0 0 2em #c8ba7b inset;
box-shadow: 0 0 0 2em #c8ba7b inset;
}
.asgItem.title {
margin: 4px 0 0;
}
.asgItem.title a {
color: #c8ba7b;
}
.asgItem.title a:hover {
text-decoration: underline;
}
.single-post .btArticle,
.single-post .btSidebar {
padding-top: 30px;
}
.btArticleFooter {
padding: 4px 0 0;
}
/* Icons */
.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-cs]:before {
font-family: Wedding;
content: attr(data-ico-cs);
}
.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 a {
line-height: inherit;
}
.btIco.btnInlinePosition .btIcoHolder {
display: inline-block;
}
.btIco .btIcoHolder:before {
color: #c8ba7b;
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.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);
}
/* Margins */
.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;
}
.single-post .socialRow .btIco {
margin-bottom: .5em;
}
.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;
}
/* White */
.btIco.btIcoWhiteType .btIcoHolder:before {
background-color: #fff;
color: #c8ba7b;
}
/* Filled and Outline Accent */
.btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1em #c8ba7b inset;
box-shadow: 0 0 0 1em #c8ba7b inset;
}
.btLightSkin .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
color: #fff;
}
.btDarkSkin .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
color: #1d1f27;
}
.btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before {
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset;
box-shadow: 0 0 0 1px #c8ba7b inset;
color: #c8ba7b;
}
/* Filled and Outline Normal */
.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: #1d1f27;
}
.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 1px #fff inset;
box-shadow: 0 0 0 1px #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 #4d6069 inset;
box-shadow: 0 0 0 1em #4d6069 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 1px #4d6069 inset;
box-shadow: 0 0 0 1px #4d6069 inset;
color: #4d6069;
}
/* Default */
.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: #c8ba7b;
}
.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: #4d6069;
}
.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;
}
/* Icon sizes */
.btIco.btIcoExtraSmallSize {
line-height: 16px;
}
.btIco.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 8px;
width: 16px;
height: 16px;
line-height: 16px;
font-weight: 800;
}
.btIco.btIcoExtraSmallSize .btIcoHolder span {
font-size: 12px;
}
.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 16px;
}
.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.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
font-size: 30px;
}
.btIco.btIcoMediumSize {
line-height: 42px;
}
.btIco.btIcoMediumSize .btIcoHolder:before {
font-size: 21px;
width: 42px;
height: 42px;
line-height: 42px;
}
.btIco.btIcoMediumSize .btIcoHolder span {
font-size: 16px;
}
.btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
font-size: 42px;
}
.btIco.btIcoBigSize {
line-height: 64px;
}
.btIco.btIcoBigSize .btIcoHolder:before {
font-size: 32px;
width: 64px;
height: 64px;
line-height: 64px;
}
.btIco.btIcoBigSize .btIcoHolder span {
font-size: 18px;
}
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 64px;
}
.btIco.btIcoDefaultTypebtIcoLargeSize .btIcoHolder:before,
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before,
.btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before,
.btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before,
.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
width: auto !important;
height: auto !important;
line-height: 1 !important;
border: none !important;
}
.btIco.btIcoLargeSize {
line-height: 80px;
}
.btIco.btIcoLargeSize .btIcoHolder:before {
font-size: 40px;
width: 80px;
height: 80px;
line-height: 80px;
border-width: 2px;
}
.btIco.btIcoLargeSize .btIcoHolder span {
font-size: 24px;
}
.btIco.btIcoDefaultType .btIcoHolder:before {
width: auto;
padding: 0 2px;
margin-right: 2px;
}
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
font-size: 80px;
}
@media (max-width: 768px) {
.btIco.btIcoBigSize,
.btIco.btIcoLargeSize {
line-height: 42px;
}
.btIco.btIcoBigSize .btIcoHolder:before,
.btIco.btIcoLargeSize .btIcoHolder:before {
font-size: 21px;
width: 42px;
height: 42px;
line-height: 42px;
border-width: 1px;
}
.btIco.btIcoBigSize .btIcoHolder span,
.btIco.btIcoLargeSize .btIcoHolder span {
font-size: 24px;
}
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
font-size: 42px;
}
}
/* Icons side text color */
.btIcoAccentColor span {
color: #c8ba7b;
}
.btIcoAccentColor:hover span {
color: #fff;
}
.btLightSkin .btIcoAccentColor:hover span,
.btDarkSkin .btLightSkin .btIcoAccentColor:hover span {
color: #4d6069;
}
.btIcoDefaultColor:hover span {
color: #c8ba7b;
}
.btLightSkin .menuPort .btIco.btSpecialHeaderIcon .btIcoHolder:before,
.btDarkSkin .btLightSkin .menuPort .btIco.btSpecialHeaderIcon .btIcoHolder:before,
.btDarkSkin .menuPort .btIco.btSpecialHeaderIcon .btIcoHolder:before,
.btLightSkin .btDarkSkin .menuPort .btIco.btSpecialHeaderIcon .btIcoHolder:before {
color: #c8ba7b;
}
.btLightSkin .menuPort .btIco.btSpecialHeaderIcon:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .menuPort .btIco.btSpecialHeaderIcon:hover .btIcoHolder:before {
color: #4d6069;
}
.btDarkSkin .menuPort .btIco.btSpecialHeaderIcon:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .menuPort .btIco.btSpecialHeaderIcon:hover .btIcoHolder:before {
color: #fff;
}
/* Icon and images row */
.btTextLeft .btIconImageRow,
.btTextRight .btIconImageRow {
display: inline-block;
}
.btTextLeft .btIconImageRow .btIconImageCell,
.btTextRight .btIconImageRow .btIconImageCell {
display: inline-block;
margin: 0 15px;
}
.btTextLeft .btIconImageRow .btIconImageCell {
margin: 0 15px 0 0;
}
.btTextRight .btIconImageRow .btIconImageCell {
margin: 0 0 0 15px;
}
.btTextCenter .btIconImageRow {
display: block;
width: auto;
text-align: center;
margin: auto;
white-space: nowrap;
overflow: hidden;
}
.btTextCenter .btIconImageRow .btIconImageCell {
display: inline-block;
padding: 0 15px;
}
.btCells-0 .btIconImageCell {
max-width: INF%;
}
.btCells-1 .btIconImageCell {
max-width: 100%;
}
.btCells-2 .btIconImageCell {
max-width: 50%;
}
.btCells-3 .btIconImageCell {
max-width: 33.33333%;
}
.btCells-4 .btIconImageCell {
max-width: 25%;
}
.btCells-5 .btIconImageCell {
max-width: 20%;
}
.btCells-6 .btIconImageCell {
max-width: 16.66667%;
}
.btCells-7 .btIconImageCell {
max-width: 14.28571%;
}
.btCells-8 .btIconImageCell {
max-width: 12.5%;
}
.btCells-9 .btIconImageCell {
max-width: 11.11111%;
}
.btCells-10 .btIconImageCell {
max-width: 10%;
}
.btCells-11 .btIconImageCell {
max-width: 9.09091%;
}
.btCells-12 .btIconImageCell {
max-width: 8.33333%;
}
.btCells-13 .btIconImageCell {
max-width: 7.69231%;
}
.btCells-14 .btIconImageCell {
max-width: 7.14286%;
}
.btCells-15 .btIconImageCell {
max-width: 6.66667%;
}
.btCells-16 .btIconImageCell {
max-width: 6.25%;
}
.btCells-17 .btIconImageCell {
max-width: 5.88235%;
}
.btCells-18 .btIconImageCell {
max-width: 5.55556%;
}
.btCells-19 .btIconImageCell {
max-width: 5.26316%;
}
.btCells-20 .btIconImageCell {
max-width: 5%;
}
/* Buttons */
.btBtn {
cursor: pointer;
display: inline-block;
font-weight: 700;
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.btnFullWidth .btnInnerText {
float: none;
}
.btBtn.btnRightPosition .btIco {
float: right;
margin-left: 10px;
}
.btBtn.btnLeftPosition .btIco {
float: left;
margin-right: 10px;
}
.btBtn.btnLeftPosition .btnInnerText {
float: right;
}
.btBtn.btnRightPosition .btIco:before,
.btBtn.btnLeftPosition .btIco:before {
border-radius: 0;
}
.btTextCenter .btBtn.btnFullWidth,
.btTextLeft .btBtn.btnFullWidth {
margin: 0 0 20px;
}
.btnExtraSmall {
font-size: 11px;
padding: 10px 20px;
text-transform: uppercase;
}
.btnSmall {
font-size: 12px;
padding: 13px 26px;
text-transform: uppercase;
}
.btnMedium {
font-size: 15px;
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%;
}
.btTextLeft .btBtn {
margin-right: 10px;
margin-left: 0;
}
.btTextRight .btBtn {
margin-left: 10px;
margin-right: 0;
}
.btTextCenter .btBtn {
margin-left: 10px;
margin-right: 10px;
}
/* Button colors */
.btnFilledStyle.btnAccentColor,
.btnOutlineStyle.btnAccentColor:hover {
background-color: #c8ba7b;
border: 2px solid #c8ba7b;
color: #fff !important;
}
.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 #c8ba7b;
color: #c8ba7b !important;
}
.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: #c8ba7b !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: #c8ba7b;
}
.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: #4d6069;
}
.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 #4d6069;
background-color: #4d6069;
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 #4d6069;
background-color: transparent;
color: #4d6069;
}
.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: #4d6069 !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: #4d6069;
}
.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: #4d6069 !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,.10);
border: 2px solid rgba(0,0,0,.1);
}
.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,.10);
}
.btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover {
background: rgba(0,0,0,.10);
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;
}
/* Divider */
.btSeparator {
clear: both;
}
.btSeparator hr {
clear: both;
border: none;
padding: 0;
margin: 0;
}
.btLightSkin .btSeparator hr,
.btDarkSkin .btLightSkin .btSeparator hr {
border-bottom: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btSeparator hr {
border-bottom: 1px solid rgba(255,255,255,.10);
}
.btSeparator.noBorder hr {
border-bottom: 1px solid transparent !important;
}
/* Counter */
.btCounterHolder {
font-size: 74px;
line-height: 1;
font-weight: 300;
}
.btCounterHolder .btCounter {
display: block;
height: 1em;
overflow: hidden;
}
.btCounterHolder span.onedigit {
display: inline-block;
height: 1em;
line-height: 1;
-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: 1em;
text-align: center;
}
.btCounterHolder .btCountdownHolder {
padding: 0 16%;
}
.btCounterHolder .btCountdownHolder span.countdown_numbers > span {
vertical-align: top;
display: inline-block;
padding: 0 0 5px;
}
.btCounterHolder .btCountdownHolder div.countdown_numbers {
line-height: 0;
}
.btCounterHolder .btCountdownHolder div.countdown_numbers > span {
display: inline-block;
overflow: hidden;
height: .8em;
line-height: 1;
}
.btCounterHolder .btCountdownHolder div.countdown_numbers > span > span {
display: block;
width: .67em;
text-align: center;
-webkit-transition: transform 0ms ease-out;
-moz-transition: transform 0ms ease-out;
transition: transform 0ms ease-out;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
position: static;
height: .8em;
line-height: 1;
}
.btCounterHolder .btCountdownHolder .days div.countdown_numbers > span > span {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.btCounterHolder .btCountdownHolder .days,
.btCounterHolder .btCountdownHolder .hours,
.btCounterHolder .btCountdownHolder .minutes,
.btCounterHolder .btCountdownHolder .seconds {
position: relative;
margin: 0;
float: left;
width: 25%;
}
.btCounterHolder .btCountdownHolder div[class$="_text"] {
position: relative;
display: block;
text-align: center;
font-size: 12px;
line-height: 1;
padding: 26px 0 0;
margin: 26px 0 0;
text-transform: capitalize;
font-weight: 300;
}
.btCounterHolder .btCountdownHolder div[class$="_text"]:before {
content: ' ';
height: 1px;
width: 66px;
display: block;
position: absolute;
left: 50%;
top: 0;
right: 0;
bottom: 0;
margin: 0 0 0 -33px;
}
.btCounterHolder .btCountdownHolder div[class$="_text"] > span {
height: auto !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
font-size: 38px;
line-height: 1.2 !important;
}
.btCounterHolder .btCountdownHolder span.separator {
display: none;
}
.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%,-.1em) !important;
-moz-transform: translate(-50%,-.1em) !important;
-ms-transform: translate(-50%,-.1em) !important;
transform: translate(-50%,-.1em) !important;
}
.btCounterHolder .btCountdownHolder div.countdown_numbers > span > span.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 {
font-family: Josefin Slab,Arial,sans-serif;
}
.btLightSkin .btCounterHolder,
.btDarkSkin .btLightSkin .btCounterHolder {
color: #58626c;
}
.btDarkSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btCounterHolder {
color: #fff;
}
.btCounterHolder div[class$="_text"] > span {
font-family: Great Vibes,Arial,sans-serif;
}
.btCounterHolder div[class$="_text"]:before {
background-color: #c8ba7b;
}
.btCounterHolder.btCounterLargeSize {
font-size: 90px;
line-height: 94px;
height: 94px;
font-weight: 700;
}
.btCounterHolder.btCounterLargeSize .btCounter {
height: 84px;
}
.btCounterHolder.btCounterLargeSize span.onedigit {
height: 80px;
}
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 84px;
}
@media (max-width: 780px) {
.btCounterHolder .btCountdownHolder .days,
.btCounterHolder .btCountdownHolder .hours,
.btCounterHolder .btCountdownHolder .minutes,
.btCounterHolder .btCountdownHolder .seconds {
width: 100%;
margin-bottom: .5em;
}
}
/* Progress bar */
.btProgressContent {
background-color: rgba(0,0,0,.04);
line-height: 2.4;
}
@media (max-width: 768px) {
.btProgressContent {
line-height: 1.5;
}
}
.btLightSkin .btProgressContent,
.btDarkSkin .btLightSkin .btProgressContent {
background-color: rgba(0,0,0,.04);
}
.btDarkSkin .btProgressContent,
.btLightSkin .btDarkSkin .btProgressContent {
background-color: rgba(255,255,255,.04);
}
.btProgressContent .btProgressAnim {
background-color: #c8ba7b;
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;
}
.btProgressBarLineStyle .btProgressContent {
background-color: transparent !important;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim {
background-color: transparent;
color: #c8ba7b;
border-bottom: 4px solid #c8ba7b;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim span {
font-weight: 300;
}
.btProgressContent {
overflow: hidden;
}
.btProgressContent .btProgressAnim span {
display: block;
padding: 0 8px;
vertical-align: middle;
font-weight: 700;
}
/* Image */
.bpgPhoto {
overflow: hidden;
position: relative;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bpgPhoto.btImageSimpleHover:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.bpgPhoto.btImageSimpleHover:hover .btImage img {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.btCircleImage {
border-radius: 50%;
border: 3px solid white;
overflow: hidden;
}
.btCircleImage .captionPane {
border-radius: 50%;
}
.btCircleImage .btImage img {
width: auto;
}
.bpgPhoto > a {
display: block;
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.btImage img {
max-width: 100%;
height: auto;
display: block;
width: 100%;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
}
.btImage {
display: block;
}
.btTextIndent .btImage img {
width: 100%;
max-width: none;
display: block;
margin: 0;
}
.btTextRight .bpgPhoto {
float: right;
}
.btTextCenter .bpgPhoto {
display: inline-block;
float: none;
position: relative;
}
.btTextCenter .tilesWall .bpgPhoto {
display: block;
}
.cellRight .bpgPhoto {
float: right;
}
.captionPane {
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
}
.captionPane .btArticleDate:not(:last-child),
.captionPane .btArticleAuthor:not(:last-child),
.captionPane .btArticleComments:not(:last-child),
.captionPane .btArticleCategories:not(:last-child) {
border-color: rgba(255,255,255,.5) !important;
}
.btImageSimpleHover .captionPane {
background: transparent !important;
}
.btImageSimpleHover .captionPane .captionTxt:before {
color: #c8ba7b;
}
.btLightSkin .captionPane,
.btDarkSkin .btLightSkin .captionPane {
background: rgba(255,255,255,.8);
}
.btDarkSkin .captionPane,
.btLightSkin .btDarkSkin .captionPane {
background: rgba(40,46,58,.8);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.captionPane {
right: -1px;
}
}
.captionTable {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.captionCell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.captionTxt {
display: block;
padding: 0 20px;
color: #FFF;
}
.in-top:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: in-top 300ms ease-out 0ms 1 forwards;
-moz-animation: in-top 300ms ease-out 0ms 1 forwards;
animation: in-top 300ms ease-out 0ms 1 forwards;
}
.in-right:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: in-right 300ms ease-out 0ms 1 forwards;
-moz-animation: in-right 300ms ease-out 0ms 1 forwards;
animation: in-right 300ms ease-out 0ms 1 forwards;
}
.in-bottom:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: in-bottom 300ms ease-out 0ms 1 forwards;
-moz-animation: in-bottom 300ms ease-out 0ms 1 forwards;
animation: in-bottom 300ms ease-out 0ms 1 forwards;
}
.in-left:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: in-left 300ms ease-out 0ms 1 forwards;
-moz-animation: in-left 300ms ease-out 0ms 1 forwards;
animation: in-left 300ms ease-out 0ms 1 forwards;
}
.out-top:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: out-top 300ms ease-out 0ms 1 forwards;
-moz-animation: out-top 300ms ease-out 0ms 1 forwards;
animation: out-top 300ms ease-out 0ms 1 forwards;
}
.out-right:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: out-right 300ms ease-out 0ms 1 forwards;
-moz-animation: out-right 300ms ease-out 0ms 1 forwards;
animation: out-right 300ms ease-out 0ms 1 forwards;
}
.out-bottom:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: out-bottom 300ms ease-out 0ms 1 forwards;
-moz-animation: out-bottom 300ms ease-out 0ms 1 forwards;
animation: out-bottom 300ms ease-out 0ms 1 forwards;
}
.out-left:not(.btCircleImage):not(.btImageSimpleHover) .captionPane {
-webkit-animation: out-left 300ms ease-out 0ms 1 forwards;
-moz-animation: out-left 300ms ease-out 0ms 1 forwards;
animation: out-left 300ms ease-out 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);
}
}
.bpgPhoto .captionTxt h4 {
font-family: Josefin Sans,Arial,sans-serif;
}
.bpgPhoto .captionTxt h4,
.bpgPhoto .captionTxt p,
.bpgPhoto .captionTxt a {
text-transform: uppercase;
}
.btLightSkin .bpgPhoto .captionTxt h4,
.btLightSkin .bpgPhoto .captionTxt p,
.btLightSkin .bpgPhoto .captionTxt a,
.btDarkSkin .btLightSkin .bpgPhoto .captionTxt h4,
.btDarkSkin .btLightSkin .bpgPhoto .captionTxt p,
.btDarkSkin .btLightSkin .bpgPhoto .captionTxt a {
color: #4d6069;
}
.btDarkSkin .bpgPhoto .captionTxt h4,
.btDarkSkin .bpgPhoto .captionTxt p,
.btDarkSkin .bpgPhoto .captionTxt a,
.btLightSkin .btDarkSkin .bpgPhoto .captionTxt h4,
.btLightSkin .btDarkSkin .bpgPhoto .captionTxt p,
.btLightSkin .btDarkSkin .bpgPhoto .captionTxt a {
color: #fff;
}
.captionTxt .header .btSubTitle p {
display: block !important;
margin: 5px auto;
}
.captionTxt .header .btSubTitle p:before {
content: "\f00c";
font: normal 11px/1 FontAwesome;
padding-right: 5px;
margin-left: -10px;
}
.captionTxt:before {
content: "\e904";
font: normal 54px/1 Wedding;
display: block;
margin: 0 auto;
}
.tilesWall .captionTxt:before {
margin: 0 auto 20px;
}
.btLightSkin .captionTxt:before,
.btDarkSkin .btLightSkin .captionTxt:before {
color: #4d6069;
}
.btDarkSkin .captionTxt:before,
.btLightSkin .btDarkSkin .captionTxt:before {
color: #fff;
}
.captionTxt .header {
margin-top: 20;
}
.touch .captionPane {
display: none !important;
}
.btShowTitle {
position: absolute;
top: auto;
bottom: 0;
margin: 0;
padding: 20px 20px;
left: 0;
right: 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: #4d6069;
background-color: rgba(255,255,255,.8);
}
.btDarkSkin .btShowTitle,
.btLightSkin .btDarkSkin .btShowTitle {
color: #fff;
background-color: rgba(29,31,39,.8);
}
.btHasTitles .btShowTitle,
html.touch .btShowTitle {
display: block;
}
.btShowTitle span,
.btShowTitle strong {
display: block;
}
.bpgPhoto:hover .captionPane {
opacity: 1;
}
.bpgPhoto:hover .btShowTitle {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
/* Price table */
.btPriceTable {
position: relative;
border-top: 0;
}
.btPriceTable .btPriceTableHeader {
background: #c8ba7b;
padding: 60px 20px;
margin-left: -1px;
margin-right: -1px;
}
.btPriceTable .btPriceTableHeader .header .dash:after,
.btPriceTable .btPriceTableHeader .header .dash:before {
border-color: white;
}
.btPriceTable .btPriceTableHeader .header.extralarge {
margin: 0;
}
.btPriceTable .btPriceTableHeader .header.extralarge .btSubTitle {
font-weight: 300;
}
.btPriceTable .btPriceTableHeader .header.extralarge h2 {
font-family: Josefin Sans,Arial,sans-serif;
font-size: 80px;
}
.btPriceTable .btPriceTableHeader .header.extralarge .btPriceTableCurrency {
font-size: 24px;
padding-right: 15px;
font-weight: normal;
}
.btPriceTable ul {
list-style: none;
margin: 0;
padding: 0;
}
.btPriceTable ul li {
display: block;
padding: 15px;
margin: 0;
}
.btLightSkin .btPriceTable,
.btDarkSkin .btLightSkin .btPriceTable {
border: rgba(0,0,0,.10) 1px solid;
}
.btLightSkin .btPriceTable ul li,
.btDarkSkin .btLightSkin .btPriceTable ul li {
border-bottom: rgba(0,0,0,.10) 1px solid;
}
.btLightSkin .btPriceTable ul li:nth-child(odd),
.btDarkSkin .btLightSkin .btPriceTable ul li:nth-child(odd) {
background: rgba(0,0,0,.04);
}
.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,.10) 1px solid;
}
.btDarkSkin .btPriceTable ul li,
.btLightSkin .btDarkSkin .btPriceTable ul li {
border-bottom: rgba(255,255,255,.10) 1px solid;
}
.btDarkSkin .btPriceTable ul li:nth-child(odd),
.btLightSkin .btDarkSkin .btPriceTable ul li:nth-child(odd) {
background: rgba(255,255,255,.04);
}
.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;
z-index: 1;
background: #1d1f27;
color: #fff;
width: 100px;
height: 100px;
border-radius: 50px;
}
.btPriceTableSticker > div {
display: table;
height: 100%;
width: 100%;
}
.btPriceTableSticker > div > div {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.btLightSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker {
background: #1d1f27;
color: #fff;
}
.btDarkSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker {
background: #fff;
color: #4d6069;
}
/* Service icon */
.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;
font-weight: 800;
}
.sTxt .header.small.btDash {
margin-bottom: 0;
}
.btTextRight .btIcoSmallSizeIcon .sTxt {
margin-right: 45px;
}
.btTextLeft .btIcoSmallSizeIcon .sTxt {
margin-left: 45px;
}
.btTextLeft .btIcoMediumSizeIcon .sTxt {
margin-left: 57px;
}
.btTextRight .btIcoMediumSizeIcon .sTxt {
margin-right: 57px;
}
.btTextLeft .btIcoLargeSizeIcon .sTxt {
margin-left: 95px;
}
.btTextRight .btIcoLargeSizeIcon .sTxt {
margin-right: 95px;
}
.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: #4d6069;
}
.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: 72px;
}
.btBox .sTxt p:last-of-type,
.btBox .btText p:last-of-type {
margin-bottom: 0;
}
/* Header */
.header {
display: block;
margin-bottom: 10px;
}
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
margin: 0;
}
.header .dash {
display: block;
}
.header .btSuperTitle {
font-family: Josefin Slab,Arial,sans-serif;
font-size: 18px;
font-weight: 300;
clear: both;
margin: 0;
z-index: 1;
position: relative;
}
.header .btSubTitle {
font-family: Josefin Sans,Arial,sans-serif;
font-size: 18px;
font-weight: 300;
clear: both;
margin: 0;
letter-spacing: .01em;
}
.btLightSkin .header .btSubTitle,
.btDarkSkin .btLightSkin .header .btSubTitle {
color: #4d6069;
}
.btDarkSkin .header .btSubTitle,
.btLightSkin .btDarkSkin .header .btSubTitle {
color: #fff;
}
.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: 60px;
display: block;
border-bottom: 1px solid #c8ba7b;
}
.header.small {
margin-bottom: 8px;
}
.header.small h3,
.header.small h4 {
font-size: 20px;
font-family: Josefin Sans,Arial,sans-serif;
line-height: 28px;
}
.header.small .btSuperTitle,
.header.small .btSubTitle {
font-size: 14px;
font-weight: 600;
}
.btBox .header.small .btSuperTitle {
font-size: 14px;
}
.header.small .dash:after,
.header.small .dash:before {
margin-top: 8px;
margin-bottom: 12px;
width: 40px;
}
.header.medium {
margin-bottom: 14px;
}
.header.medium h2,
.header.medium h3 {
font-size: 24px;
font-family: Josefin Sans,Arial,sans-serif;
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.3;
}
.header.medium .btSuperTitle,
.header.medium .btSubTitle {
font-size: 15px;
font-weight: 600;
padding-top: 3px;
padding-bottom: 3px;
}
.header.medium .dash:after,
.header.medium .dash:before {
border-color: #c8ba7b;
width: 48px;
}
.header.medium .dash:before {
margin-top: 8px;
margin-bottom: 4px;
}
.header.large {
margin-bottom: 20px;
}
.header.large h2,
.header.large h1 {
font-size: 40px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.15;
}
.header.large .btSuperTitle,
.header.large .btSubTitle {
font-size: 20px;
padding-top: 3px;
padding-bottom: 3px;
}
.header.large .dash:after,
.header.large .dash:before {
border-color: #c8ba7b;
width: 58px;
margin-top: 8px;
margin-bottom: 12px;
}
.header.extralarge {
margin-bottom: 30px;
}
.header.extralarge h1,
.header.extralarge h2 {
font-size: 72px;
line-height: 1.1;
padding-top: 8px;
padding-bottom: 6px;
}
.single-post .header.extralarge h1,
.single-post .header.extralarge h2 {
padding-top: 20px;
padding-bottom: 0;
}
.header.extralarge .btSuperTitle {
letter-spacing: 1px;
}
.header.extralarge .btSuperTitle,
.header.extralarge .btSubTitle {
font-size: 24px;
}
.header.extralarge .dash:after,
.header.extralarge .dash:before {
border-color: #c8ba7b;
border-width: 1px;
width: 68px;
margin-top: 5px;
margin-bottom: 15px;
}
.header.huge {
margin-bottom: 40px;
}
.header.huge h1 {
margin-top: -25px;
font-size: 160px;
line-height: 1;
}
.header.huge .btSuperTitle,
.header.huge .btSubTitle {
font-size: 50px;
padding-top: 3px;
padding-bottom: 3px;
}
.header.huge .dash:after,
.header.huge .dash:before {
border-color: #c8ba7b;
border-width: 1px;
width: 85px;
margin-top: 20px;
margin-bottom: 20px;
}
.header.huge h1 {
color: #c8ba7b;
}
.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;
}
/* Grid and tiles */
.btGridContainer {
overflow: hidden;
}
.btGridContainer .btGridContent {
padding: 20px 40px 40px;
}
.btGridContainer .btGridContent p {
max-height: 5em;
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,.04);
}
.btDarkSkin .gridItem,
.btLightSkin .btDarkSkin .gridItem {
background-color: rgba(255,255,255,.04);
}
.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: #1d1f27 !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: #c8ba7b;
}
.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: #c8ba7b;
}
.btCatFilter .btCatFilterTitle {
font-weight: 600;
}
.btCatFilter .btCatFilterItem.active {
color: #c8ba7b;
}
/* Media box */
.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: 20px;
margin: 0;
background-color: #c8ba7b;
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.25;
}
.btMediaBox.btQuote cite,
.btMediaBox.btLink cite {
display: inline-block;
padding: 20px 0 0;
border-top: 1px solid #fff;
margin: 0;
}
.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: 40px;
}
.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;
}
.btBlogColumnView .btMediaBox.btQuote p,
.btBlogColumnView .btMediaBox.btLink p {
font-size: 32px;
}
.btMediaBox.btLink p:before {
content: "\e641";
}
.btMediaBox.btQuote p:before {
content: "\e635";
}
/* Prev next button */
h4.nbs {
height: 100px;
z-index: 1;
margin: 0;
letter-spacing: 0;
}
h4.nbs .nbsDir {
text-transform: uppercase;
}
h4.nbs a {
display: table;
width: 100%;
margin: 0;
padding: 0;
height: 100px;
cursor: pointer;
}
h4.nbs.nsPrev a:before,
h4.nbs.nsNext a:after {
font-family: Icon7Stroke;
font-size: 50px;
font-weight: normal;
display: table-cell;
width: 46px;
text-align: center;
vertical-align: middle;
-webkit-transition: all 360ms ease 0s;
-moz-transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
}
.btLightSkin h4.nbs.nsPrev a:before,
.btLightSkin h4.nbs.nsNext a:after,
.btDarkSkin .btLightSkin h4.nbs.nsPrev a:before,
.btDarkSkin .btLightSkin h4.nbs.nsNext a:after {
background-color: rgba(0,0,0,.04);
}
.btDarkSkin h4.nbs.nsPrev a:before,
.btDarkSkin h4.nbs.nsNext a:after,
.btLightSkin .btDarkSkin h4.nbs.nsPrev a:before,
.btLightSkin .btDarkSkin h4.nbs.nsNext a:after {
background-color: rgba(255,255,255,.04);
color: #fff;
}
.btLightSkin .boldPhotoSlide h4.nbs.nsPrev a:before,
.btLightSkin .boldPhotoSlide h4.nbs.nsNext a:after,
.btDarkSkin .btLightSkin .boldPhotoSlide h4.nbs.nsPrev a:before,
.btDarkSkin .btLightSkin .boldPhotoSlide h4.nbs.nsNext a:after,
.btDarkSkin .boldPhotoSlide h4.nbs.nsPrev a:before,
.btDarkSkin .boldPhotoSlide h4.nbs.nsNext a:after,
.btLightSkin .btDarkSkin .boldPhotoSlide h4.nbs.nsPrev a:before,
.btLightSkin .btDarkSkin .boldPhotoSlide h4.nbs.nsNext a:after {
background-color: rgba(0,0,0,.04);
color: #fff;
}
.btLightSkin .boldPhotoSlide h4.nbs.nsPrev a:hover:before,
.btLightSkin .boldPhotoSlide h4.nbs.nsNext a:hover:after,
.btDarkSkin .btLightSkin .boldPhotoSlide h4.nbs.nsPrev a:hover:before,
.btDarkSkin .btLightSkin .boldPhotoSlide h4.nbs.nsNext a:hover:after,
.btDarkSkin .boldPhotoSlide h4.nbs.nsPrev a:hover:before,
.btDarkSkin .boldPhotoSlide h4.nbs.nsNext a:hover:after,
.btLightSkin .btDarkSkin .boldPhotoSlide h4.nbs.nsPrev a:hover:before,
.btLightSkin .btDarkSkin .boldPhotoSlide h4.nbs.nsNext a:hover:after {
background-color: #c8ba7b;
color: #fff;
}
h4.nbs.nsPrev a:hover:before,
h4.nbs.nsNext a:hover:after {
background-color: #c8ba7b;
color: #fff;
}
h4.nbs.nsNext a:after {
content: '\e684';
}
h4.nbs.nsPrev a:before {
content: '\e686';
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
h4.nbs.nsPrev a:before,
h4.nbs.nsNext a:after {
background-position: center center;
background-repeat: no-repeat;
}
h4.nbs.nsPrev a:before {
background-image: url(gfx/nbs-angle-left.png);
}
h4.nbs.nsNext a:after {
background-image: url(gfx/nbs-angle-right.png);
}
}
/*
:lightSkinSelector .port.wSlider :any(h4.nbs.nsPrev a:before, h4.nbs.nsNext a:after) {
background-color: transparent;
color: $(lightFontColor);
}
:darkSkinSelector .port.wSlider :any(h4.nbs.nsPrev a:before, h4.nbs.nsNext a:after) {
background-color: transparent;
color: $(darkFontColor);
}
*/
.nbsImage {
display: table-cell;
width: 135px;
height: 100px;
}
.nbsImgHolder {
display: block;
width: 135px;
height: 100px;
background-color: #ccc;
background-size: cover;
background-position: center center;
}
.nbsItem {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
span.nbsDir {
display: block;
}
span.nbsTitle {
display: block;
font-weight: 400;
color: #4d6069;
line-height: 1.2;
}
.nsNext {
right: 0;
}
.nsPrev {
left: 0;
}
/* Slick Slider defaults */
.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: 1160px;
padding-left: 20px;
padding-right: 20px;
margin: 50px auto 70px;
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;
}
.slidedVariable .slidedItem.firstItem,
.slidedVariable .slidedItem.firstItem .btSliderPort {
width: 100vw;
}
.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.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;
}
.slidedItem .btSliderPort .btSliderCell {
display: table-cell;
vertical-align: middle;
}
.variableImg {
height: 100%;
overflow: hidden;
}
.variableImg img {
height: 100%;
width: auto;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
/* Slider navigation */
.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;
}
/* Slider navigation */
.slided .slick-dots {
position: absolute;
bottom: 10px;
width: 250px;
left: 50%;
margin: 0 0 0 -125px;
text-align: center;
padding: 0;
}
.slided .slick-dots li {
display: inline-block;
margin: 0 5px;
width: 12px;
list-style: none;
}
.slided .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;
}
.slided .slick-dots li button:hover {
background: background-color: rgba(255,255,255,.35);
}
.slided .slick-dots li.slick-active button,
.slided .slick-dots li.slick-active button:hover {
background-color: #FFF;
cursor: default;
}
/* Slick dots for portfolio on mobiles */
.slidedVariable .slick-dots {
display: none !important;
list-style: none;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
text-align: center;
z-index: 100;
}
.slidedVariable .slick-dots li {
display: inline-block;
}
.slidedVariable .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;
}
.slidedVariable .slick-dots li button:hover {
background-color: rgba(255,255,255,.35);
}
.slidedVariable .slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
cursor: pointer;
background-color: #FFF;
}
.slick-slider h4.nbs {
position: absolute;
top: 50%;
margin-top: -50px;
max-width: 300px;
z-index: 5;
}
.slick-slider .nbsItem {
display: none !important;
}
.slick-slider .nbsImage {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
opacity: 0;
}
.slick-slider a:hover .nbsImage {
opacity: 1;
}
.slick-slider h4.nbs.slick-disabled {
display: none !important;
}
/* Slider info bar and close */
.btGetInfo {
display: block;
position: absolute;
z-index: 7;
bottom: 12px;
left: 20px;
width: 32px;
height: 32px;
border: 1px solid #c8ba7b;
border-radius: 50%;
text-align: center;
padding: .2em 0 0;
}
.btGetInfo .btIco {
margin: 0 !important;
}
.btGetInfo .btIco .btIcoHolder {
display: inline-block;
float: none;
text-align: center;
}
.btCloseGhost {
display: block;
position: absolute;
z-index: 7;
top: 10px;
right: 10px;
}
.btInfoBar {
display: table;
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.open {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.btInfoBarMeta {
display: table-cell;
vertical-align: middle;
padding: 15px 0 15px 45px;
}
.btInfoBarMeta p {
display: inline-block;
margin: 0 0 0 15px;
font-weight: 400;
color: white;
text-transform: uppercase;
}
.btInfoBarMeta p strong {
color: #c8ba7b;
padding-right: 4px;
}
/* Client list */
.boldClientList {
position: relative;
}
.bclPort .bclItem {
padding: 0 15px;
}
.bclPort {
max-width: 1200px;
position: static !important;
margin: 0 auto;
overflow: hidden;
}
.btLightSkin .bclItem,
.btDarkSkin .btLightSkin .bclItem {
position: relative;
margin: 0;
}
/*:lightSkinSelector .bclItem {
border-right: 1px solid $(lightBorderColor);
}
:darkSkinSelector .bclItem {
border-right: 1px solid $(darkBorderColor);
} */
.bclItem .bclItemChild > div {
-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;
}
.bclItem .bclItemChild > div:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.bclItem .bclItemChild a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bclItem .bclItemChild {
display: block;
margin: 10%;
position: relative;
}
.bclItem img {
display: block;
width: 100%;
height: auto;
visibility: hidden;
}
.boldClientRegularList {
position: relative;
overflow: hidden;
}
.boldClientRegularList .bclItem {
float: left;
margin: 0 0 -2px;
position: relative;
padding: 0;
}
.boldClientRegularList .bclItem:before {
display: none;
}
.btDarkSkin .boldClientRegularList .bclItem,
.btLightSkin .btDarkSkin .boldClientRegularList .bclItem {
border-bottom: 1px solid rgba(255,255,255,.10);
border-right: 1px solid rgba(255,255,255,.10);
}
.btLightSkin .boldClientRegularList .bclItem,
.btDarkSkin .btLightSkin .boldClientRegularList .bclItem {
border-bottom: 1px solid rgba(0,0,0,.10);
border-right: 1px solid rgba(0,0,0,.10);
}
.boldClientRegularList .bclItem {
width: 100%;
}
.col-ms-6 .boldClientRegularList .bclItem {
width: 33.3333333%;
}
.col-ms-6 .boldClientRegularList .bclItem:nth-child(3n + 1) {
clear: left;
}
.col-ms-6 .boldClientRegularList .bclItem:nth-child(3n) {
border-right: 1px solid transparent;
}
.col-ms-12 .boldClientRegularList .bclItem {
width: 16.6666667%;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n) {
border-right: 1px solid transparent;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) {
clear: left;
}
@media (max-width: 1200px) {
.bclPort {
max-width: 1200px;
}
}
@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%;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n) {
border-right: 1px solid rgba(0,0,0,.10);
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(3n) {
border-right: 1px solid transparent;
}
}
/* Tabs */
.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;
}
.tabsHeader li {
padding: 15px 20px;
}
.tabsHeader li.on {
padding: 15px 20px 16px;
margin-bottom: -1px;
}
.tabsHeader li {
clear: none;
margin-right: 4px;
}
.tabsHeader li:before {
display: none;
}
.tabsHeader li {
cursor: pointer;
display: block;
position: relative;
letter-spacing: 1px;
}
.btLightSkin .tabsHeader li,
.btDarkSkin .btLightSkin .tabsHeader li {
background-color: rgba(0,0,0,.04);
color: rgba(77,96,105,.5);
}
.btDarkSkin .tabsHeader li,
.btLightSkin .btDarkSkin .tabsHeader li {
background-color: rgba(255,255,255,.04);
color: rgba(255,255,255,.5);
}
.tabsHeader li.on,
.tabsHeader li.on:hover {
border-bottom: none;
}
.btLightSkin .tabsHeader li.on,
.btDarkSkin .btLightSkin .tabsHeader li.on,
.btLightSkin .tabsHeader li.on:hover,
.btDarkSkin .btLightSkin .tabsHeader li.on:hover {
background-color: #fff;
}
.btDarkSkin .tabsHeader li.on,
.btLightSkin .btDarkSkin .tabsHeader li.on,
.btDarkSkin .tabsHeader li.on:hover,
.btLightSkin .btDarkSkin .tabsHeader li.on:hover {
background-color: #1d1f27;
}
@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,.10);
border-bottom: none;
}
.btLightSkin .tabsHeader li:not(on):hover,
.btDarkSkin .btLightSkin .tabsHeader li:not(on):hover {
background-color: #fff;
color: #4d6069;
}
.btLightSkin .tabPanes,
.btDarkSkin .btLightSkin .tabPanes {
border: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .tabsHeader li,
.btLightSkin .btDarkSkin .tabsHeader li {
border: 1px solid rgba(255,255,255,.10);
border-bottom: none;
}
.btDarkSkin .tabsHeader li:not(on):hover,
.btLightSkin .btDarkSkin .tabsHeader li:not(on):hover {
background-color: #1d1f27;
color: #fff;
}
.btDarkSkin .tabPanes,
.btLightSkin .btDarkSkin .tabPanes {
border: 1px solid rgba(255,255,255,.10);
}
/* Accordions */
.tabsVertical .tabPanes {
border-bottom-width: 2px;
}
.btLightSkin .tabsVertical .tabPanes,
.btDarkSkin .btLightSkin .tabsVertical .tabPanes {
border: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .tabsVertical .tabPanes,
.btLightSkin .btDarkSkin .tabsVertical .tabPanes {
border: 1px solid rgba(255,255,255,.10);
}
.tabsVertical .tabAccordionTitle {
display: block;
padding: 5px 80px 5px 10px;
margin: 0;
cursor: pointer;
position: relative;
border-bottom: 1px solid rgba(0,0,0,.10);
}
.btLightSkin .tabAccordionTitle,
.btDarkSkin .btLightSkin .tabAccordionTitle {
border-bottom: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .tabAccordionTitle,
.btLightSkin .btDarkSkin .tabAccordionTitle {
border-bottom: 1px solid rgba(255,255,255,.10);
}
.tabsVertical .tabPane:last-child .tabAccordionTitle {
border-bottom: 0;
}
.tabsVertical .tabAccordionTitle:before {
content: "\f067";
font: 12px/55px FontAwesome;
display: block;
position: absolute;
top: 0;
right: 0;
width: 56px;
text-align: center;
}
.btLightSkin .tabsVertical .tabAccordionTitle:before,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle:before {
border-left: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .tabsVertical .tabAccordionTitle:before,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle:before {
border-left: 1px solid rgba(255,255,255,.10);
}
.tabsVertical .tabAccordionTitle.on:before {
content: "\f068";
}
.tabAccordionTitle.on {
background: #c8ba7b;
color: #FFF;
}
.tabsVertical .tabPane {
padding: 0;
}
.tabsVertical .tabPane:first-child .tabAccordionTitle {
border-top: none;
}
.tabsVertical .tabAccordionTitle span {
display: inline-block;
padding: 10px;
position: relative;
}
.tabsVertical .tabAccordionContent {
padding: 20px;
display: none;
}
.tabsVertical .tabPane:last-child .tabAccordionContent {
border-bottom: 0;
}
.tabsVertical .tabsHeader {
display: none;
}
.btLightSkin .tabsVertical .tabAccordionContent,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionContent {
border-bottom: 1px solid rgba(0,0,0,.10);
}
.btDarkSkin .tabsVertical .tabAccordionContent,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionContent {
border-bottom: 1px solid rgba(255,255,255,.10);
}
/* Latest posts */
.btLatestPostsContainer {
padding: 15px 5px 10px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (min-width: 821px) {
.btLatestPostsContainer.verticalPosts {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.btLatestPostsContainer.verticalPosts .btSingleLatestPost {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 10px 0;
}
.btLatestPostsContainer.verticalPosts .btSingleLatestPost .btSingleLatestPostImage,
.btLatestPostsContainer.verticalPosts .btSingleLatestPost .btSingleLatestPostContent {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.btLatestPostsContainer.verticalPosts .btSingleLatestPost .btSingleLatestPostContent {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.btLatestPostsContainer.verticalPosts .btSingleLatestPost .btSingleLatestPostContent p.btLatestPostContent:last-child {
margin: 0;
}
}
.btSingleLatestPost {
float: none;
padding: 0;
margin: 0 10px 0;
display: block;
vertical-align: top;
background-color: #fff;
}
.btSingleLatestPostContent {
position: relative;
padding: 35px 28px 15px;
}
.btTextRight .btSingleLatestPost .bpgPhoto,
.btTextLeft .btSingleLatestPost .bpgPhoto,
.btTextCenter .btSingleLatestPost .bpgPhoto {
display: block;
margin: 0;
}
.btTextRight .btSingleLatestPost .btIco,
.btTextLeft .btSingleLatestPost .btIco,
.btTextCenter .btSingleLatestPost .btIco {
margin: 0;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.btSingleLatestPostContent .btIco .btIcoHolder:before {
content: '\e642';
font-family: Icon7Stroke;
}
.btSingleLatestPostContent p.posted {
margin: 0 0 5px;
line-height: 1.2;
}
.btSingleLatestPostContent h3 {
margin: 0 0 10px;
}
/* Gmap */
.btGoogleMap {
width: 100%;
}
/* Home Page Demo Teaser */
.demos,
.demos * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.demos {
position: fixed;
width: 280px;
height: 187px;
z-index: 5000;
bottom: 0;
right: 0;
margin: 0 15px 0 0;
background-image: url(gfx/demo-screen.jpg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.7);
box-shadow: 0 0 4px 0 rgba(0,0,0,.7);
}
.demos.hidden {
-webkit-transform: translate3d(0,187px,0);
-moz-transform: translate3d(0,187px,0);
-ms-transform: translate3d(0,187px,0);
transform: translate3d(0,187px,0);
}
.demos span {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: -32px 0 0;
height: 32px;
padding: 11px 14px 0;
background-color: #c8ba7b;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
}
.demos em {
display: block;
float: right;
font: normal 25px/1 Icon7Stroke;
margin: -7px -5px 0 0;
padding: 0;
cursor: pointer;
-webkit-transition: all 250ms ease-out;
-moz-transition: all 250ms ease-out;
transition: all 250ms ease-out;
}
.demos.hidden em {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.demos em:before {
content: '\e680';
}
.demos a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,.65);
color: #fff;
text-align: center;
vertical-align: middle;
font: normal 80px/167px Icon7Stroke;
-webkit-transform: scale3d(0,0,1);
-moz-transform: scale3d(0,0,1);
-ms-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.demos:hover a {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.demos a:before {
content: '\e684';
display: inline-block;
vertical-align: middle;
line-height: 1;
-webkit-transform: scale3d(0,0,1);
-moz-transform: scale3d(0,0,1);
-ms-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.demos:hover a:before {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: all 300ms ease 150ms;
-moz-transition: all 300ms ease 150ms;
transition: all 300ms ease 150ms;
}
/* Striped section */
.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(gfx/diagonalstripe.png);
background-size: 4px 4px;
}
.boldSection.btStriped.black:before {
background-image: url(gfx/diagonalstripe-black.png);
}
.boldSection.btStriped .port {
position: relative;
z-index: 2;
}
.btSingleLatestPostBtn {
clear: left;
text-align: center;
padding: 16px 0;
}
/* Wishes */
.btWhish {
padding: 0 15px 15px;
}
.btLightSkin .btWhishPane,
.btDarkSkin .btLightSkin .btWhishPane {
background-color: rgba(0,0,0,.04);
}
.btLightSkin .btWhishAuthor,
.btDarkSkin .btLightSkin .btWhishAuthor {
border-top: 1px solid rgba(0,0,0,.10);
}
.btLightSkin .btWhishes .slick-dots li button,
.btDarkSkin .btLightSkin .btWhishes .slick-dots li button {
background-color: rgba(0,0,0,.10);
}
.btDarkSkin .btWhishPane,
.btLightSkin .btDarkSkin .btWhishPane {
background-color: rgba(255,255,255,.04);
}
.btDarkSkin .btWhishAuthor,
.btLightSkin .btDarkSkin .btWhishAuthor {
border-top: 1px solid rgba(255,255,255,.10);
}
.btDarkSkin .btWhishes .slick-dots li button,
.btLightSkin .btDarkSkin .btWhishes .slick-dots li button {
background-color: rgba(255,255,255,.10);
}
.btWhishTxt {
padding: 20px 25px 0;
text-align: left;
}
.btWhishTxt p:first-of-type:before {
content: '\e900';
display: block;
float: left;
margin: 0 15px 0 0;
font: normal 24px/1 Wedding;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
color: #c8ba7b;
}
.btWhishAuthor {
padding: 20px 20px;
}
.btWishAuthorAvatar {
float: left;
width: 60px;
overflow: hidden;
border-radius: 50%;
margin: 0 15px 15px 0;
-webkit-transform: rotate3d(0,0,1,1deg);
-moz-transform: rotate3d(0,0,1,1deg);
-ms-transform: rotate3d(0,0,1,1deg);
transform: rotate3d(0,0,1,1deg);
}
.btWishAuthorMeta {
float: left;
}
.btWishAuthorAvatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
visibility: visible;
}
.btWhishAuthor h4 {
font-family: Josefin Slab,Arial,sans-serif;
font-size: 20px;
line-height: 1.2;
font-weight: 700;
margin: 5px 0 0;
padding: 0;
}
.btWishAuthorMeta p {
margin: 0 0 5px;
line-height: 1.3;
color: #c8ba7b;
}
.btWhishes .slick-dots {
list-style: none;
text-align: center;
padding: 12px 0 0;
}
.btWhishes .slick-dots li {
margin: 0 4px;
display: inline-block;
}
.btWhishes .slick-dots li button {
display: block;
text-indent: -999px;
width: 8px;
height: 8px;
overflow: hidden;
border: none;
border-radius: 50%;
cursor: pointer;
}
.btLightSkin .btWhishes .slick-dots li button:hover,
.btDarkSkin .btLightSkin .btWhishes .slick-dots li button:hover,
.btDarkSkin .btWhishes .slick-dots li button:hover,
.btLightSkin .btDarkSkin .btWhishes .slick-dots li button:hover,
.btLightSkin .btWhishes .slick-dots li.slick-active button,
.btDarkSkin .btLightSkin .btWhishes .slick-dots li.slick-active button,
.btDarkSkin .btWhishes .slick-dots li.slick-active button,
.btLightSkin .btDarkSkin .btWhishes .slick-dots li.slick-active button {
background-color: #c8ba7b;
}
.btWhishes .slick-dots li.slick-active button {
cursor: default;
}
/*
* Animations
*/
body.btPageTransitions {
height: 100vh;
overflow: hidden;
}
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: 37px;
top: 0;
bottom: 0;
z-index: 1010;
line-height: 100vh;
vertical-align: middle;
}
.btAnimNav {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
line-height: 1px;
vertical-align: middle;
width: 74px;
text-align: center;
}
.btAnimNav li {
line-height: 12px;
}
.btAnimNav li.btAnimNavDot {
display: block;
float: none;
padding: 0;
overflow: hidden;
vertical-align: middle;
list-style: none;
border-radius: 50%;
cursor: pointer;
background-color: #FFF;
width: 74px;
height: 74px;
line-height: 74px;
margin: -46px 0;
position: relative;
z-index: 2;
border: 1px solid transparent;
-webkit-transform: scale3d(.15,.15,1);
-moz-transform: scale3d(.15,.15,1);
-ms-transform: scale3d(.15,.15,1);
transform: scale3d(.15,.15,1);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btAnimNav li.btAnimNavDot.btAnimNavItemHasIcon {
text-indent: -9999px;
}
.btAnimNav li.btAnimNavDot:before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: 0;
cursor: pointer;
content: ' ';
}
.btAnimNav li.btAnimNavDot.active:hover {
background-color: #FFF;
}
.btAnimNav li.btAnimNavDot.active {
cursor: default;
margin: 30px 0;
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.btAnimNav li.btAnimNavItem.active:nth-last-child(2) {
margin: 30px 0 -3px;
}
.btAnimNav li.btAnimNavItem.active:nth-child(2) {
margin: -3px 0 30px;
}
.btAnimNav li.btAnimNavNext,
.btAnimNav li.btAnimNavPrev {
display: none;
position: static;
margin: 5px;
padding: 0;
font: normal 25px/1 Icon7Stroke;
text-align: center;
vertical-align: middle;
color: #fff;
width: auto;
height: auto;
cursor: pointer;
}
.btAnimNav li.btAnimNavDot:hover {
background-color: #c8ba7b;
}
.btAnimNav li.btAnimNavNext:hover,
.btAnimNav li.btAnimNavPrev:hover {
color: #c8ba7b;
}
.btAnimNav li.btAnimNavNext:before,
.btAnimNav li.btAnimNavPrev:before {
display: inline-block;
}
.btAnimNav li.btAnimNavNext:before {
content: '\e688';
}
.btAnimNav li.btAnimNavPrev:before {
content: '\e682';
}
.btAnimNav li.btAnimNavDot:after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: 0;
cursor: pointer;
line-height: 74px;
text-align: center;
text-indent: 0;
vertical-align: middle;
color: #4d6069;
display: block;
font-size: 40px;
-webkit-transform: scale3d(0,0,0);
-moz-transform: scale3d(0,0,0);
-ms-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: transform 300ms ease;
-moz-transition: transform 300ms ease;
transition: transform 300ms ease;
}
.btAnimNav li.btAnimNavDot.active:after {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: transform 300ms ease 250ms;
-moz-transition: transform 300ms ease 250ms;
transition: transform 300ms ease 250ms;
}
.btAnimNav li.btAnimNavDot[data-icon-fa]:after {
font-family: FontAwesome;
content: attr(data-icon-fa);
}
.btAnimNav li.btAnimNavDot[data-icon-s7]:after {
font-family: Icon7Stroke;
content: attr(data-icon-s7);
}
.btAnimNav li.btAnimNavDot[data-icon-cs]:after {
font-family: Wedding;
content: attr(data-icon-cs);
}
.btAnimNav:after {
content: ' ';
width: 1px;
display: block;
position: absolute;
z-index: -1;
background-color: rgba(255,255,255,.25);
top: 0;
bottom: 0;
left: 37px;
margin: -3px 0;
}
#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;
}
/* half page */
.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 */
.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: .05;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.impress-enabled .boldSection {
background-color: transparent !important;
}
/* Headline animations */
.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: #58626c;
-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: #58626c;
}
.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: 900;
opacity: 1;
}
.headline b.animate.animated {
color: #c8ba7b;
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 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(77,96,105,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(77,96,105,.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;
}
/* animation sets */
/* move from / to */
.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;
}
/* fade */
.btSectionTransitions-fade {
-webkit-animation: fade .7s ease both;
-moz-animation: fade .7s ease both;
animation: fade .7s ease both;
}
/* move from / to and fade */
.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;
}
/* move to with different easing */
.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;
}
/********************************* keyframes **************************************/
/* move from / to */
@-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%);
}
}
/* fade */
@-webkit-keyframes fade {
to {
opacity: .3;
}
}
@-moz-keyframes fade {
to {
opacity: .3;
}
}
@keyframes fade {
to {
opacity: .3;
}
}
/* move from / to and fade */
@-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%);
}
}
/* scale and fade */
.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;
}
/********************************* keyframes **************************************/
/* scale and fade */
@-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);
}
}
/* rotate sides first and scale */
.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;
}
/* flip */
.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;
}
/* rotate fall */
.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;
}
/* rotate newspaper */
.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;
}
/* push */
.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;
}
/* pull */
.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;
}
/* fold */
.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;
}
/* unfold */
.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;
}
/* room walls */
.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;
}
/* cube */
.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;
}
/* carousel */
.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;
}
/* sides */
.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;
}
/* slide */
.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;
}
/********************************* keyframes **************************************/
/* rotate sides first and scale */
@-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;
}
}
/* flip */
@-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;
}
}
/* fall */
@-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);
}
}
/* newspaper */
@-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;
}
}
/* push */
@-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);
}
}
/* pull */
@-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);
}
}
/* fold */
@-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);
}
}
/* unfold */
@-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);
}
}
/* room walls */
@-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);
}
}
/* cube */
@-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);
}
}
/* carousel */
@-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);
}
}
/* sides */
@-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);
}
}
/* slide */
@-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);
}
}
/* animation delay classes */
.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;
}
/* Woocommerce */
.clear {
clear: both;
}
.woocommerce #content div.product #reviews .comment:after,
.woocommerce #content div.product #reviews .comment:before,
.woocommerce .woocommerce-pagination ul.page-numbers:after,
.woocommerce .woocommerce-pagination ul.page-numbers:before,
.woocommerce div.product #reviews .comment:after,
.woocommerce div.product #reviews .comment:before,
.woocommerce ul.products:after,
.woocommerce ul.products:before,
.woocommerce-page #content div.product #reviews .comment:after,
.woocommerce-page #content div.product #reviews .comment:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers:after,
.woocommerce-page .woocommerce-pagination ul.page-numbers:before,
.woocommerce-page div.product #reviews .comment:after,
.woocommerce-page div.product #reviews .comment:before,
.woocommerce-page ul.products:after,
.woocommerce-page ul.products:before {
content: " ";
display: table;
}
.woocommerce #content div.product #reviews .comment:after,
.woocommerce div.product #reviews .comment:after,
.woocommerce-page #content div.product #reviews .comment:after,
.woocommerce-page div.product #reviews .comment:after {
clear: both;
}
.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce .cart-collaterals .shipping_calculator:before,
.woocommerce .cart-collaterals:after,
.woocommerce .cart-collaterals:before,
.woocommerce form .form-row:after,
.woocommerce form .form-row:before,
.woocommerce ul.cart_list li:after,
.woocommerce ul.cart_list li:before,
.woocommerce ul.product_list_widget li:after,
.woocommerce ul.product_list_widget li:before,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page .cart-collaterals .shipping_calculator:before,
.woocommerce-page .cart-collaterals:after,
.woocommerce-page .cart-collaterals:before,
.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce form .form-row-wide,
.woocommerce form .form-row:after,
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page form .form-row-wide,
.woocommerce-page form .form-row:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after {
clear: both;
}
.woocommerce form.cart:after,
.woocommerce form.cart:before,
.woocommerce p.cart:after,
.woocommerce p.cart:before {
display: table;
content: " ";
}
.woocommerce .products ul:after,
.woocommerce .products ul:before,
.woocommerce ul.products:after,
.woocommerce ul.products:before {
content: " ";
display: table;
}
.woocommerce #content div.product div.thumbnails:after,
.woocommerce #content div.product div.thumbnails:before,
.woocommerce .col2-set:after,
.woocommerce .col2-set:before,
.woocommerce div.product div.thumbnails:after,
.woocommerce div.product div.thumbnails:before {
content: " ";
display: table;
}
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce #content div.product div.thumbnails:after,
.woocommerce .cart-collaterals:after,
.woocommerce .col2-set:after,
.woocommerce .woocommerce-pagination ul.page-numbers:after,
.woocommerce div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails:after,
.woocommerce ul.products,
.woocommerce ul.products li.first,
.woocommerce ul.products:after,
.woocommerce .woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-message:after,
.woocommerce #reviews #comments .add_review:after,
.woocommerce .products ul:after,
.woocommerce div.product form.cart:after,
.woocommerce div.product p.cart:after,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce ul.products:before {
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(../../plugins/woocommerce/assets/fonts/star.eot);
src: url(../../plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot);
src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(../../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: #c8ba7b;
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(../../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,.04);
color: #4d6069;
border-top: 2px solid #c8ba7b;
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: #c8ba7b;
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: #c8ba7b;
}
.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: #c8ba7b;
}
.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 #c8ba7b;
color: #c8ba7b;
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: #c8ba7b;
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: #c8ba7b;
}
.woocommerce form.login p.lost_password a:hover,
.woocommerce-page form.login p.lost_password a:hover {
color: #c8ba7b;
}
.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 .quantity .qty,
.woocommerce-page div.product .quantity .qty {
width: 3.631em;
text-align: center;
float: left;
height: 42px;
}
.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: #c8ba7b;
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__trigger,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
z-index: 1;
width: 2em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
padding: 1em .5em 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
position: relative;
display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
width: 100%;
display: block;
border: 1px solid rgba(0,0,0,.05);
}
.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 {
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding: 0;
margin: 0 .5em;
border: 1px solid rgba(0,0,0,.05);
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img,
.woocommerce-page div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
border: none;
display: block;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image {
-webkit-flex: 0 0 16.666%;
-ms-flex: 0 0 16.666%;
flex: 0 0 16.666%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image {
float: left;
padding: 0 15px 10px 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image img {
border: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image:first-child {
float: none;
overflow: hidden;
margin: 0 15px 10px 0;
padding: 0;
width: auto !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
right: 70px;
top: 20px;
font-size: 0;
line-height: 0;
z-index: 1;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:after {
content: "\f002";
font-family: FontAwesome;
font-size: 21.6px;
display: block;
border-radius: 50%;
width: 41.4px;
line-height: 41.4px;
text-align: center;
color: #fff;
-webkit-box-shadow: 0 0 0 2em #c8ba7b inset,0 0 0 2em rgba(255,255,255,.5) inset;
box-shadow: 0 0 0 2em #c8ba7b inset,0 0 0 2em rgba(255,255,255,.5) inset;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:hover:after {
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 2em rgba(255,255,255,.5) inset;
box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 2em rgba(255,255,255,.5) inset;
color: #c8ba7b;
}
.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: #c8ba7b;
}
.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: #c8ba7b;
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;
line-height: 1;
}
.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 .woocommerce-pagination ul.page-numbers li,
.woocommerce .woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce .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;
}
.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 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 span.current {
background: #c8ba7b;
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: #58626c;
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: #c8ba7b;
}
.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;
}
.woocommerce p.stars a,
.woocommerce-page p.stars a {
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border-bottom: 0 !important;
outline: 0;
}
.woocommerce p.stars a:last-child,
.woocommerce-page p.stars a:last-child {
border-right: 0;
}
.woocommerce p.stars a[class^="star-"],
.woocommerce-page p.stars a[class^="star-"] {
border-right: 1px solid rgba(0,0,0,.04);
}
.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;
}
.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: #c8ba7b;
}
.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
width: 2em;
}
.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: 3.25em;
}
.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: 4.35em;
}
.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: 5.5em;
}
.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: 6em;
border: 0;
}
.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;
}
/* Cart */
.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;
}
.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: 18px;
text-align: center;
vertical-align: middle;
padding: 0;
width: 25px;
height: 25px;
color: #c8ba7b;
background-color: transparent;
border: 1px solid #c8ba7b;
border-radius: 50%;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover {
background-color: #c8ba7b;
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,.04);
}
.woocommerce-cart .cart_totals table th {
width: 25%;
background-color: transparent;
color: inherit;
}
.woocommerce-cart .cart_totals .discount td {
color: #c8ba7b;
}
.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;
}
/* Account */
.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: #c8ba7b;
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: #c8ba7b;
}
/* Columns */
.woocommerce.columns-1 ul.products li.product,
ul.products.columns-1 li.product {
width: 100%;
}
.woocommerce.columns-2 ul.products li.product,
ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce.columns-3 ul.products li.product,
ul.products.columns-3 li.product {
width: 33.33%;
}
.woocommerce.columns-4 ul.products li.product,
ul.products.columns-4 li.product {
width: 25%;
}
.woocommerce.columns-5 ul.products li.product,
ul.products.columns-5 li.product {
width: 20%;
}
/* Checkout */
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce-checkout #payment {
border: 2px solid rgba(0,0,0,.04);
padding: 20px;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
padding: 0;
font-weight: 400;
}
.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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../plugins/woocommerce/assets/images/icons/credit-cards/discover.png);
}
/* Skins */
.btLightSkin .woocommerce header.title .edit:hover,
.btDarkSkin .btLightSkin .woocommerce header.title .edit:hover {
color: #4d6069;
}
.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,.04);
}
.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,.04);
}
.btLightSkin .product .headline a,
.btDarkSkin .btLightSkin .product .headline a {
color: #4d6069;
}
.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,.10);
}
.btDarkSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select {
border: 1px solid rgba(255,255,255,.10);
}
.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: #c8ba7b;
}
.btDarkSkin div.product .woocommerce-product-rating,
.btLightSkin .btDarkSkin div.product .woocommerce-product-rating {
border-bottom: 1px solid rgba(255,255,255,.04);
}
.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;
}
/* Columns and forms widths */
.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;
}
/* Next button */
.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: #c8ba7b 2px solid;
color: #c8ba7b;
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: #c8ba7b !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,.10) inset,0 -2px 10px rgba(0,0,0,.4);
box-shadow: 0 0 0 rgba(0,0,0,.10) inset,0 -2px 10px rgba(0,0,0,.4);
}
/* Quote items */
.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: 6px;
-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,.10);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch {
border: 1px solid rgba(255,255,255,.10);
}
.btQuoteBooking .btQuoteSwitch:hover {
-webkit-box-shadow: 0 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #c8ba7b 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,.10);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background: rgba(255,255,255,.10);
}
.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
margin-left: 38px;
background: #c8ba7b;
}
.btQuoteBooking .btQuoteItemInput {
text-align: center;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger {
text-align: left;
color: #b4b4b4;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger.selected {
color: #333;
}
/* Standard fields */
.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,.10);
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 #c8ba7b inset,0 2px 10px rgba(0,0,0,.2);
box-shadow: 5px 0 0 #c8ba7b inset,0 2px 10px rgba(0,0,0,.2);
min-height: 38px;
}
/* Float clears */
.btQuoteBooking .btQuoteItem:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
/* Slider */
.btQuoteWrapper {
position: relative;
padding: 0 17px;
}
.btQuoteWrapper:after {
content: ' ';
clear: both;
width: 100%;
display: table;
}
.btQuoteBooking .ui-slider {
position: relative;
text-align: left;
}
.btQuoteWrapper:before {
content: ' ';
display: block;
position: absolute;
height: 20px;
left: 0;
right: 0;
top: 50%;
margin: -8px 0 0;
border-radius: 6px;
}
.btLightSkin .btQuoteWrapper:before,
.btDarkSkin .btLightSkin .btQuoteWrapper:before {
border: 1px solid rgba(0,0,0,.10);
background-color: rgba(0,0,0,.04);
}
.btDarkSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btQuoteWrapper:before {
border: 1px solid rgba(255,255,255,.10);
background-color: rgba(255,255,255,.04);
}
/* Slider hover state */
.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;
}
/* Slider handle */
.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: #c8ba7b;
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;
}
/* Slider hover state */
.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;
}
/* Slider range */
.btQuoteBooking .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle,
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit;
}
/* Slider horizontal */
.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;
}
/* Slider vertical */
.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;
}
/* Total value */
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
font-weight: bold;
padding: 0;
text-align: right;
color: #FFF;
background: #c8ba7b;
line-height: 1.8;
display: block;
width: 100%;
float: left;
}
.btQuoteBooking .btQuoteTotalText {
margin-right: 1em;
}
/* Total currency */
.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;
}
/* Options */
.btQuoteBooking .btQuoteItem ul.options {
text-align: left;
}
/* Contact form */
.btQuoteBooking .btQuoteContact {
margin: 0 -10px 0 -10px;
}
/* Contact form item */
.btQuoteBooking .btQuoteContact .btQuoteItem {
padding: 0 10px;
float: left;
width: 50%;
}
/* Form split in two columns */
.btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) {
clear: left;
}
/* Form full width item */
.btQuoteBooking .btQuoteItem.btQuoteItemFullWidth {
float: none;
width: auto;
}
/* Form button */
.btQuoteBooking .btQuoteContact .boldBtn {
clear: left;
margin: 0;
text-align: center;
white-space: normal;
}
/* Mandatory fields */
/*
.btQuoteBooking .btContactFieldMandatory input, .btQuoteBooking .btContactFieldMandatory textarea {
border: 1px solid #AAA;
box-shadow: 0 0 0 1px #AAA inset;
-webkit-transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText {
border: 1px solid #AAA;
box-shadow: 0 0 0 1px #AAA inset;
}
.btQuoteBooking .btContactFieldMandatory input:hover, .btQuoteBooking .btContactFieldMandatory textarea:hover {
box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius:hover .ddTitleText {
box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory input:focus, .btQuoteBooking .btContactFieldMandatory textarea:focus {
box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadiusTp .ddTitleText {
box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
*/
/* Error fields validation */
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea {
border: 1px solid #c8ba7b;
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset;
box-shadow: 0 0 0 1px #c8ba7b 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 #c8ba7b;
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset;
box-shadow: 0 0 0 1px #c8ba7b inset;
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:hover,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:hover {
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius:hover .ddTitleText {
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #c8ba7b inset,0 0 0 #c8ba7b 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 #c8ba7b inset,5px 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #c8ba7b inset,5px 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText {
-webkit-box-shadow: 0 0 0 1px #c8ba7b inset,5px 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #c8ba7b inset,5px 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
}
/* Submit query message */
.btQuoteBooking .btSubmitMessage {
color: #c8ba7b;
font-weight: 600;
text-align: center;
line-height: 30px;
height: 30px;
}
/* Date picker */
.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: #c8ba7b;
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;
}
/* Datepicker header, day names */
.btDatePicker table.ui-datepicker-calendar th {
padding: 10px 8px;
font-size: 14px;
font-weight: 600;
color: #333;
text-align: center;
}
/* Datepicker prev/next */
.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;
}
/* Prev / Next hover state */
.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;
}
/* Datepicker title */
.btDatePicker .ui-datepicker-title {
text-align: center;
font-size: 14px;
line-height: 1.1;
font-weight: 600;
color: #FFF;
}
/* Datepicker DIV */
.btDatePicker#ui-datepicker-div {
background-color: #f2f2f2;
border: 1px solid rgba(0,0,0,.10);
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
box-shadow: 0 2px 10px rgba(0,0,0,.2);
margin-top: 1px;
}
/* Datepicker day */
.btDatePicker .ui-datepicker-calendar td {
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: .3em;
text-align: center;
}
/* Datepicker day link */
.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;
}
/* Datepicker active state */
.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;
}
/* Datepicker hover state */
.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;
}
/* Styled select */
.btQuoteBooking .btDropDown .dd {
position: relative;
}
.btQuoteBooking .ddChild {
position: absolute;
left: 0 !important;
right: 0 !important;
margin: -1px 0 0;
}
.btQuoteBooking .ddChild {
position: absolute !important;
}
/* Select submenu items */
.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;
}
/* Item hover state */
.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;
}
/* First item disabled state */
.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;
}
/* Styled menu itself */
.btQuoteBooking .ddItem {
display: table;
width: 100%;
margin: 1px 0 0;
padding: 0;
font-size: 14px;
line-height: 1.1;
}
/* Styled menu label */
.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,.10);
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;
}
/* Select item description */
.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;
}
/* Photo in select */
.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;
}
/* Nothing selected state */
.btQuoteBooking .ddTitleText.btNotSelected .ddlabel {
color: #a9a9a9;
}
/* Selected state */
.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;
}
/* Styled select arrow */
.btQuoteBooking .ddTitle .arrow {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
}
/* Arrow itself */
.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,.10);
display: block;
}
/* Submit button */
.btQuoteBooking .btContactSubmit {
font-family: inherit;
cursor: pointer;
background-color: #c8ba7b;
color: #fff;
line-height: 1.1;
padding: 14px 40px;
font-weight: 700;
font-size: 20px;
opacity: 1;
border: 2px solid #c8ba7b;
-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;
}
/* Submit hover state */
.btQuoteBooking .btContactSubmit:hover {
background-color: transparent;
color: #c8ba7b;
}
/* Tablets screen */
@media (max-width: 1024px) {
.btQuoteBooking .btQuoteContact .btQuoteItem {
float: none;
width: auto;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
max-height: 1000px;
}
.btQuoteBooking .btQuoteContact {
margin-left: -10px;
}
}
/* Larger smartphones screen */
@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;
}
}
/* Small smartphones screen */
@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;
}
}
/* placeholder */
.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;
}
/* reCAPTCHA */
.btQuoteBooking .g-recaptcha {
margin-bottom: 30px;
}
.btQuoteBooking .g-recaptcha > div > div {
margin: auto;
}
/* PayPal */
.btPayPalButton {
display: inline-block;
margin: 0 0 0 30px;
background: transparent;
border: rgba(0,0,0,.10) 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 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #c8ba7b inset,0 1px 5px rgba(0,0,0,.2);
}
.btPayPalForm {
width: 0;
height: 0;
overflow: hidden;
}
/* Item lock */
.btQuoteItem.btCCLock {
position: relative;
}
.btQuoteItem.btCCLock:before {
content: ' ';
position: absolute;
top: -10px;
bottom: -10px;
left: 0;
right: 0;
background: transparent;
z-index: 999;
}
/* Transfer Quote total to Flex
-------------------------------------------*/
.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;
}
/* Transfer Quote total to Flex, responsive
-------------------------------------------*/
@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;
}
}
/* Paypal button
-------------------------------------------*/
.btPayPalButton {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
margin-right: auto;
height: 38px;
-webkit-flex: 0 0 130px;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
margin-left: 30px;
}
@media (max-width: 1399px) {
.header.huge {
margin-bottom: 34px;
}
.header.huge h1 {
margin-top: -23px;
font-size: 110px;
}
.header.huge .btSuperTitle,
.header.huge .btSubTitle {
font-size: 40px;
}
.header.huge .dash:after,
.header.huge .dash:before {
margin-top: 17px;
margin-bottom: 17px;
}
.topExtraSpaced {
padding-top: 140px;
}
.bottomExtraSpaced {
padding-bottom: 140px;
}
.topSpaced {
padding-top: 80px;
}
.bottomSpaced {
padding-bottom: 80px;
}
}
@media (max-width: 1199px) {
.btMenuGutter .mainHeader .port,
.btMenuGutter .topBar .topBarPort,
.gutter .port,
.btSearchInner.btFromTopBox .btSearchInnerContent {
width: 100%;
max-width: none;
padding-left: 20px;
padding-right: 20px;
}
.btSiteFooter .port {
padding: 20px 0;
margin-left: 24px;
margin-right: 24px;
width: auto;
}
.btWithSidebar .btSidebar {
padding-left: 20px;
padding-right: 20px;
}
.btSearchInner.btFromTopBox .btSearchInnerClose {
right: 20px;
}
.btMenuVerticalRight .btVerticalMenuTrigger {
margin: 0;
}
.wVariable .btSlidePane {
padding: 0 30px;
}
.touch body.btMenuVertical .menuPort {
overflow: auto;
}
.slidedVariable .slick-list {
z-index: 1;
}
.btGhost .slick-slider h4.nbs {
position: absolute;
top: auto;
margin: 0;
bottom: 60px;
z-index: 1000;
}
body.btMenuVertical.btMenuVerticalOn .subToggler {
display: block !important;
}
.btAnimNavHolder {
right: 8px;
}
.btAnimNav {
width: 36px;
}
.btAnimNav li.btAnimNavNext,
.btAnimNav li.btAnimNavPrev {
display: block;
position: absolute;
right: 0;
width: 36px;
height: 36px;
border: 1px solid #c8ba7b;
border-radius: 50%;
padding: 0;
font: normal 34px/34px Icon7Stroke;
text-align: center;
vertical-align: middle;
color: #fff;
cursor: pointer;
}
.btAnimNav li.btAnimNavPrev:before {
content: '\e682';
}
.btAnimNav li.btAnimNavNext:before {
content: '\e688';
}
.btAnimNav li.btAnimNavNext {
top: 5px;
}
.btAnimNav li.btAnimNavPrev {
bottom: 5px;
}
.btAnimNav li.btAnimNavDot {
display: none;
}
.btAnimNav:after {
display: none;
}
.articleSideGutter {
left: 20px;
}
.btHasAuthorInfo {
padding-left: 115px;
}
.btVerticalMenuTrigger {
line-height: 64px;
}
/*.menuHolder .logo img.btMainLogo {*/
/*display: inline-block !important;*/
/*}*/
/*.menuHolder .logo img.btAltLogo {*/
/*display: none*/
/*}*/
.btHideMenu.btMenuVerticalOn body {
position: relative;
overflow: hidden;
}
.fullScreenHeight .port {
padding: 0 40px;
}
.fullScreenHeight.btGhost .port {
padding: 0;
}
.boldClientList {
margin: 0 40px;
}
.bclPort {
max-width: none;
width: auto;
}
.bclPort.slick-slider h4.nbs {
width: 38px;
height: 80px;
margin-top: -40px;
}
.bclPort.slick-slider h4.nbs.nsPrev {
margin-left: -40px;
}
.bclPort.slick-slider h4.nbs.nsNext {
margin-right: -40px;
}
.bclPort.slick-slider h4.nbs a,
.bclPort.slick-slider h4.nbs.nsPrev a:before,
.bclPort.slick-slider h4.nbs.nsNext a:after {
width: 38px;
height: 80px;
font-size: 38px;
}
.btCounterHolder,
.btCounterHolder.btCounterLargeSize {
font-size: 58px;
}
.btCounterHolder .btCounter,
.btCounterHolder span.onedigit,
.btCounterHolder span.onedigit span,
.btCounterHolder.btCounterLargeSize .btCounter,
.btCounterHolder.btCounterLargeSize span.onedigit,
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 64px;
line-height: 64px;
}
.btCounterHolder .btCountdownHolder,
.btCounterHolder.btCounterLargeSize .btCountdownHolder {
padding: 0 8%;
}
.btCounterHolder .btCountdownHolder > span,
.btCounterHolder.btCounterLargeSize .btCountdownHolder > span {
padding: 0 0 5px;
}
.btCounterHolder .btCountdownHolder div[class$="_text"],
.btCounterHolder.btCounterLargeSize .btCountdownHolder div[class$="_text"] {
padding: 15px 0 0;
margin: 15px 0 0;
text-transform: capitalize;
font-weight: 300;
}
.btCounterHolder .btCountdownHolder div[class$="_text"] > span,
.btCounterHolder.btCounterLargeSize .btCountdownHolder div[class$="_text"] > span {
font-size: 26px;
}
.btCounterHolder.btCounterLargeSize .btCountdownHolder div[class$="_text"] {
padding: 20px 0 0;
margin: 15px 0 0;
}
}
.btMenuVerticalOn.btMenuGutter .topBar .topBarPort {
padding: 0;
margin: 0 -30px;
width: auto;
display: block;
position: static;
}
.btMenuVerticalOn.btMenuGutter .topBar .topBarPort .topTools {
text-align: center !important;
}
@media (max-width: 992px) {
.btMenuVerticalRight.btPageTransitions .btVerticalMenuTrigger {
margin: 0 34px 0 0;
}
.btVerticalMenuTrigger {
line-height: 52px;
}
.neighboringArticles .btTextLeft:after {
content: ' ';
clear: both;
display: table;
width: 100%;
}
.neighboringArticles .btTextRight {
margin: 20px 0 0;
padding: 20px 15px 0;
clear: left;
position: relative;
}
.neighboringArticles .btTextRight:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 15px;
right: 15px;
height: 1px;
}
.btLightSkin .neighboringArticles .btTextRight:before,
.btDarkSkin .btLightSkin .neighboringArticles .btTextRight:before {
background-color: rgba(0,0,0,.10);
}
.btDarkSkin .neighboringArticles .btTextRight:before,
.btLightSkin .btDarkSkin .neighboringArticles .btTextRight:before {
background-color: 1px solid rgba(255,255,255,.10);
}
.single-portfolio .boldArticle .socialRow .btIco {
margin-bottom: .5em;
}
/* Grid related */
/* Horizontal padding */
.rowItem.btDoublePadding .rowItemContent {
padding: 0;
}
.btTableRow .rowItem.btDoublePadding .rowItemContent {
padding: 0;
}
.btSiteFooter .menu {
margin: 0;
padding: 10px 10px 30px 25px;
list-style: none;
}
.btSiteFooter .menu:after {
content: ' ';
clear: both;
display: table;
width: 100%;
}
.btBrideNGroom {
padding: 10px 0;
}
.btSiteFooter .btFooterCopy,
.btSiteFooter .btFooterCopy.btTextRight {
padding: 0 0 0 15px;
text-align: center;
}
.btSiteFooter .copyLine {
margin: 10px 0;
}
.header.small {
margin-bottom: 5px;
}
.header.small h3,
.header.small h4 {
font-size: 17px;
line-height: 22px;
}
.header.small .btSuperTitle,
.header.small .btSubTitle {
font-size: 12px;
}
.header.small .dash:after,
.header.small .dash:before {
width: 32px;
margin-top: 2.5px;
margin-bottom: 2.5px;
}
.header.medium {
margin-bottom: 5px;
}
.header.medium h2,
.header.medium h3 {
font-size: 20px;
line-height: 25px;
}
.header.medium .btSuperTitle,
.header.medium .btSubTitle {
font-size: 14px;
}
.header.medium .dash:after,
.header.medium .dash:before {
width: 40px;
margin-top: 2.5px;
margin-bottom: 2.5px;
}
.header.large {
margin-bottom: 5px;
}
.header.large h2,
.header.large h1 {
font-size: 32px;
line-height: 37px;
}
.header.large .btSuperTitle,
.header.large .btSubTitle {
font-size: 18px;
}
.header.large .dash:after,
.header.large .dash:before {
width: 48px;
margin-top: 2.5px;
margin-bottom: 2.5px;
}
.header.extralarge {
margin-bottom: 20px;
}
.header.extralarge h1,
.header.extralarge h2 {
font-size: 50px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 70px;
}
.header.extralarge .btSuperTitle,
.header.extralarge .btSubTitle {
font-size: 20px;
}
.header.extralarge .dash:after,
.header.extralarge .dash:before {
width: 58px;
margin-top: 10px;
margin-bottom: 10px;
}
.header.huge {
margin-bottom: 26px;
}
.header.huge h1 {
margin-top: -18px;
font-size: 88px;
}
.header.huge .btSuperTitle,
.header.huge .btSubTitle {
font-size: 30px;
}
.header.huge .dash:after,
.header.huge .dash:before {
margin-top: 13px;
margin-bottom: 13px;
}
.btText h2 {
font-size: 46px;
margin: 0 0 15px;
}
.btText h4 {
font-size: 20px;
margin: 0 0 8px;
}
.btShareArticle .btIconRow {
margin: 0 0 0 -50px;
}
}
@media (max-width: 820px) {
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .columns-4 ul.products li.product,
.woocommerce.columns-5 ul.products li.product,
.woocommerce-page .columns-5 ul.products li.product,
.woocommerce .btWooCommerce ul.products li.product,
.woocommerce-page .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product {
width: 50%;
}
.woocommerce.columns-3 ul.products li.product:nth-child(3n + 1),
.woocommerce-page .columns-3 ul.products li.product:nth-child(3n + 1),
.woocommerce.columns-4 ul.products li.product:nth-child(4n + 1),
.woocommerce-page .columns-4 ul.products li.product:nth-child(4n + 1),
.woocommerce-page .columns-4 ul.products li.product:nth-child(5n + 1),
.woocommerce .btWooCommerce ul.products li.product:nth-child(4n + 1),
.woocommerce-page .related.products ul.products li.product:nth-child(4n + 1),
.woocommerce .upsells.products ul.products li.product:nth-child(4n + 1) {
clear: none;
}
.woocommerce.columns-3 ul.products li.product:nth-child(odd),
.woocommerce-page .columns-3 ul.products li.product:nth-child(odd),
.woocommerce.columns-4 ul.products li.product:nth-child(odd),
.woocommerce-page .columns-4 ul.products li.product:nth-child(odd),
.woocommerce.columns-5 ul.products li.product:nth-child(odd),
.woocommerce-page .columns-5 ul.products li.product:nth-child(odd),
.woocommerce .btWooCommerce ul.products li.product:nth-child(odd),
.woocommerce-page .related.products ul.products li.product:nth-child(odd),
.woocommerce .upsells.products ul.products li.product:nth-child(odd) {
clear: left;
}
.btLatestPostsContainer {
display: block;
}
.btSingleLatestPost {
margin: 0 0 20px;
width: auto;
}
.menuHolder .logo img {
height: 70px;
}
}
@media (max-width: 767px) {
.btContent,
.btSidebar {
width: 100%;
float: none;
}
.btSidebarLeft .btSidebar,
.btSidebarRight .btSidebar {
padding-left: 20px;
padding-right: 20px;
}
.btContentHolder blockquote {
font-size: 1.2em;
line-height: 1.6;
}
.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;
}
.btArticleListItem .btArticleFooter {
padding: 5px 0 0;
}
.btArticleListItem .btArticleFooter .btReadArticle,
.btArticleListItem .btArticleFooter .btShareArticle {
text-align: center;
}
.btArticleListItem .btArticleFooter .btShareArticle:before {
width: 65px;
height: 1px;
background-color: #c8ba7b;
content: ' ';
display: block;
margin: 10px auto 15px;
}
.shareRowItem.btTextRight,
.tagsRowItem.btTextLeft {
text-align: center;
padding: 8px 0;
}
.btArticleListItem .btIconRow {
margin-top: 12px;
}
.btArticleListItem .btTextRight .btIconRow .btIco {
margin: 0 .25em;
}
.btArticleListItem .btReadArticle a.btContinueReading {
display: inline-block;
float: none;
margin-bottom: 8px;
}
.topExtraSpaced {
padding-top: 100px;
}
.bottomExtraSpaced {
padding-bottom: 100px;
}
.topSpaced {
padding-top: 60px;
}
.bottomSpaced {
padding-bottom: 60px;
}
.btMenuVertical .menuPort nav {
margin: 0 -35px;
}
.btSlidePane .articleMeta.btTextRight {
text-align: left;
}
.btArticleListItem {
margin-bottom: 40px;
}
.btTags ul li {
float: none;
}
.btCounterHolder.btCounterLargeSize {
font-size: 60px;
line-height: 66px;
height: 66px;
}
.btCounterHolder.btCounterLargeSize .btCounter {
height: 66px;
}
.btCounterHolder.btCounterLargeSize span.onedigit {
line-height: 66px;
height: 66px;
}
.btCounterHolder.btCounterLargeSize span.onedigit span {
height: 66px;
}
.btText h2 {
font-size: 38px;
margin: 0 0 10px;
}
.btText h4 {
font-size: 17px;
margin: 0 0 4px;
}
.btShareArticle .btIconRow {
margin: 0;
}
.btPagination {
margin: 0 20px 30px;
}
}
@media (min-width: 768px) {
.btArticleListItem .btArticleFooter .btShareArticle:before {
display: none !important;
}
}
@media (max-width:620px) {
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: none;
}
.slidedVariable .slick-dots {
display: block !important;
}
.slidedVariable .nbs {
display: none !important;
}
.btHasAuthorInfo {
padding-left: 0;
clear: both;
}
.btHasAuthorInfo .articleSideGutter {
position: relative;
left: 0;
width: auto;
}
.btHasAuthorInfo .asgItem.avatar {
width: 45px;
float: left;
}
.btArticleListItem.btHasAuthorInfo .btMediaBox.btQuote,
.btArticleListItem.btHasAuthorInfo .btMediaBox.btLink {
padding: 20px 20px 70px;
}
.btMediaBox.video .articleSideGutter {
z-index: 2;
}
.articleSideGutter.btTextRight {
text-align: left;
}
.asgItem.avatar {
width: 60px;
float: left;
margin: 0 10px 0 0;
}
.btMediaBox .slick-slider h4.nbs {
margin-top: -25px;
}
.btMediaBox .slick-slider h4.nbs,
.btMediaBox .slick-slider h4.nbs a,
.btMediaBox .slick-slider h4.nbs.nsPrev a:before,
.btMediaBox .slick-slider h4.nbs.nsNext a:after {
width: 40px !important;
height: 50px !important;
}
.btMediaBox .slick-slider h4.nbs.nsPrev a:before,
.btMediaBox .slick-slider h4.nbs.nsNext a:after {
display: block;
line-height: 52px;
text-align: center;
padding: 0;
font-size: 40px;
}
.menuHolder .logo img {
height: 60px;
}
.btContent section.topExtraSpaced {
padding-top: 100px;
}
/*.btSectionTransitions {
.btText {
line-height: 1.55;
}
.btSectionTransitions .header.huge {
padding: 30px 0 0;
}
.btSectionTransitions .header.huge h1, .btSectionTransitions .header.huge h2 {
margin: 0;
}
.btSectionTransitions .bottomSmallSpaced {
padding-bottom: 8px;
}
.btSectionTransitions .topSmallSpaced {
padding-top: 8px;
}
.btSectionTransitions .bottomSemiSpaced {
padding-bottom: 15px;
}
.btSectionTransitions .topSemiSpaced {
padding-top: 15px;
}
.btSectionTransitions .header.huge {
margin-bottom: 10px;
}
}*/
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 50px;
}
.btCommentsBox ul.comments li article .commentTxt .comment {
text-align: left;
}
}
@media (max-width: 480px) {
body {
font-size: 16px;
}
.comment-respond form {
width: 100%;
}
.btMenuVertical .menuPort nav {
margin: 0 -50px;
}
.neighboringArticles .nbsImage {
display: none;
}
.btMediaBox.btQuote p,
.btMediaBox.btLink p {
line-height: 1.2;
}
.asgItem.avatar {
width: 45px;
margin: 0 6px 0 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding: 0;
}
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
float: none;
margin: 0 0 12px;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal,
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
height: auto;
}
.btPayPalButton {
margin: 0;
float: none;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: inline-block;
width: auto;
float: none;
margin: 0;
}
.btQuoteBooking .btContactNext {
margin: 0;
}
.btInstaGrid span {
width: 33.33%;
}
.btInstaGrid span:nth-child(6n + 1) {
clear: none;
}
.btInstaGrid span:nth-child(3n + 1) {
clear: none;
}
.btSiteFooter .menu {
padding: 10px 0 20px 10px;
}
.btSiteFooter .menu:after {
content: ' ';
clear: both;
display: table;
width: 100%;
}
.btSiteFooter .copyLine {
margin: 10px 0;
}
.btBrideNGroom p {
font-size: 17px;
}
.btBrideNGroom h4 {
font-size: 64px;
}
.btCounterHolder {
font-size: 44px;
}
.btCounterHolder .btCounter,
.btCounterHolder span.onedigit,
.btCounterHolder span.onedigit span {
height: 50px;
line-height: 50px;
}
.btPageTransitions .header.huge {
margin-bottom: 10px;
}
.btPageTransitions .header.huge h1 {
margin-top: -12px;
font-size: 48px;
}
.btPageTransitions .header.huge .btSuperTitle,
.btPageTransitions .header.huge .btSubTitle {
font-size: 20px;
}
.btPageTransitions .header.huge .dash:after,
.btPageTransitions .header.huge .dash:before {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media (max-width: 400px) {
body.btMenuVertical > .menuPort {
width: 272px;
}
body.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
-webkit-transform: translateX(272px);
-moz-transform: translateX(272px);
-ms-transform: translateX(272px);
transform: translateX(272px);
}
body.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
-webkit-transform: translateX(-272px);
-moz-transform: translateX(-272px);
-ms-transform: translateX(-272px);
transform: translateX(-272px);
}
body.btMenuVertical.btMenuVerticalOn .menuPort {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.woocommerce header.title .edit {
display: block;
float: left;
clear: left;
padding: 0 0 0 22px;
margin: 0 0 15px;
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page .columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page .columns-4 ul.products li.product,
.woocommerce.columns-5 ul.products li.product,
.woocommerce-page .columns-5 ul.products li.product,
.woocommerce .btWooCommerce ul.products li.product,
.woocommerce-page .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product {
width: auto;
float: none;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal,
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
height: auto;
}
.header.huge:not(.btPageTransitions .header.huge) {
margin-bottom: 12px;
}
.header.huge:not(.btPageTransitions .header.huge) h1 {
margin-top: -14px;
font-size: 56px;
}
.header.huge:not(.btPageTransitions .header.huge) .btSuperTitle,
.header.huge:not(.btPageTransitions .header.huge) .btSubTitle {
font-size: 20px;
}
.header.huge:not(.btPageTransitions .header.huge) .dash:after,
.header.huge:not(.btPageTransitions .header.huge) .dash:before {
margin-top: 6px;
margin-bottom: 6px;
}
h5.author {
line-height: 1.2;
margin: 5px 0 3px;
font-size: 16px;
}
.vcard h5 {
float: none;
}
.vcard .posted {
float: none;
margin: 0 0 15px;
line-height: 1.35;
}
}
@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 .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;
}
}
/* Gutenberg */
/* Separator */
.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;
}
/* Paragraph */
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;
}
/* Quote, Pullquote */
.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;
}
/* Button */
.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: #c8ba7b !important;
}
.wp-block-button {
margin-bottom: 1em !important;
}
.wp-block-button.alignnone {
text-align: inherit !important;
}
/* Table */
.wp-block-table.is-style-stripes td {
border-color: rgba(0,0,0,.07);
}
/* Page width */
.btNoSidebar .alignfull {
width: 100vw;
margin-left: -webkit-calc(-50vw + 600px);
margin-left: -moz-calc(-50vw + 600px);
margin-left: calc(-50vw + 600px);
margin-right: -webkit-calc(-50vw + 600px);
margin-right: -moz-calc(-50vw + 600px);
margin-right: calc(-50vw + 600px);
max-width: 100vw;
}
/* Gallery */
.wp-block-gallery {
margin: 0;
}