.iqitmegamenu-wrapper { z-index: 97; clear: both; } .iqitmegamenu-wrapper.cbp-hor-width-0 { padding-left: 0px; padding-right: 0px; } .container-iqit-menu{ z-index: 10; position: relative; } .cbp-hor-width-1 .container { padding-left: 0px; padding-right: 0px; } .iqitmegamenu { background: #cecece; } .iqitmegamenu .container .row { margin-left: 0px; margin-right: 0px; } .cbp-sticky.cbp-sticky-transparent { opacity: 0.85; transition: opacity 300ms ease-in-out; } .cbp-sticky.cbp-sticky-transparent:hover { opacity: 1; } #iqitmegamenu-horizontal.cbp-sticky { position: fixed !important; top: 0 !important; width: 100% !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); z-index: 90; left: 0; -webkit-backface-visibility: hidden; } @media (max-width: 999px) { #iqitmegamenu-horizontal.cbp-sticky { position: static !important; } } #iqitmegamenu-horizontal.cbp-sticky .cbp-hrmenu-tab > a > .cbp-legend { display: none; } .cbp-hrmenu { width: 100%; } @media (max-width: 999px) { .cbp-hrmenu { display: none; } } .cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none; } .cbp-hrmenu .col-xs-12 { float: left; } .cbp-hrmenu .cbp-tab-title { display: inline-block; vertical-align: middle; position: relative; top: -1px; } .cbp-hrmenu .cbp-manufacturers { margin-top: -10px; } .cbp-hrmenu .cbp-manufacturers li { margin-top: 10px; } .cbp-hrmenu .cbp-manufacturers li:hover { opacity: 0.85; } .cbp-hrmenu .cbp-vertical-title { transition: all 300ms ease-in-out; padding: 0px 15px; } .cbp-hrmenu .cbp-vertical-title .icon { margin-right: 10px; } .cbp-hrmenu .cbp-categories-row { margin-top: -10px; } .cbp-hrmenu .cbp-categories-row > div { margin-top: 10px; } .cbp-hrmenu .menu_row { position: static; } .cbp-hrmenu .cbp-empty-column .cbp-menu-column-inner > .menu_row:first-child { margin-top: -20px; } .cbp-hrmenu .cbp-tabs-container { width: 100%; } .cbp-hrmenu .cbp-absolute-column { margin: 0px; padding: 0px; position: absolute; width: auto !important; z-index: 2; } .cbp-hrmenu .cbp-column-title { display: block; margin-bottom: 8px; } .cbp-hrmenu .cbp-column-title .cbp-legend.cbp-legend-inner { top: -2px; } .cbp-hrmenu .cbp-column-title .cbp-legend.cbp-legend-inner .cbp-legend-arrow:before { top: -1px; } .cbp-hrmenu .cbp-column-title.cbp-column-title-inline { padding: 0px !important; border: none !important; margin: 0px !important; margin-right: 10px !important; display: inline-block; vertical-align: middle; } .cbp-hrmenu .cbp-menu-column { margin-top: 20px; } .cbp-hrmenu .cbp-menu-column .row { margin-left: -10px; margin-right: -10px; } .cbp-hrmenu .cbp-mainlink-iicon, .cbp-hrmenu .cbp-mainlink-icon { width: auto; display: inline; vertical-align: middle; margin-right: 4px; } .cbp-hrmenu .cbp-onlyicon .cbp-mainlink-iicon, .cbp-hrmenu .cbp-onlyicon .cbp-mainlink-icon { margin-right: 0px; } .cbp-hrmenu .cbp-legend { display: inline-block; top: -15px; right: 5px; background-color: #999999; color: #ffffff; position: absolute; font-weight: normal; font-size: 10px; padding: 4px 6px; text-transform: none; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); line-height: initial; } .cbp-hrmenu .cbp-legend .cbp-legend-arrow:before { font-family: "FontAwesome"; content: "\F0D7"; font-size: 15px; position: absolute; bottom: -10px; right: 5px; } .cbp-hrmenu .cbp-legend.cbp-legend-inner { position: relative; top: 0px; margin-left: 5px; right: 0px; padding: 2px 4px; vertical-align: middle; } .cbp-hrmenu .cbp-legend.cbp-legend-inner .cbp-legend-arrow:before { content: "\f0d9"; bottom: 0px; top: 0px; margin-top: 1px; z-index: 2; right: auto; left: -4px; } .cbp-hrmenu .cbp-tab-content { border-left: 1px solid #cecece; margin-top: 0px !important; margin-bottom: 0px !important; padding: 0px; vertical-align: top; } .cbp-hrmenu .cbp-products-big * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cbp-hrmenu .cbp-products-big .quick-view { font-size: 0px; } .cbp-hrmenu .cbp-products-big .online-label, .cbp-hrmenu .cbp-products-big .new-label, .cbp-hrmenu .cbp-products-big .sale-label { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .cbp-hrmenu .cbp-products-big li.ajax_block_product { text-align: center; margin-bottom: 10px; } .cbp-hrmenu .cbp-products-big li.ajax_block_product:hover { padding-top: 0px; padding-bottom: 0px; } .cbp-hrmenu .cbp-products-big li.ajax_block_product:hover .functional-buttons-grid { visibility: visible; opacity: 0.9; margin-bottom: 0px; } .cbp-hrmenu .price.product-price{ font-size: 14px; line-height: 14px; } .cbp-hrmenu .old-price.product-price{ font-size: 13px; } .cbp-hrmenu .cbp-products-list .product-name, .cbp-hrmenu .cbp-products-list .product-name-container { height: auto; line-height: inherit; } .cbp-hrmenu .cbp-products-list > li { padding-top: 9px; padding-bottom: 9px; } .cbp-hrmenu .cbp-products-list .product-image-container { float: left; margin-right: 10px; max-width: 60px; min-width: 30px; } .cbp-hrmenu .cbp-hrsub-tabs-names { margin-right: -10px; margin-left: -10px; } .cbp-hrmenu .cbp-hrsub-tabs-names li { position: relative; border-bottom: 1px solid #cecece; } .cbp-hrmenu .cbp-hrsub-tabs-names li .cbp-inner-border-hider { position: absolute; top: 0px; background: white; display: block; height: 100%; z-index: 1; display: none; } .cbp-hrmenu .cbp-hrsub-tabs-names li.active .cbp-inner-border-hider { display: block; } .cbp-hrmenu .cbp-hrsub-tabs-names li a { position: relative; display: block; transition: none; padding: 14px 16px; } .cbp-hrmenu.cbp-submenu-notarrowed .cbp-submenu-aindicator { display: none; } .cbp-hrmenu .cbp-submenu-aindicator { margin-left: 3px; } .cbp-hrmenu .cbp-submenu-it-indicator { position: absolute; top: 0px; bottom: 0px; right: 10px; margin: auto; height: 15px; } .cbp-hrmenu.cbp-menu-centered > ul { text-align: center; } .cbp-hrmenu.cbp-menu-centered > ul > li { text-align: left; float: none; } .cbp-hrmenu .cbp-links li { margin: 3px 0; padding-left: 2px; position: relative; } .cbp-hrmenu .cbp-links li:last-child { margin-bottom: 0px; } .cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2 > div > a:after, .cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3 > div > a:after { content: "\f0da"; display: inline; font-family: "FontAwesome"; padding-left: 4px; opacity: 0.2; position: relative; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .cbp-hrmenu .cbp-links li a { padding-left: 10px; display: inline-block; } .cbp-hrmenu .cbp-links li a:before { content: "\f105"; display: inline; font-family: "FontAwesome"; position: absolute; left: 0px; -webkit-transition: left 0.3s ease, right 0.3s ease; -moz-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .cbp-hrmenu .cbp-links li a:hover:before { left: 3px; } .cbp-hrmenu .cbp-links.cbp-valinks-vertical li { display: inline-block; margin: 0px; margin-right: 12px; padding: 0px; } .cbp-hrmenu .cbp-links.cbp-valinks-vertical.cbp-valinks-vertical2 { display: inline-block; vertical-align: middle; } .cbp-category-thumb{ display: block; margin-bottom: 10px; } /* vertical style */ .cbp-hrmenu.cbp-vertical > ul > li { float: none; display: block; } .cbp-vertical-on-top { float: left; width: 250px; position: relative; } .cbp-vertical-on-top > .cbp-vertical > ul { position: absolute; visibility: hidden; opacity: 0; } .cbp-vertical-on-top.cbp-vert-expanded > .cbp-vertical > ul { visibility: visible; opacity: 1; } .cbp-vertical-on-top nav#cbp-hrmenu1 { margin-bottom: 0px; } #index .cbp-homepage-expanded > .cbp-vertical > ul { visibility: visible; opacity: 1; } #index .cbp-sticky .cbp-homepage-expanded > .cbp-vertical > ul { visibility: hidden; opacity: 0; } #index .cbp-sticky .cbp-vert-expanded > .cbp-vertical > ul { visibility: visible; opacity: 1; } .cbp-hrmenu.cbp-vertical { width: 100%; margin-bottom: 20px; } .cbp-hrmenu.cbp-vertical .cbp-submenu-aindicator { position: absolute; right: 8px; margin-top: 1px; } .cbp-hrmenu.cbp-vertical .cbp-legend-vertical { top: -8px; right: 14px; } .cbp-hrmenu.cbp-vertical > ul { width: 100%; max-width: 100%; padding: 0px; } .cbp-hrmenu.cbp-vertical > ul > li > a, .cbp-hrmenu.cbp-vertical > ul > li .span.cbp-main-link { padding-left: 15px; padding-right: 15px; display: block; } .cbp-hrmenu.cbp-vertical > ul > li:first-child > a, .cbp-hrmenu.cbp-vertical > ul > li:first-child .span.cbp-main-link { border-top: none; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { position: absolute; visibility: hidden; opacity: 0; z-index: 100; } .cbp-hrmenu.cbp-vertical .cbp-hropen .cbp-hrsub-wrapper { visibility: visible; opacity: 1.0; } /* first level ul style */ .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { margin: 0 auto; } .cbp-hrmenu > ul > li { display: inline-block; float: left; } .cbp-hrmenu > ul > li > a, .cbp-hrmenu > ul > li > span.cbp-main-link { display: inline-block; position: relative; text-decoration: none; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -moz-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .cbp-hrmenu > ul > li:first-child > a, .cbp-hrmenu > ul > li:first-child > span.cbp-main-link { border-left: none !important; } /* sub-menu */ .cbp-hrmenu.cbp-arrowed .cbp-triangle-container { display: block; } .cbp-hrmenu .cbp-triangle-top { width: 0; height: 0; position: absolute; z-index: 1; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: 1px; } .cbp-hrmenu .cbp-triangle-top-back { width: 0; height: 0; position: absolute; left: -1px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #EAEAEA; } .cbp-hrmenu .cbp-triangle-container { display: none; left: 0px; top: 0px; position: absolute; } .cbp-hrmenu .cbp-triangle-left, #columns .cbp-hrmenu .cbp-triangle-left { position: absolute; width: 0; height: 0; left: 1px; z-index: 1; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #fff; } .cbp-hrmenu .cbp-triangle-left-back, #columns .cbp-hrmenu .cbp-triangle-left-back { position: absolute; width: 0; height: 0; top: -1px; left: 0px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid #EAEAEA; } .cbp-horizontal.cbp-arrowed .cbp-triangle-container { position: absolute; bottom: -13px; } .cbp-vertical.cbp-arrowed .cbp-hrsub-inner { margin-left: 12px; } .cbp-horizontal.cbp-arrowed .cbp-hrsub-inner { margin-top: 12px; } .cbp-hrmenu .cbp-hrsub { visibility: hidden; opacity: 0; position: absolute; display: none; padding-bottom: 20px; padding: 0px !important; } .cbp-hropen .cbp-hrsub { visibility: visible; opacity: 1.0; z-index: 1; } .cbp-hrmenu .cbp-hrsub-inner { background: #fff; border: 1px solid #EAEAEA; } .cbp-hrmenu .cbp-hrsub-inner > .row { margin-left: 10px; margin-right: 10px; } .cbp-hrmenu .cbp-hrsub-inner > .row:last-child { margin-bottom: 20px; } .cbp-hrsub-wide .cbp-hrsub-inner .container > .row:last-child { margin-bottom: 20px; } .cbp-hrmenu .cbp-notfit { right: 0px; } .cbp-hrmenu .cbp-show { display: block; } .cbp-category-link-w{ position: relative; } .cbp-category-tree{ display: inline-block; } .cbp-hrmenu ul.cbp-hrsub-level2 { visibility: hidden; opacity: 0; position: absolute; left: 100%; margin-top: -20px; padding: 8px 10px; z-index: 3; width: auto; background: #fff; border: 1px solid #EAEAEA; white-space: nowrap; } .cbp-hrmenu ul.cbp-hrsub-level3{ left: 101%; } .cbp-hrmenu .pull-right { float: right !important; } .cbp-hrsub-haslevel3 > .cbp-category-link-w > ul { visibility: hidden; opacity: 0; position: absolute; left: 100px; margin-top: -20px; padding: 8px 10px; z-index: 3; width: auto; transition: visibility 180ms ease-in-out,opacity 180ms ease-in-out; white-space: nowrap; left: 101%; } .cbp-hrsub-haslevel3:hover > .cbp-category-link-w > ul { visibility: visible; opacity: 1.0; } .cbp-hrsub-haslevel3:hover .cbp-hrsub-level2{ visibility: visible; opacity: 1.0; } .cbp-hrsub-haslevel2:hover > div > ul.cbp-hrsub-level2 { visibility: visible; opacity: 1.0; } .cbp-hrmenu .cbp-tab-pane { display: none; } .cbp-hrmenu .cbp-tab-pane > .clearfix > .row { margin: 0px; } .cbp-hrmenu .cbp-tab-pane > div > .row:last-child { margin-bottom: 20px; } .cbp-hrmenu .cbp-hropen .cbp-tab-pane.active { visibility: visible; opacity: 1.0; } .cbp-hrmenu .cbp-tab-pane.active { display: table-cell; } /* wide submenu wrapper */ .cbp-hor-width-0 .cbp-hrsub-wide .cbp-hrsub { width: 100%; left: 0; } /* wide submenu submenucontent */ .cbp-hrsub-wide.cbp-hrsub-widec .cbp-hrsub-inner { width: 100%; max-width: 100%; } /* narrow submenu wrapper */ .cbp-hrsub-narrow { position: relative; } /* submenu effects */ .cbp-fade .cbp-hrsub { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-fade .cbp-hrsub-level2 { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-fade .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-fade.cbp-vertical > ul { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-fade-slide-bottom .cbp-hrsub { transition: all 300ms ease-in-out; margin-top: 15px; } .cbp-fade-slide-bottom .cbp-hropen .cbp-hrsub { transition: all 300ms ease-in-out; margin-top: 0px; } .cbp-fade-slide-bottom .cbp-hrsub-level2 { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-fade-slide-top .cbp-hrsub { transition: all 300ms ease-in-out; margin-top: -15px; z-index: -20; } .cbp-fade-slide-top .cbp-hropen .cbp-hrsub { transition: all 300ms ease-in-out; margin-top: 0px; z-index: 1; } .cbp-fade-slide-top .cbp-hrsub-level2 { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: ""; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrsub h4 { color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300; } @media (min-width: 1000px) { .cbp-spmenu-push-toright { left: 0px !important; } } /* Responsive styling*/ #iqitmegamenu-mobile { display: none; text-align: left; } @media (max-width: 999px) { #iqitmegamenu-mobile { display: block; } } #iqitmegamenu-mobile ul, #iqitmegamenu-mobile li { list-style-type: none; } #iqitmegamenu-mobile #iqitmegamenu-shower { text-transform: uppercase; padding: 12px 15px; cursor: pointer; line-height: 36px; } #iqitmegamenu-mobile .iqitmegamenu-icon { margin-right: 10px; color: #000; display: block; background-color: #fff; font-weight: bold; font-size: 24px; float: left; width: 36px; text-align: center; cursor: pointer; } #iqitmegamenu-mobile .iqitmegamenu-accordion { list-style: none; padding: 0px; overflow: hidden; height: auto; max-height: 0px; margin: 0px; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #iqitmegamenu-mobile .iqitmegamenu-accordion.showedmenu { border-top: none; padding: 12px; max-height: 9999px; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #iqitmegamenu-mobile .iqitmegamenu-accordion > li { border-bottom: 1px dashed #dddddd; } #iqitmegamenu-mobile .iqitmegamenu-accordion > li:last-child { border-bottom: none; } #iqitmegamenu-mobile .iqitmegamenu-accordion > li > a { text-transform: uppercase; display: block; padding: 10px 0; } #iqitmegamenu-mobile .iqitmegamenu-accordion > li ul { background-color: #f8f8f8; } #iqitmegamenu-mobile .iqitmegamenu-accordion > li ul a { display: block; padding: 10px 0; border-top: 1px dashed #dddddd; } #iqitmegamenu-mobile .iqitmegamenu-accordion ul { list-style: none; padding: 0 0 0 0; } #iqitmegamenu-mobile .iqitmegamenu-accordion ul li { font-weight: normal; cursor: auto; padding: 0 0 0 7px; } #iqitmegamenu-mobile .iqitmegamenu-accordion a { text-decoration: none; } #iqitmegamenu-mobile .iqitmegamenu-accordion a:hover { text-decoration: none; } #iqitmegamenu-accordion { display: none; } #iqitmegamenu-accordion div.responsiveInykator { display: block; font-weight: bold; font-size: 24px; float: right; padding: 6px 0; position: relative; top: 7px; width: 32px; text-align: center; cursor: pointer; } #iqitmegamenu-accordion > li ul { display: none; } @media (max-width: 999px) { #iqitmegamenu-accordion { display: block; } } #iqitmegamenu-accordion.cbp-spmenu div.responsiveInykator { border: none; } #iqitmegamenu-accordion.cbp-spmenu li a:hover { -webkit-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); } #iqitmegamenu-accordion.cbp-spmenu > li a { text-transform: uppercase; font-weight: bold; } #iqitmegamenu-accordion.cbp-spmenu > li ul{ padding: 0px 10px; display: none; font-size: 90%; -webkit-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); } #iqitmegamenu-accordion > li ul.cbpm-ul-showed { display: block; } #iqitmegamenu-accordion.cbp-spmenu > li ul ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #iqitmegamenu-accordion.cbp-spmenu > li ul ul a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #iqitmegamenu-accordion.cbp-spmenu > li ul div.responsiveInykator { background: none; margin-right: 0px; color: #fff;} #iqitmegamenu-accordion.cbp-spmenu > li ul ul { margin: 0px; } #iqitmegamenu-accordion.cbp-spmenu > li ul ul a { text-transform: none; border: none; } #iqitmegamenu-accordion.cbp-spmenu > li ul ul ul a { text-transform: none; font-weight: normal; } #iqitmegamenu-mobile .iqitmegamenu-accordion li a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cbp-spmenu div.responsiveInykator { margin-right: 10px; } #cbp-close-mobile { padding: 0px; text-align: center; width: 50px; height: 50px; position: absolute; left: -50px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: none !important; } #cbp-close-mobile i { line-height: 50px; font-size: 28px; } .cbp-spmenu-overlay { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5102; visibility: hidden; opacity: 0; display: none; } @media (max-width: 999px) { .cbp-spmenu-overlay { display: block; } } .cbp-spmenu-overlay-show { visibility: visible; opacity: 1; } .cbp-spmenu-overlay-show #cbp-close-mobile { left: 240px; visibility: visible; opacity: 1; } .cbp-spmenu { position: fixed; z-index: 5103; -webkit-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); box-shadow: inset -134px 0px 10px -133px rgba(0, 0, 0, 0.4); overflow-y: auto;} .cbp-spmenu h3 { color: #afdefa; font-size: 1.9em; padding: 20px; margin: 0; font-weight: 300; background: #0d77b6; } .cbp-spmenu a { display: block; color: #fff; font-size: 1.1em; font-weight: 300; } .cbp-spmenu > li > ul > li > a:hover { margin-left: -10px; margin-right: -10px; padding-left: 23px; } .cbp-spmenu a:active { background: #afdefa; color: #47a3da; } /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; } .cbp-spmenu-vertical a { border-bottom: 1px solid #258ecd; padding: 1em; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -240px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } @media (max-width: 999px){ .cbp-spmenu-push-toright { left: 240px; width: 100%; position: fixed;} } .cbp-spmenu-push-toleft { left: -240px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* Example media queries */ @media screen and (max-width: 55.1875em) { .cbp-spmenu-top { top: -110px; } .cbp-spmenu-bottom { bottom: -110px; } } .container-xs-height { display: table; padding-left: 0px; padding-right: 0px; } .row-xs-height { display: table-row; } .row-xs-height:before { display: none; } .row-xs-height:after { display: none; } .col-xs-height { display: table-cell; float: none; vertical-align: top; } #iqitmegamenu-horizontal #search_block_top_content { width: auto; float: right; position: relative; width: 160px; right: 0px; } #iqitmegamenu-horizontal #search_block_top { position: absolute; top: 0px; width: 150px; right: 0px; bottom: 0px; margin: auto; } @media (max-width: 999px) { #iqitmegamenu-horizontal > .container { position: relative; } } @media (max-width: 767px) { #iqitmegamenu-horizontal #search_block_top_content { width: 100%; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 999px) { #iqitmegamenu-horizontal #search_block_top_content { position: absolute; right: 20px; top: 10px; bottom: 10px; margin-right: 0px !important; } } @media (max-width: 767px) { #iqitmegamenu-horizontal #search_block_top { left: 0px; } } .cbp-hor-width-1 #iqitmegamenu-horizontal #search_block_top_content { margin-right: 15px; } @media (max-width: 767px) { #iqitmegamenu-horizontal { background: transparent !important; border: none !important; } } .cbp-hrmenu .col-xs-1, .cbp-hrmenu .col-xs-2, .cbp-hrmenu .col-xs-3, .cbp-hrmenu .col-xs-4, .cbp-hrmenu .col-xs-5, .cbp-hrmenu .col-xs-6, .cbp-hrmenu .col-xs-7, .cbp-hrmenu .col-xs-8, .cbp-hrmenu .col-xs-9, .cbp-hrmenu .col-xs-10, .cbp-hrmenu .col-xs-11, .cbp-hrmenu .col-xs-12, .cbp-hrmenu .col-sm-1, .cbp-hrmenu .col-sm-2, .cbp-hrmenu .col-sm-3, .cbp-hrmenu .col-sm-4, .cbp-hrmenu .col-sm-5, .cbp-hrmenu .col-sm-6, .cbp-hrmenu .col-sm-7, .cbp-hrmenu .col-sm-8, .cbp-hrmenu .col-sm-9, .cbp-hrmenu .col-sm-10, .cbp-hrmenu .col-sm-11, .cbp-hrmenu .col-sm-12, .cbp-hrmenu .col-md-1, .cbp-hrmenu .col-md-2, .cbp-hrmenu .col-md-3, .cbp-hrmenu .col-md-4, .cbp-hrmenu .col-md-5, .cbp-hrmenu .col-md-6, .cbp-hrmenu .col-md-7, .cbp-hrmenu .col-md-8, .cbp-hrmenu .col-md-9, .cbp-hrmenu .col-md-10, .cbp-hrmenu .col-md-11, .cbp-hrmenu .col-md-12, .cbp-hrmenu .col-lg-1, .cbp-hrmenu .col-lg-2, .cbp-hrmenu .col-lg-3, .cbp-hrmenu .col-lg-4, .cbp-hrmenu .col-lg-5, .cbp-hrmenu .col-lg-6, .cbp-hrmenu .col-lg-7, .cbp-hrmenu .col-lg-8, .cbp-hrmenu .col-lg-9, .cbp-hrmenu .col-lg-10, .cbp-hrmenu .col-lg-11, .cbp-hrmenu .col-lg-12 { padding-left: 10px; padding-right: 10px; } #iqitmegamenu-horizontal.cbp-nosticky .container{ max-width: 100%; } .cbp-hor-width-0 #iqitmegamenu-horizontal{ margin: 0 -500%; padding: 0 500%; } .cbp-hor-width-0 #iqitmegamenu-horizontal .container{ padding-left: 10px; padding-right: 10px; } .cbp-hor-width-0 #iqitmegamenu-horizontal.cbp-sticky{ margin: 0px; padding: 0px; } body{ overflow-x: hidden; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }