html {
overflow-x: hidden;
overflow-y: auto;
}
html, body {
min-height: 100%;
}
body {
line-height:23px;
margin:0;
padding:0 !important;
color: #222 !important;
width: 100%;
height: 100%;
word-break: break-word;
}
audio, canvas, img, video {
vertical-align: middle;
}
blockquote {
border-left: 5px solid #CCC;
font-size: 125%;
font-style: normal;
letter-spacing: -1px;
margin: 0 0 25px 12px;
padding: 0 0 0 25px;
position: relative;
}
p, ul, li, ol li, ul li, cite, blockquote cite,
h1, h2, h3, h4, h5, h6 {
color:#333;
}
button {
border: 0;
}
textarea, input, button, *:focus {
outline:none !important;
}
textarea {
resize: none;
}
textarea {
resize: vertical;
}
select {
border: 1px solid #C6C6C6;
border-radius: 0;
padding: 5px;
outline: none;
background-color: #fff;
font-size: 14px;
}
input[type="radio"] {
display:inline-block;
cursor:pointer;
width:15px;
height:15px;
border:0;
margin: 0;
vertical-align: middle;
position: relative;
top: -2px;
}
input[type="checkbox"] {
display:inline-block;
cursor:pointer;
width:15px;
height:15px;
border:0;
margin: 0;
vertical-align: middle;
position: relative;
top: -2px;
}
iframe,
fieldset {
border: 0;
margin: 0;
padding: 0;
width: -webkit-fill-available !important;
max-width: 100% !important;
}
::selection {
color:#000;
background:#ccc;
text-shadow:none;
}
::-moz-selection {
color:#000;
background:#ccc;
text-shadow:none;
}
.paginator {
float: left;
width: 100%;
}
.hidden {
display: none !important;
}
.sidebar_border {
background-color: transparent;
}
.sidebar_border select {
border: 0;
}
.sidebar_padding .margBottom {
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
}
.title-sidebar {
padding: 4px 10px;
}
.title-sidebar h2 {
margin: 0;
color: #fff;
font-size: 16px;
}
.side-bar-products {
padding: 0 10px;
}
.side-bar-products a {
display: inline-block;
width: 100%;
color: #555 !important;
padding: 5px 0;
}
.range_calculator {
padding: 10px;
background-color: transparent;
}
input.price_searcher {
height: 26px;
border: 1px solid #9A9A9C;
}
#go_search {
font-size: 13px;
margin-right: 1px;
background-color: #fff !important;
border: 1px solid #9A9A9C !important;
font-weight: bold;
color: #777 !important;
width: 88px;
}
.price_filter_go_mobile {
width: 70px;
padding-left: 0;
height: 26px;
}
.price_filter_go_mobile #go_search {
line-height: 13px;
margin-right: 0;
margin-top: -4px !important;
}
form#price_filter {
line-height: 26px;
}
.size_module_container {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.size_module_title {
margin-bottom: 22px !important;
line-height: 1.2em;
letter-spacing: 1px;
}
@media(max-width:767px){
.size_module_title {
padding-left: 15px;
padding-right: 15px;
}
}
.size_breadcrumb_title {
font-size: 22px !important;
line-height: 26px;
font-weight: 500 !important;
letter-spacing: 1px;
margin-bottom: 0px;
width: calc(100% - 35px);
}
.header_breadcrumbs {
padding: 17px 0 15px 0;
z-index: 98;
overflow: hidden;
}
.page_breadcrumbs {
position: relative;
padding: 0;
margin-bottom: 30px;
z-index: 98;
}
.breadcrumb {
margin: 6px 0 0;
padding:0;
background:none;
width: calc(100% - 35px);
}
.page_breadcrumbs .breadcrumb {
margin: 0;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #888;
content: "/\00a0";
}
.breadcrumb_bottom_marg {
margin-bottom: 5px;
}
.size_summary {
font-size: 22px !important;
line-height: 30px;
font-weight: normal !important;
}
ul {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
}
h1 {
margin: 0 0 44px 0;
}
h2 {
margin: 0 0 32px 0;
}
h3 {
margin: 0 0 30px 0;
}
h4 {
margin: 0 0 14px 0;
}
h5 {
margin: 0 0 14px 0;
}
h6 {
margin: 0 0 14px 0;
}
p {
line-height: 1.5em;
margin: 0 0 1rem;
}
.fixed {
position: fixed !important;
}
.btn, .btn:hover {
border: rgba(255,255,255,0) 2px solid;
font-weight: normal;
border-radius: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.btn:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#wrapper {
z-index:98;
position:relative;
overflow:hidden;
}
@media(min-width: 1025px){
#wrapper {
min-height: 740px;
}
}
@media(max-width: 1024px){
#wrapper {
min-height: 700px;
}
}
@media only screen and (min-width: 992px) {
#wrapper {
padding-top:147px !important;
}
}
@media only screen and (max-width: 991px) {
#wrapper {
padding-top:55px !important;
}
header#topNav {
height:66px !important;
}
}
#google-cache-hdr {
z-index: 9999999;
position: relative;
}
.no-dots {
list-style-type: none;
}
.side ul {
padding-left: 0px;
margin: 0;
}
.line_bott {
border-top: 1px solid #DBDBDB;
}
.title-sidebar h4 {
margin-top: 0px;
color: #fff !important;
margin-bottom: 0px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.noMargImpor {
margin: 0px !important;
}
.well {
box-shadow: none;
}
.marg_top_10 {
margin-top: 10px;
}
.top_nav_two {
top: 105px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.footer_main a:hover {
text-decoration: underline;
}
.same_height_pages_title {
line-height: 1.3em;
height: 2.4em;
}
.new_margin_two_colums {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.red_asterisk {
color: red !important;
}
#confirm_payment {
width: 100% !important;
max-width: 300px;
}
.centered {
text-align: center;
text-align: -moz-center;
text-align: -webkit-center;
}
.no-right-pad {
padding-right: 0px;
}
.no-left-pad {
padding-left: 0px;
}
hr:not(.faqhr) {
border-right-style: initial;
border-left-style: initial;
border-right-color: initial;
border-left-color: initial;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-width: 1px 0px;
margin: 150px 0px;
border-top: 1px solid rgb(221, 221, 221);
border-bottom: 1px solid rgb(255, 255, 255);
}
.page-header {
padding-bottom: 9px;
margin: 40px 0px 20px;
border-bottom: 1px solid rgb(238, 238, 238);
}
.noPad {
padding: 0;
}
.noMarg {
margin: 0;
}
.selector select {
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-radius: 0;
box-shadow: none;
width: auto;
max-width: 100%;
}
select.month {
padding: 12px !important;
}
#cartContent .item, .nav-tabs {
border-bottom: 1px solid #ddd;
}
.show-btns a {
margin: 4px;
width: 270px !important;
}
a.btn.btn-danger {
margin-left:10px;
padding: 5px 10px
}
a.btn_update.cart_buttons {
margin-right: 5px;
margin-top: 10px;
}
.btn-check:focus+.btn, .btn:focus {
box-shadow: none;
}
#shop .row .total {
font-size:18px;
}
@media(max-width:500px){
#shop .row .total {
text-align:center;
float:none !important;
margin: 0px auto;
}
}
a#click_for_more {
margin-bottom: 10px;
}
.searchResult {
padding-left: 0;
padding-right: 0;
}
.mapStyle {
width: 100%;
height: 400px;
display: block;
}
.right {
text-align: right;
}
.click_for_more_container {
z-index: 2;
}
@media(max-width:1024px){
.download_button {
width: 140px;
height: 30px;
line-height: .7em;
margin-bottom: 10px !important;
}
}
.mobile_icon_container {
margin-right: 9px;
height: 25px;
width: 25px;
margin-top: 6px;
}
.menu_image_icon {
width: 25px;
height: 25px;
}
.logout_account {
margin-left: 18px;
}
.btn-primary,
.btn-primary:hover {
padding: 4px 18px;
}
.btn.btn-primary.acc-options {
margin: 10px 5px;
}
@media(max-width: 414px){
.btn.btn-primary.acc-options {
margin: 10px 0px;
}
}
.acc-logout {
display: inline-block !important;
margin: 0 10px 10px 0;
width: 100%;
}
.cart_count_mobile {
position: absolute;
margin-top: -1px;
font-size: 8px;
font-weight: bold;
background-color: rgba(0,0,0,0);
width: 20px;
text-align: center;
}
.container_menu_padding {
padding-left: 8px;
padding-right: 8px;
}
header.top_nav_common a.logo {
display:inline-block;
position: absolute;
}
#contactForm{
margin-bottom: 15px;
}
.form-group label p {
display: inline;
}
#mc_embed_signup {
padding: 30px 15px !important;
}
.image_centered {
margin: 0 auto;
}
.table_submit {
color: #333 !important;
}
.table_submit>thead>tr>th {
color: #333 !important;
background-color: #D9D9D9 !important;
}
.table_submit>tbody>tr>td {
color: #333 !important;
}
.table_page {
width: 100% !important;
}
.one_line {
line-height: 1.3em;
overflow: hidden;
text-align: center;
width: 100%;
}
.marg_bot_search {
margin-bottom: 3px;
}
.child_title {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
min-height: 48px;
line-height: 1.2;
margin-bottom: 0;
}
.child_preview {
margin-top: 10px;
}
.child_preview p {
margin: 0;
}
.child_title a {
display: block;
}
.margin_top_children {
margin-top: 14px;
}
.carrouselComputer {
padding: 0;
width: 100%;
}
.carousel-control {
background-image: none !important;
width: 40px !important;
}
.added {
text-align: right;
font-size: 16px;
padding: 15px 15px 15px 0;
margin-bottom: 15px;
}
.align_right {
text-align: right !important;
}
.cart_buttons {
min-width: 155px !important;
}
.marg_callout {
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.slogan_image_fix {
position: absolute;
left: 10px;
top: 10px !important;
width: 60px !important;
height: auto;
background-color: transparent;
pointer-events: none;
z-index: 6;
image-rendering: -webkit-optimize-contrast;
}
.product-item .slogan_image_fix {
left: 10px;
}
.image_sold_fix {
position: absolute;
right: 25px;
top: 10px !important;
width: 60px !important;
height: auto;
background-color: transparent;
pointer-events: none;
z-index: 6;
image-rendering: -webkit-optimize-contrast;
}
.product-item .image_sold_fix {
right: 0px;
}
.lightbox .img-fluid {
margin-bottom: 0;
}
.form_mc {
margin-top: 0px !important;
padding: 1.5rem;
background: #fff !important;
border-radius: 0;
border: 0;
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
}
.form-group .col-12 {
margin-bottom: 15px;
}
.form-control {
border-radius: 0 !important;
font-size: inherit;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control.inline-form {
width: auto !important;
display: inline !important;
}
label {
font-weight: normal;
font-size: inherit;
padding-bottom: 5px;
}
form label span.red {
color: #ff0000;
}
#category_search, #name_search {
margin-right:20px;
display: inline-block;
}
.submitandpay {
margin-top:10px;
}
.row.entry {
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
}
.entry-data, .entry-contact {
background-color: #EDF3D8;
border-radius:6px;
width:46%;
margin:15px 1%;
min-height: 120px;
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.15);
}
.entry-data h2, .entry-contact h2 {
color: #252525 !important;
background-color: #47BAC3;
padding: 6px 15px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-size: 22px;
height: 50px;
line-height: 33px;
font-weight: 400;
margin-bottom:10px;
}
.entry-data h2 a.btn, .entry-contact h2 a.btn {
padding: 7px 16px;
}
.entry-data table {
background-color: transparent !important;
margin-left:10px;
}
.entry-data td {
padding:2px 5px;
}
a.option-btn {
width: 205px;
}
.entry-btns {
margin-bottom:10px;
}
@media (max-width:480px){
.entry-data, .entry-contact {
width:96%;
margin:0 2%;
margin-bottom:20px;
}
a.btn.btn-primary.rev_button {
margin-bottom: 10px;
width:100%
}
}
.filterbtn input {
width: 100%;
}
.news-item,
.event-item {
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
background-color: #fff !important;
padding: 10px;
text-align: center;
}
.news-item.item-box:hover,
.event-item.item-box:hover {
box-shadow: 0px 0px 9px rgba(0,0,0,.25);
}
.news-item a {
color: #222 !important
}
.news_date_container {
margin-bottom: 15px;
}
.news_filter {
border-radius: 0;
box-shadow: 0px 0px 5px rgba(0,0,0,.1) !important;
width: 100%;
background-color: #fff;
padding: 15px 15px 5px 15px;
}
.news_filter .filterbtn input {
height: 38px;
}
/* Cookie Warning Styles */
#cookie-warning {
line-height: 18px;
}
.cookie-learn-more {
padding: 0 !important;
}
#myCookieConsent {
z-index: 999;
min-height: 20px;
width: auto;
font-family: OpenSans, arial, "sans-serif";
padding: 5px 25px;
overflow: hidden;
position: fixed;
left: 15%;
right: 15%;
bottom: 25px;
display: none;
text-align: center;
font-size: 12px;
font-weight: normal;
background-color: rgba(255,255,255,.9);
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
#myCookieConsent div {
padding: 5px 0 0;
color: #000;
}
#myCookieConsent a {
display: inline-block;
padding: 0 10px;
text-decoration: underline;
}
#myCookieConsent #cookieButton {
display: inline-block;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
padding: 4px 20px;
margin: 5px 0;
color: #fff !important;
background-color: #444;
}
.cookie-close {
position: absolute;
right: 10px;
top: 8px;
width: 20px;
height: 20px;
padding: 0 !important;
}
.cookie-close:before {
content: "\2715";
font-weight: 500;
color: #888;
float: right;
}
/* Cookie Warning Styles */
.small_button {
line-height: 1em;
font-size: 14px;
margin-top: 10px;
}
.bottomMarg {
margin-bottom: 15px !important;
}
.isotope-item {
margin-bottom: calc(var(--bs-gutter-x));
text-align: center;
}
.size_module_button_container {
margin-top: 15px !important;
}
.summary_container {
margin-top: 10px;
}
.tab-content {
margin-top: 0;
padding: 15px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
background-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a, .nav-tabs>li>a:focus {
letter-spacing: 1px;
font-size: 13px;
border-radius: 0;
border: 0 !important;
}
@media(max-width: 414px){
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a, .nav-tabs>li>a:focus {
letter-spacing: 0;
font-size: 11px;
}
}
.contact_title {
margin-bottom: 0;
}
.payment_graphic {
margin-top: 10px !important;
margin-bottom: 25px !important;
width: 69%;
}
.payment_graphic_mob {
margin-top: 0;
display: inherit;
width: 150px;
margin: 0 auto;
}
@media(max-width:768px){
.payment_graphic {
width: 80%;
margin-left: 10%;
}
.line-address {
font-size: 12px;
}
}
.background_content_section .marg_top_10 p:last-of-type {
margin-bottom: 0px;
}
.background_content_section .carousel-indicators {
display: none;
}
.background_content_section .size_summary {
text-align: center;
}
.margBottom {
margin-bottom: 1.5rem !important;
}
.margTop {
margin-top: 1.5rem;
}
.btn.btn-small {
padding: 3px 6px !important;
font-size: 12px !important;
}
@media(max-width:600px){
a.btn.deletebtn {
margin-bottom: 5px;
}
}
.mfp-img {
border-radius: 0;
background-color: #fff;
margin: 40px 0 !important;
padding: 0 !important;
}
.mfp-figure {
position: relative;
}
button.mfp-close {
background-color: rgba(255,255,255,.8) !important;
color: #000 !important;
width: 27px !important;
height: 24px !important;
padding: 0;
line-height: unset;
left: unset !important;
right: 0 !important;
top: -24px !important;
transition: all .35s;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-size: 24px;
}
button.mfp-close:hover {
cursor:pointer !important;
cursor: pointer !important;
}
.lightbox figure a:hover {
cursor: -webkit-zoom-in;
}
.mfp-counter {
padding-right: 15px;
}
.mfp-bg {
z-index: 99999 !important;
}
.mfp-wrap {
z-index: 99999 !important;
}
.event-content .font_normal_grey {
display: block;
margin-bottom: 10px;
}
/* FAQ cells */
.faq-content {
display: block;
}
.faq-container {
margin-top: 0;
}
.faq-dropdown {
padding-right: 15px;
}
.faq-cell {
width: 100%;
background-color: #fff;
margin-bottom:25px;
border: 1px solid #ccc;
border-radius: 0;
background-image: linear-gradient(-45deg, rgba(0, 0, 0, .1), transparent, transparent);
}
.faq-arrow .menu_arrow_down {
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.faq-cell:hover {
cursor: pointer;
}
.faq-arrow {
display: inline-block;
width: 36px;
line-height: 37px;
text-align: center;
position: absolute;
}
.faq-question {
font-size: 20px;
margin-left: 48px;
min-height: 35px;
padding: 6px 0 8px;
display: inline-block;
font-weight: 500;
}
.faq-answer {
margin-left: 48px;
margin-top: 10px;
display: none;
padding-right: 15px;
}
.faq-cell span:hover {
cursor: pointer;
}
.faq-cell .faq-answer p {
margin-bottom: 10px;
margin-top: 0;
}
.faq-cell img {
width: auto;
margin-left: 10%;
margin-top: 10px;
margin-bottom: 10px;
height: 100px;
float: right;
}
.faq-title {
display: block;
text-align: center;
font-size: 18px;
position: absolute;
top: 0;
}
.faq-title i {
width: 100%;
font-size: 40px;
margin-bottom: 10px;
}
/* FAQ cells */
#download_button {
font-size: 20px;
font-weight: 700;
}
.background_featured_section,
.background_hompag_section,
.background_brands_section,
.background_testimonials_section,
.background_news_section,
.background_events_section,
.background_partners_section,
.background_projects_section,
.background_content_section,
.background_offers_section,
.background_videos_section,
.background_affiliates_section,
.background_map_section,
.background_fixtures_section {
box-shadow: inset 0px 14px 11px -8px rgba(0,0,0,0.05);
}
@media(max-width:767px){
.background_content_section {
padding-bottom: 60px !important;
}
.background_content_section p {
text-align: center;
}
}
.btn.btn-danger {
background-color: #555 !important;
}
.btn.btn-danger:hover {
background-color: #888 !important;
}
.btn.btn-search {
margin-left:-5px;
margin-top:-2px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 12px;
padding: 8px 12px;
}
input#search {
margin-right:0;
min-width: 170px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: 8px 12px;
}
@media (max-width:767px){
a.btn_update.btn.btn-primary.btn-sm.pull-right.paypal_button.cart_buttons {
margin-top: 30px !important;
margin-bottom: 25px !important;
}
}
.table.list-table.table-striped.centered_v_table th {
vertical-align: middle !important;
}
@media(min-width: 767px){
.background_events_section .single_item .event-item {
max-width: 400px;
margin: 0 auto;
}
}
a.btn.btn-primary.delete-btn {
background-color: #b9332f !important;
border-color: #b9332f !important;
}
a.btn.btn-primary.delete-btn:hover {
background-color: #d9534f !important;
border-color: #d9534f !important;
}
/* Page Content Tables */
.page_content {
width: 100%;
margin-bottom: 15px;
}
.page_content table {
border: 0;
display: block;
word-break: normal;
width: 100%;
user-select: none
}
@media(max-width: 500px){
.page_content table {
border: 0;
background-color: #fff;
filter: drop-shadow(2px 2px 5px rgba(0,0,0,.1));
max-height: 400px;
display: block;
overflow-y: scroll;
word-break: normal;
width: 100%;
user-select: none
}
}
.cashback .page_content table {
max-height: unset;
overflow: hidden;
table-layout: fixed;
display: table;
user-select: auto;
}
.cashback .page_content table h2 {
font-weight: 500;
margin: 0;
}
.page_content_prescroller {
border: 0;
background-color: transparent;
display: block;
overflow-x: scroll;
width: 100%;
}
.page_content_prescroller {
height: 20px;
}
.page_content table tr {
border-bottom: 1px solid #ddd;
}
.page_content table th {
padding: 5px 7px;
}
.page_content table tr td {
border-radius: 0 !important;
padding: 5px 7px !important;
border-right: 1px solid #ddd;
}
.page_content table tr td p {
margin: 0 !important;
}
/* Page Content Tables */
/* Accounts CSS */
.account_shadow {
position: absolute;
top: 0;
right: 0px;
bottom: 0;
left: 12px;
width: calc(100% - 24px);
box-shadow: 2px 2px 8px rgba(0,0,0,.1);
border-radius: 10px;
}
.account_container {
border-radius: 10px;
}
.acc-activity {
position: relative;
}
.acc-billing,
.acc-shipping {
position: relative;
}
.acc-billing,
.acc-shipping {
box-shadow: 2px 2px 8px rgba(0,0,0,.1);
float: left;
}
.acc-billing .account_shadow,
.acc-shipping .account_shadow {
left: 0;
width: 100%;
}
.account_title {
background-color: #555 !important;
color: white;
font-size: 16px;
font-weight: bold;
padding: 10px 12px;
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.profile-options-mobile .account_title {
border-radius: 10px;
}
.acc_name {
position: relative;
margin-left: 3px;
}
.activity_row,
.profile-options-visible {
background-color: #fff;
}
.acc-title h1 {
margin-bottom: 25px;
font-size: 24px;
line-height: 1em;
}
.acc-subtitle {
font-size: 36px;
color: rgba(0, 0, 0, 0.45) !important;
display: block;
margin-top: 15px;
margin-bottom: 40px;
}
.acc-points {
border: none;
height: 50px;
margin-top: -7px;
padding: 0px !important;
font-weight: normal !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.acc-btns {
padding: 0;
margin-bottom: 30px;
}
.acc-btns a,
.acc-btns div {
margin-right: 6px;
}
.profile-options-mobile, .profile-options-menu {
display: none;
}
.billing_row, .shipping_row, .personal_row, .address_row {
float: left;
}
.activity_row {
float: left;
}
.activity_row:last-of-type {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.shipping_row,
.billing_row {
background-color: #fff !important;
}
.shipping_row:last-of-type,
.billing_row:last-of-type {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.shipping_row:nth-child(even),
.billing_row:nth-child(even) {
background-color: #f0f0f0 !important;
}
.billing_row .billing-title, .shipping_row .shipping-title, .personal_row .personal-title, .address_row .address-title {
width: 20%;
font-size: 13px;
padding: 5px 10px;
float: left;
border-right: 1px solid #bbb;
}
.billing_row .billing-text, .shipping_row .shipping-text, .personal_row .personal-text, .address_row .address-text {
width: 80%;
font-size: 14px;
padding: 5px 20px;
float: left;
font-weight: 700;
}
.billing-btns, .shipping-btns {
padding: 20px 0 0 0;
float: left;
}
.billing-btns a, .shipping-btns a,
.billing-btns div, .shipping-btns div {
margin-right: 6px;
margin-bottom: 6px;
}
.activity_row .activity-title {
padding: 10px;
float: left;
border-right: 1px solid #bbb;
font-size: 115%;
}
.activity_row .activity-text {
padding: 10px 20px;
float: left;
position: relative;
font-size: 115%;
}
@media (max-width:991px){
.account_title {
text-align: center;
}
.acc-btns {
display: none;
}
.acc-title h1 {
text-align: center;
}
.acc-points {
width: 90% !important;
margin-top: -10px;
margin-left: 5%;
border-top: 1px solid #ddd;
border-radius: 0;
padding-top: 15px !important;
margin-bottom: 30px !important;
}
.profile-options-mobile {
text-align: center;
font-size: 1.4em;
font-weight: 500;
padding: 0;
color: white;
border-radius: 10px;
cursor: pointer;
box-shadow: 2px 2px 8px rgba(0,0,0,.1);
}
.profile-options-menu {
height: auto;
display: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
}
.profile-options-visible {
display: block;
}
.profile-options-menu a {
display: block;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid #ddd;
}
.profile-options-menu a:last-of-type {
border-bottom: 0;
}
.profile-options-menu a:hover {
background-color: #e7e7e7;
cursor: pointer;
text-decoration: none;
}
}
.account_logout {
width: 120px;
}
.btn.btn-info {
display:inline;
color: #fff !important;
padding: 2px !important;
font-size: 18px !important;
background-color: transparent !important;
border: transparent !important;
}
.btn.btn-info:hover {
background-color: transparent !important;
}
button.btn.btn-default {
color:#fff !important;
text-align:center;
background-color: #AAA !important;
border-color: #AAA !important;
}
button.btn.btn-default:hover {
background-color: #C0C0C0 !important;
border-color: #C0C0C0 !important;
}
.activity-text a.add-spon {
position: absolute;
right: 0;
margin-top: -7px;
max-width: 120px;
margin-right: 10px;
}
@media (max-width:991px){
.activity-text a.add-spon {
position: relative;
display: block;
margin-top: 10px !important;
margin: 0 auto;
}
.billing_row .billing-text, .shipping_row .shipping-text, .personal_row .personal-text, .address_row .address-text {
font-size: 13px;
}
.billing-btns, .shipping-btns {
padding-top: 20px;
}
.billing-btns a, .shipping-btns a,
.billing-btns div, .shipping-btns div {
margin-right: 2px;
margin-bottom: 6px;
padding: 6px 10px !important;
}
.activity_row .activity-title {
width: 100%;
text-align: center;
border-right: none;
font-weight: 700;
padding: 5px 10px;
}
.activity-text {
width: 100%;
text-align: center;
border-bottom: 1px solid #ddd;
}
.activity_row:last-of-type .activity-text {
border-bottom: 0;
}
.billing_row .billing-title, .shipping_row .shipping-title, .personal_row .personal-title, .address_row .address-title {
width: 30%;
}
.billing_row .billing-text, .shipping_row .shipping-text, .personal_row .personal-text, .address_row .address-text {
width: 70%;
}
}
/* Account Profile */
/* END Accounts CSS */
.body {
color: #111 !important;
}
.date_container {
padding: 0 25px;
height: 56px;
float: right !important;
display: table;
font-size: 34px;
}
/* Captcha Transform fix for mobile */
.g-recaptcha iframe {
height: 88px !important;
}
@media (max-width:1024px){
.g-recaptcha {
transform:scale(0.93) !important;
-webkit-transform:scale(0.93) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:800px){
.g-recaptcha {
transform:scale(0.75) !important;
-webkit-transform:scale(0.75) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:768px){
.g-recaptcha {
transform:scale(0.71) !important;
-webkit-transform:scale(0.71) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:640px){
.g-recaptcha {
transform:scale(1) !important;
-webkit-transform:scale(1) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:384px){
.g-recaptcha {
transform:scale(1) !important;
-webkit-transform:scale(1) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:375px){
.g-recaptcha {
transform:scale(1) !important;
-webkit-transform:scale(1) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:360px){
.g-recaptcha {
transform:scale(0.98) !important;
-webkit-transform:scale(0.98) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
@media (max-width:320px){
.g-recaptcha {
transform:scale(0.86) !important;
-webkit-transform: scale(0.86) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}
}
/* Captcha Transform fix for mobile */
/* item boxes and their content */
/* Staff List and Details */
.staff_item {
margin-bottom: 30px;
}
.staff-box figure {
overflow: hidden;
}
.staff-box .item-hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.item-box-desc.padding_two_colums.staff-desc {
text-align: left !important;
padding: 8px 10px 0 10px !important;
min-height:155px;
}
@media all and (max-width: 767px){
.item-box-desc.padding_two_colums.staff-desc {
min-height:125px;
padding-right: 0 !important;
}
}
.staff-image {
padding: 0;
}
.contact_icon_staff {
width: 20px;
height: 20px;
display: inline;
position: relative;
top: -4px;
}
.staff_item_desc .child_title {
min-height: unset;
}
.staff_role {
padding: 5px 10px 5px 10px !important;
font-size: 16px !important;
font-weight: 700;
}
.staff_phone, .staff_mobile, .staff_email {
font-size: 14px !important;
padding: 3px 10px !important;
display: block !important;
}
.staff_link a {
position: relative !important;
}
@media(max-width: 767px){
.staff_role {
display: block !important;
}
}
.staff_details {
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
background-color: #fff;
padding: 15px;
}
.staff_details_name {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 15px;
}
/* End of Staff List and Details */
.background_projects_section .item-box-desc {
background-color: transparent;
}
.background_content_section .owl-wrapper-outer {
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.img-fluid {
transition-property: transform !important;
transition: all .35s ease-in-out !important;
opacity: 1 !important;
pointer-events: none;
overflow: hidden;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}
figure .img-fluid {
position: absolute;
top: 0;
left: 0;
}
.search_img {
transition-property: transform !important;
transition: all .35s ease-in-out !important;
opacity: 1 !important;
pointer-events: none;
overflow: hidden;
}
.item-box:hover img:not(.slogan_image_fix):not(.image_sold_fix):not(.platform_logo) {
transform: translatey(0px) scale(1.05, 1.05);
-webkit-transform: translatey(0px) scale(1.05, 1.05);
image-rendering: crisp-edges;
-webkit-backface-visibility: hidden;
}
.news-item.item-box:hover img {
transform: translatey(0px) scale(1.05, 1.05);
-webkit-transform: translatey(0px) scale(1.05, 1.05);
image-rendering: crisp-edges;
-webkit-backface-visibility: hidden;
}
.new_margin_two_colums.partners:hover img,
.new_margin_two_colums.brands:hover img {
transform: none !important;
-webkit-transform: none !important;
}
.project-item:hover img {
transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
image-rendering: crisp-edges;
-webkit-backface-visibility: hidden;
}
.owl-theme .owl-controls .owl-buttons div {
position: absolute;
transform: translateY(-50%);
top: 50%;
z-index: 100;
background-color: rgba(255,255,255,.8) !important;
opacity: 1;
border: 0 !important;
box-shadow: 0 0 8px rgb(0 0 0 / 10%);
padding: 3px 7px;
}
.owl-theme .owl-controls {
margin-top: 0 !important;
}
.owl-prev {
left: 0px !important;
margin: 0 !important;
}
.owl-next {
right: 0px !important;
margin: 0 !important;
}
.owl-prev-char, .owl-next-char {
font-weight: bold;
color: #000;
text-shadow: 1px 0 #888888;
}
.owl-prev, .owl-next {
border:1px solid #bbb !important;
border-radius: 0 !important;
color: #888 !important;
background-color: transparent !important;
}
.slider_carousel_buttons {
position: absolute;
left: 0;
right: 0;
height: 35px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
opacity: 1;
}
.slider_carousel_buttons .owl-next-char,
.slider_carousel_buttons .owl-prev-char{
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #fff;
position: relative;
top: 0px;
font-family: 'Open Sans',sans-serif;
}
.background_news_section .owl-prev,
.background_news_section .owl-next {
top: 55%;
}
.background_projects_section .owl-prev,
.background_projects_section .owl-next {
top: 60%;
}
@media(max-width:480px){
.background_news_section .owl-prev,
.background_news_section .owl-next,
.background_projects_section .owl-prev,
.background_projects_section .owl-next {
top: 65%;
}
}
.background_projects_section .owl-item .isotope-item {
margin-bottom: 0;
padding: 7px 15px;
}
.owl-item .isotope-item .item-box {
background-color: transparent;
}
.owl-carousel {
touch-action: manipulation;
}
.owl-carousel .owl-wrapper-outer {
background-color: transparent;
border-radius: 0;
overflow: hidden;
}
.owl-carousel.five_by_three .owl-wrapper-outer,
.owl-carousel.four_by_three .owl-wrapper-outer,
.owl-carousel.dotser_projects_ratio .owl-wrapper-outer{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.item-box-desc {
background-color: transparent;
}
.background_news_section .owl-wrapper,
.background_featured_section .owl-wrapper {
display: flex !important;
}
.background_news_section .owl-item,
.background_featured_section .owl-item {
display: flex !important;
}
.background_news_section .owl-item,
.background_events_section .owl-item,
.background_videos_section .owl-item,
.background_music_section .owl-item{
padding: 0 15px;
}
.background_news_section .item-box-desc.centered {
background-color: transparent !important;
width: 100% !important;
display: table;
}
.partner_image,
.partner_image:hover,
.brand_image,
.brand_image:hover {
max-width: 300px;
width: 100%;
height: auto;
transform: translate(-50%, -50%) !important;
top: 50% !important;
left: 50% !important;
}
.item-box-desc div ul {
margin-bottom: 0px;
}
.item-box-desc div ul li {
text-align: left;
}
.item-box.fullwidth {
max-width:100%;
}
.item-box figure {
width:100%;
display:block;
margin-bottom:0;
overflow:hidden;
position:relative;
text-align:center;
}
.item-box-desc {
padding:10px 10px;
overflow:hidden;
display: table;
width: 100% !important;
position: relative;
}
.item-box-desc a.child_link,
.item-box-desc a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.item-box-desc h4 {
padding:0; margin:0;
}
.item-box .item-box-desc small {
display:block;
}
.item-box,
.testimonial_container {
box-shadow: 0 0 9px rgba(0,0,0,.15);
padding: 10px;
background-color: #fff !important;
width: 100%;
position: relative;
}
.item-box:hover,
.testimonial_container:hover {
box-shadow: 0 0 9px rgba(0,0,0,.25);
padding: 10px;
background-color: #fff !important;
}
.item-box .item-hover,
figure .item-hover {
position: absolute;
left: 0;
right:0;
top: 0;
bottom: 0;
z-index: 1;
}
.child-item.item-box {
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
background-color: #fff;
width: 100%;
height: 100%;
padding: 0;
}
.child-item.item-box:hover {
box-shadow: 0px 0px 9px rgba(0,0,0,.25);
}
.five_by_three {
height: 0;
width: 100%;
padding-top: 60%;
position: relative;
}
.four_by_three {
height: 0;
padding-top: 75%;
position: relative;
}
.dotser_projects_ratio {
height: 0;
width: 100%;
padding-top: 52.333333333333%;
position: relative;
}
.testimonials_ratio {
height: 0;
width: 100% !important;
padding-top: 33.3% !important;
position: relative;
}
.child-item.item-box figure img,
.product-item figure img:not(.image_sold_fix):not(.slogan_image_fix),
.news-item figure img,
.event-item figure img {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}
.product-item {
position: relative;
}
.product_link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
a.item-hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.child-item.slide_up_title figure {
transform: scale(1.01);
}
@media(min-width: 768px){
.child-item.slide_up_title {
position: relative;
overflow: hidden;
}
.child-item.slide_up_title .item-box-desc {
position: absolute;
transform: translateY(100%);
bottom: 0;
transition: ease-out .25s;
background-color: rgba(255,255,255,.7);
}
.child-item.slide_up_title:hover .item-box-desc {
transform: translateY(0);
bottom: 0;
transition: ease-in .25s;
}
}
/* Curved item effect */
.figure_curve_after {
position: relative;
}
.figure_curve_after figure:after {
content: '';
position: absolute;
background-color: #fff;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
width: 108%;
left: -4%;
height: 50px;
bottom: -32px;
}
.figure_curve_after .item-box-desc {
margin-top: -15px;
}
/* End Curved item effect */
.child-row-container {
overflow: hidden;
}
.child-row-item {
display: flex;
align-items: center;
overflow: hidden;
}
.child-row-gallery {
margin-top: -1px;
margin-bottom: -1px;
}
.child-row-text {
display: flex;
align-items: center;
padding: 20px 0;
height: 100%;
position: relative;
}
@media(max-width: 991px){
.child-row-item,
.child-row-gallery,
.child-row-text {
height: auto;
display: block;
}
.child-row-text {
padding-bottom: 35px;
}
}
.child-row-item .child_title {
min-height: unset;
}
.child-row-item .item-box-desc {
padding: 10px 30px;
}
.child-row-item .child_preview {
margin-top: 30px;
}
.child-row-container:nth-child(odd) {
background-color: #eee;
}
.child-row-container:nth-child(even) .child-row-item {
flex-direction: row-reverse;
}
.child_row_link {
float: right;
font-style: italic;
transition: all .25s ease-out !important;
position: absolute;
right: 15px;
bottom: 10px;
}
/* item boxes and their content */
.background_featured_section figure img,
.background_news_section figure img {
background-color: transparent !important;
}
.thumb_row_space figure {
margin-bottom: 15px;
background-color: #fff;
}
.alert {
margin-bottom: 0;
padding: 10px;
border-radius: 0;
background-color: #efefef;
border: 0;
position: relative;
box-shadow: 2px 2px 6px rgba(0,0,0,.1);
text-align: center;
color: #222;
}
.alert.alert-error {
background-color: #f9e1e1;
}
/* SHARE ICONS/CONTAINER */
.share_box {
right: 0;
top: 156px;
position: fixed;
z-index: 100;
padding: 4px 4px 0 4px;
width: 40px;
height: 50px;
background-color: #fff;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
}
.share_box:hover {
cursor: pointer;
}
@media(max-width: 991px){
.share_box {
top: 113px;
height: 36px;
}
.share_text {
display: none;
}
}
.cart_view .share_box {
display: none;
}
.share_text {
width: 100%;
margin-top: 0;
font-size: 10px;
margin-top: 5px;
line-height: 13px;
text-align: center;
font-weight: 500;
font-style: italic;
color: #222;
pointer-events: none;
font-family: 'Open Sans', sans-serif;
}
.share_icon {
display: block;
width: 25px;
height: 25px;
margin: 0 auto;
color: #555;
}
.share_items {
position: absolute;
border: 0 !important;
border-radius: 0 !important;
top: 0px;
right: 44px;
width: 175px;
}
.jssocials-share-logo {
width: 24px !important;
height: 24px;
vertical-align: middle !important;
}
.jssocials-share {
display: inline-block;
padding: 0 !important;
vertical-align: top;
margin-left: 5px;
width: 30px;
height: 30px;
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
}
.jssocials-share.jssocials-share-email {
text-align: center;
}
@media(max-width: 767px){
.share_items {
top: 42px;
right: 8px;
width: 30px;
}
.jssocials-share {
margin-left: 0px;
margin-bottom: 5px;
}
}
.jssocials-share-link {
padding: 4px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
display: inline-block !important;
color: #555 !important;
line-height: 1;
border-radius: 2px;
background-color: #ffffff !important;
}
.jssocials-share-link:hover {
background-color: #aaa !important;
}
.jssocials-share-email .jssocials-share-logo {
padding-top: 1px;
color: #555;
font-size: 20px;
font-weight: 500;
}
@media(min-width:768px){
.jssocials-share-whatsapp {
display: none !important;
}
}
.facebook_share_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/facebook_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.twitter_share_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/twitter_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
margin: 0;
}
.linkedin_share_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/linkedin_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.whatsapp_share_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/whatsapp_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.pinterest_share_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/pinterest_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.social_mail_icon {
font-style: normal;
width: 22px !important;
height: 22px !important;
background-image: url(/public/images/email_share_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.staff_view .share_box,
.staff_details_view .share_box,
.contact_view .share_box,
.open_payments .share_box {
display: none;
}
/* SHARE ICONS/CONTAINER */
/* Events */
.event_icon {
width: 15px;
height: 15px;
display: inline;
position: relative;
top: 1px;
}
.date_icon {
width: 15px;
height: 15px;
display: inline;
position: relative;
top: 1px;
}
.event-summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.event_title {
overflow: visible;
margin-bottom: 10px !important;
text-align: center;
display: table;
width: 100%;
font-weight: normal;
}
/* Events */
/* Contact Page */
.contact_view .form_checkbox {
position: relative;
}
.contact_view .form_checkbox span {
font-size: 12px;
line-height: 18px;
padding-top: 3px;
position: absolute;
margin-left: 10px;
}
.contact_view .form_checkbox span .red {
margin-left: 0;
padding: 0;
}
.contact-details {
padding: 0;
color: #888;
}
#contact .form_mc .form-group .col-md-12:first-child {
margin-top: 0px !important;
}
#contact .form_mc .form-group .col-md-12 {
margin-top: 15px !important;
}
.contact_icon {
width: 25px;
height: 25px;
display: inline;
position: relative;
top: 7px;
margin-top: -15px;
}
.map_content, .mapContactMapLocations {
clear: both;
width: 100% !important;
height: 380px !important;
}
.contact .form-group .col-md-12 {
font-size: 13px;
}
.map_content {
padding: 0;
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.07);
}
@media(max-width:767px){
.padMap {
padding: 0 calc(var(--bs-gutter-x) * .5);
}
}
.contact_element {
left: 40px;
top: -20px;
line-height: 22px;
position: relative;
display: block;
width: calc(100% - 45px);
}
.contact_item {
margin-bottom: 60px;
}
.contact_form .form_buttons {
text-align: right;
}
.contact_form .form_buttons .col-12 {
margin-bottom: 0 !important;
}
.contact_form {
position: relative;
overflow: hidden;
}
.contact_form .grecaptcha-badge {
z-index: 9;
}
/* End Contact Page */
.filter {
margin-bottom: 20px;
}
.filter select {
border-radius: 0;
}
.page_gallery .owl-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
padding: 5px 15px;
}
.page_gallery .owl-caption .page_gallery_title {
color: #fff;
display: block
}
.owl-caption {
padding:10px;
position:absolute !important;
left:0;
bottom:0;
right:0;
margin-top:0;
max-width:100%;
background:rgba(0,0,0,0.3);
display:block; color:#fff;
pointer-events: none;
}
.owl-caption .page_gallery_title {
display: block;
}
.vertical_gallery {
position: relative;
}
.vertical_gallery img {
margin-bottom: 0 !important;
}
.gallery_expand {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page_gallery .gallery_expand:hover,
.list-gallery .gallery_expand:hover {
cursor: pointer;
}
.page_gallery .img-fluid {
width: 100%;
}
.page_gallery .owl-item a,
.list-gallery .owl-item a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.list-summary {
padding: 0;
}
.no_pad_left {
padding-left: 0;
}
.no_pad_right {
padding-right: 0;
}
.title_mar {
margin-bottom: 20px;
}
.side_gallery .centered {
margin-bottom: 20px;
}
/* Fading Carousel Top Gallery Homepage & Captions */
.carrouselComputer {
padding: 0;
width: 100%;
}
.carousel.carousel-fade .item {
display: block;
opacity: 0;
transition: opacity ease-out 1.4s;
height: 0;
}
.carousel.carousel-fade .item.active {
opacity: 1 !important;
height: auto;
}
.carousel-control {
z-index: 10;
}
.down_icon {
width: 110px;
height: 29px;
filter: drop-shadow(0 0 4px rgba(0,0,0,.7));
transition-property: transform !important;
transition: all .20s ease-out !important;
image-rendering: crisp-edges;
-webkit-backface-visibility: hidden;
}
.down_icon:hover {
padding-top: 4px;
color: #fff;
}
#down_link {
position: absolute;
z-index: 100;
width: 66px;
margin-left: calc(50% - 55px);
bottom: 60px;
}
#down_link:hover {
color:#fff;
padding-top: 10px;
}
#Featured {
position: absolute;
top: -141px;
}
.carousel-control-prev {
height: 26px;
width: 22px !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: rgba(0,0,0,.4);
transform: translateY(-50%);
top: 50%;
opacity: .9 !important;
}
.carousel-control-next {
height: 26px;
width: 22px !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgba(0,0,0,.4);
transform: translateY(-50%);
top: 50%;
opacity: .9 !important;
}
.carousel-indicators {
height: 14px;
margin-bottom: 0;
bottom: 25px;
}
@media(max-width: 767px){
.page_top_gallery .carousel-indicators,
.page_title_gallery .carousel-indicators,
.page_bottom_gallery .carousel-indicators {
display: none;
}
}
.carousel-indicators .carousel_indicator {
border: 0;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
margin-bottom: 0;
width: 7px;
height: 7px;
transition: all .3s ease-in-out !important;
box-shadow: 0px 0px 6px rgba(0,0,0,15) !important;
}
.carousel-indicators .carousel_indicator:hover {
background-color: #fff;
}
.carousel-indicators .carousel_indicator.active {
background-color: #fff;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
margin-bottom: 0;
width: 7px;
height: 7px;
}
.carousel-caption {
border-radius: 0;
text-align: center;
left: 0;
right: 0;
bottom: 0;
top: 13vw;
border: none;
padding: 0;
overflow: visible;
position: absolute;
background-color: transparent !important;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.topGalleryCaptionClass, .bottomGalleryCaptionClass {
letter-spacing: 2px;
font-weight: 600;
font-size: 6vw;
line-height: 110%;
margin-bottom: 10px;
filter: drop-shadow(0 0 4px rgba(0,0,0,1))drop-shadow(0 0 4px rgba(0,0,0,.5));
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-shadow: none;
position: relative;
}
.topGalleryDescriptionClass, .bottomGalleryDescriptionClass {
font-size: 3vw;
line-height: 125%;
top: unset;
position: relative;
bottom: 0;
margin-bottom: 0;
font-weight: 600;
letter-spacing: 1px;
filter: drop-shadow(0 0 4px rgba(0,0,0,1))drop-shadow(0 0 4px rgba(0,0,0,.5));
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-shadow: none;
}
@media(max-width:767px){
.carousel-caption {
top: 44%;
padding-left: 30px;
padding-right: 30px;
}
.topGalleryCaptionClass, .bottomGalleryCaptionClass {
font-size: 10vw;
}
.topGalleryDescriptionClass, .bottomGalleryDescriptionClass {
font-size: 6.5vw;
}
}
.carousel_button {
position: absolute;
bottom: 65px;
left: 50%;
transform: translate(-50%);
z-index: 10;
}
@media(max-width:767px){
.carousel_button {
display: none;
}
#topgallery_mobile .carousel-caption,
#topgallery .carousel-caption,
#titlegallery .carousel-caption,
#titlegallery_mobile .carousel-caption {
bottom: 30px;
}
}
#titleGallery img {
width: 100%;
height: auto;
}
/* Fading Carousel Top Gallery Homepage & Captions */
/* Top/Title/Bottom Gallery ratios etc. */
#topgallery,
#titleGallery,
#bottomGallery {
background-color: #fff;
}
.slider_gallery_link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.page_top_gallery .item img, .page_title_gallery .item img, .page_bottom_gallery .item img {
width: 100%;
}
.page_top_gallery {
aspect-ratio: 2000 / 900;
overflow: hidden;
}
.page_title_gallery, .page_bottom_gallery {
aspect-ratio: 2000 / 400;
overflow: hidden;
}
@media(max-width: 767px){
.page_top_gallery {
aspect-ratio: 414 / 713;
}
.page_title_gallery, .page_bottom_gallery {
aspect-ratio: 2000 / 400;
overflow: hidden;
}
}
@media(min-width: 768px){
.gallery_hidden_desktop {
display: none;
}
}
/* Top/Title/Bottom Gallery ratios etc. */
/* Homepage Testimonials */
.background_testimonials_section {
padding: 30px 0 20px 0;
}
.background_testimonials_section .owl-wrapper,
.background_testimonials_section .owl-item {
display: flex !important;
align-items: center;
margin-bottom: 5px;
padding-top: 10px;
}
.background_testimonials_section .owl-item {
padding: 0 10px;
}
.background_testimonials_section p {
margin-bottom: 0;
}
.testimonial_container {
background-color: #fff;
border-radius: 0;
border: 0;
margin-bottom: 8px;
text-align: center;
}
.testimonial_container p:last-child {
margin-bottom: 3px;
}
.testimonials_link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.well.white-row {
background-color: #fff;
border: 0;
border-radius: 0;
box-shadow: 2px 2px 11px rgba(0,0,0,0.1);
margin-bottom: 30px;
padding: 15px;
text-align: center;
}
.testimonial_img_home {
margin-bottom: 15px;
}
.testimonial_img_home img {
max-height: 100%;
width: auto !important;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@media(max-width: 1199px){
.testimonial_title, .testimonial_title b {
font-size: 20px !important;
line-height: 26px !important;
margin-bottom: 10px !important;
}
.testimonial_container .testimonial_img_home {
width: 100%;
margin-bottom: 15px;
}
.testimonial_container p,
.testimonial_container p {
font-size: 14px;
line-height: 24px;
}
}
@media(max-width:640px){
.testimonial_container {
margin-top: 0;
}
}
@media(max-width:414px){
.testimonial_container {
margin-top: 0;
}
}
.testimonial_container b, .well.white-row b {
margin-bottom: 15px;
font-size: 22px;
line-height: 26px;
}
.testimonial_container p {
color: #888;
font-size: 16px;
line-height: 28px;
font-style: italic;
}
@media (max-width: 991px) {
.testimonial_container {
margin-bottom: 20px;
}
}
.testimonial_title {
margin-bottom: 18px;
font-size: 22px;
color: #555;
}
@media(max-width:768px){
.background_testimonials_section p {
width: 100%;
margin-left: 0 !important;
}
.testimonial_title {
width: 100%;
margin-left: 0 !important;
}
}
/* Homepage Testimonials */
/* Slide-in Animations */
.background_featured_section,
.background_hompag_section,
.background_brands_section,
.background_testimonials_section,
.background_news_section,
.background_partners_section,
.background_content_section,
.background_fixtures_section {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
vertical-align: top;
}
.hidden_container,
.hidden_container_onload,
.hidden_container_special,
.hidden_container_first,
.hidden_container_second {
opacity: 0;
}
.animate-left {
transform: translateX(-50%);
animation: animate-left 1s ease forwards;
}
@keyframes animate-left {
to { transform: translateX(0); }
}
.animate-right {
transform: translateX(50%);
animation: animate-right 1s ease forwards;
}
@keyframes animate-right {
to { transform: translateX(0); }
}
.animate-up {
transform: translateY(150px);
animation: animate-up 1s ease forwards;
}
@keyframes animate-up {
to { transform: translateY(0); }
}
.animate-up-one {
display: block;
transform: translateY(150px);
animation: animate-up-one 1.25s ease forwards;
animation-delay: .5s;
opacity: 0;
}
@keyframes animate-up-one {
from {
transform: translateY(150px); opacity: 0;
}
to {
transform: translateY(0px); opacity: 1;
}
}
.animate-up-two {
display: block;
transform: translateY(150px);
animation: animate-up-two 1.25s ease forwards;
animation-delay: 1.5s;
opacity: 0;
}
@keyframes animate-up-two {
from {
transform: translateY(150px); opacity: 0;
}
to {
transform: translateY(0px); opacity: 1;
}
}
.fade-in-link {
display: block;
animation: fade-in-link 1.25s ease forwards;
animation-delay: 2.5s;
opacity: 0;
}
@keyframes fade-in-link {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Slide-in Animations */
/* Success layout */
.success_layout .info {
font-size: 20px;
}
.success_layout .order_success_table {
background: transparent !important;
padding: 0;
border-radius: 0;
}
.success_layout .table-responsive .table-striped tbody tr td {
box-shadow: none;
}
.success_layout .table-responsive {
overflow: visible;
}
.success_layout table {
background-color: #fff !important;
border-radius: 10px;
overflow: visible;
box-shadow: 2px 2px 8px rgba(0,0,0,.1);
}
.success_layout .table>tbody>tr>th {
border-top: none;
font-size: 115%;
background-color: #555 !important;
color: #fff;
}
.success_layout th:first-of-type {
border-top-left-radius: 6px;
}
.success_layout th:last-of-type {
border-top-right-radius: 6px;
}
.success_layout .table-responsive:last-of-type td {
min-width: 120px;
}
.success_layout .price {
font-size: unset;
width: 100%;
}
.success_layout .box.total {
float: right;
display: inline-block;
padding-right: 10px !important;
font-size: 20px;
}
.success_layout .box.total {
margin-bottom: 20px;
background-color: transparent !important;
box-shadow: none;
}
.success_layout .box.total tbody tr {
display: block;
padding: 10px 0;
}
.success_layout .box.total tbody tr td,
.success_layout .box.total tbody tr {
background-color: transparent !important;
}
.success_layout .box.total tbody tr td:first-of-type {
width: 120px;
}
.success_layout .btn {
width: 120px;
}
/* End Success layout */
/* Checkout Express styles */
#internal_checkout {
box-shadow: 0 0 8px rgba(0, 0, 0, .1) !important;
}
#internal_checkout h4 {
font-weight: 500;
font-size: 150%;
}
@media(max-width:767px){
#internal_checkout {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
#internal_checkout .form-group {
margin-bottom: 0;
}
#internal_checkout .form-group .col-md-12,
#internal_checkout .form-group .col-12.col-md-6 {
margin-bottom: 15px;
}
#internal_checkout h4:last-of-type {
text-align: right !important;
}
#internal_checkout .g-recaptcha {
margin-left: 0;
margin-top: 30px
}
.checkout .form-group:nth-last-child(2){
text-align: right;
}
#internal_checkout .form-group:nth-last-of-type(2) .col-12.col-md-12 {
text-align: right;
}
#internal_checkout h4:last-of-type {
display: none;
}
#internal_checkout .form_notice .col-12 {
padding: 0;
text-align: right;
}
#internal_checkout .form_checkbox {
text-align: right;
}
.form_notice #total {
font-weight: 500;
}
/* Checkout Express styles */
.jconfirm-buttons .btn {
margin-top: 10px;
margin-right: 20px;
}
.event_icon {
width: 18px;
height: 18px;
display: inline;
position: relative;
top: -2px;
margin-right: 5px;
}
.background_hompag_section .item-box-desc p {
margin-bottom: 15px;
}
.call_mobile {
float: right;
margin-right: 15px;
margin-top: 1px;
}
/* Page Form Styles */
.page_form label {
color: #777;
font-weight: 500;
padding-left: 12px;
text-transform: uppercase;
}
.page_form .form-control {
border: none;
border-radius: 6px;
background-color: #F2F2F2;
}
.page_form .form-group {
margin-bottom: 15px;
}
.page_form .form-group .col-md-12 {
margin-bottom: 0;
padding: 0 15px;
}
.page_form .btn.btn-primary {
font-size: 17px;
width: 170px !important;
box-shadow: 2px 2px 8px rgba(0,0,0,.3);
transition: all.3s;
margin-left: calc(50% - 85px) !important;
float: left !important;
}
.page_form h4 {
line-height: 32px !important;
font-size: 32px;
font-weight: 300 !important;
text-align: center;
letter-spacing: 1px;
margin-bottom: 15px;
}
/* Page Form Styles */
/* FOOTER */
.footer-bar.get_in_touch {
width: 30px;
position: fixed;
bottom: 30px;
right: 0;
z-index: 10000;
border-top: 0 !important;
background-color: rgba(0,0,0,.25) !important;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
font-family: 'Open Sans', sans-serif;
}
footer .footer-bar .toTop {
font-size: 10px;
font-weight: bold;
line-height: 11px;
padding: 7px 0 2px;
text-align: center;
display: block;
text-decoration: none;
color: #fff !important;
text-shadow: 0 0 4px rgb(0 0 0);
}
.footer-content {
padding: 20px 0 20px 0;
clear: both;
}
.footer-content .container {
z-index: 1;
}
.footer_main {
display: flex;
margin-bottom: 10px;
}
.site_map {
text-align: left;
line-height: 44px;
}
.address_content {
padding-top: 8px
}
.footer_icon {
width: 26px;
height: 26px !important;
position: relative;
}
.line_addres {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
line-height: 20px;
margin-bottom: 15px !important;
}
.line_addres a{
width: calc(100% - 40px);
}
.footer_secure_payments img {
max-width: 190px;
}
@media(max-width:767px){
.line_addres {
display: block;
margin-bottom: 10px !important;
}
.line_addres svg {
margin-right: 5px;
width: 25px;
height: 25px;
}
.footer_icon {
top: -4px;
}
}
.small-print {
font-size: 14px;
line-height: 1.2em;
margin-top: 15px;
}
.copyright {
font-size: 14px;
line-height: 1.2em;
margin-top: 21px;
}
.business_by {
font-size: 14px;
line-height: 1.2em;
margin-top: 15px;
text-align: right;
}
.footer-bottom .copyright {
font-size: 14px;
line-height: 1.2em;
margin-top: 8px;
}
.footer-bottom .small-print {
font-size: 14px;
line-height: 1.2em;
margin-top: 2px;
}
@media(max-width: 767px){
.footer_main {
display: block;
}
.address_content {
margin-bottom: 25px;
text-align: center;
}
.site_map {
text-align: center;
line-height: 1.5em;
top: 0;
margin-bottom: 30px;
}
}
@media(min-width: 768px){
.footer_container{
border-right: 1px solid #aaa;
padding-left: 15px;
padding-right: 10px;
}
.footer_container:first-child {
padding-left: 0;
}
.footer_container:nth-child(3) {
border-right: 0;
}
}
.footer_bg_container {
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
footer ul,
footer ul li {
list-style:none;
margin:0;
padding:0;
}
.footer_menu_items {
margin-bottom: 15px;
}
.footer_menu {
line-height: 22px;
padding-top: 12px;
font-size: 14px;
}
.footer_menu:first-of-type {
padding-top: 10px;
}
.footer_menu_item:hover {
text-decoration: underline;
}
.social_media_icons img {
margin: 0 auto;
}
.socialmedia_container .socialmedia_title {
font-size: 26px !important;
margin-top: 8px;
margin-bottom: 14px;
}
.socialmedia_container {
border-right: 1px solid #aaa;
padding-right: 15px;
padding-left: 15px;
}
@media(max-width:767px){
.socialmedia_container {
border-right: none;
padding-right: 0;
padding-left: 0;
text-align: center;
}
.footer_menu_items {
margin-bottom: 30px;
}
}
@media(max-width: 767px){
.social_media_icons {
margin-top: 15px;
}
.right.socialmedia_title .socialMedia {
margin-left:0 !important;
margin-right:22px !important;
}
.right.socialmedia_title {
text-align: center;
top: -8px;
}
}
.right {
text-align: right;
}
footer .socialmedia_title {
font-size: 26px !important;
margin-bottom: 10px;
}
.social_icon_container {
width: 100%;
}
.social_icon_container a {
display: inline-block;
width: 35px;
height: 35px;
margin: 5px;
}
.social_media_icon {
width: 32px;
height: 32px;
filter: drop-shadow(0 0 4px rgba(0,0,0,.2));
border-radius: 4px;
}
.social_media_icon,
.social_icon {
opacity: 1 !important;
}
.footer_logo_container {
float: right;
height: 125px;
}
.footer_company_logo {
float: right;
margin-top: 0;
max-height: 120px;
max-width: 90%;
}
@media(max-width: 767px){
.footer_logo_container {
height: auto;
padding-left: 0;
margin-bottom: 30px;
}
.footer_company_logo {
float: none;
margin: 0 auto;
display: block;
width: 70%;
max-height: unset;
}
}
@media(max-width:500px) {
.address_content address {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
}
.footer_logo {
position: relative;
top: -3px;
width: 57px;
height: 18px;
margin-left: 3px;
filter: drop-shadow(0 0 3px rgba(0,0,0,1));
-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,1));
display: inline-block;
}
.footer_logo img {
width: 57px;
height: 18px;
}
.footer_text {
margin-top: 4px;
font-size: 14px;
display: inline-block;
}
.edit_text {
display: inline-block;
padding-right: 6px;
padding-top: 4px;
text-align: right;
}
.toTop .menu_arrow_up {
margin-left: 0;
font-size: 18px;
position: relative;
right: 2px;
top: 1px;
width: 100%;
font-weight: bold;
color: #fff !important;
}
@media(max-width:767px){
.edit_text {
display: inline-block;
padding-right: 0;
padding-top: 4px;
float: none;
width: 100%;
text-align: center;
}
}
footer .footer-content h3 {
color:#333 !important;
font-weight:200;
font-size:16px;
margin-bottom: 5px;
}
@media(max-width:767px){
footer .copyright,
footer .business_by {
text-align: center;
display:block;
font-size: 11px;
line-height: 15px;
}
.contact_details {
margin-top: 30px;
}
.margTopFooter_desktop .pull-right {
text-align:left !important;
float: left !important;
}
.small-print.business_by {
float: none !important;
clear: both;
margin: 0 auto !important;
text-align: center;
}
}
.footer_menu_text {
display: block;
line-height: 36px;
}
/* ADDRESS CONTENT FOR MULTIPLE ADDRESSES */
.address_content address {
margin-bottom: 0;
}
.location_divider {
border-bottom: 1px solid #aaa;
margin-bottom: 15px !important;
}
.location_divider:last-of-type {
border-bottom: 0;
}
/* alternative footer unique styles */
.footer-content hr {
margin: 0 0 15px;
}
.alternative_footer {
position: relative;
}
.alternative_footer .marg_bot_footer_section.white {
font-weight: bold;
}
.alternative_footer .footer_menu {
padding-top: 0;
}
.alternative_footer .address,
.alternative_footer .phone,
.alternative_footer .email {
display: block;
line-height: 36px;
}
.alternative_footer .address.line_addres {
margin-left: 0;
margin-bottom: 0 !important;
}
.alternative-footer-bottom {
background-color: #000;
padding: 8px 0;
}
.alternative-footer-bottom .small-print {
margin-top: 0;
text-align: right;
}
.alternative-footer-bottom .copyright {
font-size: 13px;
margin: 0;
}
.alternative_footer .marg_bot_footer_section.white {
font-size: 160%;
font-weight: normal;
}
.alternative_footer .footer_icon {
width: 25px;
height: 25px !important;
position: relative;
display: inline;
top: -3px;
margin-right: 7px;
}
.instagram_mobile {
width: 290px;
max-width: 290px;
position: relative;
left: 50% !important;
transform: translateX(-145px);
}
@media(max-width:991px){
.alternative_footer .facebook_header,
.alternative_footer .instagram_container {
margin-bottom: 30px;
}
}
@media(max-width:767px){
.alternative-footer-bottom .small-print {
width: 100%;
text-align: center;
margin-top: 10px !important;
}
.alternative-footer-bottom .edit_text {
padding-right: 0;
width: 100%;
text-align: center;
}
.alternative_footer .marg_bot_footer_section.white,
.alternative_footer .contact_details,
.alternative_footer .footer_menu,
.alternative_footer .footer_menu_text {
text-align: center;
}
}
.footer-bar-alt .toTop {
color: #fff !important;
font-size: 16px !important;
line-height: 18px !important;
}
.footer-bar-alt .toTop .footer_up_arrow {
display: inline-block;
font-size: 26px;
padding-right: 7px;
transform: rotate(-90deg) !important;
}
.alternative_footer .social_media_icon {
margin-right: 10px;
margin-bottom: 10px;
}
@media(max-width:767px){
.alternative_footer .social_media_icon {
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
}
}
.facebook_footer_container,
.twitter_footer_container {
display: block;
height: 570px !important;
}
.twitter_footer_container {
overflow: hidden;
}
.facebook_footer_container iframe {
position: relative;
left: 50% !important;
transform: translateX(-145px);
width: 290px !important;
max-width: 290px !important;
}
.twitter_footer_container iframe {
width: 100% !important;
max-width: 100% !important;
height: 500px !important;
overflow: hidden;
}
.twitter_widget_container {
width: 290px;
max-width: 290px;
position: relative;
left: 50% !important;
transform: translateX(-145px);
}
#twitter-widget-0 {
height:500px !important;
}
.twitter-timeline {
height: 500px !important;
}
@media(max-width: 767px){
.alternative_footer .contact_details {
display: block;
}
}
/* alternative footer unique styles */
/* Footer with Locations in row */
.footer-locations .footer_logo_container {
float: left;
}
.footer-locations .footer_logo_container .footer_company_logo {
float: none;
}
.footer-locations .footer_container {
border: 0;
}
.footer-locations .locations_container .contact_title {
font-size: 150%;
}
.footer-locations .footer_icon {
width: 24px;
height: 24px !important;
margin-right: 5px;
margin-top: -4px;
}
/* End Footer with Locations in row */
/* FOOTER */
/* CMS ADMIN ELEMENT */
#admin_container {
padding: 10px 0 3px;
z-index: 99999999999999;
position: fixed;
display: block;
top: 160px;
width: 47px;
background-color: #7DBC42;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
filter: drop-shadow(0px 3px 3px rgba(0,0,0,.2));
font-family: 'Open Sans', sans-serif;
}
@media(max-width: 767px){
#admin_container {
top: auto;
bottom: 20px;
}
}
.admin_graphic {
width: 33px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
text-align: center;
}
.admin_links a {
display: inline-block;
width: 46px;
text-align: center;
color: #000 !important;
line-height: 11px;
padding: 0;
font-size: 10px;
margin: 0;
}
.admin_links a:hover {
color: #fff !important;
}
.admin_links {
display: block;
padding: 0;
margin: 0;
}
.wrench_icon {
width: 17px !important;
height: 17px !important;
background-image: url(/public/images/wrench_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.product_icon {
width: 17px !important;
height: 17px !important;
background-image: url(/public/images/product_icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
/* CMS ADMIN ELEMENT */
/* Search */
.menu_search {
position: absolute;
top: 7px;
transform: translateX(-50%);
left: 55%;
}
.max_width_search{
width: 350px;
margin-right: 10px;
}
@media (max-width: 1199px)
{
.max_width_search {
max-width: 300px;
}
}
.search_small_bar{
height: 40px;
padding: 5px 10px;
font-size: 12px;
line-height: 40px;
background-color: #fff;
display: inline-block !important;
border-radius: 0;
box-shadow: none;
}
.marg_top_search{
overflow: visible;
}
.mag_glass_search,
.mag_glass_search:hover {
height: 40px !important;
width: 40px;
padding: 6px 9px !important;
float: right;
border: 0;
border-radius: 0;
transition: all ease-in-out .2s;
}
.mag_glass_search svg {
width: 25px;
height: 25px;
}
#search_form .results {
display: none;
position: absolute;
top: 40px;
overflow-y: auto;
overflow-x: hidden;
max-height: 550px;
right: 0;
left: 0;
z-index: 10;
padding: 0;
margin: 0;
border-radius: 0;
background-color: #fdfdfd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#search_form .results li {
display: block;
}
#search_form .results .item-box {
box-shadow: none;
background-color: transparent !important;
align-items: center;
}
#search_form .results .no_results {
padding: 5px;
}
#search_form .results li:first-child {
margin-top: -1px
}
#search_form .results li:first-child:before {
display: block;
content: '';
width: 0;
height: 0;
position: absolute;
left: 50%;
margin-left: -5px;
border: 5px outset transparent;
}
#search_form .results li:first-child:before {
border-bottom: 5px solid #c4c7d7;
top: -11px;
}
#search_form .results li:first-child:after {
border-bottom: 5px solid #fdfdfd;
top: -10px;
}
#search_form .results li:first-child:hover:before {
display: none
}
#search_form .results li:last-child {
margin-bottom: -1px
}
#search_form .results a {
display: block;
position: relative;
margin: 0 -1px;
padding: 10px 30px 10px 5px;
color: #808394;
font-weight: 500;
text-shadow: 0 1px #fff;
border: 1px solid transparent;
border-radius: 0;
}
.search_box_title{
margin-top: 21px;
margin-bottom: 0px;
}
#search_form .search_box_title {
margin: 0 !important;
}
#search_form .results a:before {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -9px;
background: url("http://cssdeck.com/uploads/media/items/7/7BNkBjd.png") 0 0 no-repeat;
}
#search_form .results a:hover {
text-decoration: none;
color: #fff;
border-color: transparent;
background-color: rgba(0, 0, 0, .1);
}
#search_form #q:focus + .results {
display: block;
}
#search_form #q:active + .results {
display: block;
}
#search_form #q + .results:focus {
display: block;
}
#search_form #q + .results:active {
display: block;
}
.tab-content {
border: 1px solid #ddd;
padding: 15px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.tab-content p:last-of-type {
margin-bottom: 0;
}
/* Search */
/* Business Directory Layouts */
.profile_container h1 {
margin-bottom: 20px;
}
.company_title {
font-weight: bold;
}
.company_details {
font-size: 26px;
margin-bottom: 30px;
color: #333!important;
}
.company_image {
padding-right: 0;
}
.company_image img {
width: 100%;
}
@media(max-width: 991px){
.company_image {
padding: 0;
}
}
.company_search .form_mc {
box-shadow: 0px 0px 5px rgba(0,0,0,.1) !important;
}
.company_search .form-group {
margin-bottom: 5px;
}
@media(max-width:991px){
.company_search .form-group {
margin-bottom: 0;
}
.company_search .form-group .col-12.col-md-4 {
margin-bottom: 15px;
}
}
/* Business Directory Layouts */
/* Stripe payment form mobile */
form#payment-form {
background-color: #fff;
}
@media(max-width:550px){
form#payment-form {
min-width: auto;
width: 100%;
padding: 15px;
}
}
.stripe-button-el {
background: #5A3D94 !important;
background-color: #5A3D94 !important;
border-color: #5A3D94 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 4px 18px !important;
border-radius: 2px !important;
}
.stripe-button-el span {
background-color: #5A3D94 !important;
border-color: #5A3D94 !important;
background-image: none !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
border-radius: 2px !important;
width: 100% !important;
}
.stripe-button-el:hover {
background: #8B0D88 !important;
background-color: #8B0D88 !important;
border-color: #8B0D88 !important;
border-radius: 0 !important;
border-radius: 2px !important;
}
.stripe-button-el:hover span {
background: #8B0D88 !important;
}
.stripe-button-el span:hover {
background-color: #8B0D88 !important;
border-color: #8B0D88 !important;
background-image: none !important;
border-radius: 0 !important;
border-radius: 2px !important;
width: 100% !important;
}
/* Stripe payment form mobile */
/* Opayo */
#opayo_form {
background-color: #fff;
padding: 15px 0;
box-shadow: 0 0 8px rgba(0, 0, 0, .1);
max-width: 480px;
float: none;
margin: 0 auto;
}
#opayo_form input {
width: 100%;
border-radius: 0 !important;
border: 1px solid #ccc;
margin-top: 5px;
}
#opayo_form label {
margin-bottom: 10px;
}
#opayo_form #opayo_submit {
width: auto;
float: none;
margin: 0 auto;
display: block;
margin-top: 5px;
}
#opayo_errors {
clear: both;
padding-top: 10px;
text-align: center;
}
#opayo_errors span {
display: block;
font-style: italic;
color: #666;
}
.loading_element {
height: 0;
overflow:hidden;
transition-property: transform !important;
transition: all .3s ease-in-out !important;
}
.loading_visible {
margin-top: 10px;
height: auto;
}
.glyphicon.spinning {
animation: spin 1s infinite linear;
-webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
from { transform: scale(1) rotate(0deg); }
to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
/* Opayo */
/* CSS Control for 5 column layout set in CMS for list and product list views (see page display tab in CMS for column setting) */
@media(min-width: 1200px){
.col-xl-5cols {
width: 20%;
}
}
/* CSS Control for 5 column layout set in CMS for list and product list views (see page display tab in CMS for column setting) */
/* Cart 2021 Updates */
#cartContent {
background-color: #fff;
padding: 15px !important;
box-shadow: 0 0 8px rgba(0,0,0,.1);
}
#CartForm {
background-color: transparent !important;
}
.cart_head {
padding: 0 15px 5px;
border-bottom: 1px solid #ddd;
}
.cart_image_head,
.cart_product_head,
.cart_quantity_head,
.cart_ex-tax_head,
.cart_total_head {
padding: 0 !important;
border-bottom: 0 !important;
font-weight: normal !important;
font-size: 12px;
color: #777;
}
.cart_quantity_head,
.cart_ex-tax_head,
.cart_total_head,
.cart_remove_head,
.cart_quantity_row_item,
.cart_ex-tax_row_item,
.cart_total_row_item {
text-align: right;
line-height: 16px;
}
.cart_product_row_item,
.cart_quantity_row_item,
.cart_ex-tax_row_item,
.cart_total_row_item {
padding: 0 !important;
border: 0 !important;
}
.cart_item {
padding: 15px 15px 5px 15px !important;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.cart_product_details {
display: flex;
align-items: center;
}
#cartContent .product_name {
font-size: 125%;
font-weight: bold;
width: 100%;
}
#cartContent .small-code {
font-size: 14px;
font-weight: normal;
width: 100%;
}
.cart_ex-tax_row_item {
display: flex;
}
.cart_total_row_item {
font-weight: bold;
}
.cart_ex-tax_total_head {
display: flex;
}
.cart_image_row_item {
padding: 0 15px 0 0 !important;
}
.cart_image_row_item img {
width: 80%;
background-color: #fff;
}
.cart_quantity_row_item input[type="text"] {
text-align: center;
border-radius: 0;
border: 1px solid #ccc;
}
.pt_Quantity input {
color: #333;
border-radius: 2px;
background-color: #ffffff;
border: solid 1px #b7b7b7;
font-weight: 400;
height: 30px;
display: inline-block;
padding: 0 15px 0 2px;
margin: 0;
text-align: center;
width: 50px;
}
.pt_QuantityNav {
float: right;
position: relative;
height: 30px;
}
.pt_QuantityButton {
position: relative;
cursor: pointer;
border-left: 1px solid #b7b7b7;
width: 15px;
text-align: center;
color: #333;
font-size: 14px;
line-height: 1.1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.pt_QuantityButton.pt_QuantityUp {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #b7b7b7;
border-right: 1px solid #b7b7b7;
border-top: 1px solid #b7b7b7;
}
.pt_QuantityButton.pt_QuantityDown {
position: absolute;
bottom: 0px;
height: 50%;
border-bottom: 1px solid #b7b7b7;
border-right: 1px solid #b7b7b7;
}
#coupon {
padding-left: 15px;
font-size: 90%;
color: #777;
}
.special_product_quantity {
width: 47px;
text-align: center;
float: right;
}
.remove_item {
font-size: 85%;
text-align: right;
font-style: italic;
padding: 0 !important;
border: 0 !important;
}
.remove_item a {
opacity: .7;
}
.remove_item a:hover {
opacity: 1;
text-decoration: none;
}
.cart_button, .cart_button:hover {
margin-left: 10px;
padding: 4px 15px;
}
.cart_button_continue, .cart_button_continue:hover {
padding: 4px 15px;
}
.cart_button, .cart_button_continue {
background-color: #fff !important;
border: 1px solid #ddd;
border-radius: 0 !important;
box-shadow: 2px 4px 6px rgba(0,0,0,.05);
color: #222 !important;
}
.cart_button:hover, .cart_button_continue:hover {
background-color: #ccc !important;
border: 1px solid #ddd;
border-radius: 0 !important;
color: #333 !important;
}
.cart_main_button, .cart_main_button:hover {
font-size: 125%;
font-weight: bold;
font-style: italic;
padding: 8px 25px;
color: #fff !important;
}
.cart_main_button {
background-color: #197c23 !important;
border-radius: 0px;
box-shadow: 2px 4px 6px rgba(0,0,0,.2);
}
.cart_main_button:hover {
background-color: #0e5215 !important;
}
.paypal_button,
.paypal_button:hover,
.cheque_button,
.cheque_button:hover{
background-color: #4d9c55 !important;
color: #fff !important;
border-radius: 2px !important;
box-shadow: 2px 4px 6px rgba(0,0,0,.2);
font-weight: normal;
margin-top: 10px;
}
.paypal_button:hover, .cheque_button:hover {
color: #fff !important;
background-color: #33863b !important;
}
.cart_sub_total {
text-align: right;
font-weight: normal;
font-style: italic;
padding: 20px 0 0;
font-size: 110%;
opacity: .7;
}
.cart_total {
text-align: right;
font-weight: bold;
padding: 15px 0 40px;
font-size: 30px;
}
.payment_item {
text-align: right;
float: right;
}
.cart_empty_message {
font-style: italic;
padding: 15px;
text-align: center;
color: #e03841;
font-size: 125%;
}
.humm_button img {
float: right;
width: 175px;
max-width: 100%;
}
.footer_humm_finance .humm_button img {
float: none;
}
.humm_container {
text-align: center !important;
width: 175px;
float: right;
margin-top: 60px;
}
.humm_container a {
margin-top: 9px !important;
}
.order_button, .order_button:hover {
font-style: italic;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
border-radius: 3px;
padding: 7px 50px;
}
.cart_button_container {
margin-top: 10px;
}
@media(max-width:767px){
.cart_item {
padding: 0 !important;
}
.remove_item {
text-align: center;
padding: 15px 0 !important;
}
.cart_product_details {
display: block;
align-items: center;
}
.cart_image_row_item {
padding: 0 !important;
margin-bottom: 15px;
text-align: center;
}
.cart_image_row_item img {
max-width: 200px;
}
.cart_product_row_item {
text-align: center;
margin-bottom: 15px;
}
.cart_sub_total, .cart_total {
width: 100%;
text-align: center;
}
.cart_quantity_head,
.cart_total_head,
.cart_ex-tax_head {
text-align: center;
padding-bottom: 10px !important;
}
.cart_quantity_row_item, .cart_ex-tax_row_item, .cart_total_row_item {
text-align: center !important;
}
.cart_quantity_row_item {
margin-bottom: 20px;
}
.special_product_quantity {
float: none;
text-align: center;
width: auto;
}
.payment_item,
.continue_item,
.deferred_payment,
.price_override {
text-align: center;
}
.continue_item {
float: right;
}
.cart_button_continue, .cart_button {
margin-left: 0 !important;
margin-bottom: 15px;
}
.cart_add {
display: block;
width: 100%;;
}
#coupon {
padding-left: 0;
text-align: center;
margin-bottom: 30px;
}
#coupon span {
display: block;
}
.cart_add:last-of-type .cart_button {
margin-bottom: 0 !important;
}
#cartContent .totals {
padding-right: 0;
padding-left: 0;
}
.cart_button_container .col-12 {
text-align: center;
}
.order_button {
float: none !important;
margin-bottom: 30px;
}
.humm_container {
text-align: center !important;
width: 100%;
}
.humm_button {
float: none !important;
display: inline-block;
}
#cartContent .cart_buttons {
margin: 10px 0;
}
#cartContent .pay_card a,
#cartContent .pay_paypal a,
#cartContent .continue_shopping a {
float: none !important;
display: block;
}
#cartContent .pay_card,
#cartContent .pay_paypal,
#cartContent .continue_shopping {
text-align: center;
}
}
/* Cart 2021 Updates */
/* Checkout Submit */
#confirm .submit_review_message {
font-size: 20px;
font-weight: bold;
text-align: center;
}
#confirm .submit_block {
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, .15);
border-radius: 10px;
overflow: hidden;
padding-bottom: 5px;
}
#confirm .submit_block .submit_head {
background-color: #555 !important;
color: #fff;
border-radius: 0;
font-size: 16px;
font-weight: bold;
padding: 10px 12px;
border: 0;
}
#confirm .submit_block .submit_body {
padding: 5px 10px;
}
#confirm .border-bottom {
border-bottom: 1px solid #ccc !important;
}
#confirm .submit_body.border-bottom:last-of-type,
#confirm .submit_body .border-bottom:last-of-type {
border-bottom: 0 !important;
}
.express_top_panels .submit_block {
height: 100%;
}
img#confirm, img#confirm_payment {
width: 200px !important;
height: 44px;
transition: all .5s;
}
img#confirm:hover,
img#confirm_payment:hover {
cursor: pointer;
opacity: .6;
}
.submit_total {
margin: 0;
}
.total_details {
float: none;
margin: 0 auto;
padding: 15px 0;
border-top: 1px solid #bbb;
}
.total_total_details {
padding: 15px 0 !important;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.total_summary_head {
font-weight: bold;
font-size: 24px;
margin-bottom: 30px;
color: #666;
}
.total_total {
font-size: 36px;
line-height: 40px;
font-weight: bold;
}
.total_sub_head {
font-size: 20px;
line-height: 32px;
padding: 0 15px;
color: #666;
display: inline-block;
}
.total_total_sub_head {
font-size: 28px;
font-weight: bold;
margin-bottom: 5px;
color: #666;
}
.total_head {
font-weight: bold;
display: inline-block;
font-size: 125%;
}
/* Checkout Submit */
/* User Orders */
.orders_container {
background-color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 2px 2px 8px rgba(0,0,0,.1);
height: 100%;
}
.orders_head {
background-color: #555 !important;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 10px 0;
}
.orders_placed {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.orders_placed:last-of-type {
border-bottom: 0;
}
.order_panel {
padding: 10px 12px;
}
.order_panel p:last-of-type {
margin-bottom: 5px;
}
/* User Orders */
/* Contact Captcha */
.contact .g-recaptcha {
clear: both;
margin-top: 15px;
transform: scale(1) !important;
transform-origin: right !important;
}
.contact .hp_label,
.contact .hp_input {
display:none;
clear: both;
visibility: hidden;
}
@media(max-width: 991px){
.contact .g-recaptcha {
transform: scale(.83) !important;
}
}
@media(max-width: 767px){
.contact .g-recaptcha {
transform: scale(1) !important;
}
}
@media(max-width: 380px){
.contact .g-recaptcha {
transform: scale(.82) !important;
}
}
/* Contact Captcha */
/* Membershiop/Open Payments Form */
.form-group {
clear: both;
}
.membership_form .form_heading {
line-height: 1.3;
}
.membership_form .form-group small {
float: left;
margin-top: 5px;
}
.membership_form .form-group small p {
margin: 0;
}
.membership_form .form_mc #total {
margin-top: 15px;
text-align: right;
}
.form_buttons {
margin: 0;
}
form#PaymentForm h2 {
margin-bottom: 10px;
}
form#PaymentForm .row:last-of-type .col-12 {
margin-bottom: 0 !important;
}
form#PaymentForm .row:last-of-type .col-12 .btn {
margin-top: 0 !important;
}
/* Membershiop/Open Payments Form */
/* Documents & Files */
#documents {
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
background-color: #fff !important;
border-radius: 0;
border: 0;
display: block;
}
#documents .card-body {
padding-bottom: 0;
}
#documents .card-title {
margin-bottom: 15px;
}
#documents .card-text {
margin-bottom: 15px;
}
@media(max-width: 575px){
#documents .card-text {
margin-bottom: 30px;
}
}
.documents_title {
display: block;
margin-bottom: 10px;
}
.documents_summary {
line-height: 22px;
word-break: break-word;
}
.document_date {
margin-bottom: 15px;
}
.documents_filter .form_mc {
box-shadow: 2px 2px 11px rgba(0, 0, 0, .1) !important;
}
.documents_filter .form_fields_row {
margin-bottom: 0;
}
.documents_list .white-row .margin_documents {
margin-bottom: 15px;
}
.documents_date_published {
margin: 15px 0 0;
padding: 10px 0 0;
border-top: 1px solid #eee;
color: #646464;
font-style: italic;
font-weight: bold;
}
.file_preview_container a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.preview_image {
margin-bottom: 10px;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0,0,0,.2);
width: auto;
max-height: 150px;
}
.product_document {
margin-bottom: 15px;
}
.file_preview_container,
.file_title_container {
position: relative;
}
.file_preview_container {
margin-bottom: 8px;
width: 100%;
}
.file_preview_container a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.file_original_name {
font-size: 14px;
}
.file_size {
font-size: 12px;
}
.img_file_type {
margin-top: -3px;
}
.file_title {
display: inline-block;
}
.img-fluid.file_image {
max-width: 150px;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}
/* End of Documents & Files */
/* Brands */
.brands_list #page-title {
margin-bottom: 0;
}
.featured_brands_list {
padding: 30px 15px;
background-color: #ddd;
}
.brand_item {
background-color: #fff !important;
}
.brands_search {
padding-top: 20px;
}
.brands_search span {
display: block;
line-height: 24px;
margin-left: 0;
margin-right: 0;
float: left;
}
.brands_search select {
padding: 0;
margin-left: 5px;
float: left;
max-height: 100px;
min-height: 24px;
overflow: hidden;
max-width: 100%;
border: 0;
background-color: transparent;
}
.brands_search select option {
display: inline-block;
width: 24px;
text-align: center;
}
.brands_search select option:hover {
background-color: #444;
color: #fff;
}
.brands_search #b {
min-width: unset !important;
max-width: unset !important;
height: 36px;
margin-top: 2px;
border-radius: 0;
display: block !important;
margin-right: 0;
}
.brands_search #bsub {
height: 36px;
line-height: 14px;
margin-top: 2px;
font-size: 16px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.brands_search .brands_letter {
width: 29px;
height: 36px;
display: inline-block;
background-color: #9a9a9c;
border-radius: 2px;
text-align: center;
line-height: 36px;
color: #fff !important;
text-transform: uppercase;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
}
.brands_letter:hover {
background-color: #666666;
text-decoration: none;
}
.brands_search .search_by_title {
display: block;
width: 100%;
font-size: 20px;
color: #000;
padding-bottom: 10px;
}
.letter-subheader {
text-align: center;
font-weight: bold;
color: #636363;
font-size: 32px;
}
.search_by_brand {
display: flex;
width: 100%;
flex-direction: row-reverse;
}
.hidden-brand {
display: none;
}
.nobrands {
font-size: 25px;
text-align: center;
}
.nobrands span {
font-weight: 600;
}
.background_brands_section .owl-carousel {
margin-bottom: 0 !important;
}
.featured_brands_list .brand_item .child_title {
min-height: unset;
height: 24px;
}
.featured_brands_list .brand_img_container {
max-width: 300px;
margin: 0 auto;
}
.featured_brands_list .brand_item figure {
overflow: visible;
}
/* Brands */
/* Homepage Brands/Partners/Events spacing */
.background_brands_section .isotope-item,
.background_partners_section .isotope-item,
.background_affiliates_section .isotope-item,
.background_projects_section .isotope-item,
.background_testimonials_section .isotope-item {
margin-bottom: 0 !important;
padding: 7px 15px;
}
.background_brands_section .size_module_button_container,
.background_partners_section .size_module_button_container,
.background_events_section .size_module_button_container,
.background_news_section .size_module_button_container,
.background_projects_section .size_module_button_container {
margin-top: 20px !important;
}
.background_brands_section .owl-controls,
.background_partners_section .owl-controls
.background_news_section .owl-controls,
.background_affiliates_section .owl-controls,
.background_projects_section .owl-controls {
margin: 0 !important;
}
/* Homepage Brands/Partners/Events spacing */
/* Max-width on homepage items */
@media(min-width: 767px){
.background_events_section .event-item,
.background_news_section .news-item,
.background_featured_section .product-item,
.background_videos_section .item-box,
.background_offers_section .product-item,
.background_affiliates_section .item-box,
.background_partners_section .item-box,
.background_brands_section .item-box,
.background_projects_section .item-box {
max-width: 450px;
margin: 0 auto;
}
.background_testimonials_section .testimonial_container {
max-width: 710px;
margin: 0 auto;
}
}
/* End Max-width on homepage items */
.background_affiliates_section .child_title {
min-height: unset;
margin-bottom: 0;
}
/* Featured Products & News items */
.background_featured_section .owl-wrapper-outer,
.background_news_section .owl-wrapper-outer,
.background_events_section .owl-wrapper-outer,
.background_videos_section .owl-wrapper-outer,
.background_offers_section .owl-wrapper-outer {
padding: 8px 0;
}
.background_featured_section .owl-wrapper,
.background_news_section .owl-wrapper,
.background_events_section .owl-wrapper,
.background_videos_section .owl-wrapper,
.background_offers_section .owl-wrapper,
.background_projects_section .owl-wrapper,
.background_affiliates_section .owl-wrapper{
display: flex !important;
}
.background_news_section .owl-item .isotope-item,
.background_projects_section .owl-item .isotope-item,
.background_affiliates_section .owl-item .isotope-item,
.background_events_section .owl-item .isotope-item,
.background_videos_section .owl-item .isotope-item {
display: flex !important;
height: 100%;
margin-bottom: 0;
}
.background_videos_section .item-box-desc {
padding: 10px 0 0;
}
/* Featured Products & News items */
/* PRODUCT-LIST VIEW/DEFAULT PRODUCT/PRODUCT DETAILS */
.variant_product {
padding: 0!important;
display: flex;
}
.variant_product .nameProduct {
margin-bottom: 15px;
}
.variant_product .variant_left,
.principal_product .principal_left {
padding: 0 15px 0 0;
}
.md_variant_select select {
width: 100%;
}
@media(max-width: 575px){
.variant_product,
.principal_product {
display: block !important;
}
.quantity {
margin-bottom: 15px;
}
.no_versions_quantity {
padding-right: 0;
}
}
.variant_pricing {
padding-right: 0 !important;
text-align: right;
float: right !important;
border-left: 1px solid #ddd;
display: flex;
flex-direction: column;
flex: 1;
}
@media(max-width: 575px){
.variant_pricing {
border-left: 0;
border-top: 1px solid #ddd;
padding-top: 15px;
}
}
.productDescription .alert-success a {
font-weight: bold;
font-size: 125%;
}
.productDescription .nav-tabs {
border: 0;
}
.productDescription .tab-content {
box-shadow: 0px 0px 9px rgba(0,0,0,0.15) !important;
border: 0px;
}
.productDescription .nav-tabs .active,
.productDescription .nav-tabs .active:hover {
box-shadow: 0px -4px 5px rgba(0,0,0,.15) !important;
background-color: #fff;
}
.productDescription .nav-tabs a:hover {
border: 1px solid transparent;
border-bottom: 0;
background-color: rgba(0,0,0,.05);
}
.side-bar-products {
transition: all .2s ease-in-out;
}
.side-bar-products:hover a {text-decoration: underline;}
.boxplus_gallery {
position: relative;
}
.prod_details_gallery_link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.product_details .owl-carousel figure img {
display: block;
height: auto;
}
.original_image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-title {
font-size: 32px !important;
line-height: 36px !important;
margin-bottom: 15px !important;
}
.prod_slogan {
text-align: center;
height: 24px;
line-height: 24px;
font-size: 15px;
font-weight: bold;
}
.slogan_container {
margin-top: 10px;
}
.slogan_container h2 {
font-weight: bold;
font-style: italic;
font-size: 125%;
}
.product-list-product {
position: relative;
}
.product-list-product .prod_slogan {
display: table-footer-group;
}
.summaryHeader {
font-size: 16px !important;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
line-height: 1.3em;
}
.productRow {
padding: 15px;
border-radius: 0;
background-color: #fff !important;
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
margin-bottom: 15px;
}
.productRow .flexifi-widget {
padding-bottom: 0;
}
.principal_product {
display: flex;
padding: 0;
}
.nameProduct {
overflow: hidden;
font-size: 22px;
line-height: 28px;
margin-bottom: 15px;
}
.product_code {
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.small_subtle_text {
font-size: 13px;
line-height: 13px;
color: grey;
font-weight: bold;
text-align: left;
display: inline-block;
}
/* quantity */
.quantity-nav {
float: right;
position: relative;
height: 30px;
}
.quantity input {
color: #333;
border-radius: 0;
background-color: #ffffff;
border: solid 1px #b7b7b7;
font-weight: 400;
height: 32px;
display: inline-block;
padding: 0px 2px 0 8px;
margin: 0;
text-align: left;
width: 54px;
}
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #b7b7b7;
width: 15px;
text-align: center;
color: #333;
font-size: 14px;
line-height: 1.1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity-button.quantity-up {
border-bottom: 1px solid #333;
}
input#TermsConditions {
width: 20px;
height: 20px;
float:left;
margin-right:10px;
}
/* quantity */
.priceMarg {
float: right;
text-align: right;
padding-right: 0;
border-left: 1px solid #ddd;
display: flex;
flex-direction: column;
flex: 1;
}
@media(max-width:575px){
.priceMarg {
border-left: 0;
border-top: 1px solid #ddd;
padding-top: 15px;
}
}
.priceMarg p {
margin: 0;
}
.layout-container {
z-index: 100;
position: fixed;
right: 0px;
top: 222px;
pointer-events: none;
}
@media(max-width: 991px){
.layout-container {
top: 153px;
}
}
.layout {
pointer-events: all;
width: 38px;
height: 150px;
background-color: #fff;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
overflow: hidden;
}
@media(max-width: 767px){
.layout-container {
visibility: hidden;
position: absolute;
}
}
.layout-option {
text-align: center;
font-style: italic;
font-weight: 500;
font-size: 10px;
line-height: 13px;
padding: 7px 0 0;
color: #555;
}
.btn.btn-primary.layout-btn {
background-color: #FFF !important;
border: none;
padding: 4px;
margin-left: 2px;
margin-bottom: 8px;
width: 34px;
height: 34px;
display: inline-block;
position: relative;
box-shadow: none;
}
.layout-btn svg {
width: 22px;
height: 24px;
}
.layout_column_view {
left: 6px;
right: 6px;
height: 4px;
background-color: #555;
position: absolute;
top: 44%;
}
.layout_column_view:before {
content: '';
left: 0px;
right: 0px;
height: 4px;
background-color: #555;
position: absolute;
bottom: 0;
top: 7px;
}
.layout_column_view:after {
content: '';
left: 0px;
right: 0px;
height: 4px;
background-color: #555;
position: absolute;
bottom: 0;
top: -7px;
}
.product-list-product.product_layout_3 .featured_product_label {
width: calc(100% + 20px);
position: relative;
top: -15px;
left: -10px;
}
/*.full_width_product {
padding: 15px 10px 20px 10px !important;
background-color: #fff;
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
}
.full_width_product:hover {
box-shadow: 0px 0px 9px rgba(0,0,0,.25);
}
.full_width_product.full_width_list_product .product_row_details {
align-items: start;
}
.full_width_product.full_width_list_product .child_title {
display: block;
}
.full_width_product.full_width_list_product .prod_slogan {
display: block;
margin-bottom: 10px;
}
@media(max-width: 599px){
.full_width_product.full_width_list_product .full_width_product_price_details {
padding-top: 15px;
}
}
.full_width_product .child_title {
height: auto !important;
}
.full_width_product .prod_slogan {
height: auto;
}
.full_width_product_gallery {
float: left;
text-align: center;
}
.full_width_gallery_container {
margin: 0 auto;
float: none;
}
@media(max-width: 1199px){
.full_width_product_gallery figure {
margin-bottom: 10px;
}
}*/
.product-list-product .item-box {
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
padding: 15px 10px 10px;
background-color: #fff !important;
width: 100%;
height: 100%;
}
.product-list-product .item-box:hover {
box-shadow: 0px 0px 9px rgba(0,0,0,.25);
}
.product-list-product .click_for_more_container {
margin-top: 0;
width: 100%;
position: absolute;
left: 50%;
margin-left: -50%;
bottom: 15px;
z-index: 2;
}
.product-list-product .custom_field {
margin-bottom: 60px;
}
.product_layout_2 .click_for_more_container {
position: relative;
display: block;
margin: 10px 0 0;
left: 0;
bottom: 0;
}
.product-list-product .styleColor {
font-size: 28px;
line-height: 28px;
font-weight: bold;
}
.product-list-product .small_subtle_text {
margin-left: 0 !important;
font-size: 11px;
line-height: 11px;
}
.product_layout_1 .price_container {
margin-bottom: 10px;
}
.add_button {
float: right;
}
.price {
font-size: 32px;
display: inline-block;
}
.ex_vat_price {
display: block;
color: grey;
font-size: 16px;
}
.inc_vat_price {
line-height: 36px;
}
.out_of_stock_label {
font-weight: bold;
color: #444;
font-size: 14px;
line-height: 16px;
width: 50px;
}
.quantity.small_subtle_text {
margin-left: 0;
}
.price_container {
line-height: 24px;
}
.custom_field {
line-height: 20px;
margin-bottom: 10px;
}
.productDescription .summary_lines {
line-height: 1.8em;
}
.special_offer_content p {
margin: 0;
}
.promotion_section .special_offer_content:last-of-type {
border-bottom: 0 !important;
}
.background_featured_section .owl-item .isotope-item,
.background_offers_section .owl-item .isotope-item {
display: flex !important;
padding: 0 15px;
height: 100%;
}
.background_featured_section .click_for_more_container,
.background_offers_section .click_for_more_container {
margin-top: 0;
width: 100%;
position: absolute;
left: 50%;
margin-left: -50%;
bottom: 15px;
z-index: 2;
}
.background_featured_section .custom_field,
.background_offers_section .custom_field {
margin-bottom: 30px;
}
.background_featured_section .price_container,
.background_offers_section .price_container {
margin-bottom: 10px;
}
.background_featured_section .styleColor,
.background_offers_section .styleColor {
font-weight: bold;
font-size: 28px;
}
.background_featured_section .styleColor .small_subtle_text,
.background_offers_section .styleColor .small_subtle_text {
margin: 0;
}
.background_featured_section .prod_slogan,
.background_offers_section .prod_slogan {
display: table-footer-group;
}
/* align first and last homepage carousel items to right and left if there are 2 or 3 items to prevent large gaps */
.homepage .owl-wrapper .owl-item:first-of-type .isotope-item.home_aligned {
display: flex;
justify-content: end;
}
.homepage .owl-wrapper .owl-item:first-of-type .isotope-item.home_aligned .item-box {
margin: 0;
}
.homepage .owl-wrapper .owl-item:last-of-type .isotope-item.home_aligned {
display: flex;
justify-content: start;
}
.homepage .owl-wrapper .owl-item:last-of-type .isotope-item.home_aligned .item-box {
margin: 0;
}
.background_featured_section .child_title a,
.background_offers_section .child_title a {
display: block;
text-align: center;
}
/* align first and last homepage carousel items to right and left if there are 2 or 3 items to prevent large gaps */
#shop .productDescription .price {
font-weight: bold;
margin-bottom: 15px;
}
.styleColor {
display: inline-block;
}
.old_price {
font-weight: 500;
color: grey;
display: block;
}
.offer_expires {
color: #ff0000;
display: block;
font-size: 14px;
line-height: 18px;
padding-top: 10px;
}
.offer_expires .date_countdown {
font-weight: bold;
}
/* product list layout views */
.product_layout_3 .item-box-desc {
padding-top: 0 !important;
}
.product_layout_3 .child_title {
height: auto !important;
}
.featured_product_label {
position: absolute;
top: 0;
width: calc(100% - 1.5rem);
height: 22px;
font-size: 14px;
line-height: 20px;
z-index: 4;
color: #fff;
font-style: italic;
font-weight: bold;
letter-spacing: 1px;
}
.product-list-product.full_width_product {
width: 100%;
overflow: visible !important;
}
.full_width_product .item-box {
display: flex;
padding: 20px 10px 20px !important;
}
.full_width_product .prod_slogan {
display: block;
text-align: left;
}
.full_width_product .price_container {
margin-bottom: 0 !important;
}
.full_width_product .image_container {
width: 33%;
}
.full_width_product .promotion_message {
display: block !important;
}
.full_width_product .timed_promotion br {
display: none !important;
}
.full_width_product .item-box-desc {
width: 41.5% !important;
text-align: left;
order: 2;
}
.full_width_product .product_end_section {
width: 25%;
padding-top: 10px;
order: 3;
}
.full_width_product .show_more_trigger {
margin-top: 10px;
}
.full_width_product .summary_lines {
font-size: 13px;
line-height: 19px;
}
.full_width_product .click_for_more_container {
position: relative !important;
bottom: 0 !important;
margin-top: 10px !important;
}
@media(max-width: 1199px){
.full_width_product .item-box {
flex-wrap: wrap;
}
.full_width_product .image_container {
width: 100%;
}
.full_width_product .item-box-desc {
width: 50% !important;
}
.full_width_product .product_end_section {
padding-left: 30px;
width: 50%;
}
.full_width_product .product_end_section * {
text-align: left !important;
}
}
@media(max-width: 991px){
.full_width_product .image_container {
width: 33%;
}
.full_width_product .item-box-desc {
width: 41.5% !important;
}
.full_width_product .product_end_section {
padding-left: 15px;
width: 25%;
}
}
@media(max-width: 767px){
.full_width_product .image_container {
width: 100%;
}
.full_width_product .item-box-desc {
width: 66.5% !important;
}
.full_width_product .product_end_section {
padding-left: 15px;
width: 33%;
}
}
@media(max-width: 575px){
.full_width_product .image_container {
width: 100%;
}
.full_width_product .item-box-desc {
width: 100% !important;
}
.full_width_product .product_end_section {
padding-left: 10px;
width: 100%;
}
}
.full_width_product .custom_field {
margin-bottom: 10px;
}
.full_width_product .prodTitle {
justify-content: start;
}
.versions_available {
text-transform: uppercase;
background-color: #ddd;
color: #666;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
padding: 2px 12px;
font-style: italic;
}
/* product list layout views */
/* Product Details Sales Contacts */
.sales_contact_container {
background-color: #fff;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
}
.sales_contact {
margin-bottom: 15px;
}
.sales_contact:nth-child(odd) {
padding-right: 8px;
}
.sales_contact:nth-child(even) {
padding-left: 8px;
}
@media(max-width:767px){
.sales_contact:nth-child(odd) {
padding-right: 15px;
}
.sales_contact:nth-child(even) {
padding-left: 15px;
}
}
.sales_contact_title {
padding: 7px 15px 7px 41px;
margin-bottom: 15px;
color: #fff !important;
background-color: #888 !important;
font-style: italic;
font-size: 22px;
}
.sales_contact_name {
margin-bottom: 0;
padding: 6px;
background-color: #ddd;
font-weight: 500;
font-style: italic;
font-size: 20px;
}
.sales_contact_number {
padding: 6px;
}
.sales_contact_number span:before{
content: "\2022";
color: #888;
position: relative;
left: 0;
font-size: 170%;
top: 1px;
margin-right: 3px;
}
.sales_call_icon {
position: absolute;
width: 23px;
height: 23px;
top: 7px;
left: 10px;
color: #fff;
transform: scale(-1, 1);
}
.sales_contact_inner {
border: 1px solid #ddd;
}
/* Product Details Sales Contacts */
/* General Modal Styles */
.modal {
top: 0;
width: 100% !important;
margin-left: 0 !important;
padding-right: 0 !important;
}
.modal-body {
padding: 10px;
}
.modal-title{
font-size: 16px !important;
color: #fff !important;
}
.modal-header {
border-bottom: 0;
border-radius: 0;
padding: 10px;
}
.modal-footer {
border-top: 0;
}
.modal-header .close {
color: #fff !important;
background-color: transparent;
opacity: 1;
font-weight: 500;
font-size: 18px;
padding: 0;
}
.modal-content {
border-radius: 0;
}
/* Endof General Modal Styles*/
/* Call Us / Enquiry Buttons & modals */
.call_to_action {
color: #fff !important;
background-color: #DFDCE8 !important;
text-align: center;
box-shadow: 4px 4px 8px rgba(0,0,0,0.1) !important;
border-radius: 8px;
display: block;
width: 60% !important;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
@media(max-width: 640px){
.call_to_action {
width: 100% !important;
font-size: 16px;
}
}
.call_us_icon {
width: 30px;
height: 30px;
vertical-align: middle;
}
button#enquiry{
width: 100%;
}
#addmodal form {
background-color: #DFDCE8;
box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
}
#addmodal_Product .productcontent h4,
.wishlist_modal .productcontent h4 {
margin-bottom: 5px;
font-size: 22px;
font-weight: bold;
}
@media(max-width: 767px){
#addmodal_Product .product-image,
.wishlist_modal .product-image {
max-height: 80px;
width: auto;
}
#addmodal_Product .productcontent h4,
.wishlist_modal .productcontent h4 {
font-size: 16px;
line-height: 16px;
}
}
#addmodal_Product .product_modal_price,
.wishlist_modal .product_modal_price {
font-weight: bold;
font-size: 22px !important;
}
@media(min-width:992px){
#addmodal_Product .modal-lg,
.wishlist_modal .modal-lg {
max-width: 950px;
}
}
@media only screen and (min-width:576px) and (max-width: 991px) {
#addmodal_Product .modal-lg,
.wishlist_modal .modal-lg {
max-width: calc(100% - 20px);
min-width: 550px;
}
}
#addmodal_Product .prodModal_related figure {
padding-top: 60px;
}
#addmodal_Product .prodModal_related figure img {
height: 60px;
width: auto;
}
#addmodal_Product .prodModal_related .recommended_products {
margin: 0 0 10px;
}
.continue_shopping {
padding: 0;
background-color: transparent !important;
border-color: transparent !important;
color: #999 !important;
text-decoration: underline;
font-weight: normal !important;
font-size: 14px !important;
margin-bottom: 20px;
}
.continue_shopping:hover {
padding: 0;
background-color: transparent !important;
border-color: transparent !important;
color: #666 !important;
text-decoration: underline;
}
.add_to_wishlist {
padding: 0;
background-color: transparent !important;
border-color: transparent !important;
color: #999 !important;
text-decoration: underline;
font-weight: normal !important;
font-size: 14px !important;
margin-top: 20px;
text-align: left;
display: block;
width: 100%;
}
.add_to_compare {
padding: 0;
background-color: transparent !important;
border-color: transparent !important;
color: #999 !important;
text-decoration: underline;
font-weight: normal !important;
font-size: 14px !important;
margin-top: 10px;
text-align: left;
display: block;
width: 100%;
}
.add_to_wishlist:hover,
.add_to_compare:hover {
color: #444 !important;
padding: 0;
}
@media(max-width: 599px){
.add_to_compare {
margin-bottom: 15px;;
}
}
/* End of Call Us / Enquiry Buttons & modals */
/* Sales Enquiry Modal & Trigger Button */
#hpFormGroup {
display: none;
}
#SalesEnquiry.sales_enquiry_button_alternate {
margin-bottom: 30px;
font-size: 13px;
padding: 3px 10px;
}
#SalesEnquiry.sales_enquiry_button {
right: 0;
top: 215px;
position: fixed;
z-index: 99;
padding: 0px 1px 0px 1px;
width: 40px;
height: 50px;
background-color: #fff !important;
border: none !important;
border-radius: 0 !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
}
.enquire_text {
width: 100%;
font-size: 10px;
line-height: 13px;
margin-top: 2px;
text-align: center;
font-weight: 500;
font-style: italic;
color: #222;
pointer-events: none;
font-family: 'Open Sans', sans-serif;
}
@media(max-width: 991px){
#SalesEnquiry.sales_enquiry_button {
top: 156px;
}
}
#enquire_modal .modal-body {
padding: 15px 15px 0 !important;
}
.sales_enquiry_modal {
display: inline-block;
float: none;
}
.sales_enquiry_modal h4 {
display: none;
}
.sales_enquiry_modal .form_mc {
padding: 0 !important;
box-shadow: none !important;
margin: 0;
width: 100%;
}
.sales_enquiry_modal .form-group .col-md-12,
.sales_enquiry_modal .form-group .col-md-6,
.sales_enquiry_modal .form-group {
margin-bottom: 10px !important;
}
.sales_enquiry_modal .form_mc .form-group:last-of-type {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 460px){
.sales_enquiry_modal .form-group .col-md-12, .form-group .col-md-6 {
padding: 0 15px !important;
}
}
/* End of Sales Enquiry Modal & Trigger Button */
/* END OF PRODUCT-LIST VIEW/DEFAULT PRODUCT/PRODUCT DETAILS */
/* CARD GROUP */
.card {
border: 0;
background: transparent;
box-shadow: none;
}
.card-heading h4 a {
color: #fff !important;
}
.card-heading {
font-weight: 500;
}
.tabbable-panel .nav > li > a {
padding: 7px 10px 7px 10px;
}
/* OPEN PAYMENT FORM */
.payment_form .form-group.form_fields_row {
margin-left: -15px;
margin-right: -15px;
}
@media(max-width: 991px){
.payment_form .form-group.form_fields_row .col-12.col-md-6:first-of-type {
margin-bottom: 15px;
}
}
/* OPEN PAYMENT FORM */
/* External Checkout */
.external_checkout_form {
background-color: #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
padding: 15px;
}
.external_checkout_form h2,
.external_checkout_form h4 {
margin-bottom: 15px;
font-weight: 500;
font-size: 150%;
}
.external_checkout_form input {
border-radius: 0;
}
.external_checkout_form .form-group {
margin-bottom: 0;
}
.external_checkout_form .form-group .col-12 {
margin-bottom: 15px;
}
.external_checkout_form .shipping_options input[type="radio"] {
top: -2px;
margin-right: 6px;
}
/* External Checkout */
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
max-width: 100%;
border-radius: 0;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Top Menu */
header#topHead {
line-height:40px;
width:100%;
z-index:101;
font-size: 13px;
position: fixed;
}
header#topHead .nav {
margin-left: 10px;
}
header#topHead a {
padding-left: 10px;
}
.desktop_icon {
position: relative;
top: -2px;
margin-left: 3px;
width: 19px;
height: 19px;
}
/* HTML/SVG arrows & icons */
.menu_arrow_right {
font-weight: bold;
transform:scale(.8,1.2);
display: inline-block;
transition: all .2s ease-out !important;
}
.menu_arrow_left {
font-weight: bold;
transform: rotate(180deg) scale(.8,1.2);
display: inline-block;
transition: all .2s ease-out !important;
}
.menu_arrow_up {
font-weight: bold;
transform: rotate(-90deg) scale(.8,1.2);
display: inline-block;
transition: all .2s ease-out !important;
transform-origin: center;
width: 10px !important;
height: 10px !important;
line-height: 12px !important;
text-align: center;
margin-left: -4px;
margin-right: 3px;
}
.menu_arrow_down {
font-weight: bold;
transform: rotate(90deg) scale(.8,1.2);
display: inline-block;
transition: all .2s ease-out !important;
transform-origin: center;
width: 10px !important;
height: 10px !important;
line-height: 7px !important;
text-align: center;
}
.see_all_icon {
font-size: 18px;
font-weight: normal;
}
/* HTML/SVG arrows & icons */
header#topNav.topHead {
top:40px;
}
header#topNav {
position:fixed;
width:100%;
z-index:1000;
height: 65px;
}
header#topNav a.logo {
display:inline-block;
position: relative;
bottom: 18px;
}
header#topNav .container {
height: 100%;
}
.cart_desktop_icon {
margin-top: 0;
margin-left: 3px;
width: 36px;
display: inline-block;
height: 36px;
}
.cart_count_desktop {
position: absolute;
margin-top: 4px;
font-size: 11px;
font-weight: bolder;
text-align: center;
background-color: rgba(0,0,0,0);
width: 37px;
}
.social_media_container {
margin-top: 0px;
margin-right: 10px;
}
#topNav .social_media_container {
margin-top: 10px;
display: flex;
}
.social_media_container .social_media_icons {
margin-left: 15px;
width: 35px;
height: 35px;
}
.social_media_container .social_media_icons a {
position: absolute;
width: 35px;
height: 35px;
}
.header_call_container,
.header_email_container {
float: right;
height: 60px;
}
.call_header {
font-size: 30px;
font-style: italic;
font-weight: 700;
text-decoration: none;
display: inline-block;
margin-left: 10px;
height: 60px;
line-height: 60px;
padding-top: 0px;
vertical-align: top;
}
.call_header_icon {
width: 34px;
height: 34px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
vertical-align: middle;
margin-top: -17px;
}
.phone_header {
display: inline-block;
margin-left: 7px;
font-weight: 500;
font-size: 28px;
line-height: 60px;
height: 60px;
}
.phone_header a {
text-decoration: none;
}
.top_social_media_icons {
line-height: 18px;
margin-top: 10px;
margin-left: 10px;
}
#topHead .social_media_container {
margin-right: 0;
}
.mini_social_media_icon {
width: 18px;
height: 18px;
filter: drop-shadow(0 0 2px rgba(0,0,0,.2));
border-radius: 2px;
}
.top_social_media_icons img {
width: 18px;
height: 18px;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2));
border-radius: 2px;
}
/* VAT on/off switch in menu */
.inc_ex_vat {
margin-left: 10px;
background-color: #3e7bcc;
color: #fff;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 22px;
border-radius: 14px;
margin-top: 10px;
padding: 0 8px;
cursor: pointer;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.inc_ex_vat a {
padding: 0 !important;
display: inline-block;
line-height: 20px;
}
.inc_ex_vat .vat_switch {
position: relative;
display: inline-block;
width: 30px;
height: 14px;
top: 2px;
margin: 0 2px;
border-radius: 8px;
background-color: #fff;
}
#VAT_toggle_on,
#VAT_toggle_off {
background-color: transparent;
display: inline-block;
}
.vat_switch.on:before {
content: '';
position: absolute;
top: 1px;
left: 2px;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #e20e41;
}
.vat_switch.off:before {
content: '';
position: absolute;
top: 1px;
right: 2px;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #e20e41;
}
.inc_ex_vat.mobile_vat {
position: absolute;
top: 56px;
right: 0px;
margin: 0;
border-radius: 12px 0 0 12px;
font-size: 11px;
font-weight: bold;
height: 21px;
line-height: 18px;
background-color: #3e7bcc;
color: #fff;
padding: 1px 6px;
z-index: 111;
}
.inc_ex_vat.mobile_vat .vat_switch {
height: 14px;
border: 1px solid;
}
.inc_ex_vat.mobile_vat .vat_switch.on:before {
width: 10px;
height: 10px;
}
.inc_ex_vat.mobile_vat .vat_switch.off:before {
width: 10px;
height: 10px;
}
/* VAT on/off switch in menu */
/* End of Top Menu */
/* Desktop Menu */
header.top_nav_desktop {
top: 105px !important;
padding: 0;
position:fixed;
width:100%;
z-index:999;
box-shadow: 0px 5px 10px rgba(27,56,100,.15);
}
header.top_nav_desktop nav ul.nav-main {
margin: 6px 0 6px 0;
z-index: 300;
}
.top_nav_desktop .nav {
padding: 0;
background-color: transparent !important;
}
#navbarNavDropdown {
margin: 6px 0 6px 0;
}
header.top_nav_desktop .nav .nav-item a.nav-link {
padding: 4px 20px 4px 20px;
position: relative;
transition: background-color ease-in-out .25s !important;
overflow: hidden;
}
@media (min-width: 992px){
header.top_nav_desktop .nav .nav-item .nav-link::after {
content: " ";
position: absolute;
left: calc(50% - 8px);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 5px solid #222;
transition: all .25s ease-in !important;
bottom: -6px;
opacity: 0;
}
header.top_nav_desktop .nav .nav-item.dropdown:hover .nav-link::after {
bottom: -1px;
opacity: 1;
}
}
header.top_nav_desktop .nav .nav-item {
list-style: none;
margin-right: 6px;
}
header.top_nav_desktop .nav .nav-item.dropdown .dropdown-menu {
border: 0;
margin: 0 !important;
border-radius: 0px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
padding: 0 !important;
transition: all .15s ease-in-out !important;
opacity: 0;
visibility: hidden;
padding-inline-start: 0 !important;
}
header.top_nav_desktop .nav .nav-item.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
height: auto;
display: block;
}
header.top_nav_desktop .nav .nav-item.dropdown .dropdown-menu .dropdown-item {
position: relative;
font-weight: normal;
padding: 4px 8px 4px 8px !important;
letter-spacing: 0px;
margin: 0;
max-width: 200px;
white-space: inherit;
transition: all .15s ease-in-out !important;
}
/* Dropdown Menu Fade In */
@media(min-width:992px){
.dropdown .dropdown-menu {
opacity: 0;
display: block;
visibility: hidden;
transition: all ease-out 0s;
}
.dropdown:hover .dropdown-menu {
z-index:300;
visibility: visible;
opacity: 1;
}
}
/* End of Dropdown Menu Fade In */
/* Main Menu Item padding */
@media only screen and (max-width: 1399px) {
header.top_nav_desktop .nav .nav-item a.nav-link {
padding: 4px 15px 4px 15px !important;
}
}
@media only screen and (max-width: 1199px) {
header.top_nav_desktop .nav .nav-item a.nav-link {
padding: 4px 11px 4px 11px !important;
}
}
/* End Main Menu Item padding */
/* Menu dropdown sub-dropdowns */
.top_nav_desktop .standard_five_levels .sub-dropdown-menu,
.top_nav_desktop .standard_five_levels .sub-sub-dropdown-menu,
.top_nav_desktop .standard_five_levels .sub-sub-sub-dropdown-menu,
.top_nav_desktop .standard_five_levels .sub-sub-sub-sub-dropdown-menu {
position: absolute;
left: 100%;
padding: 0;
margin: 0;
margin-top: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: all ease-out 0s;
box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
list-style-type: none;
transition: all .5s ease-in-out !important;
}
header.top_nav_desktop .standard_five_levels .dropdown-menu > li {
position: relative !important;
}
.top_nav_desktop .sub-child-item,
.top_nav_desktop .sub-sub-child-item,
.top_nav_desktop .sub-sub-sub-child-item,
.top_nav_desktop .sub-sub-sub-sub-child-item {
display: block;
font-weight: normal;
padding: 4px 12px 4px 12px;
min-width: 160px;
}
.top_nav_desktop .sub-child-link,
.top_nav_desktop .sub-sub-child-link,
.top_nav_desktop .sub-sub-sub-child-link,
.top_nav_desktop .sub-sub-sub-sub-child-link {
padding: 0 !important;
}
.top_nav_desktop .sub-dropdown-menu,
.top_nav_desktop .sub-sub-dropdown-menu,
.top_nav_desktop .sub-sub-sub-dropdown-menu,
.top_nav_desktop .sub-sub-sub-sub-dropdown-menu {
position: absolute;
left: 100%;
top: 0;
padding: 0;
margin: 0;
margin-top: 0;
visibility: hidden;
opacity: 0;
transition: all ease-out 0s;
box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
list-style-type: none;
}
@media(max-width: 1549px){
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(1) .dropdown-menu,
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(2) .dropdown-menu,
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(3) .dropdown-menu,
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(1) .dropdown-menu,
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(2) .dropdown-menu,
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(3) .dropdown-menu {
left: unset;
right: 0;
}
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(1) .sub-dropdown-menu,
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(2) .sub-dropdown-menu,
.top_nav_desktop .nav.dropdown_left .nav-item.dropdown:nth-last-child(3) .sub-dropdown-menu {
left: -100%;
max-width: 160px;
}
}
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(1) .sub-dropdown-menu,
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(2) .sub-dropdown-menu,
.top_nav_desktop .nav.menu_float_right .nav-item.dropdown:nth-last-child(3) .sub-dropdown-menu {
left: -100%;
max-width: 160px;
}
.top_nav_desktop .two-level-dropdown .sub-dropdown-trigger {
position: relative;
}
.top_nav_desktop .two-level-dropdown .sub-dropdown-menu {
top: 0;
}
.sub-dropdown-trigger:hover .sub-dropdown-menu,
.sub-child-link:hover .sub-sub-dropdown-menu,
.sub-sub-child-link:hover .sub-sub-sub-dropdown-menu,
.sub-sub-sub-child-link:hover .sub-sub-sub-sub-dropdown-menu {
visibility: visible;
transition: all .2s ease-in-out;
opacity: 1;
padding-bottom: 0 !important;
z-index: 1;
}
/* End of Menu dropdown sub-dropdowns */
/* Mega Menu */
.nav.mega-menu .nav-item.dropdown {
position: static;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu {
position: absolute;
left: 0;
right: 0;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content {
background-color: #fff !important;
padding: 15px 15px 7px !important;
transition: all ease-in-out .1s !important;
transition-delay: .1s !important;
left: 0 !important;
right: 0 !important;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu {
padding: 0;
margin-top: 7px;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu.inner-sub {
margin-top: 0;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu a.subcategory_back {
display: block;
padding: 3px 10px 0px 10px;
transition: all ease-in-out .2s;
/* font-size: 15px !important;
line-height: 17px;*/
font-weight: 500;
line-height: 1.1em;
text-transform: uppercase;
background-color: transparent !important;
color: #444 !important;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu a.subcategory_back.main_subcategory {
padding: 0;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu.inner-sub li a {
display: block;
padding: 2px 10px;
transition: all ease-in-out .2s;
font-size: 80% !important;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .col-3 > .sub-menu {
margin: 5px 0 0;
}
.nav.mega-menu .menu_pic {
position: relative;
box-shadow: 0px 0px 0px 1px #eee;
overflow: hidden;
}
.nav.mega-menu .menu_pic a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.nav.mega-menu .menu_pic img.mega_menu_image {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1.02);
width: 100%;
height: auto;
}
.dropdown-menu-background {
opacity: 0;
display: block;
visibility: hidden;
position: fixed;
top: 148px;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.45);
pointer-events: none;
z-index: -1;
transition: all .4s ease-in-out;
}
.nav.mega-menu .nav-item.dropdown:hover .dropdown-menu-background {
visibility: visible;
opacity: 1;
}
/* More link and sub-dropdown on Mega Menu */
.menu_link_title {
padding: 0;
display: inline-block;
}
.sub_menu_title {
display: inline-block;
margin-top: 0;
padding: 0px 5px 0px 0px;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #626262;
}
.sub_menu_title:hover {
cursor: pointer;
}
.menu_link_title .more_sub {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
padding: 0;
background-color: #fff;
z-index: 10;
width: 91%;
box-shadow: 0 0 4px rgba(0,0,0,.2);
transition: all .3s ease-in-out !important;
}
.more_sub_link {
padding: 2px 10px 2px 10px;
white-space: nowrap;
}
.more_sub_link:hover {
cursor: pointer;
color: #fff;
text-decoration: underline !important;
}
.menu_link_title:hover .more_sub {
opacity: 1;
height: auto;
width: auto;
min-width: 120px;
}
.sub-menu.non_image .menu_link_title {
position: relative;
}
.sub-menu.non_image .menu_link_title:hover .more_sub {
left: 10px
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .more_sub .more_sub_link a,
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content ul.sub-menu.second-sub li a {
padding: 0;
color: #444 !important;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content ul.sub-menu.second-sub li a {
font-size: 15px !important;
display: inline-block;
padding: 1px 0;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content ul.sub-menu.second-sub li a:hover {
text-decoration: underline;
}
.nav.mega-menu .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu:hover .subcategory_back span {
text-decoration: underline;
}
.also_in_link {
color: #666;
font-size: 22px;
}
header.top_nav_desktop .nav .nav-item a.mega_menu_see_all, header.top_nav_desktop .nav .nav-item a.mega_menu_see_all#activepage {
background-color: transparent !important;
}
.sub-menu.non_image .sub_menu_title {
padding: 0px 5px 0px 10px;
}
.sub-menu.non_image {
margin-bottom: 5px;
}
.mega_menu_side {
padding: 0 2rem;
}
.mega_menu_product {
position: relative;
}
.mega_menu_product figure {
height: 60px;
position: relative;
}
.mega_menu_product figure img {
height: 100%;
width: auto;
}
header.top_nav_desktop .nav .nav-item .mega_menu_side .mega_menu_product a.prodTitle {
font-size: 14px !important;
line-height: 16px;
color: #222 !important;
font-weight: 500;
}
header.top_nav_desktop .nav .nav-item .mega_menu_side .mega_menu_product a.prodTitle:hover {
text-decoration: underline;
}
.menu_divider:last-of-type {
border-bottom: 0 !important;
}
/* End More link and sub-dropdown on Mega Menu */
/* End Mega Menu */
/* Classic Mega Menu */
.nav.mega-menu.mega-menu-classic .classic_mega_menu_sub_item a {
color: #333 !important;
padding-left: 5px;
display: block;
}
.nav.mega-menu.mega-menu-classic .classic_mega_menu_sub_item a:hover {
text-decoration: underline !important;
}
.nav.mega-menu.mega-menu-classic .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu {
padding: 3px 5px;
}
.nav.mega-menu.mega-menu-classic .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu:hover .subcategory_back span {
text-decoration: none !important;
}
.nav.mega-menu.mega-menu-classic .nav-item.dropdown .dropdown-menu.mega-menu-content .sub-menu a.subcategory_back {
padding-top: 0;
}
/* End Classic Mega Menu */
/* Contracting Menu */
@media(min-width: 992px){
#partially_contracting_menu {
position: fixed;
width: 100%;
display: block;
transition: top 0.5s;
z-index: 1000;
}
#partially_contracting_menu #topNav {
position: relative;
width: 100%;
height: 65px;
}
#partially_contracting_menu .top_nav_desktop {
position: relative;
width: 100%;
height: 43px;
top: 40px !important;
display: flex !important;
justify-content: center;
align-items: center;
pointer-events: none;
}
#partially_contracting_menu .nav {
pointer-events: all;
}
#partially_contracting_menu .logo_nav {
transition: all .35s ease-in-out;
}
#partially_contracting_menu header.top_nav_desktop .nav .nav-item a.nav-link {
/*padding: 0px 10px 15px 10px !important;*/
}
#fully_contracting_menu {
position: fixed;
width: 100%;
display: block;
transition: top 0.5s;
z-index: 1000;
}
#fully_contracting_menu #topNav {
position: relative;
width: 100%;
height: 65px;
}
#fully_contracting_menu .top_nav_desktop {
position: relative;
width: 100%;
height: 43px;
top: 40px !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.fully_contracting_menu_icons {
position: absolute;
height: 24px;
top: 8px;
}
.contracting_menu_icon {
vertical-align: middle;
}
.contracting_menu_icon a {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.fully_contracting_menu_icons a svg {
transition: color ease-in-out .25s !important;
width: 20px;
height: 20px;
}
}
/* End Contracting Menu */
/* Transparent menu */
#transparent_menu {
position: fixed !important;
width: 100% !important;
height: 150px !important;
background: linear-gradient(0deg,transparent 0,rgba(0,0,0,.4),rgba(0,0,0,.8));
z-index: 9999;
}
#transparent_menu #topHead {
background-color: transparent !important;
border-bottom: 0 !important;
}
#transparent_menu #topHead a {
color: #fff !important;
}
#transparent_menu #topNav {
background-color: transparent !important;
border-bottom: 0 !important;
}
#transparent_menu .top_nav_two {
background-color: transparent !important;
box-shadow: none !important;
}
#transparent_menu header.top_nav_desktop .nav .nav-item a:not(.dropdown-menu a) {
filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
}
#transparent_menu .contracting_menu_icon {
filter: drop-shadow(0 0 4px rgba(0,0,0,.3));
}
#transparent_menu header.top_nav_desktop .nav .nav-item:hover > a,
#transparent_menu header.top_nav_desktop .nav .nav-item:focus > a,
#transparent_menu header.top_nav_desktop .nav .nav-item:active > a,
#transparent_menu header.top_nav_desktop .nav .nav-item a#activepage {
background-color: transparent !important;
}
/* End of Transparent menu */
/* Menu Right of Logo */
.menu_right_of_logo {
position: absolute;
width: 100%;
}
.menu_right_of_logo header.top_nav_desktop .nav .nav-item a.nav-link {
padding: 4px 10px 25px 10px !important;
}
#fully_contracting_menu .menu_right_of_logo header.top_nav_desktop .nav .nav-item a.nav-link,
#partially_contracting_menu .menu_right_of_logo header.top_nav_desktop .nav .nav-item a.nav-link {
padding: 4px 10px 4px 10px !important;
}
.menu_right_of_logo .search_small_bar {
display: none !important;
}
.menu_right_of_logo .max_width_search {
width: auto !important;
margin-right: 0;
margin-top: 10px;
}
.menu_right_of_logo .cart_desktop {
margin-top: 8px;
transform: scale(.85);
}
.menu_right_of_logo .cart_desktop a {
margin-left: 5px !important;
}
.menu_right_of_logo .mag_glass_search,
.menu_right_of_logo .mag_glass_search:hover,
.menu_right_of_logo .mag_glass_search:active,
.menu_right_of_logo .mag_glass_search:focus {
background-color: transparent !important;
box-shadow: none;
}
.menu_right_of_logo .main_menu_search {
display: block !important;
}
.menu_right_of_logo .header_call_container,
.menu_right_of_logo .header_email_container,
.menu_right_of_logo .wishlist_desktop,
.menu_right_of_logo .menu_search {
display: none;
}
.menu_right_of_logo #topNav .cart_desktop svg,
.menu_right_of_logo #topNav .cart_count_desktop {
display: none;
color: #fff !important;
}
.menu_right_of_logo .top_nav_desktop {
top: 84px !important;
position: fixed;
width: 100%;
z-index: 9999;
box-shadow: 0px 6px 5px rgba(27, 56, 100, .05);
}
.menu_right_of_logo .nav.mega-menu .nav-item:last-of-type {
/* margin-right: 100px !important;*/
}
/* End Menu Right of Logo */
/* End of Desktop Menu */
/* Mobile Menu */
/* Mobile burger icon animation */
.mobile_burger {
width: 40px;
height: 40px;
position: relative;
padding-top: 19px !important;
float: right;
margin-right: 15px;
cursor: pointer;
padding: 0;
box-shadow: none;
border: 0;
border-radius: 0;
line-height: unset;
-webkit-appearance: attachment;
font-size: unset;
}
.menu-btn-mob,
.menu-btn-mob:before,
.menu-btn-mob:after {
height: 2px;
width: 30px;
border-radius: 3px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
padding: 0;
box-shadow: none;
}
.menu-btn-mob:before,
.menu-btn-mob:after {
content: " ";
position: absolute;
margin-top: -9px;
margin-left: 0;
-webkit-transform: rotateZ(0deg);
-webkit-transform-origin: 3px 3px;
transform: rotateZ(0deg);
transform-origin: 3px 3px;
}
.menu-btn-mob:after {
margin-top: 9px;
}
.menu-btn-mob-on {
background-color: transparent !important;
}
.menu-btn-mob-on.menu-btn-mob:before {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
width: 31px;
}
.menu-btn-mob-on.menu-btn-mob:after {
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
width: 31px;
margin-left: 2px;
}
/* End of Mobile burger icon animation */
#TopNav_mobile {
z-index: 111;
height: 56px;
padding: 11px 0;
box-shadow: 0px 5px 5px rgba(27,56,100,.1);
position: fixed;
width: 100%;
}
#TopNav_mobile .navbar {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-left: 10px;
}
#TopNav_mobile .navbar-collapse {
position: absolute;
top: 56px;
left: 0;
right: 0;
z-index: 112;
max-height: 465px;
overflow-x: hidden;
box-shadow: 0px 5px 5px rgba(27,56,100,.1);
padding-top: 10px;
pointer-events: all;
}
#TopNav_mobile .navbar-collapse .navbar-nav {
margin-top: 0;
padding: 0 15px;
}
#TopNav_mobile .dropdown-menu {
border: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background-color: transparent;
}
#TopNav_mobile .dropdown-item {
background-color: transparent !important;
}
#TopNav_mobile .dropdown-menu.show.expanded {
display: block !important;
}
#TopNav_mobile .dropdown-menu .dropdown-item,
#TopNav_mobile .dropdown-menu .sub-menu a:not(.dropdown-toggle.sub-toggle) {
font-size: 80% !important;
}
#TopNav_mobile .dropdown-menu li {
padding: 0 !important;
position: relative;
}
#TopNav_mobile .dropdown-menu li > .dropdown-item,
#TopNav_mobile .dropdown-menu .sub-menu li a{
padding: 2px 30px 2px 10px;
display: block;
white-space: break-spaces;
}
#TopNav_mobile .dropdown-menu .sub-menu,
#TopNav_mobile .dropdown-menu .sub-sub-menu,
#TopNav_mobile .dropdown-menu .sub-sub-sub-menu,
#TopNav_mobile .dropdown-menu .sub-sub-sub-sub-menu {
margin: 0;
padding-left: 20px !important;
}
#TopNav_mobile .nav-item {
min-height: 30px;
border-bottom: 1px solid #ddd;
}
#TopNav_mobile .nav-item .nav-link {
padding: 0;
}
#TopNav_mobile .nav-item.dropdown {
position: relative;
}
#TopNav_mobile .nav-item .menu-item-title {
line-height: 30px;
display: inline-block;
width: calc(100% - 35px);
}
#TopNav_mobile .nav-item .menu-item-title a {
line-height: 30px;
display: block;
}
#TopNav_mobile .mobile_divider {
margin-top: 5px;
}
#TopNav_mobile .nav-item.mobile_top_menu_item {
border-bottom: 0;
}
#TopNav_mobile .nav-item.mobile_top_menu_item a {
line-height: 30px;
font-size: 90% !important;
display: block;
}
#TopNav_mobile .nav-link.dropdown-toggle,
#TopNav_mobile ul li a.nav-link.sub-dropdown-toggle {
padding: 0;
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 0;
}
#TopNav_mobile .nav-link.dropdown-toggle:after {
position: absolute;
transform-origin: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all ease-in-out .1s;
}
#TopNav_mobile .nav-link.dropdown-toggle.expanded:after,
#TopNav_mobile .nav-link.dropdown-toggle.sub-toggle.expanded:after {
transform: translate(-50%, -50%) rotate(180deg);
}
/* Expandable Mobile Menu */
#TopNav_mobile .sub-menu {
position: relative !important;
}
#TopNav_mobile .sub-menu a {
line-height: 18px !important;
padding: 7px 5px !important;
}
#TopNav_mobile .sub-menu {
display: none;
}
/* Expandable Mobile Menu */
/* Mobile Icons Dropdown */
#TopNav_mobile .mobile_menu_icon_container .dropdown-menu {
min-width: unset;
overflow: hidden;
border-radius: 6px !important;
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
max-height: 0;
display: block;
left: -5px;
margin-top: 1px;
transition: all .15s ease-in-out;
}
#TopNav_mobile .mobile_menu_icon_container .dropdown-menu.show {
max-height: 200px;
}
#TopNav_mobile .mobile_menu_icon_container ul.dropdown-menu li {
position: relative;
padding: 7px !important;
background-color: #fff;
border-bottom: 1px solid #eee;
}
#TopNav_mobile .mobile_menu_icon_container ul.dropdown-menu li a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
#mobileIconDropdown {
background-color: transparent !important;
border: 2px solid;
border-color: #444;
color: #444;
width: 30px;
height: 23px;
margin-top: 9px;
margin-right: 10px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
}
.mobile_menu_icon_container .dropdown-menu li:last-of-type {
border-bottom: 0 !important;
}
/* End Mobile Icons Dropdown */
/* End of Mobile Menu */
/* Menu URL buttons */
.desktop_menu_link_button,
.desktop_menu_link_button:hover,
.desktop_menu_link_button:active,
.desktop_menu_link_button:focus {
max-width: 130px;
font-size: 14px;
line-height: 16px;
padding: 2px 9px;
font-weight: 500;
}
.mobile_menu_link_button {
position: absolute;
width: 100%;
transform: translateX(0);
left: 0;
height: 50px;
padding-left: 50px;
background-color: #ddd;
-webkit-filter: drop-shadow(2px 2px 6px rgba(0,0,0,.2));
filter: drop-shadow(2px 2px 6px rgba(0,0,0,.2));
text-align: center;
top: 56px;
transition: all ease-in-out .25s;
display: flex;
justify-content: center;
align-items: center;
}
.mobile_menu_link_button.closed {
transform: translateX(calc(100% - 48px));
}
.mobile_link_icon {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background-size: 42px;
background-position: 5px 5px;
background-repeat: no-repeat;
background-color: #888;
z-index: 2;
padding: 3px;
}
.mobile_link_image {
position: relative;
width: 100%;
transform: translate(50%, 50%);
top: -50%;
left: -50%;
}
.tap_to_collapse {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 50px;
padding-top: 3px;
height: 28px;
font-size: 8px;
font-weight: 500;
line-height: 10px;
text-align: center;
color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
transition: all ease-in-out .3s;
background-color: #666;
}
.mobile_menu_link {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
}
/* End Menu URL buttons */
/* Homepage Video Styles */
.vid_container {
position: relative;
overflow: hidden;
}
.vid_container video {
position: absolute;
width: 100%;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media(max-width:767px){
.vid_container video {
position: absolute;
width: auto;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.carousel-caption.video-caption {
position: absolute;
bottom: unset;
opacity: 1;
letter-spacing: 1px;
width: 92%;
padding-left: 15px;
padding-right: 15px;
text-align: unset;
opacity: 0;
z-index: 1;
}
.vid_container .topGalleryCaptionClass {
margin-bottom: 10px;
filter: drop-shadow(0 0 4px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,.2));
font-weight: normal;
line-height: 1.2em;
}
.vid_container .topGalleryDescriptionClass {
padding: 0;
color: #fff !important;
filter: drop-shadow(0 0 3px rgba(0,0,0,1)) drop-shadow(0 0 3px rgba(0,0,0,.1));
font-weight: normal;
line-height: 1.2em;
}
.vid_container .topGalleryCaptionClass p,
.vid_container .topGalleryDescriptionClass p{
line-height: 1.2em;
}
.homepage_video_link {
margin-top: 30px;
opacity: 0;
}
#videoButtons {
position: absolute;
top: 75%;
right: 0;
width: 28px;
height: 73px;
z-index: 1;
}
button#VideoPlayPause {
position: relative;
z-index: 1;
left: unset;
right: 0;
width: 28px;
height: 28px;
font-size: 13px;
line-height: 19px;
font-style: italic;
font-weight: 500;
opacity: .5;
transition: opacity .25s ease-in-out;
background-color: #fff;
color: #000;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
button#VideoPlayPause.paused:after {
content: '';
position: absolute;
top: 7px;
left: 9px;
font-style: normal;
width: 12px !important;
height: 14px !important;
background-image: url(/public/images/play.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
button#VideoPlayPause.playing:after {
content: '';
position: absolute;
top: 7px;
left: 9px;
font-style: normal;
width: 10px !important;
height: 15px !important;
background-image: url(/public/images/pause.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
button#AudioOnOff {
position: relative;
z-index: 1;
left: unset;
right: 0;
top: 10px;
width: 28px;
height: 28px;
font-size: 13px;
line-height: 19px;
font-style: italic;
font-weight: 500;
opacity: .5;
transition: opacity .25s ease-in-out;
background-color: #fff;
color: #000;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
button#AudioOnOff.audioOff:after {
content: '';
position: absolute;
top: 6px;
left: 6px;
font-style: normal;
width: 17px !important;
height: 17px !important;
background-image: url(/public/images/audio_off.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
button#AudioOnOff.audioOn:after {
content: '';
position: absolute;
top: 6px;
left: 6px;
font-style: normal;
width: 17px !important;
height: 17px !important;
background-image: url(/public/images/audio_on.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.vid_container:hover #VideoPlayPause,
.vid_container:hover #AudioOnOff {
opacity: 1
}
@media(max-width: 767px){
.videoButtons {
top: unset;
bottom: 30px;
transform-origin: right;
transform: scale(0.9);
}
#VideoPlayPause,
#AudioOnOff {
opacity: 1 !important;
}
}
/* Homepage Video Styles */
/* Custom Camera Styles */
.flexifi-widget .flexifi-description .flexifi-main {
white-space: break-spaces !important;
}
.show_more_trigger {
display: inline-block;
color: #555;
background-color: #fff;
font-size: 12px;
padding: 0px 10px;
border: 1px solid #ccc;
border-radius: 16px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product_row_details .show_more_trigger {
margin-top: 10px;
}
.productDescription .show_more_trigger {
margin-bottom: 30px;
margin-top: 10px;
}
.show_more_trigger:hover {
cursor: pointer;
}
.show_more_target {
display: none;
}
.prodTitle,
a.prodTitle {
color: #7c7c7c !important;
margin-bottom: 10px;
}
.prodDetailsTitle {
font-weight: normal;
font-size: 20px;
line-height: 22px;
margin-bottom: 15px;
}
.recommended_products_item .prodDetailsTitle {
font-size: 16px;
line-height: 17px;
display: block;
}
.mag_message {
margin-bottom: 15px;
font-size: 10px;
font-style: italic;
color: #666;
}
#prod_title_gallery {
margin-bottom: 20px;
position: relative;
}
#prod_title_gallery a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.recommended_products {
margin: 15px 0 30px;
}
.recommended_products .item-box {
padding: 10px !important;
border-radius: 0;
background-color: #fff !important;
box-shadow: 0px 0px 9px rgba(0,0,0,0.15) !important;
height: 100%;
}
.recommended_products_title {
font-size: 22px !important;
line-height: 26px;
font-weight: 500 !important;
margin-bottom: 15px;
}
/* Compare Panel */
#Compare_Items {
position: fixed;
left: 0;
right: 0;
bottom: -185px;
height: 185px;
background-color: rgba(0,0,0,.75);
padding-top: 10px;
transition: all ease-in-out .5s;
}
.compare_title {
color: #fff;
text-align: center;
font-size: 22px !important;
line-height: 26px;
font-weight: normal !important;
letter-spacing: 1px;
margin-bottom: 15px;
}
.compare_close {
position: absolute;
right: 12px;
top: -22px;
font-size: 12px;
line-height: 12px;
font-weight: 500;
width: 85px;
height: 22px;
background-color: #222;
color: #fff;
border: 1px solid #fff;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
text-align: center;
opacity: .7;
transition: all ease-in-out .2s;
}
.compare_remove {
position: absolute;
right: 5px;
top: 5px;
font-size: 12px;
line-height: 12px;
font-weight: 500;
width: 19px;
height: 19px;
background-color: transparent;
color: #000;
border: 1px solid #000;
z-index: 1;
border-radius: 7px;
text-align: center;
opacity: .5;
transition: all ease-in-out .2s;
padding: 0;
}
.compare_close:hover,
.compare_remove:hover {
opacity: 1;
}
.compare_product_title {
font-size: 14px;
line-height: 16px;
display: inline-block;
margin-bottom: 7px;
}
.compare_item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.compare_item figure img {
max-height: 75px;
width: auto;
position: relative;
}
.compare_opened {
bottom: 0px !important;
}
.compare_closed {
bottom: -185px !important;
}
@media(max-width:767px){
#Compare_Items {
height: 320px;
}
.compare_closed {
bottom: -320px !important;
}
}
@media(max-width:575px){
.compare_title {
font-size: 18px !important;
margin-bottom: 10px !important;
}
.compare_item {
padding-left: .25rem;
padding-right: .25rem;
}
.compare_product_title {
font-size: 12px;
}
.compare_item figure img {
max-height: 45px;
}
#Compare_Items {
height: 330px;
bottom: -330px;
}
.compare_closed {
bottom: -330px !important;
}
}
.compare_message,
.compare_exists_message {
margin-bottom: 10px;
display: block;
font-size: 12px;
line-height: 16px;
font-style: italic;
color: #ff0000;
}
.compare_row {
font-size: 13px;
line-height: 15px;;
}
.compare_row:nth-of-type(odd){
background-color: #eee;
}
.compare_product .prodTitle {
height: 42px;
display: flex;
justify-content: center;
overflow: hidden;
}
.compare_product .add_to_wishlist {
margin-top: 0;
}
/* End Compare Panel */
.bs-callout .social_media_icon {
width: 52px;
height: 52px;
}
#button_search_callout {
border-radius: 0;
}
/* Custom Camera Styles */
/* Trust Index */
.trust_index .ti-widget[data-layout-id='13'][data-set-id='ligth-border'] .ti-footer-link-block a,
.trust_index .ti-widget[data-layout-id='13'][data-set-id='ligth-border'] .ti-footer .ti-name {
color: #fff !important;
}
.trust_index .ti-widget[data-layout-id='13'][data-set-id='ligth-border'] .ti-widget-container,
.trust_index .ti-widget[data-layout-id='13'][data-set-id='ligth-border'] .ti-col-1 .ti-reviews-container {
margin-bottom: 0 !important;
}
/* Trust Index */
/* Bundles */
.bundle_preview {
max-width: 100px;
}
.prodBundleTitle {
font-size: 14px;
line-height: 16px;
}
.bundle_main_product_price {
font-weight: 500;
font-size: 32px;
margin-bottom: 15px;
}
.bundle_item_price {
font-weight: 500;
}
.add_to_bundle {
font-size: 12px;
padding: 2px 5px;
}
.bundle_modal {
z-index: 111111;
}
.bundle_modal_preview {
margin-bottom: auto;
max-width: 80px;
}
.bundle_items_list {
background-color: #fff;
max-height: 170px;
overflow-y: auto;
padding: 5px;
margin-bottom: 10px;
}
.bundle_list_item {
position: relative;
font-size: 14px;
line-height: 20px;
padding-right: 27px;
padding-top: 7px;
border-top: 1px solid #ddd;
margin-top: 8px;
}
.savings_text {
color: #ff0000;
}
.remove_bundle_item {
position: absolute;
right: 0px;
top: 7px;
color: #999;
font-weight: 500;
width: 18px;
height: 15px;
text-align: center;
border: 1px solid #ccc;
border-radius: 7px;
padding: 0;
}
.remove_bundle_item:after {
content: 'x';
position: absolute;
top: -4px;
left: 5px;
}
.remove_bundle_item:hover {
cursor: pointer;
}
.bundle_products_scroller {
max-height: 400px;
overflow-y: auto;
}
@media(max-width: 575px){
.bundle_modal_details {
margin-top: 10px;
}
}
.product_bundle_cart {
background-color: #fff;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
}
.product_bundle_inner {
padding: 15px 0;
}
.product_bundle_cart .cart_item {
border: 0;
margin-bottom: 0;
}
.bundle_buy_bundle_items {
max-height: 335px;
overflow: auto;
}
.bundle_main {
position: relative;
}
.bundle_plus {
position: absolute;
right: -5px;
top: 44%;
}
.offer_title {
display: block;
font-weight: 500;
font-size: 22px;
}
/* End Bundles */
/* Contractors */
#contractors_map {
height: 516px !important;
margin-bottom: 30px;
}
.contractor_item {
border-bottom: 1px solid #ddd;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
height: 100%;
}
.contractors_container {
margin-bottom: -5px;
}
.contractor_staff_details p {
margin-bottom: 5px;
}
.contractor_staff_details p:last-of-type {
margin-bottom: 0;
}
.contractor_staff_image img {
aspect-ratio: 337 / 450;
}
.contractor_staff_item:hover img {
transform: none !important;
}
/* End Contractors */
/* Spare Parts view */
.parts_filter {
box-shadow: 0 0 8px rgba(0,0,0,.1);
padding: 15px;
background-color: #fff !important;
border-radius: 5px;
}
.parts_filter_item {
margin-bottom: 15px;
}
.parts_filter_item select,
.parts_filter_item input {
border-radius: 0 !important;
}
.parts_table {
box-shadow: 0 0 8px rgba(0,0,0,.1);
padding: 0;
background-color: #fff !important;
}
.parts_table table {
margin-bottom: 0;
}
.parts_view .paginator {
line-height: 25px;
margin: 0;
padding: 10px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
clear: both;
height: unset;
width: 100%;
float: left;
}
.parts_table table thead tr th {
border: none;
background-color: #111;
color: #fff;
white-space: nowrap;
}
.parts_table table tbody tr td {
vertical-align: middle !important;
white-space: nowrap;
}
.parts_swipe_message {
font-style: italic;
margin-bottom: 15px;
display: none;
}
@media(max-width: 600px){
.parts_swipe_message {
display: block;
}
}
/* Spare Parts view */
/* Part Details */
.part_details #enquireForm {
box-shadow: 0px 0px 8px rgba(0,0,0,.1);
background-color: #fff;
padding: 15px;
}
#hide_show_phone,
#phone_to_show {
cursor: pointer;
border-radius: 0;
background-color: #fff !important;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1) !important;
padding: 8px 0;
display: inline-block;
width: 205px !important;
text-align: center;
font-weight: 500;
transition: all .3s ease-in-out;
}
#hide_show_phone:hover,
#phone_to_show:hover {
box-shadow: 0px 0px 8px rgba(0,0,0,.3) !important;
}
.part_details .g-recaptcha {
transform: scale(1) !important;
}
@media(max-width: 360px){
.part_details .g-recaptcha {
transform: scale(.85) !important;
}
}
.parts_enquiry_form {
box-shadow: 0px 0px 9px rgba(0,0,0,.15);
background-color: #fff;
padding: 15px;
}
.parts_enquiry_form .form-group {
margin-bottom: 15px
}
.parts_enquiry_modal .form-group {
margin-bottom: 15px;
}
.parts_enquiry_modal .modal-body {
padding: 15px !important;
}
.parts_gallery img {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}
/* Part Details */
/* Tickets */
.ticket_event_purchase {
padding: 15px;
box-shadow: 0 0 12px rgba(0,0,0,.1) !important;
background-color: #fff;
}
.ticketevent_title {
margin-bottom: 15px;
}
.ticket_option {
border-top: 1px solid #ddd;
padding: 15px 0;
}
.ticket_option:last-of-type {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.ticket_event_availability {
text-align: right;
}
.ticket_event_price {
text-align: right;
font-size: 18px;
}
.tickets_sold_out b {
background-color: #21404d;
color: #fff;
padding: 3px 10px;
}
/* Tickets */
/* Albums/Music */
.music_item figure {
padding-top: 100%;
position: relative;
}
.music_item figure img {
position: absolute;
top: 0;
left: 0;
}
.album_listing .album_links,
.album_listing .album_tracks {
border-top: 1px solid #ddd;
}
.track_line {
border-bottom: 1px solid #ddd;
padding: 5px 0 5px 0;
}
/* End Albums/Music */
@media(min-width: 992px){
.sticky-top {
top: 175px;
}
}
@media(max-width: 991px){
.sticky-top {
top: 75px;
}
}
.career_preview p {
margin: 0;
}