Skip to content

Instantly share code, notes, and snippets.

@marselsol
Last active Nov 26, 2021
Embed
What would you like to do?
[Table of contents]
1. Base
2. Typography
3. Bootstrap grid
4. Template
5. Header
6. Footer
7. Post
8. Comments
9. Widgets
10. Elements
11. Before After Image
12. Steps
13. Advanced Progress Bar
14. Single product
15. Color schemes
16. Woocommerce
17. Cost calculator
18. Typography etc responsive
19. Woocommerce screens
20. Fixes
21. Gutenberg
22. IE
*/
/* Fonts */
/* Template fonts, edit in config.php */
/* Base font */
/* Base menu font */
/* Headline fond */
/* Headline supertitle font */
/* Headline subtitle font */
/* Variables */
/* Base font size */
/* Base font color */
/* Base bg color */
/* Base border color */
/* Sub bg color */
/* Base font color */
/* Base bg color */
/* Base border color */
/* Sub bg color */
/* Base border color */
/* Main color */
/* Dark main color */
/* Darker main color */
/* Very darker main color */
/* Light main color */
/* Very light main color */
/* Secondary color */
/* Dark secondary color */
/* Darker secondary color */
/* Light secondary color */
/* Light secondary color */
/* Base gutter width */
/* Sidebar width (%) */
/* Padding between sidebar and sontent */
/* Left and right page padding for boxed content */
/* Default spacing in grid gallery */
/* Defines logo height and menu line height */
/* Defines menu height whwn below menu */
/* Top and bottom padding of the whole horizontal menu (px) */
/* Padding between horizontal menu elements (px) */
/* Width of the vertical menu (px) */
/* dropdown width (px) */
/* Base font size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Soft border radius */
/* Soft border radius */
/* Mixins */
/* @ include btMaxLines(lines, line-height); */
/* @fragment btClear; */
/* Aliases */
/* Cost calculator specific */
/* 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;
}
/* FloatClears */
.btClear: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;
}
/* Skin */
.btDarkSkin {
color: #fff;
background-color: #111112;
}
.btLightSkin {
color: #111112;
background-color: #fff;
}
select,
textarea,
input,
.fancy-select .trigger {
color: inherit;
}
.btLightSkin select,
.btLightSkin textarea,
.btLightSkin input,
.btLightSkin .fancy-select .trigger,
.btDarkSkin .btLightSkin select,
.btDarkSkin .btLightSkin textarea,
.btDarkSkin .btLightSkin input,
.btDarkSkin .btLightSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin .btLightSkin select,
.btLightSkin .btDarkSkin .btLightSkin textarea,
.btLightSkin .btDarkSkin .btLightSkin input,
.btLightSkin .btDarkSkin .btLightSkin .fancy-select .trigger {
border: 1px solid rgba(0,0,0,.1);
}
.btDarkSkin select,
.btDarkSkin textarea,
.btDarkSkin input,
.btDarkSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin select,
.btLightSkin .btDarkSkin textarea,
.btLightSkin .btDarkSkin input,
.btLightSkin .btDarkSkin .fancy-select .trigger,
.btDarkSkin.btLightSkin .btDarkSkin select,
.btDarkSkin.btLightSkin .btDarkSkin textarea,
.btDarkSkin.btLightSkin .btDarkSkin input,
.btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger {
border: 1px solid rgba(255,255,255,.5);
}
/*
.btHardRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 50%;}
.btSoftRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 5px;}
*/
/* Form elements */
select,
input {
font-family: "Roboto",Arial,Helvetica,sans-serif;
}
input:not([type='checkbox']):not([type='radio']),
button {
-webkit-appearance: none;
}
input:not([type='checkbox']):not([type='radio']),
textarea,
select {
outline: none;
font: inherit;
line-height: 1;
width: 100%;
display: block;
padding: .8em 1.2em;
background: transparent;
color: inherit;
-webkit-appearance: none;
}
.btTextRight input:not([type='checkbox']):not([type='radio']),
.btTextRight textarea,
.btTextRight select {
text-align: right;
}
select {
height: 3.2em;
}
input:not([type='checkbox']):not([type='radio']):not([type='date']),
.fancy-select .trigger,
.btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText {
height: 3.2em;
line-height: 3.2;
}
input[type='date'] {
height: 3.2em;
}
input[type='checkbox'],
input[type='radio'] {
vertical-align: middle;
}
input[type='file'] {
padding: 1em;
height: auto !important;
line-height: 1 !important;
}
/* Fancy select */
.fancy-select {
position: relative;
}
.fancy-select .trigger {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
position: relative;
cursor: pointer;
padding: 0 0 0 1em;
}
.btHardRoundedButtons .fancy-select .trigger {
border-radius: 50px;
}
.btSoftRoundedButtons .fancy-select .trigger {
border-radius: 4px;
}
.rtl .fancy-select .trigger {
padding: 0 1em 0 0;
}
.fancy-select .trigger:before {
content: '\f078';
font-family: FontAwesome;
display: block;
float: right;
padding-right: 1em;
-webkit-transition: 150ms ease transform,150ms ease color;
-moz-transition: 150ms ease transform,150ms ease color;
transition: 150ms ease transform,150ms ease color;
font-size: .9em;
line-height: 3.4;
}
.rtl .fancy-select .trigger:before {
float: left;
padding-right: 0;
padding-left: 1em;
}
.fancy-select .trigger.open:before {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.fancy-select .options {
display: none;
position: absolute;
top: auto;
left: 0;
width: 100%;
list-style: none;
max-height: 320px;
overflow: auto;
border: 1px solid rgba(0,0,0,.07);
background-color: #fff;
color: #111112;
}
.fancy-select .options.open {
z-index: 20;
display: block;
}
.fancy-select .options.overflowing {
top: auto;
bottom: 2.4em;
}
.fancy-select ul.options {
padding: 0;
margin: 0;
}
.fancy-select ul.options li {
cursor: pointer;
padding-left: 1em;
margin: 0;
-webkit-transition: 150ms ease color;
-moz-transition: 150ms ease color;
transition: 150ms ease color;
}
.fancy-select ul.options li:hover {
color: #f06731;
}
.btHardRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btHardRoundedButtons a.select2-choice {
border-radius: 50px;
}
.btSoftRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btSoftRoundedButtons a.select2-choice {
border-radius: 4px;
}
.btHardRoundedButtons select {
border-radius: 50px;
}
.btSoftRoundedButtons select {
border-radius: 4px;
}
.btHardRoundedButtons textarea {
border-radius: 10px;
}
.btSoftRoundedButtons textarea {
border-radius: 4px;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
.fancy-select .trigger {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:focus,
.fancy-select .trigger.open {
-webkit-box-shadow: 0 0 4px 0 #dcdcdc;
box-shadow: 0 0 4px 0 #dcdcdc;
}
textarea {
resize: vertical;
line-height: inherit;
}
button {
font: inherit;
cursor: pointer;
}
.btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.btLightSkin .btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.btDarkSkin.btLightSkin .btDarkSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.btDarkSkin textarea:focus,
.btLightSkin .btDarkSkin textarea:focus,
.btDarkSkin.btLightSkin .btDarkSkin textarea:focus,
.btDarkSkin .fancy-select .trigger.open,
.btLightSkin .btDarkSkin .fancy-select .trigger.open,
.btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger.open {
border: 1px solid #fff;
}
/* Iframe resize fix */
/*:any( embed, iframe, img, figure ) {
max-width: 100%;
height: auto;
}*/
.bt-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.bt-video-container iframe,
.bt-video-container object,
.bt-video-container embed,
.bt-video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Texts */
img,
figure {
max-width: 100%;
height: auto;
}
pre code {
display: block;
}
pre {
overflow: hidden;
}
ins {
text-decoration: none;
}
hr {
clear: both;
}
del {
opacity: .5;
}
.btContentHolder pre {
margin: 0 0 30px;
white-space: pre-wrap;
padding: 20px;
border: 1px solid rgba(0,0,0,.1);
}
.btDarkSkin .btContentHolder pre,
.btLightSkin .btDarkSkin .btContentHolder pre,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder pre {
border: 1px solid rgba(255,255,255,.5);
}
/* Label */
label {
font-size: .8em;
opacity: .6;
font-weight: 500;
}
/* Href */
a {
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: inherit;
}
.btContent a {
color: #f06731;
}
a:hover {
text-decoration: none;
color: #f06731;
}
.btContent a:hover {
color: inherit;
}
.btText a {
color: #f06731;
}
.btText a:hover {
text-decoration: underline;
}
a img {
border: none;
}
a,
a:active,
a:focus {
outline: none;
}
/* Base typography */
p,
dl,
address,
cite {
margin: 0 0 1em;
}
ul {
margin: 0 0 1em 1em;
padding: 0;
}
ul ul {
margin-bottom: 0;
}
.rtl ul {
margin: 0 1em 1em 0;
}
.rtl ul ul {
margin-bottom: 0;
}
ol {
margin: 0 0 1em 1em;
padding: 0;
}
ol ol {
margin-bottom: 0;
}
.rtl ol {
margin: 0 1em 1em 0;
}
.rtl ol ol {
margin-bottom: 0;
}
li {
margin: 0 0 0 .5em;
padding: 0;
}
.btText li {
margin-left: 1em;
}
dt {
font-weight: 600;
}
dd {
margin: 0 0 1.5em 1.5em;
}
dd p {
display: inline;
}
dd:after {
content: ' ';
display: table;
clear: both;
}
figcaption {
font-size: inherit;
}
/* Base font */
html {
font-size: 16px;
}
body {
font-family: "Roboto",Arial,Helvetica,sans-serif;
font-weight: 400;
line-height: 1.7;
background-size: cover;
background-attachment: fixed;
}
small {
font-size: 14px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat",Arial,Helvetica,sans-serif;
}
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
padding: 0 0 .4em;
line-height: 1.4;
margin: 0;
font-weight: 600;
}
.btHeadingWeight_default h1,
.btHeadingWeight_default h2,
.btHeadingWeight_default h3,
.btHeadingWeight_default h4,
.btHeadingWeight_default h5,
.btHeadingWeight_default h6 {
font-weight: 600;
}
.btHeadingWeight_bolder h1,
.btHeadingWeight_bolder h2,
.btHeadingWeight_bolder h3,
.btHeadingWeight_bolder h4,
.btHeadingWeight_bolder h5,
.btHeadingWeight_bolder h6 {
font-weight: 800;
}
.btHeadingWeight_bold h1,
.btHeadingWeight_bold h2,
.btHeadingWeight_bold h3,
.btHeadingWeight_bold h4,
.btHeadingWeight_bold h5,
.btHeadingWeight_bold h6 {
font-weight: 700;
}
.btHeadingWeight_semi-bold h1,
.btHeadingWeight_semi-bold h2,
.btHeadingWeight_semi-bold h3,
.btHeadingWeight_semi-bold h4,
.btHeadingWeight_semi-bold h5,
.btHeadingWeight_semi-bold h6 {
font-weight: 600;
}
.btHeadingWeight_medium h1,
.btHeadingWeight_medium h2,
.btHeadingWeight_medium h3,
.btHeadingWeight_medium h4,
.btHeadingWeight_medium h5,
.btHeadingWeight_medium h6 {
font-weight: 500;
}
.btHeadingWeight_normal h1,
.btHeadingWeight_normal h2,
.btHeadingWeight_normal h3,
.btHeadingWeight_normal h4,
.btHeadingWeight_normal h5,
.btHeadingWeight_normal h6 {
font-weight: 400;
}
.btHeadingWeight_light h1,
.btHeadingWeight_light h2,
.btHeadingWeight_light h3,
.btHeadingWeight_light h4,
.btHeadingWeight_light h5,
.btHeadingWeight_light h6 {
font-weight: 300;
}
.btHeadingWeight_lighter h1,
.btHeadingWeight_lighter h2,
.btHeadingWeight_lighter h3,
.btHeadingWeight_lighter h4,
.btHeadingWeight_lighter h5,
.btHeadingWeight_lighter h6 {
font-weight: 200;
}
.btHeadingWeight_thin h1,
.btHeadingWeight_thin h2,
.btHeadingWeight_thin h3,
.btHeadingWeight_thin h4,
.btHeadingWeight_thin h5,
.btHeadingWeight_thin h6 {
font-weight: 100;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.75em;
}
h5 {
font-size: 1.5em;
}
h6 {
font-size: 1.25em;
}
/* Blockquotes*/
blockquote {
display: block;
font-family: "Montserrat",Arial,Helvetica,sans-serif;
margin: 0;
font-size: 1.8em;
font-weight: 600;
line-height: 2em;
position: relative;
min-height: 10.5em;
}
blockquote:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
blockquote p {
line-height: 1.8;
text-align: center;
margin: 0;
padding: 0;
}
blockquote:before {
content: '\f10d';
font-family: FontAwesome;
display: block;
font-size: 1.5em;
line-height: 1;
padding: 1em 0 .5em 0;
text-align: center;
color: #111112;
}
.btDarkSkin blockquote:before,
.btLightSkin .btDarkSkin blockquote:before,
.btDarkSkin.btLightSkin .btDarkSkin blockquote:before {
color: #fff;
}
blockquote:after {
content: ' ';
z-index: -1;
border: 10px solid;
border-color: #f06731;
opacity: .2;
width: 10.5em;
height: 10.5em;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
}
cite {
font-family: "Montserrat",Arial,Helvetica,sans-serif;
font-weight: 600;
opacity: .6;
font-style: normal;
text-align: center;
display: block;
font-size: 1rem;
}
/* Tables */
.btContentHolder table {
width: 100%;
margin: 0 0 1em;
border-collapse: collapse;
text-align: initial;
border: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin .btContentHolder table,
.btLightSkin .btDarkSkin .btContentHolder table,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder table {
border: 1px solid rgba(255,255,255,.2);
}
.btContentHolder table td,
.btContentHolder table th {
padding: 0.5em;
border: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin .btContentHolder table td,
.btLightSkin .btDarkSkin .btContentHolder table td,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder table td,
.btDarkSkin .btContentHolder table th,
.btLightSkin .btDarkSkin .btContentHolder table th,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder table th {
border: 1px solid rgba(255,255,255,.2);
}
.btContentHolder table th {
text-align: left;
font-weight: normal;
}
.btContentHolder table thead th {
font-weight: normal;
}
.bt_bb_layout_boxed_600 .bt_bb_cell {
width: 600px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_700 .bt_bb_cell {
width: 700px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_800 .bt_bb_cell {
width: 800px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_900 .bt_bb_cell {
width: 900px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_1000 .bt_bb_cell {
width: 1000px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_1100 .bt_bb_cell {
width: 1100px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_1200 .bt_bb_cell {
width: 1200px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
.bt_bb_layout_boxed_1400 .bt_bb_cell {
width: 1400px;
max-width: -webkit-calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: calc(100% - 80px);
}
/* Added bootstrap visible / hidden classes */
@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;
}
}
@media (max-width: 480px) {
.bt_bb_column[data-width="3"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
html,
body {
min-height: 100vh;
}
body:not(.btPageTransitions) {
min-height: 101vh;
}
/*html {
overflow-x: hidden;
}*/
/* RTL support */
body.rtl {
direction: rtl;
unicode-bidi: embed;
}
/* Template base */
.btContentWrap {
-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);
}
.btContentWrap:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btSiteFooter {
-webkit-transition: transform 1s cubic-bezier(.230,1,.320,1),padding-top 300ms ease;
-moz-transition: transform 1s cubic-bezier(.230,1,.320,1),padding-top 300ms ease;
transition: transform 1s cubic-bezier(.230,1,.320,1),padding-top 300ms ease;
}
.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);
}
.btPageWrap:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
/* Z indexes */
.mainHeader,
.btVerticalHeaderTop {
z-index: 10002;
}
.btPreloader {
z-index: 10004;
}
/* Gutter port keeps width */
.port {
width: 100%;
padding: 0 40px;
}
.gutter .port {
max-width: 1280px;
margin: auto;
}
.btWithSidebar .btContent .gutter .port {
padding: 0;
}
@media (max-width: 1279px) {
.gutter .port {
width: 100%;
max-width: none;
padding-left: 40px;
padding-right: 40px;
}
.btMenuVerticalRight .btVerticalMenuTrigger {
margin: 0;
}
}
/* Content holder and sidebars*/
.btNoSidebar .btContentHolder,
.btNoSidebar .btContent {
width: auto;
padding: 0;
}
:not(.bt_bb_plugin_active).btNoSidebar .btPageHeadline + .btContentHolder .btContent {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 4em 40px 0;
}
:not(.bt_bb_plugin_active).btNoSidebar .btPageHeadline + .btContentHolder .btContent .gutter .port {
padding-left: 0;
padding-right: 0;
}
:not(.bt_bb_plugin_active).btNoSidebar .btPageHeadline + .btContentHolder .btContent > article:first-child {
margin-top: 0;
}
.btWithSidebar .btContentHolder {
max-width: 1280px;
margin: auto;
padding: 4em 40px 4em;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btWithSidebar .btContentHolder .btContent {
width: 75%;
}
.btWithSidebar .btContentHolder .btSidebar {
width: 25%;
padding: 0;
}
.btSidebarLeft.btWithSidebar .btContentHolder {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btSidebarLeft.btWithSidebar .btContentHolder .btSidebar {
padding-right: 50px;
}
.rtl.btSidebarLeft.btWithSidebar .btContentHolder .btSidebar {
padding-right: 0;
padding-left: 50px;
}
.btSidebarLeft.btWithSidebar .btContentHolder .btContent {
padding-left: 50px;
}
.rtl.btSidebarLeft.btWithSidebar .btContentHolder .btContent {
padding-left: 0;
padding-right: 50px;
}
.btSidebarRight.btWithSidebar .btContentHolder .btSidebar {
padding-left: 50px;
}
.rtl.btSidebarRight.btWithSidebar .btContentHolder .btSidebar {
padding-left: 0;
padding-right: 50px;
}
.btSidebarRight.btWithSidebar .btContentHolder .btContent {
padding-right: 50px;
}
.rtl.btSidebarRight.btWithSidebar .btContentHolder .btContent {
padding-right: 0;
padding-left: 50px;
}
/* Responsive */
@media (max-width: 768px) {
.btWithSidebar.btSidebarRight .btContentHolder,
.btWithSidebar.btSidebarLeft .btContentHolder {
display: block;
}
.btWithSidebar.btSidebarRight .btContentHolder .btContent,
.btWithSidebar.btSidebarLeft .btContentHolder .btContent,
.btWithSidebar.btSidebarRight .btContentHolder .btSidebar,
.btWithSidebar.btSidebarLeft .btContentHolder .btSidebar {
width: auto;
float: none;
padding: 0;
}
.btWithSidebar.btSidebarRight .btContentHolder .btSidebar,
.btWithSidebar.btSidebarLeft .btContentHolder .btSidebar {
padding-top: 4em;
}
}
/* Preloader */
.btPreloader {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
bottom: 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;
}
.btPreloader .animation {
display: block;
width: 100%;
-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: transform .3s ease,opacity .3s ease;
-moz-transition: transform .3s ease,opacity .3s ease;
transition: transform .3s ease,opacity .3s ease;
}
.btAccentDarkHeader .btPreloader .animation > div:first-child,
.btLightAccentHeader .btPreloader .animation > div:first-child,
.btTransparentLightHeader .btPreloader .animation > div:first-child {
border-radius: 10px;
padding: .7em 1.2em;
display: inline-block;
background-color: #f06731;
}
.btPreloader .animation > div img {
margin: 0 auto;
}
.btPreloader .animation p {
font-size: .8em;
font-family: "Montserrat";
opacity: .5;
font-weight: 600;
}
.btRemovePreloader .btPreloader {
-webkit-transform: translateY(-100%) scale(0);
-moz-transform: translateY(-100%) scale(0);
-ms-transform: translateY(-100%) scale(0);
transform: translateY(-100%) scale(0);
opacity: 0;
-webkit-transition: transform ease 1s,opacity ease 1s;
-moz-transition: transform ease 1s,opacity ease 1s;
transition: transform ease 1s,opacity ease 1s;
}
.btRemovePreloader .btPreloader .animation {
-webkit-transform: translateY(0) scale(.9);
-moz-transform: translateY(0) scale(.9);
-ms-transform: translateY(0) scale(.9);
transform: translateY(0) scale(.9);
opacity: 0;
-webkit-transition: transform .5s ease,opacity ease .5s;
-moz-transition: transform .5s ease,opacity ease .5s;
transition: transform .5s ease,opacity ease .5s;
}
.btPreloader .animation .preloaderLogo {
height: 135px;
-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;
display: block;
line-height: 1;
}
.btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo,
.btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo {
height: 180px;
}
/* Loader */
.btLoader {
width: 84px;
height: 84px;
margin: 30px auto 30px auto;
font-size: 6px;
position: relative;
border: 2px solid transparent;
border-top: 2px solid #f06731 !important;
border-right: 2px solid #f06731 !important;
border-radius: 50%;
-webkit-animation: btLoader 2.5s infinite linear;
-moz-animation: btLoader 2.5s infinite linear;
animation: btLoader 2.5s infinite linear;
}
.btLoader p:empty {
display: none;
}
.btLoader:before,
.btLoader:after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
border: 2px solid transparent;
border-top: 2px solid #f06731 !important;
border-right: 2px solid #f06731 !important;
}
.btLoader:before {
height: 76px;
width: 76px;
left: 2px;
top: 2px;
-webkit-animation: btLoader 2.2s infinite linear;
-moz-animation: btLoader 2.2s infinite linear;
animation: btLoader 2.2s infinite linear;
opacity: .66;
}
.btLoader:after {
height: 68px;
width: 68px;
left: 6px;
top: 6px;
-webkit-animation: btLoader 1.2s infinite linear;
-moz-animation: btLoader 1.2s infinite linear;
animation: btLoader 1.2s infinite linear;
opacity: .33;
}
@-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);
}
}
/* Error page */
.btErrorPage {
min-height: 70vh;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-position: 10% bottom;
background-size: initial;
}
.btErrorPage .port {
padding-top: 6em;
padding-bottom: 6em;
text-align: center;
}
/* Password protected page */
.post-password-form {
max-width: 85% !important;
margin: 200px auto 50px auto !important;
}
/* Breadcrumbs */
.btBreadCrumbs {
text-transform: uppercase;
}
.btBreadCrumbs span {
display: inline-block;
margin-left: 0;
padding-left: 0;
}
.btBreadCrumbs span:not(:last-child):after {
content: ' ';
display: inline-block;
margin: -2px 10px 0 10px;
letter-spacing: inherit;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: inherit;
vertical-align: middle;
}
.btLightSkin .btBreadCrumbs span:not(:last-child):after,
.btDarkSkin .btLightSkin .btBreadCrumbs span:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btBreadCrumbs span:not(:last-child):after {
background-color: #111112;
}
.btDarkSkin .btBreadCrumbs span:not(:last-child):after,
.btLightSkin .btDarkSkin .btBreadCrumbs span:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btBreadCrumbs span:not(:last-child):after {
background-color: #fff;
}
/* Page headline */
.btPageHeadline {
background-color: rgba(0,0,0,.07);
background-size: cover;
}
.btPageHeadline header {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.btMenuCenter .btPageHeadline header {
margin: auto;
}
.btPageHeadline header .bt_bb_headline_subheadline .star-rating span:before {
color: #fff;
}
.btPageHeadline .bt_bb_port {
padding-bottom: 4em;
padding-top: 10em;
}
body.btBelowMenu .btPageHeadline .bt_bb_port {
padding-top: 10em;
}
.btPageHeadline.btHeadlineSquare header {
text-align: center;
}
.btPageHeadline.btHeadlineSquare .bt_bb_port {
padding-bottom: 8em;
padding-top: 8em;
}
body.btBelowMenu .btPageHeadline.btHeadlineSquare .bt_bb_port {
padding-top: 10em;
}
/* Boxed page */
.btBoxedPage .btPageWrap {
max-width: 1200px;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
margin-bottom: 3em;
margin: 0 auto 3em;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
overflow: initial;
}
.btStickyHeaderActive.btBoxedPage .mainHeader {
max-width: 1200px;
}
.btLightSkin.btBoxedPage .btContentWrap {
background-color: #fff;
}
.btDarkSkin.btBoxedPage .btContentWrap {
background-color: #111112;
}
.btErrorPage {
min-height: 70vh;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btErrorPage .port {
padding-top: 6em;
padding-bottom: 6em;
}
/* No search results */
.btNoSearchResults .bt_bb_port {
display: block;
max-width: 1260px;
margin: 0 auto;
}
.btNoSearchResults .bt_bb_port #searchform {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btNoSearchResults .bt_bb_port #searchform input[type='search'] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
margin-right: 1em;
}
.btNoSearchResults .bt_bb_port #searchform input[type='submit'] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
height: auto;
cursor: pointer;
text-transform: uppercase;
font-size: .9em;
line-height: 1;
font-weight: 500;
-webkit-box-shadow: 0 0 0 3em #f06731 inset;
box-shadow: 0 0 0 3em #f06731 inset;
color: #fff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.btNoSearchResults .bt_bb_port #searchform input[type='submit']:hover {
-webkit-box-shadow: 0 0 0 2px #f06731 inset;
box-shadow: 0 0 0 2px #f06731 inset;
color: #f06731;
}
@media (max-width: 620px) {
.btNoSearchResults .bt_bb_port #searchform {
display: block;
}
.btNoSearchResults .bt_bb_port #searchform input[type='search'] {
margin-right: 0;
margin-bottom: 1em;
}
}
/* Header */
.mainHeader {
width: 100%;
position: absolute;
background-color: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
font-family: "Montserrat",Arial,Helvetica,sans-serif;
-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
transition: opacity 300ms ease;
visibility: hidden;
opacity: 0;
}
.btMenuInitFinished .mainHeader {
visibility: initial;
opacity: 1;
}
.mainHeader:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.mainHeader a {
color: inherit;
-webkit-transition: color 100ms linear;
-moz-transition: color 100ms linear;
transition: color 100ms linear;
}
.mainHeader a:hover {
color: #f06731;
}
.btPageTransitions .mainHeader {
z-index: 1020;
}
/* Below menu */
.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
}
/* Main menu */
.btLogoArea {
position: relative;
z-index: 1;
}
.menuPort {
font-family: "Montserrat",Arial,Helvetica,sans-serif;
font-size: calc(0.8vw);
}
.menuPort:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.menuPort nav ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
-webkit-transition: all 100ms ease 0s;
-moz-transition: all 100ms ease 0s;
transition: all 100ms ease 0s;
}
.menuPort nav ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.menuPort nav ul li a {
display: block;
position: relative;
padding: 0.7em 0.7em;
font-weight: 400;
font-size: calc(0.65vw);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.menuPort nav ul li a:after {
content: "/";
opacity: .4;
position: absolute;
right: -25px;
}
.menuPort nav ul li a:hover {
color: inherit;
opacity: .8;
text-decoration: none;
}
.btCapitalizeMainMenuItems .menuPort nav ul li a {
text-transform: uppercase;
}
.menuPort nav ul li:last-child > a:after {
display: none;
}
.rtl .menuPort nav ul li:last-child > a:after {
display: none;
}
.rtl .menuPort nav ul li:first-child > a:after {
display: none;
}
.menuPort nav ul ul li {
-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.menuPort nav ul ul li.on {
opacity: 1;
}
.menuPort ul > li > ul {
opacity: 0;
pointer-events: none;
}
.menuPort nav > ul > li > a {
line-height: 90px;
padding: 0;
}
.btBelowLogoArea .menuPort nav > ul > li > a {
line-height: 50px;
}
.menuPort nav ul ul li a {
font-weight: 500;
}
/* Logo and triggers */
.btTextLogo {
font-family: "Montserrat",Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 800;
line-height: 90px;
}
.btMenuVertical .btTextLogo {
line-height: 54px;
}
.btLogoArea .logo {
line-height: 0;
float: left;
}
.btMenuVertical .btLogoArea .logo {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.rtl .btLogoArea .logo {
float: right;
}
.btLogoArea .logo img {
height: 90px;
@media (min-width:900px) and (max-width:1300px) {
.need-hide{
display:none;
}
}
width: auto;
display: block;
}
.btMenuVertical .btLogoArea .logo img {
height: 54px;
}
.btMenuCenter .btLogoArea .logo img {
margin: auto;
}
.btLogoArea .logo img.btAltLogo {
display: none;
}
/* Hide menu */
.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger {
display: block;
position: relative;
z-index: 1;
}
.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger .bt_bb_icon {
margin-left: 1em;
}
.btStickyHeaderActive.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger .bt_bb_icon {
margin: 28.8px 0;
margin-left: 1em;
}
.btMenuHorizontal.btHideMenu .menuPort {
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
pointer-events: none;
}
.btShowMenu.btMenuHorizontal.btHideMenu .menuPort {
opacity: 1 !important;
pointer-events: all;
}
.btHorizontalMenuTrigger {
display: none;
float: right;
margin: 0 0 0 .5em;
font-size: 1.5em;
}
.btHorizontalMenuTrigger .bt_bb_icon {
width: 27px;
height: 22.5px;
position: relative;
padding: 0;
float: left;
margin: 33.75px 0;
}
.btHorizontalMenuTrigger .bt_bb_icon:before,
.btHorizontalMenuTrigger .bt_bb_icon:after {
content: "";
position: absolute;
display: block;
border-top-width: 2px;
border-top-style: solid;
left: 0;
right: 0;
top: 0;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: -.75px 1px;
-moz-transform-origin: -.75px 1px;
-ms-transform-origin: -.75px 1px;
transform-origin: -.75px 1px;
}
.btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:before,
.btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:after {
-webkit-transform: rotate(45deg) translateY(0) !important;
-moz-transform: rotate(45deg) translateY(0) !important;
-ms-transform: rotate(45deg) translateY(0) !important;
transform: rotate(45deg) translateY(0) !important;
}
.btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btDarkAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btOpacityLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btGreyLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:before,
.btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before,
.btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before,
.btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btDarkAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btOpacityLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btGreyLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:after,
.btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after,
.btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after {
border-top-color: #111112;
}
.btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:before,
.btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:before,
.btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon:after,
.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon:after,
.btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon:after {
border-top-color: #fff;
}
.btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:before,
.btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon:after {
border-top-color: #f06731;
}
.btHorizontalMenuTrigger .bt_bb_icon:after {
top: auto;
bottom: 0;
}
.btShowMenu .btHorizontalMenuTrigger .bt_bb_icon:after {
-webkit-transform: rotate(-45deg) translateY(0) !important;
-moz-transform: rotate(-45deg) translateY(0) !important;
-ms-transform: rotate(-45deg) translateY(0) !important;
transform: rotate(-45deg) translateY(0) !important;
}
.btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
content: "";
position: absolute;
display: block;
border-top-width: 2px;
border-top-style: solid;
left: 0;
right: 0;
top: 50%;
margin-top: -1px;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btShowMenu .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
-webkit-transform: scaleX(0) !important;
-moz-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.btTransparentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btGreyLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btOpacityLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btTransparentDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightDarkHeader.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #111112;
}
.btAccentDarkHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightAccentHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btTransparentDarkHeader.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #fff;
}
.btTransparentLightHeader .btHorizontalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #f06731;
}
.btHorizontalMenuTrigger:hover {
cursor: pointer;
color: inherit;
}
.btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btOpacityLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btGreyLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btOpacityLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btGreyLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon:after {
border-top-color: #f06731;
}
.btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:before,
.btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon:after {
border-top-color: #111112;
}
.btHorizontalMenuTrigger:hover .bt_bb_icon:before {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon:before {
-webkit-transform: rotate(0) translateY(-5px);
-moz-transform: rotate(0) translateY(-5px);
-ms-transform: rotate(0) translateY(-5px);
transform: rotate(0) translateY(-5px);
}
.btHorizontalMenuTrigger:hover .bt_bb_icon:after {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon:after {
-webkit-transform: rotate(0) translateY(5px);
-moz-transform: rotate(0) translateY(5px);
-ms-transform: rotate(0) translateY(5px);
transform: rotate(0) translateY(5px);
}
.btShowMenu .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btTransparentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btTransparentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btOpacityLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btGreyLightHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btLightDarkHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo.btStickyHeaderActive .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #f06731;
}
.btLightAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #111112;
}
.btDarkAccentHeader .btHorizontalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #fff;
}
/* Only horizontal menu */
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-item > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-item > a {
color: #f06731;
}
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:before,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:before {
content: ' ';
display: block;
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
height: 4px;
opacity: 1;
background-color: #f06731;
}
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-item > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-item > a {
color: #f06731;
}
/* Drop down menu */
.btMenuHorizontal .menuPort ul ul {
background-color: #fff;
}
.btMenuHorizontal .menuPort ul ul li a {
padding-left: 1.5em;
padding-right: 1.5em;
color: #111112;
}
.btMenuHorizontal .menuPort ul ul li a:hover {
color: #f06731;
}
.btMenuHorizontal .menuPort ul ul li .subToggler {
color: #111112;
}
.btMenuHorizontal .menuPort ul ul li:not(:last-child) > a:after {
content: ' ';
display: block;
position: absolute;
left: 1.5em;
right: 1.5em;
bottom: 0;
height: 1px;
background-color: rgba(0,0,0,.1);
}
.btMenuHorizontal .menuPort nav > ul > li > ul,
.btMenuHorizontal .menuPort nav > ul > li:not(.btMenuWideDropdown) > ul > li > ul {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
pointer-events: none;
}
.btMenuHorizontal .menuPort nav > ul > li > ul a:after,
.btMenuHorizontal .menuPort nav > ul > li:not(.btMenuWideDropdown) > ul > li > ul a:after {
display: none;
}
.btMenuHorizontal .menuPort nav > ul > li.on > ul,
.btMenuHorizontal .menuPort nav > ul > li:not(.btMenuWideDropdown) > ul > li.on > ul {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: all;
}
.btMenuHorizontal .menuPort nav > ul > li.btMenuWideDropdown:not(.on) > ul.bt_mega_menu_content * {
pointer-events: none !important;
}
/* Subtogglers */
.subToggler {
display: none;
cursor: pointer;
position: absolute;
top: 0;
width: 45px;
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);
}
body.btMenuVertical .subToggler {
display: block !important;
padding: 20px 0;
line-height: 1;
right: -10px;
top: -8px;
}
body.btMenuHorizontal .subToggler {
right: 15px;
line-height: 90px;
}
body.rtl.btMenuHorizontal.btMenuCenterBelow .subToggler {
right: auto;
left: 0;
}
body.btMenuHorizontal.rtl .subToggler {
left: 15px;
right: auto;
}
body.btMenuHorizontal.btMenuBelowLogo .subToggler {
line-height: 50px;
}
body.btMenuHorizontal .menuPort ul ul .subToggler {
right: 0;
line-height: inherit;
padding: 1em 0;
}
body.btMenuHorizontal .menuPort .rightNav ul ul .subToggler {
left: 0;
right: auto;
}
.subToggler:before {
content: '\f107';
font: normal 16px/1 FontAwesome;
}
.touch .btMenuHorizontal .menuPort nav ul li .subToggler {
display: block;
}
.touch .btMenuHorizontal .menuPort nav ul li a:after {
display: none;
}
/* Horizontal menu, no need for override on responsive */
.btMenuHorizontal .menuPort > nav > ul > li {
padding: 0 50px 0 0;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li {
padding: 0 0 0 50px;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child {
padding: 0;
}
:not(.rtl).btMenuHorizontal .menuPort > nav > ul > li:last-child {
padding: 0;
}
html.touch :not(.rtl).btMenuHorizontal .menuPort > nav > ul > li.menu-item-has-children {
padding: 0 50px 0 0;
}
html.touch .rtl.btMenuHorizontal .menuPort > nav > ul > li.menu-item-has-children {
padding: 0 0 0 50px;
}
.btMenuHorizontal .menuPort > nav > ul > li > ul > li {
font-size: .9em;
}
.btMenuHorizontal .menuPort > nav > ul ul {
position: absolute;
width: 440px;
right: 0;
top: auto;
margin: 0;
pointer-events: none;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
z-index: 1;
padding: 0;
}
.btMenuHorizontal .menuPort > nav > ul ul li {
z-index: 4;
float: none;
}
.btMenuHorizontal .menuPort > nav > ul ul ul {
display: block;
top: 0;
margin: 0;
pointer-events: none;
}
.btMenuHorizontal .menuPort > nav > ul li.current-menu-item ul,
.btMenuHorizontal .menuPort > nav > li.current-menu-ancestor ul {
margin: 0;
}
.btMenuHorizontal .menuPort > nav > ul > li {
float: left;
position: relative;
z-index: 5;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li {
float: right;
}
.btMenuHorizontal .menuPort > nav > ul > li > ul li a {
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
transition: all ease 300ms;
}
.btMenuHorizontal .menuPort > nav > ul > li > ul li a:hover {
-webkit-box-shadow: inset 5px 0 0 0 #f06731;
box-shadow: inset 5px 0 0 0 #f06731;
}
.btMenuHorizontal .menuPort > nav > ul > li:not(.btMenuWideDropdown) > ul li a {
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
transition: all ease 300ms;
}
.btMenuHorizontal .menuPort > nav > ul > li:not(.btMenuWideDropdown) > ul li a:hover {
-webkit-box-shadow: inset 5px 0 0 0 #f06731;
box-shadow: inset 5px 0 0 0 #f06731;
}
.btMenuHorizontal .menuPort > nav > ul > li:not(.btMenuWideDropdown) > ul li:first-child > a {
-webkit-box-shadow: inset 0 5px 0 0 #f06731;
box-shadow: inset 0 5px 0 0 #f06731;
}
.btMenuHorizontal .menuPort > nav > ul > li:not(.btMenuWideDropdown) > ul li:first-child > a:hover {
-webkit-box-shadow: inset 5px 5px 0 0 #f06731;
box-shadow: inset 5px 5px 0 0 #f06731;
}
/* Last menu item (FIX) */
.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul {
right: 0;
left: auto;
}
.btMenuHorizontal .menuPort > nav > ul > li:nth-last-child(2) > ul {
right: 0;
left: auto;
}
.btMenuHorizontal .menuPort > nav > ul > li:last-child:not(.btMenuWideDropdown) > ul > li > ul {
right: 0;
left: -100%;
}
.btMenuHorizontal .menuPort > nav > ul > li:nth-last-child(2):not(.btMenuWideDropdown) > ul > li > ul {
right: 0;
left: -100%;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:nth-last-child(2):not(.btMenuWideDropdown) > ul > li > ul {
right: auto;
}
/* Rounded corners */
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btAccentDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btAccentLightHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btGreyLightHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btLightAccentHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btDarkAccentHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btLightDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btAlternateDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btSoftRoundedButtons.btAlternateLightHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btAccentDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btAccentLightHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btGreyLightHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btLightAccentHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btDarkAccentHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btLightDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btAlternateDarkHeader .mainHeader.gutter,
.btMenuHorizontal.btBelowMenu.btMenuHorizontal.btBelowMenu.btHardRoundedButtons.btAlternateLightHeader .mainHeader.gutter {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Menu positions */
.btMenuHorizontal .menuPort ul ul {
right: auto;
left: -1.5em;
}
.btMenuHorizontal .menuPort ul ul ul {
left: 440px;
right: auto;
}
.rtl.btMenuHorizontal .menuPort ul ul ul {
left: auto;
right: 440px;
}
.btMenuHorizontal .menuPort nav {
float: left;
padding-left: 50px;
}
.rtl.btMenuHorizontal .menuPort nav {
padding-right: 50px;
padding-left: 0;
}
.btMenuHorizontal.btMenuRight .menuPort nav {
float: right;
}
/* Uncomment this to allow last item switch
@media (max-width: math($(baseTemplateWidth)+$(dropdownWidth))px) {
.btMenuHorizontal.btMenuRight {
.menuPort > nav > ul > li:last-child ul {
text-align: right;
right: 0px;
left: auto;
.rtl& {
left: 0px;
right: 0;
}
ul {
left: -$(dropdownWidth)px;
right: auto;
.rtl& {
left: auto;
right: -$(dropdownWidth)px;
}
}
}
}
}*/
/* Center Menu */
.btMenuHorizontal.btMenuCenter .logo {
position: relative;
z-index: 8;
margin: 0 0 0 50%;
}
.btMenuHorizontal.btMenuCenter .menuPort nav {
float: none;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav {
position: absolute;
right: 50%;
left: auto;
padding: 0;
padding-right: 50px;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul {
float: right;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul {
right: auto;
left: -20px;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul {
left: 220px;
right: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav {
position: absolute;
left: 50%;
right: auto;
padding-left: 50px;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul {
right: -20px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul {
right: 220px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
text-align: right;
}
.btMenuHorizontal.btMenuCenterBelow .logo {
float: none;
text-align: center;
}
.btMenuHorizontal.btMenuCenterBelow .logo img {
margin-left: auto;
margin-right: auto;
}
.btMenuHorizontal.btMenuCenterBelow .gutter .port {
position: relative;
}
.btMenuHorizontal.btMenuCenterBelow .topBarInLogoArea {
position: absolute;
right: 40px;
top: 0;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .topBarInLogoArea {
right: auto;
left: 40px;
}
.btMenuHorizontal.btMenuCenterBelow .menuPort nav {
float: none;
text-align: center;
}
.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li {
float: none;
display: inline-block;
}
.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li {
display: block;
text-align: left;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav {
float: none !important;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li {
padding: 0 0 0 50px !important;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul {
left: 0;
right: -20px;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li {
text-align: right;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li ul li ul {
right: auto;
left: -220px;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .menuPort nav ul li > a:after {
left: auto;
right: 0;
}
.btMenuHorizontal.btMenuCenterBelow .topBarInMenu {
position: absolute;
right: 0;
}
.rtl.btMenuHorizontal.btMenuCenterBelow .topBarInMenu {
right: auto;
left: 0;
}
/* Wide menu */
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown {
position: static;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
width: 100%;
max-width: 1280px;
left: auto;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
top: auto;
border-top: none !important;
float: left;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border: none !important;
color: #f06731;
-webkit-box-shadow: inset 0 5px 0 0 #f06731;
box-shadow: inset 0 5px 0 0 #f06731;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a:hover {
opacity: 1;
-webkit-box-shadow: inset 5px 5px 0 0 #f06731;
box-shadow: inset 5px 5px 0 0 #f06731;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before {
display: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul {
opacity: 1;
top: auto;
margin: 0 !important;
width: 100%;
right: 0;
left: 0;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a {
border-top: none !important;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > li:not(:last-child) {
border-left: 1px solid rgba(0,0,0,.1);
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before {
display: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.btMenuWideDropdownCols-3 ul.sub-menu {
max-width: 750px;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li {
width: 100%;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu {
width: 100%;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul {
pointer-events: auto;
}
html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.btMenuWideDropdownCols-3 ul.sub-menu {
right: auto;
}
html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.rightNav > ul > li.btMenuWideDropdown > ul {
width: 300%;
left: -200%;
}
html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.leftNav > ul > li.btMenuWideDropdown > ul {
width: 300%;
right: -200%;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li {
width: INF% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li {
width: 100% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li {
width: 50% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li {
width: 33.33333% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li {
width: 25% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li {
width: 20% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li {
width: 16.66667% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li {
width: 14.28571% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li {
width: 12.5% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li {
width: 11.11111% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li {
width: 10% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li {
width: 9.09091% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li {
width: 8.33333% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li {
width: 7.69231% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li {
width: 7.14286% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li {
width: 6.66667% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li {
width: 6.25% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li {
width: 5.88235% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li {
width: 5.55556% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li {
width: 5.26316% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li {
width: 5% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li {
width: 33.333333% !important;
}
/* Wide Menu - last menu item (FIX) */
.btMenuHorizontal header.mainHeader:not(.gutter) .menuPort > nav > ul > li:last-child:not:(.btMenuWideDropdown) > ul {
right: 0 !important;
left: auto !important;
}
.btMenuHorizontal header.mainHeader:not(.gutter) .menuPort > nav > ul > li:last-child:not:(.btMenuWideDropdown) > ul > li > ul {
right: 0 !important;
left: -100% !important;
}
/* Top bar */
.btMenuHorizontal .topBar {
font-size: .8em;
line-height: 2.5em;
z-index: 2;
}
.btMenuHorizontal .topBar .topBarPort {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btMenuHorizontal .topBar .topBarPort:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btMenuHorizontal .topBar .topBarPort:after,
.btMenuHorizontal .topBar .topBarPort:before {
display: none;
}
.btMenuHorizontal .topBarInMenu {
line-height: inherit;
float: right;
height: 90px;
margin-left: 25px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.rtl.btMenuHorizontal .topBarInMenu {
float: left;
margin-left: 0;
margin-right: 25px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
line-height: 48px;
vertical-align: middle;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btMenuHorizontal .btBelowLogoArea .topBarInMenu {
height: 50px;
line-height: 50px;
}
/* Menu below logo */
.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
padding: 0;
z-index: 0;
}
.btMenuHorizontal.btMenuBelowLogo .menuPort {
clear: both;
position: relative;
margin: 0;
float: none;
padding: .5em 0;
}
.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
padding: 0;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
float: right;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li {
margin: 0 0 0 50px;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li:last-child {
margin: 0 !important;
}
/* Header styles */
.btAccentDarkHeader:not(.btBelowMenu) .mainHeader,
.btAccentDarkHeader:not(.btBelowMenu) .btVerticalHeaderTop,
.btLightAccentHeader:not(.btBelowMenu) .mainHeader,
.btLightAccentHeader:not(.btBelowMenu) .btVerticalHeaderTop,
.btAccentLightHeader:not(.btBelowMenu) .mainHeader,
.btAccentLightHeader:not(.btBelowMenu) .btVerticalHeaderTop,
.btLightDarkHeader:not(.btBelowMenu) .mainHeader,
.btLightDarkHeader:not(.btBelowMenu) .btVerticalHeaderTop {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
.btGreyLightHeader .mainHeader,
.btGreyLightHeader .btVerticalHeaderTop {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
/* Keep width above menu */
body.btBelowMenu.btMenuHorizontal.btAccentDarkHeader .mainHeader.gutter,
body.btBelowMenu.btMenuHorizontal.btAccentLightHeader .mainHeader.gutter,
body.btBelowMenu.btMenuHorizontal.btGreyLightHeader .mainHeader.gutter,
body.btBelowMenu.btMenuHorizontal.btLightAccentHeader .mainHeader.gutter,
body.btBelowMenu.btMenuHorizontal.btDarkAccentHeader .mainHeader.gutter,
body.btBelowMenu.btMenuHorizontal.btLightDarkHeader .mainHeader.gutter {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
/* Transparent Dark */
.btTransparentDarkHeader .mainHeader,
.btTransparentDarkHeader .btVerticalHeaderTop {
color: #111112;
}
.btStickyHeaderActive.btTransparentDarkHeader .mainHeader,
.btStickyHeaderActive.btTransparentDarkHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentDarkHeader .mainHeader,
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentDarkHeader .btVerticalHeaderTop {
color: #fff;
background-color: #111112;
}
.btMenuVertical.btTransparentDarkHeader .mainHeader,
.btMenuVertical.btTransparentDarkHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btTransparentDarkHeader .btBelowLogoArea .menuPort {
border-top: 1px solid rgba(0,0,0,.1);
}
.btTransparentDarkHeader .topBar .topBarPort .topTools {
border-bottom: 1px solid rgba(0,0,0,.1);
}
/* Transparent Light */
.btTransparentLightHeader .mainHeader {
color: #fff;
}
.btStickyHeaderActive.btTransparentLightHeader .mainHeader {
background-color: #111112;
}
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentLightHeader .mainHeader {
color: #111112;
background-color: #fff;
}
.btMenuVertical.btTransparentLightHeader .mainHeader {
background-color: #111112;
}
.btTransparentLightHeader .btVerticalHeaderTop {
color: #fff;
}
.btStickyHeaderActive.btTransparentLightHeader .btVerticalHeaderTop {
background-color: #111112;
}
.btHasAltLogo.btStickyHeaderActive.btTransparentLightHeader .btVerticalHeaderTop {
background-color: #fff;
color: #111112;
}
.btTransparentLightHeader .btBelowLogoArea .menuPort {
border-top: 1px solid rgba(255,255,255,.1);
}
.btTransparentLightHeader .topBar .topTools {
border-bottom: 1px solid rgba(255,255,255,.1);
}
/* Opacity Light */
.btOpacityLightHeader:not(.btStickyHeaderActive):not(.btMenuVertical) .mainHeader {
padding: 20px;
}
.btOpacityLightHeader:not(.btStickyHeaderActive):not(.btMenuVertical) .mainHeader .mainHeaderInner {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
background-color: rgba(255,255,255,.2);
}
.btSoftRoundedButtons.btOpacityLightHeader:not(.btStickyHeaderActive):not(.btMenuVertical) .mainHeader .mainHeaderInner {
border-radius: 4px;
}
.btOpacityLightHeader .mainHeader {
color: #fff;
}
.btStickyHeaderActive.btOpacityLightHeader .mainHeader {
color: #111112;
background-color: #fff;
}
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btOpacityLightHeader .mainHeader {
color: #111112;
background-color: #fff;
}
.btMenuVertical.btOpacityLightHeader .mainHeader {
color: #fff;
background-color: #f06731;
}
.btMenuVertical.btOpacityLightHeader .mainHeader .topTools .btIconWidget:hover,
.btMenuVertical.btOpacityLightHeader .mainHeader .topBarInMenu .btIconWidget:hover,
.btMenuVertical.btOpacityLightHeader .mainHeader .btTopBox.widget_search.btIconWidget .bt_bb_icon_holder:hover {
color: #fff;
opacity: .8;
}
.btOpacityLightHeader .btVerticalHeaderTop {
color: #fff;
background-color: rgba(255,255,255,.2);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}
.btStickyHeaderActive.btOpacityLightHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btHasAltLogo.btStickyHeaderActive.btOpacityLightHeader .btVerticalHeaderTop {
background-color: #fff;
color: #111112;
}
.btOpacityLightHeader .btBelowLogoArea .menuPort {
border-top: 1px solid rgba(255,255,255,.1);
}
.btOpacityLightHeader .topBar .topTools {
border-bottom: 1px solid rgba(255,255,255,.1);
}
.btOpacityLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.btOpacityLightHeader.btMenuHorizontal .mainHeader .port {
padding: 0 20px;
}
/* Accent + Light */
.btAccentLightHeader .mainHeader,
.btAccentLightHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btAccentLightHeader .btBelowLogoArea,
.btAccentLightHeader .topBar {
background-color: #f06731;
color: #111112;
}
.btAccentLightHeader .btBelowLogoArea a:hover,
.btAccentLightHeader .topBar a:hover {
color: #4b4b4b;
}
/* Grey Light */
.btGreyLightHeader .mainHeader,
.btGreyLightHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btGreyLightHeader .btBelowLogoArea,
.btGreyLightHeader .topBar {
background-color: rgba(0,0,0,.1);
color: #111112;
}
.btGreyLightHeader .btBelowLogoArea a:hover,
.btGreyLightHeader .topBar a:hover {
color: #f06731;
}
/* Accent + Dark */
.btAccentDarkHeader .mainHeader,
.btAccentDarkHeader .btVerticalHeaderTop {
background-color: #111112;
color: #fff;
}
.btAccentDarkHeader .btBelowLogoArea,
.btAccentDarkHeader .topBar {
background-color: #f06731;
color: #fff;
}
.btAccentDarkHeader .btBelowLogoArea a:hover,
.btAccentDarkHeader .topBar a:hover {
color: #4b4b4b;
}
/* Light + Dark */
.btLightDarkHeader .mainHeader,
.btLightDarkHeader .btVerticalHeaderTop {
background-color: #fff;
}
.btLightDarkHeader .btBelowLogoArea,
.btLightDarkHeader .topBar {
background-color: #111112;
color: #fff;
}
.btLightDarkHeader.btMenuHorizontal.btBelowMenu .mainHeader {
background-color: #fff;
}
.btLightDarkHeader.btMenuHorizontal.btBelowMenu .btBelowLogoArea {
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
/* Light + Accent */
.btLightAccentHeader .mainHeader,
.btLightAccentHeader .topBar {
background-color: #fff;
}
.btLightAccentHeader .btLogoArea,
.btLightAccentHeader .btVerticalHeaderTop {
background-color: #f06731;
color: #fff;
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader {
background-color: rgba(0,0,0,.1);
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader .btLogoArea {
background-color: rgba(240,103,49,0.8);
}
/* Dark + Accent */
.btDarkAccentHeader .mainHeader,
.btDarkAccentHeader .topBar {
background-color: #111112;
color: #fff;
}
.btDarkAccentHeader .btLogoArea,
.btDarkAccentHeader .btVerticalHeaderTop {
background-color: #f06731;
color: #fff;
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader {
background-color: rgba(0,0,0,.1);
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu .mainHeader .btLogoArea {
background-color: rgba(240,103,49,0.8);
}
/* Light + Alternate */
.btLightAlternateHeader .mainHeader {
background-color: #fff;
}
.btLightAlternateHeader .btLogoArea,
.btLightAlternateHeader .btVerticalHeaderTop {
background-color: #4b4b4b;
color: #fff;
}
.btLightAlternateHeader.btMenuHorizontal.btBelowMenu .mainHeader {
background-color: rgba(0,0,0,.1);
}
.btLightAlternateHeader.btMenuHorizontal.btBelowMenu .mainHeader .btLogoArea {
background-color: rgba(75,75,75,0.9);
}
/* Sticky Header */
.btStickyHeaderActive.btMenuHorizontal .mainHeader {
position: fixed;
top: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .topBar {
display: none;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btBelowLogoArea {
padding: 0;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .logo img {
height: 81px;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .btTextLogo {
font-size: 1.5em;
line-height: 81px;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > a,
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > .subToggler {
line-height: 81px; <!-- до моего вмесшательства было 81px, норм 3.3em -->
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .topBarInMenu {
height: 81px;
}
.btStickyHeaderActive.btMenuBelowLogo.btMenuHorizontal .mainHeader .btLogoArea {
display: none;
}
.btHasAltLogo.btStickyHeaderActive .btMainLogo {
display: none;
}
.btHasAltLogo.btStickyHeaderActive .btAltLogo {
display: block !important;
}
.btMenuVertical.btStickyHeaderActive .btVerticalHeaderTop {
position: fixed;
top: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
}
.btStickyHeaderClosed.btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.btMenuVerticalLeft.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transform: translateY(0%) translateX(260px);
-moz-transform: translateY(0%) translateX(260px);
-ms-transform: translateY(0%) translateX(260px);
transform: translateY(0%) translateX(260px);
}
.btMenuVerticalRight.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transform: translateY(0%) translateX(-260px);
-moz-transform: translateY(0%) translateX(-260px);
-ms-transform: translateY(0%) translateX(-260px);
transform: translateY(0%) translateX(-260px);
}
.btStickyHeaderClosed.btMenuVertical.btStickyHeaderActive.btMenuVerticalOn.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transform: translateY(-100%) translateX(260px);
-moz-transform: translateY(-100%) translateX(260px);
-ms-transform: translateY(-100%) translateX(260px);
transform: translateY(-100%) translateX(260px);
}
.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.btStickyHeaderClosed.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Vertical and responsive menu */
.btMenuVertical.btStickyHeaderActive.btStickyHeaderOpen .btVerticalHeaderTop {
-webkit-transition: transform 200ms ease;
-moz-transition: transform 200ms ease;
transition: transform 200ms ease;
}
.btVerticalHeaderTop {
display: none;
position: absolute;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.btMenuVertical .btVerticalHeaderTop {
display: block;
}
.btVerticalHeaderTop .btVerticalMenuTrigger {
display: none;
position: relative;
z-index: 1;
height: 54px;
margin: 0 .5em 0 0;
font-size: 1.5em;
}
.rtl .btVerticalHeaderTop .btVerticalMenuTrigger {
margin: 0 0 0 .5em;
}
.btVerticalMenuTrigger .bt_bb_icon {
width: 27px;
height: 22.5px;
position: relative;
padding: 0;
float: left;
margin: 15.75px 0;
}
.btVerticalMenuTrigger .bt_bb_icon:before,
.btVerticalMenuTrigger .bt_bb_icon:after {
content: "";
position: absolute;
display: block;
border-top-width: 2px;
border-top-style: solid;
left: 0;
right: 0;
top: 0;
-webkit-transition: 300ms ease all;
-moz-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: -.75px 1px;
-moz-transform-origin: -.75px 1px;
-ms-transform-origin: -.75px 1px;
transform-origin: -.75px 1px;
}
.btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:before,
.btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:after {
-webkit-transform: rotate(45deg) translateY(0) !important;
-moz-transform: rotate(45deg) translateY(0) !important;
-ms-transform: rotate(45deg) translateY(0) !important;
transform: rotate(45deg) translateY(0) !important;
}
.btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btGreyLightHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btGreyLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:before,
.btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btAccentLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btGreyLightHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btGreyLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:after,
.btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after,
.btAccentLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after {
border-top-color: #111112;
}
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btOpacityLightHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btOpacityLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightAlternateHeader .btVerticalMenuTrigger .bt_bb_icon:before,
.btLightAlternateHeader.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:before,
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btOpacityLightHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btOpacityLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightAlternateHeader .btVerticalMenuTrigger .bt_bb_icon:after,
.btLightAlternateHeader.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:after {
border-top-color: #fff;
}
.btOpacityLightHeader.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:before,
.btOpacityLightHeader.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:after {
border-top-color: #111112;
}
.btVerticalMenuTrigger .bt_bb_icon:after {
top: auto;
bottom: 0;
}
.btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon:after {
-webkit-transform: rotate(-45deg) translateY(0) !important;
-moz-transform: rotate(-45deg) translateY(0) !important;
-ms-transform: rotate(-45deg) translateY(0) !important;
transform: rotate(-45deg) translateY(0) !important;
}
.btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
content: "";
position: absolute;
display: block;
border-top-width: 2px;
border-top-style: solid;
left: 0;
right: 0;
top: 50%;
margin-top: -1px;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btMenuVerticalOn .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
-webkit-transform: scaleX(0) !important;
-moz-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.btTransparentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btGreyLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btGreyLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btTransparentDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightDarkHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #111112;
}
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btOpacityLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btOpacityLightHeader.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before,
.btLightAlternateHeader.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #fff;
}
.btOpacityLightHeader.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
border-top-color: #111112;
}
.btVerticalMenuTrigger:hover {
cursor: pointer;
color: inherit;
}
.btVerticalMenuTrigger:hover .bt_bb_icon:before {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
opacity: .8;
}
.btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:before {
-webkit-transform: rotate(0) translateY(-3px);
-moz-transform: rotate(0) translateY(-3px);
-ms-transform: rotate(0) translateY(-3px);
transform: rotate(0) translateY(-3px);
}
.btVerticalMenuTrigger:hover .bt_bb_icon:after {
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
opacity: .8;
}
.btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:after {
-webkit-transform: rotate(0) translateY(3px);
-moz-transform: rotate(0) translateY(3px);
-ms-transform: rotate(0) translateY(3px);
transform: rotate(0) translateY(3px);
}
.btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
opacity: .8;
}
.btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btMenuVerticalOn .mainHeader {
-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 .btContentWrap,
.btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop,
.btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
transform: translateX(260px);
}
.rtl.btMenuVerticalLeft.btMenuVerticalOn .btContentWrap,
.rtl.btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop,
.rtl.btMenuVerticalLeft.btMenuVerticalOn .btSiteFooter {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
transform: translateX(-260px);
}
.btMenuVerticalLeft.btMenuVerticalOn .btVerticalHeaderTop .logo {
opacity: 0;
}
.btMenuVerticalRight.btMenuVerticalOn .btContentWrap,
.btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop,
.btMenuVerticalRight.btMenuVerticalOn .btSiteFooter {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
transform: translateX(-260px);
}
.rtl.btMenuVerticalRight.btMenuVerticalOn .btContentWrap,
.rtl.btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop,
.rtl.btMenuVerticalRight.btMenuVerticalOn .btSiteFooter {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
transform: translateX(260px);
}
.btMenuVerticalRight.btMenuVerticalOn .btVerticalHeaderTop .logo {
opacity: 0;
}
.btMenuVertical .mainHeader {
text-align: center;
height: 100%;
top: 0;
bottom: 0;
position: fixed;
width: 260px;
clear: both;
z-index: 101;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
overflow-y: auto;
overflow-x: hidden;
}
.btMenuInitFinished.btMenuVertical .mainHeader {
-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);
}
:not(.btMenuBelowLogo).btMenuVertical .mainHeader .mainHeaderInner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btLogoArea {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .topBar {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btBelowLogoArea {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.btMenuVertical .mainHeader .btMainLogo {
display: block !important;
}
.btMenuVertical .mainHeader .btAltLogo {
display: none !important;
}
.btMenuVertical .mainHeader .logo {
float: none;
margin: 0;
padding: 0 2em 1em;
}
.btMenuVertical .mainHeader .logo img {
margin: 0 auto;
display: block;
height: auto;
max-width: 100%;
}
.btMenuVertical .mainHeader .btCloseVertical {
cursor: pointer;
font-size: 1.5em;
position: absolute;
right: 20px;
top: 10px;
}
.rtl.btMenuVertical .mainHeader .btCloseVertical {
right: auto;
left: 20px;
}
.btMenuVertical .mainHeader .btCloseVertical:before {
font-family: FontAwesome;
content: '\f00d';
}
.btMenuVertical .mainHeader .btCloseVertical:before:hover {
color: #f06731;
}
.btMenuVertical .mainHeader .menuPort {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.btMenuVertical .mainHeader .menuPort .leftNav {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.btMenuVertical .mainHeader .topBar .topBarPort .topTools {
padding-top: 1em;
padding-bottom: 1em;
}
.btMenuVertical .mainHeader nav {
margin: 0 !important;
}
.btMenuVertical .mainHeader nav ul > li > ul {
opacity: 1;
pointer-events: auto;
}
.btMenuVertical .mainHeader nav ul {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.btMenuVertical .mainHeader nav ul li {
padding: 0;
position: relative;
background-color: transparent;
}
.btMenuVertical .mainHeader nav ul li a {
line-height: 1.1;
padding: 1em 2em;
border: none;
font-weight: 400;
}
.btMenuVertical .mainHeader nav ul li li {
font-size: .9em;
}
.btMenuVertical .mainHeader nav ul li:not(.current-menu-ancestor) > ul {
display: none;
}
.btMenuVertical .mainHeader nav ul ul li {
padding: 0;
opacity: 1;
border: none;
background-color: transparent;
}
.btMenuVertical .mainHeader nav ul ul li ul {
opacity: .8;
}
.btMenuVertical .mainHeader nav ul ul li ul li a {
border: none !important;
}
.btMenuVertical .mainHeader nav li.current-menu-ancestor > a,
.btMenuVertical .mainHeader nav li.current-menu-item > a {
font-weight: 600;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget,
.btMenuVertical .mainHeader .topBar .btIconWidget {
margin-left: .75em;
margin-right: .25em;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText),
.btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText) {
margin-left: .75em;
margin-right: 0;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon,
.btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon {
padding-right: .75em;
}
.btMenuVertical .btVerticalMenuTrigger {
display: block;
}
.btMenuVertical .menuScrollPort {
width: 260px;
overflow: hidden;
}
.btMenuVerticalRight .mainHeader {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.btMenuVerticalOn.btMenuVerticalRight .mainHeader {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: -2px 0 5px rgba(0,0,0,.1);
box-shadow: -2px 0 5px rgba(0,0,0,.1);
}
.btMenuVerticalRight .btVerticalMenuTrigger {
float: right;
}
.btMenuVerticalLeft .mainHeader {
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.btMenuVerticalOn.btMenuVerticalLeft .mainHeader {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 2px 0 5px rgba(0,0,0,.10);
box-shadow: 2px 0 5px rgba(0,0,0,.10);
}
.btMenuVerticalLeft .btVerticalMenuTrigger {
float: left;
}
/* Header tools layout */
.btMenuHorizontal .btTopToolsRight,
.btMenuHorizontal .btTopToolsLeft {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.btMenuHorizontal .btTopToolsRight {
text-align: right;
float: right;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.rtl.btMenuHorizontal .btTopToolsRight {
text-align: left;
}
.btMenuHorizontal .topBarInLogoArea {
float: right;
height: 90px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.rtl.btMenuHorizontal .topBarInLogoArea {
float: left;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell {
border: 0 solid #f06731;
}
/* Tools in vertical menu */
.btMenuVertical .mainHeader {
text-align: center;
height: 100%;
top: 0;
bottom: 0;
position: fixed;
width: 260px;
clear: both;
z-index: 101;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
overflow-y: auto;
overflow-x: hidden;
}
.btMenuInitFinished.btMenuVertical .mainHeader {
-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);
}
:not(.btMenuBelowLogo).btMenuVertical .mainHeader .mainHeaderInner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btMenuVertical .mainHeader .topBar {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btLogoArea {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .topBar {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.btMenuBelowLogo.btMenuVertical .mainHeader .mainHeaderInner .btBelowLogoArea {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.btMenuVertical .mainHeader .btMainLogo {
display: block !important;
}
.btMenuVertical .mainHeader .btAltLogo {
display: none !important;
}
.btMenuVertical .mainHeader .logo {
float: none;
margin: 0;
padding: 0 2em 1em;
}
.btMenuVertical .mainHeader .logo img {
margin: 0 auto;
display: block;
height: auto;
max-width: 100%;
}
.btMenuVertical .mainHeader .btCloseVertical {
cursor: pointer;
font-size: 1.5em;
position: absolute;
right: 20px;
top: 10px;
}
.rtl.btMenuVertical .mainHeader .btCloseVertical {
right: auto;
left: 20px;
}
.btMenuVertical .mainHeader .btCloseVertical:before {
font-family: FontAwesome;
content: '\f00d';
}
.btMenuVertical .mainHeader .btCloseVertical:before:hover {
color: #f06731;
}
.btMenuVertical .mainHeader .menuPort {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.btMenuVertical .mainHeader .menuPort .leftNav {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.btMenuVertical .mainHeader .topBar .topBarPort .topTools {
padding-top: 0;
padding-bottom: 0;
border: none;
}
.btMenuVertical .mainHeader .topBarInMenu {
margin: 2em 0;
}
.btMenuVertical .mainHeader nav {
margin: 0 !important;
}
.btMenuVertical .mainHeader nav ul > li > ul {
opacity: 1;
pointer-events: auto;
}
.btMenuVertical .mainHeader nav ul {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.btMenuVertical .mainHeader nav ul li {
padding: 0;
position: relative;
background-color: transparent;
}
.btMenuVertical .mainHeader nav ul li a {
line-height: 1.1;
padding: 1em 2em;
border: none;
font-weight: 400;
}
.btMenuVertical .mainHeader nav ul li a:after {
display: none;
}
.btMenuVertical .mainHeader nav ul li li {
font-size: .9em;
}
.btMenuVertical .mainHeader nav ul li:not(.current-menu-ancestor) > ul {
display: none;
}
.btMenuVertical .mainHeader nav ul ul li {
padding: 0;
opacity: 1;
border: none;
background-color: transparent;
}
.btMenuVertical .mainHeader nav ul ul li ul {
opacity: .8;
}
.btMenuVertical .mainHeader nav ul ul li ul li a {
border: none !important;
}
.btMenuVertical .mainHeader nav li.current-menu-ancestor > a,
.btMenuVertical .mainHeader nav li.current-menu-item > a {
font-weight: 600;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget,
.btMenuVertical .mainHeader .topBar .btIconWidget,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget {
display: inline-block;
width: 100%;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget .btIconWidgetIcon,
.btMenuVertical .mainHeader .topBar .btIconWidget .btIconWidgetIcon,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget .btIconWidgetIcon {
display: block;
text-align: center;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText,
.btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText {
padding-bottom: 2em;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText .bt_bb_icon_holder:before,
.btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText .bt_bb_icon_holder:before,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText .bt_bb_icon_holder:before {
font-size: 2em;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText .btIconWidgetContent,
.btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText .btIconWidgetContent,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText .btIconWidgetContent {
font-size: .9em;
text-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetTitle,
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetText,
.btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetTitle,
.btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetText,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetTitle,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText .btIconWidgetContent .btIconWidgetText {
display: inline-block;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText),
.btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText),
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget:not(.btWidgetWithText) {
margin-left: .75em;
margin-right: 0;
width: initial;
}
.btMenuVertical .mainHeader .topBarInMenu .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon,
.btMenuVertical .mainHeader .topBar .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon,
.btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget:not(.btWidgetWithText) .btIconWidgetIcon .bt_bb_icon {
padding-right: .75em;
}
.btMenuVertical .btVerticalMenuTrigger {
display: block;
}
.btMenuVertical .menuScrollPort {
width: 260px;
overflow: hidden;
}
/* iScroll */
.btDarkSkin .iScrollIndicator,
.btLightSkin .btDarkSkin .iScrollIndicator,
.btDarkSkin.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 {
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.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul {
display: block;
}
/* Admin bar fix */
.admin-bar.btStickyHeaderActive .mainHeader,
.admin-bar.btStickyHeaderActive .btVerticalHeaderTop {
top: 32px;
}
.admin-bar.btMenuVertical .mainHeader {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar.btStickyHeaderActive .mainHeader,
.admin-bar.btStickyHeaderActive .btVerticalHeaderTop {
top: 46px;
}
.admin-bar.btMenuVertical .mainHeader {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar.btStickyHeaderActive .mainHeader {
top: 0;
}
.admin-bar.btMenuVertical .btVerticalHeaderTop {
top: 0;
}
}
/* Mega menu */
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown > ul > li.bt_mega_menu_content_inner {
width: 100% !important;
padding: 1em;
}
html:not(.touch) body.btMenuVertical .mainHeader li.btMenuWideDropdown > ul > li.bt_mega_menu_content_inner {
display: none;
}
/* Footer copyright */
.btSiteFooter:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btSiteFooter .copyLine {
margin-bottom: 0;
opacity: .3;
}
.btSiteFooter .btFooterMenu .menu {
margin: 0 -1em;
padding: 0;
list-style: none;
text-transform: uppercase;
width: 100%;
display: inline-block;
}
.btSiteFooter .btFooterMenu .menu li {
display: inline-block;
margin: 0;
padding: 0 1em;
}
.btSiteFooter .btFooterMenu .menu a {
opacity: .3;
font-size: 13px;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.btSiteFooter .btFooterMenu .menu a:hover {
opacity: 1;
color: inherit;
}
.btSiteFooter .btSiteFooterWidgets .widget_nav_menu ul {
display: inline-block;
}
.btSiteFooter .btSiteFooterWidgets .widget_nav_menu ul li {
text-transform: uppercase;
font-weight: 500;
font-size: 1em;
}
/* Widgets */
.btSiteFooterWidgets {
padding-top: 2em;
font-weight: 500;
}
.btSiteFooterWidgets #boldSiteFooterWidgetsRow {
-webkit-justify-content: initial;
justify-content: initial;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox {
background-color: transparent;
margin-bottom: 1em;