.ybc-theme-panel { font-family: Open Sans,Arial,"Times New Roman"; left: -302px; overflow: hidden; position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 330px; z-index: 999999; } .tc_comparison_msg{ display: none; } .ybc-theme-panel-bg{ width: 35px; height: 35px; border: 1px solid #eee; display: inline-block; cursor: pointer; } .ybc-theme-panel-bg-list li{ list-style: none; display: inline-block; margin-right: 5px; } .ybc-theme-panel-wrapper { float: left; height: 100%; padding: 0 10px 10px; width: 100%; color: #333; } .ybc-theme-panel-loading{ position: absolute; z-index: 999; /*background: url('../img/blinder.png');*/ width: 100%; height: 100%; display: none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); } .ie8 .ybc-theme-panel-loading{ background-color: #FFFFFF; } .ybc-theme-panel-loading-setting { display: table; height: 100%; width: 100%; } #footer .ybc-theme-panel-inner #ybc_tc_float_header li.active { background-color: #c79b50; pointer-events: none; } #ybc_tc_layout li.active, #ybc_tc_skin > li.active { pointer-events: none; } #footer .ybc-theme-panel-inner #ybc_tc_float_header li { background-color: transparent; color: #fff; float: left; font-size: 13px; line-height: 26px; padding-bottom: 0; text-align: center; width: 50px; margin: 0; } #ybc_tc_float_header { background-color: #dfdfdf; border-radius: 3px; float: left; overflow: hidden; } .ybc-theme-panel-box.tc-reset > span:hover:before { color: #018BBA; transition: color 0.5s ease 0s; } .ybc-theme-panel-loading-setting { display: table; height: 100%; width: 100%; } .ybc-theme-panel-loading-setting > h2 { display: table-cell; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; vertical-align: middle; } .ybc-theme-panel-loading-logo { border-radius: 50%; height: 65px; margin-bottom: 10px; padding: 10px; width: 65px; } .ybc-theme-panel-medium { background-color: #fff; border: 1px solid #c6c6c6; float: left; height: 100%; position: relative; width: 300px; padding-bottom: 1px; } .ybc-theme-panel-bg.active{ border: 1px solid #0160BF; } .ybc-theme-panel-bg:hover{ border: 1px solid #ccc; } .ybc-theme-panel-btn { border-color: transparent transparent transparent red; border-style: solid; border-width: 30px; color: #ffffff; cursor: pointer; font-size: 16px; font-weight: bold; left: 298px; line-height: 21px; padding: 0; position: absolute; top: 140px; } .ie8 .ybc-theme-panel-btn{ left: 100%; width: 115px; } .ybc-theme-panel-box { float: left; margin: 3px 0; width: 100%; } .ybc-theme-panel-box label { float: left; font-size: 13px; width: 115px; } .ybc-theme-panel-box select { float: left; font-size: 12px; min-width: 100px; } .ybc-theme-panel-inner { float: left; padding: 0; width: 100%; } .ybc-theme-panel-wrapper > h2 { background-color: #efefef; border-bottom: 1px solid #c6c6c6; color: #333333; font-size: 14px; font-weight: bold; margin: 0 -10px; padding: 10px 0; text-align: center; text-transform: uppercase; } .ybc-theme-panel-wrapper > .ybc-theme-panel-box.tc-separator { border-top: medium none; } .ybc-theme-panel-box.tc-separator h3 { font-size: 14px; font-weight: bold; margin: 10px 0; text-transform: uppercase; } .ybc-theme-panel-box.tc-separator { border-top: 1px solid #dedede; float: left; width: 100%; } .ybc-theme-panel-btn:before { content: "\f013"; font-family: FontAwesome; left: -24px; margin-right: 10px; position: absolute; top: -10px; } .ybc-theme-panel-box.tc-reset > span:before { color: #888888; content: "\f01e"; font-family: FontAwesome; font-size: 12px; font-weight: normal; margin-right: 7px; } .ybc-theme-panel-box.tc-reset > span { cursor: pointer; font-size: 12px; font-weight: bold; } .ybc-theme-panel-box.tc-reset > span:hover { color: #018BBA; transition: color 0.5s ease 0s; } .ybc-theme-panel-btn:hover:after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); transition: background-color 0.5s ease 0s; } .ybc-theme-panel-box.tc-reset { border-top: 1px solid #DEDEDE; margin-bottom: 0; padding-top: 10px; } body.ybc-fontsize-small{ font-size: small; } body.ybc-fontsize-medium{ font-size: medium; } body.ybc-fontsize-large{ font-size: large; } /*setting general font*/ body.ybc-gf-arial{ font-family: Arial; } body.ybc-gf-default{ font-family: Open Sans; } body.ybc-gf-verdana{ font-family: verdana; } body.ybc-gf-tahoma{ font-family: tahoma; } body.ybc-gf-times{ font-family: Times New Roman; } body.ybc-gf-impact{ font-family: impact; } body.ybc-gf-courier{ font-family: Courier New; } /*end general font*/ /*setting background image*/ body.ybc-bg-img-default{ background: #fff; } /*end setting background image*/ /*setting font-family heading font*/ body.ybc-hf-arial .title_cat, body.ybc-hf-arial .pb-center-column h1, body.ybc-hf-arial .ybc_htmltitle > span, body.ybc-hf-arial .page-heading, body.ybc-hf-arial h2, body.ybc-hf-arial h3, body.ybc-hf-arial h4{ font-family: Arial; } body.ybc-hf-default .title_cat, body.ybc-hf-default .pb-center-column h1, body.ybc-hf-default .ybc_htmltitle > span, body.ybc-hf-default .page-heading, body.ybc-hf-default h2, body.ybc-hf-default h3, body.ybc-hf-default h4{ font-family: Open Sans; } body.ybc-hf-verdana .title_cat, body.ybc-hf-verdana .pb-center-column h1, body.ybc-hf-verdana .ybc_htmltitle > span, body.ybc-hf-verdana .page-heading, body.ybc-hf-verdana h2, body.ybc-hf-verdana h3, body.ybc-hf-verdana h4{ font-family: verdana; } body.ybc-hf-tahoma .title_cat, body.ybc-hf-tahoma .pb-center-column h1, body.ybc-hf-tahoma .ybc_htmltitle > span, body.ybc-hf-tahoma .page-heading, body.ybc-hf-tahoma h2, body.ybc-hf-tahoma h3, body.ybc-hf-tahoma h4{ font-family: tahoma; } body.ybc-hf-times .title_cat, body.ybc-hf-times .pb-center-column h1, body.ybc-hf-times .ybc_htmltitle > span, body.ybc-hf-times .page-heading, body.ybc-hf-times h2, body.ybc-hf-times h3, body.ybc-hf-times h4{ font-family: Times New Roman; } body.ybc-hf-impact .title_cat, body.ybc-hf-impact .pb-center-column h1, body.ybc-hf-impact .ybc_htmltitle > span, body.ybc-hf-impact .page-heading, body.ybc-hf-impact h2, body.ybc-hf-impact h3, body.ybc-hf-impact h4{ font-family: impact; } body.ybc-hf-courier .title_cat, body.ybc-hf-courier .pb-center-column h1, body.ybc-hf-courier .ybc_htmltitle > span, body.ybc-hf-courier .page-heading, body.ybc-hf-courier h2, body.ybc-hf-courier h3, body.ybc-hf-courier h4{ font-family: Courier New; } /*end setting heading font*/ /* setting custom font*/ body.ybc-cf-arial .content_price, body.ybc-cf-arial .new-label, body.ybc-cf-arial .sale-label{ font-family: Arial; } body.ybc-cf-default .content_price, body.ybc-cf-default .new-label, body.ybc-cf-default .sale-label{ font-family: Open Sans; } body.ybc-cf-verdana .content_price, body.ybc-cf-verdana .new-label, body.ybc-cf-verdana .sale-label{ font-family: verdana; } body.ybc-cf-times .content_price, body.ybc-cf-times .new-label, body.ybc-cf-times .sale-label{ font-family: Times New Roman; } body.ybc-cf-impact .content_price, body.ybc-cf-impact .new-label, body.ybc-cf-impact .sale-label{ font-family: impact; } body.ybc-cf-courier .content_price, body.ybc-cf-courier .new-label, body.ybc-cf-courier .sale-label{ font-family: Courier New; } body.ybc-cf-abel .content_price, body.ybc-cf-abel .new-label, body.ybc-cf-abel .sale-label{ font-family: Abel; } .ybc-skin li { border-radius: 50%; cursor: pointer; float: left; height: 25px; margin: 5px; overflow: hidden; position: relative; width: 25px; } .ybc-skin{ float: left; width: 100%; } .ybc-skin li:first-child{ margin-left: 0; } #ybc_tc_skin > li.active:before { content: "\f00c"; } #ybc_tc_skin > li::before { color: #fff; content: ""; float: left; font-family: fontawesome; font-size: 15px; height: 100%; line-height: 26px; text-align: center; width: 100%; } #ybc_tc_layout li.active:before { content: "\f046"; } #ybc_tc_layout li:before { content: "\f096"; font-family: FontAwesome; margin-right: 6px; font-weight: normal; } .ybc-theme-panel-box li, .footer-container #footer .ybc-theme-panel-box #ybc_tc_skin li { cursor: pointer; padding: 0; } @media (max-width: 767px){ .ybc-theme-panel-btn { display: none !important; } } @keyframes spinner{ 0 {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } @-webkit-keyframes spinner{ 0 {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } @-ms-keyframes spinner{ 0 {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } @-o-keyframes spinner{ 0 {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } .ybc-theme-panel-btn:before { -webkit-animation-name: spinner; animation-name: spinner; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*style for Floating Header*/ .ybc_custom_float_header.scroll_heading { box-shadow: 0 0 3px 0 #999; left: 0; top: 0; width: 100%; } #header .ybc_custom_float_header.scroll_heading #header_logo { float: left; margin-top: 20px; max-width: 16%; width: auto; margin-right: 0 } #header .ybc_custom_float_header.scroll_heading .ybc-menu-wrapper { margin-top: 12px; text-align: center; width: 75%; } .ybc_custom_float_header.scroll_heading #search_block_top{ display:none; } .ybc_custom_float_header.scroll_heading .ybc-menu { text-align: center; } .ybc_custom_float_header.scroll_heading .ybc-menu > li { display: inline-block; float: none; margin: 0 auto; } .ybc_custom_float_header.scroll_heading .ybc-menu .ybc-menu-columns-wrapper{ text-align: left; } .ybc_custom_float_header.scroll_heading .custom_block_cart { margin-right: 0; margin-top: 12px; max-width: 9%; padding-right: 15px; } .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-link, .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-no-link { font-size: 15px; padding: 8px 25px 20px 15px; } .ybc_custom_float_header.scroll_heading .ybc-menu-slide .ybc-menu-column-type-full .ybc-menu-columns-wrapper.ybc-mm-control-content { max-width: 100%; } .ybc_custom_float_header.scroll_heading .shopping_cart .ajax_cart_product_txt_s, .ybc_custom_float_header.scroll_heading .shopping_cart .ajax_cart_product_txt { display: none!important; } @media (min-width: 992px) and (max-width: 1199px){ .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-link, .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-no-link { padding: 8px 15px 20px; } .ybc_custom_float_header.scroll_heading .shopping_cart > a:first-child { display: block; font-size: 16px; overflow: hidden; padding: 0 0px 14px 0px; } } @media (min-width: 768px) and (max-width: 991px){ .ybc_custom_float_header.scroll_heading .ybc-menu > li { float: left; } #header .ybc_custom_float_header.scroll_heading #header_logo { float: left; margin: 12px 0 10px 25%; max-width: 100%; text-align: center; width: calc(100% - 50%); } #header .ybc_custom_float_header.scroll_heading .custom_block_cart { max-width: 25%; } #header .ybc_custom_float_header.scroll_heading .ybc-menu-wrapper { left: 0; max-width: 25%; position: absolute; top: 0; width: auto; margin-top: 8px; } .ybc_custom_float_header.scroll_heading .ybc-menu-main-content { float: left; opacity: 0; overflow: hidden; position: absolute; top: 100%; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; visibility: hidden; width: 100%; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle, .ybc_custom_float_header.scroll_heading .ybc-menu-toggle { display: block; max-width: 100%; width: auto; min-height: 45px; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle_icon { float: left; height: 100%; left: 0; margin-right: 0; margin-top: 8px; position: absolute; top: 0; width: 100%; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle > span { float: left; height: 100%; text-indent: 999px; width: 100%; overflow: hidden; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle .ybc-menu-button-toggle_icon .icon-bar { height: 3px; width: 28px; } .ybc_custom_float_header.scroll_heading .ybc-menu-main-content.active { opacity: 1; visibility: visible; } .ybc_custom_float_header.scroll_heading .ybc-menu > li { float: left; width: 100%; } .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-link, .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-no-link { padding: 8px 25px 20px 0; } .ybc_custom_float_header.scroll_heading #ybc-menu-main-content { box-shadow: 0 0 2px 0 #bbb; max-height: calc(100% - 70px); overflow-y: scroll; position: fixed; top: 53px; width: 400px; z-index: 9999; } .ybc_custom_float_header.scroll_heading .ybc-menu-slide li:hover .ybc-menu-columns-wrapper { border: none; } .ybc_custom_float_header.scroll_heading .ybc-menu-layout-light.ybc-menu-skin-custom .ybc-menu .ybc-menu-item { border-right: none; } .ybc_custom_float_header.scroll_heading .ybc-mm-control.closed::before{ content: "\f067"; font-family: FontAwesome; } .ybc_custom_float_header.scroll_heading .ybc-mm-control.opened:before{ content: "\f068"; font-family: FontAwesome; } .ybc_custom_float_header.scroll_heading .ybc-menu > li > .ybc-mm-control.closed:before, .ybc_custom_float_header.scroll_heading .ybc-menu > li > .ybc-mm-control.opened:before{ float: left; font-size: 13px; height: 40px; line-height: 40px; text-align: center; width: 40px; } } @media (max-width: 767px){ #header .ybc_custom_float_header.scroll_heading #header_logo { float: left; margin-bottom: 10px; margin-left: 55px; margin-top: 15px; max-width: 100%; padding: 0 15px; text-align: center; width: calc(100% - 120px); } #header .ybc_custom_float_header.scroll_heading .ybc-menu-wrapper { left: 0; margin-top: 12px; position: absolute; text-align: center; top: 0; width: 70px; } .ybc_custom_float_header.scroll_heading .custom_block_cart { max-width: 90px; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle_icon { float: left; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle > span { height: 35px; max-width: 100%; overflow: hidden; text-indent: 999px; } .ybc_custom_float_header.scroll_heading #ybc-menu-main-content { box-shadow: 0 1px 2px 0 #999; left: 10px; max-height: calc(100% - 60px); max-width: 90%; opacity: 0; overflow-y: scroll; position: fixed; top: 56px; visibility: hidden; width: 400px; z-index: 9999; } .ybc_custom_float_header.scroll_heading #ybc-menu-main-content .ybc-menu .ybc-menu-item:first-child > .ybc-menu-item-link, .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-link, .ybc_custom_float_header.scroll_heading .ybc-menu > .ybc-menu-item > .ybc-menu-item-no-link { padding: 8px 25px 8px 0; } .ybc_custom_float_header.scroll_heading #ybc-menu-main-content.active { visibility: visible; opacity: 1; } .ybc-theme-panel { display: none; } } @media (max-width: 479px){ .ybc_custom_float_header.scroll_heading .logo.img-responsive { width: 180px; } .ybc_custom_float_header.scroll_heading .ybc-menu-button-toggle > span { height: 34px; } #header .ybc_custom_float_header.scroll_heading .ybc-menu-wrapper { margin-top: 8px; } .ybc_custom_float_header.scroll_heading .shopping_cart > a:first-child::before { font-size: 22px; } .ybc_custom_float_header.scroll_heading .custom_block_cart { margin-top: 6px; } .ybc_custom_float_header.scroll_heading #ybc-menu-main-content { top: 48px; } .ybc_custom_float_header.scroll_heading .shopping_cart > a:first-child { padding: 7px 0 14px 16px; } }