/** * bbSmoke * Dev: NJ */ /* Reset ================================================================================= */ * { margin:0; padding:0; } img { border:0; vertical-align:top; } :focus { outline:0; } address { font-style:normal; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } /* Base Columns */ .col-left { float:left; width:22%; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:75%; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:22%; /* border:1px solid #ddd; padding:5px 5px 0;*/ } .col-right.sidebar { background: rgba(13, 22, 29, .7); } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right;} /* 3 Columns Layout */ .col3-layout .col-wrapper {float: left; width: 75%;} .col3-layout .col-main { float: right; width: 70%;} .col3-layout .col-left.sidebar { width: 25%;} .col3-layout .col-right.sidebar {width: 23%;} /* Content Columns */ /* ======================================================================================= */ /* Customer */ /* Form Validation */ .validation-advice { font-size:10px; color:#f00; position: relative; top: 8px; padding: 0 10px;} .validation-failed { border:1px dashed #f00 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ /* Data Table */ .data-table { width:100%; } .data-table th { padding:10px; border:1px solid #fbd490; font-weight:bold; white-space:nowrap; text-align: center; } .data-table td { padding: 10px; border:1px solid #FBD490; color: #FBD490; } .data-table thead { background-color:#0d161d; font-size: 16px; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { /*background-color:#f6f6f6;*/ } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} span.price { color: #FBD490; background: rgba(13, 22, 29, .7); } input.input-text.qty { color: #FBD490 !important; } table#shopping-cart-table { background: #0d161d; color: #fbd490; } .discount-form label { color: #FBD490; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:right; margin:2px 10px 0 0; color: #FBD490; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } .paypal-express-review .info-set.col2-set { padding-bottom: 15px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ /*.products-grid { border-bottom:1px solid #ddd; position:relative; }*/ .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; margin: 0 10px; } /*.products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; }*/ .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } /*.products-grid .actions { position:absolute; bottom:12px; }*/ .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:20px auto; } /*.col1-layout .products-grid { width:790px; margin:0 auto; }*/ /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock a, .alert-stock a:hover { color: #fbd491; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; color: #fff; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin: 10px 10px 10px 0px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box { padding: 30px 0px; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:48%; } .col3-layout .product-view .product-img-box { float:left; margin:0 auto; width: 50% } .product-view .product-img-box .product-image { border:0px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:100%; height:500px; overflow:hidden; z-index:-9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; width: 100% !important; height: auto !important; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-view .product-img-box .product-image img { width: 100%; height: auto; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:48%; } .col3-layout .product-view .product-shop { float:right; width:50%; } .product-view .product-name {} .product-view .short-description {} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:transparent; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } .product-options-bottom .add-to-cart { float: left; margin-right: 10px; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { /*float:right;*/ text-align:right;margin: 16px 20px;} .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border: 1px solid #0d161d; padding: 20px; margin-bottom: 20px; background: #0d161d; } .shipping-form p { color: #FBD490; } .shipping-form label { color: #FBD490; } td.a-right { color: #FBD490; } .cart-table td.a-right { color: #FBD490; text-align: center !important; } .page .a-center input:not([type="submit"]):not([type="file"]){ text-align: center; padding: 2px; } .checkout-types a, .checkout-types a:hover { color: #FBD490; } /* Shopping Cart Totals */ .cart .totals { /*float:right;*/ background: #0d161d; border: 1px solid #0d161d; padding: 10px 0;} .cart .totals table { width:100%; margin-top: 10px;} .cart .totals table th, .cart .totals table td { padding:5px 20px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold;color: #FBD490; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } div#checkout-step-login { background: rgba(13, 22, 29, .7); } div#billing-progress-opcheckout { border-bottom: 1px solid #0D161D; } div#shipping-progress-opcheckout { border-bottom: 1px solid #0D161D; } div#shipping_method-progress-opcheckout { border-bottom: 1px solid #0D161D; } div#payment-progress-opcheckout { border-bottom: 1px solid #0D161D; } #checkout-step-shipping label ,#checkout-step-shipping input{ color: #FBD490; } #checkout-step-shipping select{ color: #0D161D; background: #FBD490; } div#checkout-step-shipping { background: rgba(13, 22, 29, .7); } li#opc-shipping_method { background: rgba(13, 22, 29, .7); } li#opc-review { background: rgba(13, 22, 29, .7); } li#opc-review a, li#opc-review p{ color: #FBD490; } .checkout-cart-index .checkout-types button.button { width: 100%; } p.empty { color: #FBD490; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, /*.block-progress dd.complete { background-color:#f6f6f6; }*/ .opc { border-bottom:1px solid #0D161D; position:relative; } .opc li.section { border:1px solid #0D161D; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } /*.opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; }*/ .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left;color: #0D161D;} .opc .step-title a { display:none; float:right; } .control label{ color: #FBD490; } #checkout-step-login .col-1 h4, #checkout-step-login .col-1 p{ color: #FBD490; } #login-form p, #login-form label{ color: #FBD490; } .ul li { color: #FBD490 !important; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#FBD490; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} /*.dashboard .welcome-msg {}*/ /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.blackberrysmoke.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #cryozonic-stripe-accepted-cards img { -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; display: inline-block; } #cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img { opacity: 0.3; } #cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img.active { opacity: 1; } input#cryozonic_stripe_cc_number { background-repeat: no-repeat; background-position: right center; background-size: contain; background-position-x: 80%; -moz-transition: background-position-x 0.25s ease-in-out; -webkit-transition: background-position-x 0.25s ease-in-out; transition: background-position-x 0.25s ease-in-out; } input#cryozonic_stripe_cc_number.cctype-detected { background-position-x: 99%; } .adminhtml-sales-order-create-index #payment_form_cryozonic_stripe input[type="text"] { width: 200px; } .dialog_content { background-color: #fff; } .img-preload { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; } /* Customer Account */ .saved-cards label { display: inline; } .saved-cards { font-size: 1.15em; } .saved-cards li { margin: 4px 0; } #new-card .form-list select { width: auto; } #new-card .form-list label { float: none; } #cryozonic_stripe_cc_cid { width: 40px; } /* Checkout */ #mandates.saved-cards label { font-weight: normal; margin-left: 4px; } ul#payment_form_cryozonic_stripe { padding-left: 20px; padding-top: 15px; } .adminhtml-sales-order-create-index ul#payment_form_cryozonic_stripe { padding: 5px 0 10px; } ul#payment_form_cryozonic_stripe li { display: block; } ul#payment_form_cryozonic_stripe li.stripe-new { display: none; } ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new { display: block; margin-left: 20px; } /* Idev OSC 3-column fixes */ .onestepcheckout-column-middle ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new { margin-left: 0; } .onestepcheckout-column-middle ul#payment_form_cryozonic_stripe { margin: 10px 0; padding-left: 0px; } /* ~Idev OSC */ .sp-methods .saved-cards li label { float: none; } .saved-cards { margin-top: 14px; } .saved-cards input.select { position: relative; top: -1px; } .saved-cards span { display: inline-block; } .saved-cards span.type { font-weight: bold; margin-left: 3px; } .saved-cards span.exp { float: right; } .saved-cards label { display: inline; } .saved-cards span.cryozonic-stripe-fade { color: #aaa; font-weight: normal; } .form-list .saved-cards label { float: none; } #cryozonic-stripe-card-errors { border: 0; border-radius: 3px; height: 0; margin: 0 auto; transition: height 1s, margin 1s, border 1s, padding 1s; display: inline-block; padding: 0 1em; } #cryozonic-stripe-card-errors.populated { border: 1px hsla(0,100%,50%,0.5) dashed; padding: 5px 1em; color: #D20; height: auto; margin: 0.5em auto 1em; } /* Card Icons */ #payment_form_cryozonic_stripe span.type.Visa { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/visa.png) no-repeat; } #payment_form_cryozonic_stripe span.type.American.Express { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/amex.png) no-repeat; } #payment_form_cryozonic_stripe span.type.MasterCard { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/mastercard.png) no-repeat; } #payment_form_cryozonic_stripe span.type.Discover { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/discover.png) no-repeat; } #payment_form_cryozonic_stripe span.type.Diners { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/diners.png) no-repeat; } #payment_form_cryozonic_stripe span.type.JCB { background: url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/img/jcb.png) no-repeat; } #payment_form_cryozonic_stripe span.type.Visa, #payment_form_cryozonic_stripe span.type.American.Express, #payment_form_cryozonic_stripe span.type.MasterCard, #payment_form_cryozonic_stripe span.type.Discover, #payment_form_cryozonic_stripe span.type.Diners, #payment_form_cryozonic_stripe span.type.JCB { padding-left: 30px; background-position-y: -3px; background-size: 24px; } /* Apple Pay */ ul#payment_form_cryozonic_stripe li#apple-pay-section #apple-pay-button { background-color: black; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 24px; background-origin: content-box; background-repeat: no-repeat; width: 100%; min-height: 44px; padding: 10px 0; border-radius: 10px; } ul#payment_form_cryozonic_stripe li#apple-pay-section { display: none; text-align: center; margin-top: 20px; } ul#payment_form_cryozonic_stripe.apple-pay-supported li#apple-pay-section, ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section { display: block; } ul#payment_form_cryozonic_stripe.apple-pay-supported li#apple-pay-section #payment-request-button { display: none; } ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section #apple-pay-button { display: none; } ul#payment_form_cryozonic_stripe li#apple-pay-section label { font-weight: bold; margin: 10px 0; float: none; display: block; } /* Authorized Apple Pay Result */ .form-list #apple-pay-result label { display: inline-block; float: none; } ul#payment_form_cryozonic_stripe li#apple-pay-result { text-align: center; font-size: 1.1em; display: none; } #apple-pay-result > div { display: block; margin: 5px 0; } ul#payment_form_cryozonic_stripe.apple-pay-success li#apple-pay-result { display: block; } ul#payment_form_cryozonic_stripe.apple-pay-supported.apple-pay-success li#apple-pay-section, ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success li#apple-pay-section { display: none; } ul#payment_form_cryozonic_stripe.apple-pay-supported.apple-pay-success.stripe-new li.stripe-new, ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new { display: none; } ul#payment_form_cryozonic_stripe.apple-pay-supported.apple-pay-success.stripe-new li#cryozonic_stripe_cc_save_div.stripe-new, ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li#cryozonic_stripe_cc_save_div.stripe-new { display: block; } ul#payment_form_cryozonic_stripe.apple-pay-success ul#saved-cards { display: none; } /* Stripe Elements */ #card-details-label { display: block; } #cryozonic-stripe-card-number { width: 225px; display: inline-block; } .cryozonic-stripe-brand { opacity: 0.5; height: 24px; width: 32px; display: inline-block; font-size: 20px; margin-left: -49px; position: relative; top: -9px; } #cryozonic-stripe-card-expiry { width: 93px; display: inline-block; } #cryozonic-stripe-card-cvc { width: 68px; display: inline-block; } .stripe-elements-field { display: inline-block; margin: 5px 0 0 0; padding: 4px 14px; border-style: none; background-color: #fefefe; box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #fefefe; border-radius: 4px; } li.cryozonic-stripe-elements.no-wrap { white-space: nowrap; } .pci-dss-info-block { margin: 10px 15px -16px 25px; width: 240px; } #pci-svg { position: relative; left: -25px; top: 5px; opacity: 0.5; fill: green; } .pci-dss-info-text { display: inline-block; position: relative; top: -20px; } /*! * PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io * License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:PaymentFont;src:url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot);src:url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff2'),url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff'),url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://www.blackberrysmoke.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"} @font-face { font-family:"cws-arrow"; src:url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/fonts/cwsarw.eot'); src:url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/fonts/cwsarw.eot?#iefix') format('embedded-opentype'),url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/fonts/cwsarw.woff') format('woff'),url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/fonts/cwsarw.ttf') format('truetype'),url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/fonts/cwsarw.svg#cws-arrow') format('svg'); font-weight:normal; font-style:normal; } .cwsSlider * { margin:0; padding:0; box-sizing:border-box; } .cwsSlider img { width:100%; margin:0 auto; } .cwsSlider a { text-decoration:none; cursor:pointer; outline:none; } .std .cwsSlider ul, .std .cwsSlider ul li, .std .cwsSlider ol, .std .cwsSlider ol li, .cwsSlider ul, .cwsSlider ul li, .cwsSlider ol, .cwsSlider ol li { list-style:none !important; margin:0; padding:0; } .cwsSlider .slides { zoom:1; } .hideArw { display:none; } /* Clearfix for the .slides element */ .cwsSlider .loading {min-height: 300px; background: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/loading.gif') no-repeat center center;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .cws-arw a, .cws-pager, .cws-viewport, ul.slides li { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .cwsSlider .loading { overflow:hidden; } /**** Theme styles ****/ .cwsSlider { position:relative; margin:0 auto 30px; } .page-products .cwsSlider, .catalog-product-view .cwsSlider, .cms-page-view .cwsSlider { margin:0 auto 55px; } .cwsRwdSlider { position:relative; } .cwsRwdSlider .slides li { position:relative; } .cwsRwdSlider .slides li.video iframe { width:100%; } .sliderdecs { color:#fff; width:45%; position:absolute !important; /*top:30px;*/ right:50px; padding:20px; border-left:5px solid rgba(255,255,255,0.50); } .sliderdecs h3 { color:#fff; margin:0; } video { width:100%!important; height:auto!important; } .videoWrapper { position:relative; padding-bottom:34%; padding-top:0; height:0; } .videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /* Crousel style */ .rwdCarousel { position:relative; } .rwdCarousel .cws-viewport { position:relative; overflow:hidden; } .rwdCarousel ul.slides li { flex:left; margin-right:15px; } .defaultTheme .rwdCarousel ul.slides li { width:100px; padding:7px; border:1px solid #ddd; } .dropShadow .rwdCarousel ul.slides { padding:3px; } .dropShadow .rwdCarousel ul.slides li { width:100px; padding:7px; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.40); } .emboss .rwdCarousel ul.slides { padding:4px 4px 20px; } .emboss .rwdCarousel ul.slides li { position:relative; padding:2px; box-shadow:0px 0px 4px 0 rgba(0,0,0,0.40); } .emboss .rwdCarousel ul.slides li:after { content:' '; display:block; width:100%; height:20px; position:absolute; bottom:-20px; left:0; overflow:hidden; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/bottom-shadow.png) no-repeat 50% 95%/100% 30px; } .emboss .rwdCarousel ul.slides li img { border:1px solid #ddd; padding:4px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.20); } /* Slider and Crousel style */ .rwdSlideCrousel ul.slides li { float:left; margin-right:10px; opacity:1; cursor:pointer; } .rwdSlideCrousel ul.slides li.video img { width:150px !important; } .rwdSlideCrousel ul.slides li:hover, .rwdSlideCrousel ul.slides li.cws-active-slide { opacity:0.6; cursor:default; } .blankTheme .cwsRwdSlider { margin-bottom:10px; } .slideNcrosel .slider { position:relative; } .slideNcrosel.defaultTheme .slider { padding:10px; border:2px solid #DDDDDD; } .slideNcrosel.defaultTheme .slider:last-child { border-top:0 none; } .verticalSlider.defaultTheme .cwsRwdSlider { border:2px solid #ddd; padding:10px; } .verticalSlider.basSlider.defaultTheme ul.slides { border:0 none; padding:0; } .slideNcrosel.dropShadow .cwsRwdSlider { margin-bottom:15px; box-shadow:1px 3px 6px 0 rgba(0,0,0,0.50); } .slideNcrosel.dropShadow .rwdSlideCrousel ul.slides li { margin-right:15px; box-shadow:1px 2px 4px 0 rgba(0,0,0,0.50); } .slideNcrosel.emboss { padding-bottom:35px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/bottom-shadow.png) no-repeat 50% 100%/100% 36px; } .slideNcrosel.emboss .slider { border:2px solid #fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.30); } .slideNcrosel.emboss .cwsRwdSlider, .slideNcrosel.emboss .rwdSlideCrousel { padding:8px; background-color:#fff; box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.25); } /* Direction Nav */ .cws-arw { *height:0; } .cws-arw a { display:block; width:35px; height:35px; margin-top:-17px; position:absolute; top:50%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; text-shadow:1px 1px 0 rgba(255,255,255,0.3); } .cws-arw .cws-prev { left:0; } .cws-arw .cws-next { right:0; } .cws-arw a:before { font-family:"cws-arrow"; font-size:34px; line-height:36px; text-align:center; height:34px; width:34px; display:inline-block; } .cws-arw.angle a.cws-prev:before { content: "\69"; } .cws-arw.angle a.cws-next:before { content: "\6a"; } .cws-arw.angle_small a.cws-prev:before { content: "\6d"; } .cws-arw.angle_small a.cws-next:before { content: "\6e"; } .cws-arw.angle_circle a.cws-prev:before { content: "\37"; } .cws-arw.angle_circle a.cws-next:before { content: "\38"; } .cws-arw.angle_square a.cws-prev:before { content: "\21"; } .cws-arw.angle_square a.cws-next:before { content: "\23"; } .cws-arw.arrow a.cws-prev:before { content: "\6b"; } .cws-arw.arrow a.cws-next:before { content: "\6c"; } .cws-arw.arrow_circle a.cws-prev:before { content: "\6f"; } .cws-arw.arrow_circle a.cws-next:before { content: "\70"; } .cws-arw.caret a.cws-prev:before { content: "\65"; } .cws-arw.caret a.cws-next:before { content: "\66"; } .cws-arw.chevron a.cws-prev:before { content: "\77"; } .cws-arw.chevron a.cws-next:before { content: "\78"; } .cws-arw.chevron_smooth a.cws-prev:before { content: "\71"; } .cws-arw.chevron_smooth a.cws-next:before { content: "\72"; } .cws-arw.chevron_circle a.cws-prev:before { content: "\33"; } .cws-arw.chevron_circle a.cws-next:before { content: "\34"; } .cws-arw.chevron_square a.cws-prev:before { content: "\39"; } .cws-arw.chevron_square a.cws-next:before { content: "\30"; } .NavArwOnHover:hover .cws-arw .cws-prev, .alwaysNavArw .cws-arw .cws-prev { opacity:0.6; left:10px; } .NavArwOnHover:hover .cws-arw .cws-next, .alwaysNavArw .cws-arw .cws-next { opacity:0.6; right:10px; } .cwsRwdSlider:hover .cws-next:hover, .cwsRwdSlider:hover .cws-prev:hover { opacity:1; } .navArwOutside.NavArwOnHover:hover .cws-arw .cws-prev, .navArwOutside.alwaysNavArw .cws-arw .cws-prev { left:-40px; } .navArwOutside.NavArwOnHover:hover .cws-arw .cws-next, .navArwOutside.alwaysNavArw .cws-arw .cws-next { right:-40px; } .navArwInLeft .cws-arw .cws-prev, .navArwInLeft .cws-arw .cws-next, .navArwInRight .cws-arw .cws-prev, .navArwInRight .cws-arw .cws-next { bottom:10px; top:inherit; margin:0; } .navArwInLeft .cws-arw .cws-prev { left:10px; } .navArwInLeft .cws-arw .cws-next { left:50px; } .navArwInRight .cws-arw .cws-prev, .navArwInRight.NavArwOnHover:hover .cws-arw .cws-prev { left:inherit; right:50px; } .navArwInRight .cws-arw .cws-next { right:10px; } /* Pager style */ .cws-pager { position:absolute; z-index:99; opacity:0; } .cws-pager li { margin:0 3px; display:inline-block; } .cws-pager li a { display:block; width:12px; height:12px; text-indent:-999em; border-radius:50%; border:2px solid #fff; box-shadow:0px 0px 1px rgba(0,0,0,0.40); margin:0 1px; } .cws-pager.squared li a, .cws-pager.squ-bar li a { border-radius:0; } .cws-pager.cir-bar, .cws-pager.squ-bar { padding:10px 10px 0 !important; } .alwaysPaging .cws-pager, .pagingOnHover:hover .cws-pager { opacity:1; } .alwaysPaging:hover .cws-pager.cir-bar, .alwaysPaging:hover .cws-pager.squ-bar, .pagingOnHover:hover .cws-pager.cir-bar, .pagingOnHover:hover .cws-pager.squ-bar { opacity:0.9; } .pagerBelow .cws-pager { padding-top:15px; bottom:-40px; left:auto; width:100%; text-align:center; margin:0 auto; } .pagerBelow .cws-pager.cir-bar, .pagerBelow .cws-pager.squ-bar { bottom:-35px; } .pagerAbove .cws-pager { top:-20px; left:45%; } .pagerAbove .cws-pager.cir-bar, .pagerAbove .cws-pager.squ-bar { top:-35px; } .pagerInTop .cws-pager { top:10px; left:45%; } .pagerInBottom .cws-pager { bottom:10px; left:45%; } .pagerInBottomleft .cws-pager { bottom:10px; left:10px; } .pagerInBottomright .cws-pager { bottom:10px; right:10px; } .navArwInLeft.pagerInBottomleft .cws-pager { bottom:22px; left:92px; } .navArwInRight.pagerInBottomright .cws-pager { bottom:22px; right:92px; } .navArwInLeft.pagerInBottomleft .cws-pager.cir-bar, .navArwInRight.pagerInBottomleft .cws-pager.cir-bar, .navArwInLeft.pagerInBottomright .cws-pager.squ-bar, .navArwInRight.pagerInBottomright .cws-pager.squ-bar { bottom:13px; } /****** Slider Theme setting style ******/ /* Default Theme */ .basSlider.defaultTheme .cwsRwdSlider { padding:10px; border:2px solid #ddd; } .defaultTheme .pagerBelow .cws-pager { bottom:-50px; } .defaultTheme .pagerAbove .cws-pager { top:-30px; } .defaultTheme .pagerBelow .cws-pager.cir-bar, .defaultTheme .pagerBelow .cws-pager.squ-bar { bottom:-34px; } .pagerBelow .cws-pager.cir-bar, .pagerBelow .cws-pager.squ-bar, .pagerAbove .cws-pager.cir-bar, .pagerAbove .cws-pager.squ-bar { left:-2px; width:100.3%; } .defaultTheme .pagerAbove .cws-pager.cir-bar, .defaultTheme .pagerAbove .cws-pager.squ-bar { top:-34px; text-align:center } .basSlider.dropShadow { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .basSlider.dropShadow:before, .basSlider.dropShadow:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .basSlider.dropShadow:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .basSlider.emboss { padding-bottom:35px; background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/responsivebannerslider/bottom-shadow.png) no-repeat 50% 100%/100% 36px; } .basSlider.emboss .slider { border:2px solid #fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.30); } .basSlider.emboss .cwsRwdSlider { padding:8px; background-color:#fff; box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.25); } .basSlider.emboss .cws-pager.squ-bar { bottom:-65px; } .emboss .rwdCarousel ul.slides:after { content:" "; display:block; clear:both; height:0; width:0; overflow:hidden; } @media only screen and (max-width:1320px) { .navArwOutside.NavArwOnHover:hover .cws-arw .cws-prev, .navArwOutside.alwaysNavArw .cws-arw .cws-prev { left:0; } .navArwOutside.NavArwOnHover:hover .cws-arw .cws-next, .navArwOutside.alwaysNavArw .cws-arw .cws-next { right:0; } } @media only screen and (max-width:768px) { .columns, .catalog-product-view .column.main { display:inherit; } .cws-arw .cws-next { right:2px; } .cws-arw .cws-prev { left:2px; } .pagerBelow .cws-pager.cir-bar, .pagerBelow .cws-pager.squ-bar { width:101%; } } @media only screen and (max-width:480px) { .pagerAbove .cws-pager, .pagerInTop .cws-pager, .pagerInBottom .cws-pager { left:37%; } } @media only screen and (max-width:380px) { .pagerBelow .cws-pager.cir-bar, .pagerBelow .cws-pager.squ-bar { width:101.5%; } } .su-youtube { margin:0; } .su-responsive-media-yes { height:0; overflow:hidden; padding-bottom:41.25%; position:relative; } .su-youtube iframe { border:medium none !important; border:0 none; } .su-responsive-media-yes iframe, .su-responsive-media-yes object, .su-responsive-media-yes embed { height:100%; left:0; position:absolute; top:0; width:100%; } img.alignnone.size-full { width: auto; } .tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;} .tree{background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/mageplaza_betterblog/line1.png) repeat-y;} .tree li{line-height:20px;margin-top:1px;position:relative;width:100%;} * html .tree li{float:left;display:inline;} .tree li a{padding-left:28px;} .tree li span{cursor:auto;float:left;font-size:0;height:13px;left:5px;position:absolute;top:5px;width:13px;} .tree li span,.tree li span.collapsed{background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/mageplaza_betterblog/collapsed.png) no-repeat 0 0;} .tree li span.expanded{background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/mageplaza_betterblog/expanded.png) no-repeat 0 0;} .tree li ul{margin-left:28px;background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/mageplaza_betterblog/line1.png) repeat-y;} .tree li li{background:url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/mageplaza_betterblog/line2.png) no-repeat 0 0;} .tree:after,.tree ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;} .tree,.tree ul{display:block;} .tree li.map-category{font-weight:bold;} .tree li.map-product{font-weight:normal;} .tree li.map-product a{color:#203548;} /* \*/ .tree,.tree ul{min-height:1%;} * html .tree,* html .tree ul{height:1%;} /** * Copyright 2016 The Valdecode Cookie Law Compliance Authors. All rights reserved. * Use of this source code is governed by a MIT-style * license that can be found in the LICENSE.txt file. */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: left; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #0d161d; text-shadow: none; border-color: #fbd491; border-bottom-color: #fbd491; background-color: #fbd491; background-image: linear-gradient(#fbd491, #fbd491); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0;background: #0d161d;color: #fbd491;border-color: #fbd491 !important; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; color: #fbd491; border-color: #fbd491; background-color: #0d161d; text-shadow: none; background-image: none; text-transform: capitalize; } #v-cookielaw.v-minimalist .v-button:hover, #v-cookielaw.v-minimalist .v-button:focus { color: #0d161d; text-shadow: none; border-color: #fbd491; border-bottom-color: #fbd491; background-color: #fbd491; background-image: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.eot'); src: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } .h2 { font-size: 40px; } h3, .h3 { font-size: 30px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /*Css For Top header */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800'); @font-face {font-family: "Busorama"; src: url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/font/Busorama.eot"); src: url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/font/Busorama.eot?#iefix") format("embedded-opentype"), url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/font/Busorama.woff2") format("woff2"), url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/font/Busorama.woff") format("woff"), url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/font/Busorama.ttf") format("truetype"); } html{ overflow-x: hidden; } body { margin: 0; min-width: 100%; height: 100%; position: relative; background-image: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/home-background.jpg); } body:after { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; opacity: 0.07; content: ' '; position: fixed; top: 0; bottom: 0; left: 0; z-index: -1; right: 0; } h3 img.aligncenter.size-full { display: none; } input, select, textarea, #content, #footer-widget-bar, #sidebar, #footer, .ozy-footer-slider, .ozy-header-slider, .tooltipsy, .fancybox-inner, .ozy-popup-lightbox-center { font-family: "Open Sans", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.5em; color: rgba(231,211,176,1); } /* 5 Columns */ .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .col-xs-5 { width: 20%; float: left; } .col-sm-5.banner-thumb { width: 41.66666667%; } /*instagram css*/ .ssami_images { padding: 5px; display: inline-block; vertical-align: top; zoom: 1; margin: 0 !important; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ssam_insta { display: inline-block; vertical-align: top; zoom: 1; margin: 0 !important; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ssi_photo_wrap { position: relative; background: rgba(0,0,0,0.6); } .ssi_link { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; background: #333; background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-size: 12px; line-height: 1.1; overflow: hidden; } .ssi_link .ssi_instagram_link { /* float: right; */ font-size: 30px; position: absolute; z-index: 100; bottom: 0; right: 2px; padding: 8px; } .sbi_hover_bottom { bottom: 10px; line-height: 1; z-index: 2; } .sbi_hover_top, #sb_instagram .sbi_hover_bottom { position: absolute; width: 98%; text-align: center; padding: 1% !important; margin: 0 !important; font-size: 12px; color: #ddd; color: rgba(255,255,255,1); } .ssi_link_area { padding: 0; text-decoration: none; color: rgba(255,255,255,0.7); line-height: 1.1; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } a.ssi_photo.ssi_img { background-size: 100%; background-position: center center; background-repeat: no-repeat; min-height: 246px; display: block; text-decoration: none; } .insta-block h3{ text-align: center; } .ssi_item { padding: 5px 0; } .ssi_load { float: left; clear: both; width: 100%; text-align: center; } .ssi_load #ssi_load_btn{ display: inline-block; vertical-align: top; zoom: 1; padding: 7px 14px; margin: 25px auto 30px auto; background: #FBD490; border: none; color: #0D161D; text-decoration: none; font-size: 13px; line-height: 1.5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ssi_photo_wrap:hover .ssi_link{ display: block; } .fa-instagram:hover { color: #fff; } .ssam_insta .fa-instagram { color: red; } span.ssi_lightbox_link, .ssi_hover_bottom{ display: none; } .checkout-onepage-success .col-main h2.sub-title, .checkout-onepage-success .col-main p { color: #FBD490; font-size: 16px; margin: 20px; } .cart-empty p,.cart-empty a{ color: #FBD490 !important; } .payment-progress-opcheckout p{ color: #FBD490 !important; } /* headings */ h1,h2,h3,h4,h5,h6 { letter-spacing: 5px; text-transform: uppercase; color: #FBD490; font-weight: 900; margin: 0; font-family: Busorama; } #menu-primary-menu span, a.button, a.button:hover { font-family: Busorama; } #payment-progress-opcheckout p { color: #FBD490; } .full-width .row { padding-left: 30px !important; padding-right: 30px !important; } .column-p10 { padding: 0px 10px !important; overflow: hidden; } /* Place holders */ ::-webkit-input-placeholder { color: #fff; } ::-moz-placeholder { color: #fff; } :-ms-input-placeholder { color: #fff; } ::placeholder { color: #fff; } /* Layouts */ .main-container, a:focus, a:hover, a { color: #fbd490; outline: 0 !important; } .category-bbs-media .main-container, .category-bbs-media a:hover, .category-bbs-media a { color: #FBD490; font-weight: 600; } .category-bbs-media a:focus{ color: #0D161D; } .main-container.col1-layout.container,.col2-left-layout,.col2-right-layout,.col3-layout{ padding-top: 12%; } /* Header */ /* START min login 10-12-2018 ************************************************** */ .cart-popup .mini-cart-layer .top-cart .block-content p.block-subtitle { margin: 0; } .mini-login-form a.f-left { color: #fff; } .mini-login-form a.s-cart { color: #fff; } .mini-login-form a { color: #fff; } /*END min login 10-12-2018 ************************************************** */ #header, #head-mobile { width: 100%; z-index: 3; position: fixed; top: 0; padding: 40px 40px 0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } nav#top-menu { position: relative; width: 100%; border-radius: 4px; z-index: -2; -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4); background-color: #0D161D; } #header > header > #top-menu, #top-menu ul ul li { /*background-color: #0D161D; */ } nav#top-menu .right-part>ul > li, nav#top-menu .right-part > ul > li > a, #top-menu, #top-menu .logo { line-height: 75px; height: 75px; text-transform: uppercase; font-size: 15px; color: rgba(255,255,255,1); } #top-menu, #top-menu .logo, #top-menu > ul, #top-menu > ul > li, #top-menu > ul > li > a, #top-menu > ul > li > a::before, #top-menu > ul > li > a::after, #top-menu > ul > li > .submenu-button { text-transform: uppercase; font-size: 15px; color: rgba(255,255,255,1); } .logo img { max-height: 60px; } #top-menu #head-mobile { display: none; } #top-menu > ul > li { float: left; } #top-menu > ul > li > a { position: relative; padding: 0 10px 0 10px; font-size: 15px; letter-spacing: 4px; text-decoration: none; line-height: 38px; font-weight: 600; } #top-menu > ul > li.active > a:after, #top-menu > ul > li > a:hover:after { width: calc(100% - 30px); } #top-menu>ul>li>a:after { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent ; background: #aaa; height: 2px; } #top-menu ul li > a:before, #top-menu ul li > a:after, #top-menu span.submenu-button:before, #top-menu span.submenu-button:after, #top-menu .menu-button:before, #top-menu .menu-button.menu-opened:after { background-color: rgba(255,255,255,1); } #top-menu > ul >li > a, #top-menu>ul > li > a:after, #top-menu > ul > li > a:before { transition: all .5s; } #top-menu .logo { padding: 0 10px; float: left; position: relative; } #header.wider { padding: 0 ; z-index: 999; } #header.wider nav#top-menu .right-part, #header.wider nav#top-menu.left .right-part, #header.wider nav#top-menu { border-radius: 0 ; } .head-social { float: right; } nav#top-menu .right-part { position: relative; padding-left: 45px; padding-right: 45px; display: inline-block; height: 100%; right: -1px; z-index: 100; overflow: hidden; border-top-right-radius: 4px; border-bottom-right-radius: 4px; float: right; } nav#top-menu .right-part>ul>li { float: left; } .head-social a { color: #fff; font-size: 24px; padding: 5px; } li.menu-item-wc > a > span { background-color: #FBD491 ; color: #0D161D ; display: block; position: absolute; top: 50%; right: -12px; margin-top: -25px; width: 18px; height: 18px; border-radius: 50%; line-height: 18px ; text-align: center ; font-size: 10px ; font-weight: 100 ; } nav#top-menu .right-part > div { height: 100%; position: absolute; right: -34px; z-index: -1; transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px); background: #956853; background: -moz-linear-gradient(top, #956853 0%, #FBD490 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #956853), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #956853 0%, #FBD490 100%); background: -o-linear-gradient(top, #956853 0%, #FBD490 100%); background: -ms-linear-gradient(top, #956853 0%, #FBD490 100%); background: linear-gradient(to bottom, #956853 0%, #FBD490 100%); background: linear-gradient(to bottom, #956853 0%,#FBD490 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#956853', endColorstr='#FBD490', GradientType=0 ); } nav#top-menu .right-part > ul > li > a{ text-decoration: none; font-size: 20px; } .right-part ul{ margin-bottom: 0px; } li.separator { padding: 20px; } #top-menu ul li { position: relative; } #menu-primary-menu { float: left; padding-left: 53px; } /* top header newsletter */ #header.wider .foot-social { top: 75px; } #header.wider .foot-social #newsletter { font-size: 0; border: 0; outline: 0; padding: 0; background: transparent; } #header.wider .foot-social button#newsletter:before { content: '\f090'; color: #fff; background: transparent; font-size: 14px; font-family: FontAwesome; } /* end top header newsletter */ /* Container */ .main-container { min-height: 100vh; } .breadcrumbs, .page-title.category-title { display: none; } /* Home slider section */ .basSlider.defaultTheme .cwsRwdSlider, .col-main { padding: 0px; border: none; } .sliderdecs{ width: 92%; bottom: 0%; border-left: none; } .sliderdecs br { margin-top: 0.5em; display: block; content: ' '; } .DSPbuttons h3, .DSPbuttons h4 { color: #fff; text-align: center; font-weight: 900; line-height: 1.5em; letter-spacing: 5px; color: #fff; } .cwsSlider .DSPbuttons a{ text-transform: uppercase; color: #fff; } .banner-content { padding: 20px; } .banner-content h4 { font-size: 55px !important; } .banner-thumb, .banner-content{ display: inline-block; } .banner-thumb img { width: 125px; } /*#rwdSlider-1 .banner-content h4 a { background: rgba(231,211,176,1) !important; font-weight: 900 !important; text-shadow: none; padding: 12px; border-radius: 5px; }*/ /* Footer section */ .footer-container ul.links { display: none; } .footer-container .bugs { display: none; } .footer ul{ padding: 25px 20px 0 20px; text-align: center; } .footer ul li { display: inline-block; padding: 0 23px 0 0; font-weight: 900; } .footer address { text-align: center; padding: 25px 20px 0px 20px; font-weight: 900; color: #fff; } .footer-container { background: #51523f; position: relative; } .footer{ border: none; } .footer a ,.foot-social a{ color: #fff; } .footer a:hover , .footer a:focus { color: #FBD490; text-decoration: none; } .foot-social { position: fixed; z-index: 99; background: rgba(22,19,13,1); right: 0; /*bottom: 0;*/ top: 0; padding: 2px 10px 2px; } /* footer fixed newsletter */ .foot-subscribe { display: inline-block; padding-left: 10px; } .page input:not([type="submit"]):not([type="file"]), .page select, .page textarea { border-top: 1px solid #c23941 ; border-bottom: 1px solid #c23941 ; border-right: 0 ; border-left: 0 ; color: #fff ; opacity: 1.0 ; background: transparent; width: 100% } .page select{ padding: 10px; } .page .togglesearch input:not([type="submit"]){ /*background: linear-gradient(to bottom, #FBD490 0%,#956853 100%) !important;*/ background:#FBD490 !important; } .page .foot-social{ background-color: #0D161D; } .page input:not([type="submit"]):not([type="file"]):hover, .page select:hover, .page textarea:hover,.page input:not([type="submit"]):not([type="file"]):focus, .page select:focus, .page textarea:focus { border-color: #fbf4e3 !important; } .input-box .input-text { /* margin-bottom: 20px;*/ padding: 10px; } .buttons-set button.button { /* background: #fff !important;*/ border: none !important; } /*.buttons-set button.button:hover { border-color: rgba(231,211,176,1)!important; background: rgba(231,211,176,1) !important; }*/ .popup-subscribe button[type="submit"], .foot-social button[type="submit"], .woocommerce-page .button, .woocommerce-page input[type="button"], .woocommerce-page input[type="submit"], .woocommerce-page button[type="submit"] { background: #FBD491; background-image: transparent; color: #000; font-weight: 900; padding-bottom: 2px; padding-top: 2px; outline: none; } .foot-social input { padding: 1px 30px; outline: none; -webkit-transition: all .2s; transition: all .2s; margin: 2px 0; } .foot-social .icons { display: inline-block; } .foot-social .validation-advice { position: absolute; top: -12px; right: 0; left: 0; padding: 0 19px; background: #16130d; text-align: left; } .foot-subscribe label { margin: 0; } label { margin-top: 20px; } #to-top-button { border-color: #ffffff; position: absolute; top: 0px; right: 50px; margin-top: -20px; margin-left: -25px; width: 50px; height: 50px; display: inline-block; z-index: 1; transition: all .2s; -webkit-transition: all .2s; } #to-top-button > svg { position: absolute; top: 35px; left: 0; right: 0; text-align: center; margin-left: 10px; font-size: 40px; width: 37px; height: 60px; z-index: 0; transform: rotate(-180deg); fill : #fff; transition: all .2s; -webkit-transition: all .2s; } #to-top-button:hover > svg { top: 20px; } #to-top-button > span{ font-weight: 900; font-size: 15px; color: #fff; position: absolute; bottom: -49px; white-space: nowrap; margin-left: 25px; transform: translate(-50%, 0); } .footer-container { background: #0D161D; } /* Home News Blog Slider */ .latest.container-fluid { /* background: #FBD490;*/ padding-top: 30px; padding-bottom: 15px; } div.news-slider { margin-top: 0px; margin-bottom: 0px; /*padding-top: 30px;*/ /*padding-bottom: 10px;*/ background-repeat: repeat; color:#fff; } .full-width h3 { padding-top: 10px; padding-bottom: 10px; background: #0D161D; } .posts-slider .item-overlay h3 { font-size: 18px; color: #fff; } .posts-slider .item { position: relative; overflow: hidden; } .posts-slider .item .owl-img { width: 100%; height: 400px; display: block; background-size: cover !important; } .item-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: all .4s ease; } .item > a .item-overlay { padding: 10px 15px; } .item > a:hover { text-decoration: none; } .item > a:hover .item-overlay { background-color: transparent; } /* Home Upcoming Tours */ .tour-flyer-btn a { font-size: 12px; padding: 10px 15px; font-weight: 900; border-radius: 3px; border-color: #FBD491!important; color: #0D161D !important; background: #FBD491 !important; } .tour-flyer-btn a:hover { text-decoration: none; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes snakemov { 0% {left:0px; top:0px;} 25% {left:200px; top:0px;} 30% { transform: rotate(90deg);} 50% {left:200px; top:200px;} 55% {transform: rotate(180deg);} 75% {left:0px; top:200px;} 80% {transform: rotate(270deg);} 95% {left:0px; top:0px;} 100% {transform: rotate(360deg);} } /* Standard syntax */ @keyframes snakemov { 0% {left:0px; top:0px;} 25% {left:200px; top:0px;} 30% { transform: rotate(90deg);} 50% {left:200px; top:200px;} 55% {transform: rotate(180deg);} 75% {left:0px; top:200px;} 80% {transform: rotate(270deg);} 95% {left:0px; top:0px;} 100% {transform: rotate(360deg);} } .movin-snk:before { content: ' '; width: 100px; height: 25px; background: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/border.gif); background-repeat: no-repeat; background-size: 100px; position: absolute; -webkit-animation-name: snakemov; -webkit-animation-duration: 20s; animation-name: snakemov; animation-duration: 20s; animation-iteration-count: infinite; position: absolute; top:0; left: 0; } /*div#home-upcoming-tours-block { background-image: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/COYOTE_cover_001.png),url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/bbs-wood-bg.jpg); background-position: right top,0 0; background-repeat: no-repeat, repeat; color: #fff; padding-top: 30px; padding-bottom: 30px; }*/ .next-show { background: #0D161D; padding-top: 21px !important; padding-bottom: 21px !important; margin-top: 30px; margin-bottom: 30px; } .next-show h3 { text-align: center; font-size: 20px !important; color: #FBD491 !important; font-weight: bold !important; padding-top: 10px !important; } #showtimer { text-align: center !important; color: #FBD491 !important; } .next-show .bt-event-item .bt-venue { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; text-transform: uppercase; color: #FBD490 !important; margin-bottom: 10px; display: block; text-align: center; } .next-show .bt-event-item .bt-event-date { display: block; text-align: center; margin-bottom: 10px; font-size: 13px; color: #FBD490; } .next-show .bt-event-item .bt-location { display: block; text-align: center; margin-bottom: 10px; font-size: 1.4em; color: #FBD490; } .next-show .bt-action { display: block; width: 100%; text-align: center; } .next-show .bt-event-item .bt-vip-tickets { display: inline-block; text-align: center; margin-bottom: 10px; padding-right: 2px; padding-left: 2px; } .next-show .bt-event-item .bt-vip-tickets a { display: inline-block !important; padding: 6px 8px !important; color: #c69e4e !important; text-align: center !important; border: dashed 2px #c69e4e !important; text-transform: uppercase !important; font-size: 12px !important; min-width: 60px; } .next-show .bt-event-item .bt-tickets { display: inline-block; text-align: center; margin-bottom: 10px; padding-left: 2px; padding-right: 2px; } .next-show .bt-event-item .bt-tickets a { background: #FBD491 !important; color: #0D161D !important; font-size: 12px; text-transform: uppercase; padding: 8px 8px; display: inline-block; } .next-show .bt-event-item .bt-rsvp { display: block; text-align: center; } .next-show .bt-event-item .bt-rsvp a { background: #FBD490 !important; color: #0D161D !important; font-size: 12px; text-transform: uppercase; padding: 8px 15px; display: inline-block; font-weight: bold; } .upcoming-items .bt-event-item { display: table; width: 100%; border-bottom: solid 1px #e7d3b0; } .upcoming-items .bt-event-item .bt-event-date { display: inline-block; width: 8%; padding: 10px; text-align: center; vertical-align: middle; color: #FBD490; background-color: #0D161D; border-radius: 5px; } .upcoming-items .bt-event-item .bt-content { display: inline-block; padding: 10px; width: 60%; vertical-align: middle; } .upcoming-items .bt-event-item .bt-content .bt-venue { display: block; color: #0D161D !important; font-size: 20px !important; font-weight: bold !important; line-height: 25px !important; text-transform: uppercase !important; } .upcoming-items .bt-event-item .bt-content .bt-location { font-size: 18px; color: #0D161D; } .upcoming-items .bt-event-item .bt-actions { display: inline-block; vertical-align: middle; float: right; padding-top: 15px; } .upcoming-items .bt-event-item .bt-tickets, .upcoming-items .bt-event-item .bt-rsvp, .upcoming-items .bt-event-item .bt-vip-tickets { padding: 5px; } .upcoming-items .bt-event-item .bt-vip-tickets a { display: inline-block !important; padding: 6px 8px !important; color: #fff !important; text-align: center !important; border: dashed 2px #fff !important; text-transform: uppercase !important; font-size: 12px !important; min-width: 60px; background: #b83413; } .upcoming-items .bt-event-item .bt-tickets a { background: #0D161D !important; color: #FBD490 !important; font-size: 12px; text-transform: uppercase; padding: 8px 8px; display: inline-block; font-weight: 600; } .upcoming-items .bt-event-item .bt-rsvp a { background: #0D161D !important; color: #FBD490 !important; font-size: 12px; text-transform: uppercase; padding: 8px 15px; display: inline-block; font-weight: bold; } /* Blog-News Page*/ .mp-footer { display: none !important; } .a-page-title { border-bottom: 1px solid transparent; -webkit-transition: all .2s; transition: all .2s; } .a-page-title:hover { border-color: rgba(231,211,176,1) !important; text-decoration:none; } .post-image { text-align : center; position: relative; background-size: cover; background-position: center center; margin: 0 0 22px 0; } /* New Product */ .col-main .widget-new-products { padding: 0; } .products-grid li.item.item-extended { width: 25%; padding: 0 10px; margin: 0; } .latest-gear .item { position: relative; cursor: pointer; } .latest-gear .overlay-two { position: absolute; width: 100%; height: 100%; padding: 100px 20px 20px; text-align: center; background: rgba(0,0,0,.80); top: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; visibility: hidden; opacity: 0; } .latest-gear .item .Owl-img { width: 100%; height: 400px; background-size: cover !important; display: block; } .latest-gear .item:hover .overlay-two { visibility: visible; opacity: 1; } .overlay-two h3 a { font-size: 22px; color: #fff !important; } .overlay-two .price-box{ font-size: 20px; } button.button, .button { font-size: 12px!important; padding: 10px 15px!important; font-weight: 900!important; text-shadow: none!important; box-shadow: none!important; border: 1px solid transparent!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-radius: 2px!important; transition: all .4s; -webkit-transition: all .4s; top: auto!important; border-color: #FBD491!important; color: #0D161D !important; background: #FBD491 !important; } #home-latest-gear h3{ text-align: center; background: #0D161D; margin-left: -15px; margin-right: -15px; } .insta-block h3 { margin-left: -30px !important; margin-right: -30px !important; } /*div#home-latest-gear { background: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/bbs-starry-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }*/ /* brand Slider */ .defaultTheme .rwdCarousel ul.slides li { width: 110px !important; padding: 0; border: none; margin: 0 50px; } #brand-slider .cwsSlider, .cms-page-view #brand-slider .cwsSlider { margin: 30px auto 30px; } /* subscribe now section */ form#newsletter-validate-detail2 { padding: 75px 0 0; } form#newsletter-validate-detail2 input { background: transparent !important; padding: 15px 30px 14px !important; top: 2px; position: relative; margin-right: -10px; font-family: "Open Sans"; } #home-bottom-subscribe{ /* background-image: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/footer-bbs.jpg);*/ text-align: center; /* background: #FBD490;*/ /* background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;*/ } input#yikes-easy-mc-form-2-EMAIL { background: transparent !important; padding: 15px 30px 14px !important; top: 2px; position: relative; margin-right: -10px; font-family: "Open Sans"; } button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-2.btn.btn-primary { background: -moz-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,49,61,1)), color-stop(79%, rgba(213,179,131,1)), color-stop(100%, rgba(213,179,131,1))) !important; background: -webkit-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -o-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; background: -ms-linear-gradient(top, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; /* background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important; */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1313d', endColorstr='#d5b383', GradientType=0 ) !important; border: 1px solid #c23941 !important; border: 1px solid #c23941 !important; color: #fff !important; font-family: "Open Sans"; font-weight: 900 !important; font-size: 18px !important; border-radius: 0 !important; padding: 12px 30px !important; } .seprator-line { width: 100% !important; display: block !important; clear: both; background: #ccc; height: 1px; margin-top: 35px; margin-bottom: 35px; } .cms-customer-care .icon h3 { margin-bottom: 4%; } .cms-customer-care p { color: #FBD490; font-size: 17px; text-align: justify; } .cms-customer-care .stand-policy h3, .cms-customer-care .inter-ship h3, .cms-customer-care .return-exchange h3 { background: #FBD490; color: #0D161D; padding-left: 10px; margin: 20px 0; } .cms-customer-care .stand-policy p:first-of-type, .cms-customer-care .inter-ship p:first-of-type, .cms-customer-care .return-exchange p:first-of-type { padding-top: 15px; } .cms-customer-care .stand-policy p:last-of-type, .cms-customer-care .inter-ship p:last-of-type, .cms-customer-care .return-exchange p:last-of-type { padding-bottom: 15px; } .cms-customer-care .foot-social .icons a { color: #fff; } .mageplaza-betterblog-category-view .main-container, .mageplaza-betterblog-category-view a:focus, .mageplaza-betterblog-category-view a:hover, .mageplaza-betterblog-category-view a{ color:#FBD490; font-weight: 600; } .head-social a { color: #fff !important; } .icon h3 { background: #0D161D; padding: 10px; } .hentry p { color: #FBD490 !important; font-weight: 600; text-align: justify; } .cms-privacy-policy .main { background: rgba(13, 22, 29, .7); padding: 25px; } .cms-privacy-policy .main h1 { background: #FBD490; color: #0D161D; padding-left: 10px; margin: 20px 0; font-size: 30px; } .cms-privacy-policy .main p { font-size: 17px; line-height: 24px; font-weight: normal; } .cms-privacy-policy .main p strong { line-height: 50px; } .contacts-index-index h2.legend { background: #FBD490; color: #0D161D; padding: 10px; margin: 0; } .contacts-index-index div { color: #FBD490 !important; /*font-size: 17px;*/ } .contacts-index-index .main { background: rgba(13, 22, 29, .7); padding: 25px; } .footer a, .footer a:hover { color: #fff !important; } .cms-customer-care .main { background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } .cms-customer-care a, .cms-customer-care a:hover { color: #FBD490; } .cms-customer-care .return-exchange a,.cms-customer-care .return-exchange a:hover { color: #a23238; } .element_title-with-icon span.fa.fa-map-marker { border-color: #FBD490; color: #FBD490 !important; background-color: transparent !important; font-size: 18px; vertical-align: middle; border: 1px solid #FBD490; overflow: hidden; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; } h5.location { color: #fbd490 !important; display: inline-block; margin-left: 2%; } .address-title-with-icon { margin-left: 11%; line-height: 25px; } .link_area a { color: #FBD490; } .ozy-content-divider { border-top-color: #d79769 !important; } span.fa.fa-envelope { border-color: #FBD490; color: #FBD490 !important; background-color: transparent !important; font-size: 18px; vertical-align: middle; border: 1px solid #FBD490; overflow: hidden; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; } li.current { color: #0d161d; display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } h5.email { color: #FBD490 !important; display: inline-block; margin-left: 2%; } .link_area { margin-left: 11%; } .block-head { padding-bottom: 35px; } p.manage { line-height: 2em; } p.booking { line-height: 2em; } .manage a { color: #c23941; } .booking a { color: #c23941; } p.publicist { line-height: 2em; } .publicist a { color: #c23941; } p.euro-booking { line-height: 2em; } .euro-booking a { color: #c23941; } .row.cwus { margin-bottom: 15px; } .buttons-set button.button { padding: 15px 30px 15px 30px !important; } /*.page-wrapper-main { position: relative; background-image: url(/skin/frontend/bbsmoke/default/images/rotation.jpg); height: 495px; background-repeat: repeat; background-attachment: inherit; background-position: center center; background-size: cover; }*/ .band-header-img{ margin-top: 150px; } .category-the-band .page-wrapper-main h3 { background: #0D161D; padding-top: 14px; padding-bottom: 14px; font-size: 30px; } .category-the-band p { margin: 0 0 20px; color: #FBD490; font-size: 17px; } .page-wrapper-main h3 { width: 100%; font-size: 24px; text-align: center; background: #FBD490; padding-top: 10px; padding-bottom: 10px; } .category-the-band .base-head.container{ background: rgba(13, 22, 29, .7); padding: 25px 15px; } .base-head.container { margin-bottom: 5%; margin-top: 30px; } .col-md-6.second-section { margin-bottom: 10% !important; } /*input#newsletter::placeholder,input#newsletter1::placeholder { color: #000 !important; }*/ .newsltr_email{ width: auto !important; background: transparent !important; } #show-message ,#loading-message{ color: #a37d67; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill { -webkit-text-fill-color: #FBD490; transition: background-color 5000s ease-in-out 0s; } #myModal img.aligncenter.size-full { display: none; } body.full-width.cms-home { background-color: transparent; position: relative; } body.full-width.cms-home:after { background-image: url(/skin/frontend/bbsmoke/default/images/home-background.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; opacity: 1; content: ' '; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; right: 0; max-width: 100%; } div#brand-slider { background: #0D161D; max-height: 150px; overflow-y: hidden; } #home-upcoming-tours-block .widget-static-block .row { background: #FBD490; } /* ----------- search box ---------- */ .togglesearch { /* display: none;*/ top: 0; left: 0; height: 0px; width: 100%; display: block; overflow: hidden; position: relative; transition: height .25s .2s; perspective: 1600px; } li.menu-search { display: none; } .togglesearchblock { /*display: block !important;*/ height: 110px; z-index: 10; } .togglesearchblock form#search_mini_form { transform: rotateX(0); transition-delay: .2s; } form#search_mini_form { transform: rotateX(-100deg); transform-origin: top center; transition: all .35s linear; } #mySidenav .social-login p { color: #fff; } .togglesearch button.button { display: none; } .togglesearch label { display: none; } .togglesearch input#search:hover { border-top: 6px solid #0D161D !important; border-bottom: 1px solid #0D161D !important; } input#search::placeholder { color: #0D161D; } .togglesearch input#search { width: 100%; height: 100px; margin-bottom: 10px; border-top: 6px solid #0D161D; font-size: 32px; padding-left: 50px; color: #0D161D !important; } .search-box { position: relative; } .search-box i.fa.fa-search { position: absolute; top: 41px; left: 15px; font-size: 25px; color: #0D161D; } i.fa.fa-close.close-search { cursor: pointer; position: absolute; bottom: 44px; right: 35px; font-size: 30px; color: #0D161D; } .popup-subscribe .modal-dialog { width: 600px; margin: 100px auto; max-width: 90%; } .popup-subscribe .modal-content{ background-image: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/coyote_cover.png),url(/skin/frontend/bbsmoke/default/images/home-background.jpg); /* background-image: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/bbsmoke/coyote_cover.png),url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/home-back.jpg);*/ background-position: bottom right, center top; background-size: 150px,auto; background-repeat: no-repeat,no-repeat; } input#newsletter { background: #0D161D !important; width: 100% !important; border: 0; box-shadow: 0px 0px 6px 4px #CCC; } .modal-body #newsletter-subscribe button { background: #0D161D !important; border: 0 !important; border-radius: 5px !important; box-shadow: 0px 0px 6px 4px #CCC !important; } .popup-subscribe button.close { opacity: 1; color: #FBD490; } .subscribe-btn img { max-width: 300px; margin: 40px; } button.btn.subscribe-btn { padding: 50px 15px; } button.btn.subscribe-btn img { max-width : 300px; } .banner-thumb { display: none; } .banner-content a.button { background: #0D161D !important; border-color: #FBD490 !important; font-size: 16px !important; letter-spacing: 2px; color: #fff !important; /*box-shadow: 4px 4px 1px #665046 !important;*/ text-decoration: none; } .banner-content a.button:hover { text-decoration: none; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #000000; } #bnrSlider-1 { margin-bottom: 0; } div#home-upcoming-tours-block { /*margin-bottom: 30px;*/ /* padding-top: 30px;*/ background-color: #0D161D; } div#home-latest-gear .widget.widget-new-products { margin-bottom: 30px; } /* Date 01-06-2018 Css for category page */ ul.products-grid li { position: relative; overflow: hidden; } .products-grid>li>.ozy-product-overlay { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 4em 0 25px; text-align: center; background-color: rgba(13, 22, 29, 0.85); transition: all .4s; -webkit-transition: all .4s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .products-grid>li:hover>.ozy-product-overlay { top: 0; } .ozy-product-overlay ul.add-to-links { position: absolute; top: 0; right: 0; } .ozy-product-overlay ul.add-to-links a.link-wishlist{ color: #0d161d; background: #fbd491; padding: 10px; border-radius: 3px; } .products-grid li.item { float: left; width: 30.9%; margin: 0px 10px; } .add-to-links a { color: #fff; } .products-list .add-to-links a { color: #000; } .products-grid .product-name a { color: #fff !important; } .main-container { padding-bottom: 0; } /* tool bar */ .toolbar { min-height: 60px; /* border: 1px solid;*/ } .toolbar .pager { float: right; margin: 12px 0; } .pager .limiter > label, .sorter label { margin-top: 0; } .pager .amount{ float: left; margin: 2px 20px; display: none; } .pager .limiter { float: right; margin-right: 21px; } .sorter { float: left; margin: 13px 10px; border: 1px solid #cc552b; background: #f8e5c4; color: #fff; padding: 6px; } .sorter .view-mode { float: right; margin: 2px; } .sorter .sort-by { float: left; margin-right: 20px; } .page .toolbar select { width: auto; background: rgba(22,19,13,1); } /* side bar */ .sidebar .block.block-banner { display: none; } .col-left{ border: none; padding: 0; } .sidebar .block-title { display: none; } .block-content dt { /*background: linear-gradient(to bottom, rgba(193,49,61,1) 0%, rgba(213,179,131,1) 79%, rgba(213,179,131,1) 100%) !important;*/ background: #FBD490; /* border: 1px solid #c23941;*/ padding: 20px; color: #0d161d; font-weight: 900; font-style: normal; font-size: 20px; line-height: 1.5em; letter-spacing: 5px; text-transform: uppercase; /*text-shadow: 4px 4px 1px rgba(35, 35, 35, .8);*/ } #narrow-by-list2 ol,#narrow-by-list ol, .block-layered-nav ol{ background: rgba(13, 22, 29, 0.8); } .sidebar li a { color: #FBD490; display: block; } .block-layered-nav .currently ol { border: 2px solid #FBD490; border-radius: 10px; } .block-layered-nav .currently ol li { border-bottom: none; } .block-layered-nav .currently ol li { border-bottom: none; padding: 10px; } .block-layered-nav .currently .label { font-size: 14px; } .block-layered-nav .actions a { background: #fbd490; padding: 5px 15px; border: 0; margin-bottom: 30px; color: #0D161D; float: right; } /*.sidebar li:before { content: ""; display: inline-block; width: 17px; height: 18px; margin: 0px 7px -4px 0px; border: 1px solid #fff; }*/ .sidebar li { padding:10px 0 10px 20px; border-bottom: 1px solid #FBD490; vertical-align: middle; } .category-shop a.product-image img { max-width: 100%; } .category-shop .odd a { color: #FBD490; } .category-shop .main-container,.category-shop .odd a:focus,.category-shop .odd a:hover,.category-shop .odd a { color: #FBD490; font-weight: bold; } /*.sidebar li:hover:before{ border:1px solid #ccc; }*/ /*mini login form css*/ /*.mini-login-form{ display: none; }*/ /*.nav-side{ right: 260px; }*/ .mini-login-show{ margin-top: 75px; display: block !important; } .mini-login-form.mini-login-show { background: #727272; color: #fff; } .mini-login-form label { color: #fff !important; margin-left: 4%; } .mini-login-form .block-title { text-align: center; font-size: 35px; } .mini-login-form input { padding: 6px; margin-left: 4% !important; width: 90% !important; } .mini-login-form button.button { /*background: #fff !important;*/ margin: 3%; } /*.mini-login-form input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill { -webkit-text-fill-color: #000; }*/ .mini-login-form .block-title span { color: #fbd491; font-family: busorama; font-weight: normal; font-size: 30px; border-bottom: 1px solid #fbd491; } /*.mini-login-form a { font-size: 16px !important; }*/ .mini-login-form span#navclose { cursor: pointer; float: right; color: #fff !important; font-size: 24px; padding: 0px 10px; border: 1px solid #fff; margin: 0 5px; } .sidenav { height: 100%; width: 280px; position: fixed; z-index: 99; top: 0; right: -280px; background-color: #0D161D; overflow-x: hidden; padding-top: 20px; } .sidenav a { padding: 8px; text-decoration: none; display: block; transition: 0.3s; font-size: 14px; } .sidenav a:hover { color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .mini-login-form input#mini-login { color: #fff; } .mini-login-form input#mini-password { color: #fff; } .mini-login-form input:-webkit-autofill, .mini-login-form input:-webkit-autofill:hover, .mini-login-form input:-webkit-autofill:focus, .mini-login-form input:-webkit-autofill { -webkit-text-fill-color: #fff; } h4.cust_name { color: #fff; padding: 8px 8px 8px 15px; } /*mini login form css end here*/ /* for product page start here*/ .add-to-box .add-to-links a.link-wishlist { color: #000; } .add-to-box .add-to-links a { color: #000; } .price-box span.price { color: #FBD490; font-size: 23px; } .add-to-cart label{ color: #fbd491; } .add-to-cart input#qty { width: 40px; height: 39px; text-align: center; margin: 0 10px 0 0; } .product-view .product-collateral { margin-bottom: 2%; } .form-add label { margin-top: 10px; } #addTagForm .form-add { margin-bottom: 1%; } .add-to-box button#product-addtocart-button { margin-left: 0; } .product-view .box-tags .form-add input.input-text { background: #8c6350; } #shopping-cart-table a { color: #FBD490; /*background: rgba(13, 22, 29, .7);*/ } /* for product page end here*/ /*category page start here*/ .products-grid.last.featured-gear-shop { border-bottom: 2px solid #FBD490; padding-bottom: 36px; } .messages li.success-msg { background: #a23238; color: #fff; border: 1px solid #a23238; border-radius: 5px; font-size : 16px !important; } .sort-by label { color: #815e4e; text-transform: uppercase; } .view-mode label { color: #5d4c44; } .page .toolbar select { background: #7d5c4d; padding: 2px; border: none; color: #fff; } .sorter .view-mode strong { border: 1px solid #7d5c4d; border-radius: 5px; padding: 3px; background: #7d5c4d; text-transform: uppercase; } .sorter .view-mode a { font-weight: bold; color: #7d5c4d; border: 2px solid #7d5c4d; padding: 2px 6px 2px 6px; border-radius: 5px; text-transform: uppercase; } /*.toolbar .pager { border: 1px solid #cc552b; background: #0D161D; padding: 6px; }*/ .pages { background: #0D161D; padding: 6px; } .toolbar .pages a { background: #FBD490 !important; color: #0d161d; } /*category page css end here*/ /* For cart popup*/ /*---*/ #mini-cart a.top-btn-remove { color: #0D161D; } .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div.mini-cart-layer { /* background: url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/view_shopping_cart.jpg") no-repeat scroll 0 0 transparent;*/ height: 26px; padding: 0; position: absolute; right: 0; top: 9px; width: 165px; z-index: 99; } .top-cart .top-btn-remove { /*background: url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/btn_remove.gif") no-repeat scroll 0 0 transparent;*/ text-align: right; display: block; font-size: 11px; height: 15px; line-height: 11px; margin: 0 0 3px; overflow: hidden; padding: 0 0 0 15px; } div.mini-cart-layer-up{} div.mini-cart-layer-down{background-position: 0 bottom;} .mini-cart-layer span#cartHeader { display: block; height: 26px; overflow: hidden; text-align: left; text-indent: -99999px; width: 165px; } .top-cart { float: left; position: relative; } .top-cart .block-title { white-space: nowrap; cursor: pointer; } .top-cart .block-title.expanded { background-position: 0 3px !important; } .top-cart .block-title.expanded span { background-position: 100% -126px !important; } .top-cart .block-content { background: none repeat scroll 0 0 #FDFDFD; font-size: 11px; position: absolute; right: 0; text-align: left; top: 20px; width: 267px; } .top-cart .block-content ol { margin: 0; padding: 0; list-style: none outside none; background: #fff; } .top-cart .inner-wrapper { border: 4px solid #0D161D; } .top-cart .block-content .block-subtitle { background: #fbd490; font-size: 14px; border-bottom: 1px solid #0D161D; font-weight: bold; color: #0D161D; line-height: 30px; padding: 3px 10px 4px; } .top-cart .block-content .block-subtitle .close-btn { float: right; /*width: 13px;*/ height: 0; padding-top: 0px; text-align: center; /*overflow: hidden;*/ font-size: 0; cursor: pointer; /*background: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/btn_remove.gif) no-repeat 0 0;*/ position: relative; z-index: 1; } .top-cart .block-content .block-subtitle .close-btn:before { content: 'x'; font-size: 13px; color: #0d161d; background: #fbd490; padding: 3px 6px; } .top-cart .cart-empty .close-btn { float: right; width: 13px; height: 0; padding-top: 12px; text-align: left; overflow: hidden; cursor: pointer; background: url(https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/btn_remove.gif) no-repeat 0 0; position: relative; z-index: 1; } .top-cart .cart-empty { padding: 10px 10px 10px 10px; color: #666; font-size: 14px; line-height: initial; font-weight: normal; font-style: italic; color: #0d161d; text-transform: capitalize; } .top-cart .block-content .item { padding: 8px 5px 8px 11px; border-bottom: 1px solid #DDD; margin: 0 5px; } .top-cart .block-content .last { border-bottom: none; } .top-cart .block-content .item .product-name { font-size: 11px; height: 30px; line-height: 14px; margin: 0 0 5px; overflow: hidden; } .top-cart .block-content .item .product-name a { font-size: 11px; text-decoration: none; color: #444; } .top-cart .block-content table { margin: 5px 0 0 0; } .top-cart .block-content table th { padding: 1px 8px; color: #8f8f8f; text-align: right; } .top-cart .block-content table td { text-align: left; padding: 1px 0; } .top-cart .block-content .subtotal { padding: 2px 5px; text-align: center; color: #666; } .top-cart .actions { background-color: #0D161D; color: #FFFFFF; padding: 5px 11px; text-align: right; z-index: 999; } .top-cart .actions a { margin-right: 4%; text-transform: uppercase; font-size: 14px; padding: 5px 10px; font-weight: 900; border-radius: 2px; color: #0D161D; background: #FBD491; text-decoration: none; } .top-cart .actions button { float: none; color: #FFF; padding-top: 3px; } div.top-cart { float: none; } div.top-cart .block-title { color: #000000; display: block; float: none; font-family: arial; font-size: 12px; font-weight: bold; padding: 0; } div.top-cart .block-content { top: 64px; } div.top-cart .block-content ol li { display: block; float: none; } .cart-popup .top-cart .actions button { line-height: 0; } .cart-popup #topCartContent .product-details { width: 70%; float: right; } .cart-popup #topCartContent button.button { background-color: #FBD490 !important; /* border: 1px solid #fff !important;*/ padding: 14px !important; text-transform: uppercase; } div#topCartContent { background: #FBD490; } /*===*/ /* For cart Popup end here*/ /* Tour Page*/ h3.tour-head { text-align: center; background: #0D161D; padding: 10px; } .tour-page-top-image{ height: 415px; background-image: url(/skin/frontend/bbsmoke/default/images/BBS-tour-without-text.jpg); background-size: cover; background-repeat: repeat; background-attachment: inherit; background-position: center center; } /*.tour-flyer-cont { box-shadow: 0px 0px 5px 2px #FBD490; border: 1px solid #d79769; margin: 50px 0; background: rgba(13, 22, 29, .7); }*/ .tour-flyer-cont { /*box-shadow: 0px 0px 5px 2px #FBD490; border: 1px solid #d79769;*/ border-bottom: 1px solid #FBD490; margin: 15px 0; float: left; background: rgba(13, 22, 29, .9); width: 100%; } .category-tour .tour-flyer-cont a { color: #FBD490; } .tour-fc.tour-time { background: #FBD490; padding: 36px 0; font-size: 22px; color: #0D161D; text-align: center; } .tour-fc { font-size: 16px; font-weight: 600; padding: 18px 0; color: #FBD490; } .tour-flyer-btn button.button { background: #FBD490 !important; color: #0D161D !important; } span.flyer-download { background-color: #D79769; position: relative; bottom: 30px; left: 0px; font-weight: 600; padding: 5px 0 5px 0px; text-align: center; display: block; } img.flyer-img { height: 180px; } /* Tour Page*/ /* Tour model*/ .popup-flyer img { width: 100%; } .popup-flyer h3 { text-align: center; margin-bottom: 20px; } .popup-flyer .modal-content { max-height: 350px; overflow-y: auto; } /*Tour model*/ /* Music Page or Release page */ .releases-music .col-md-4 { margin-top: 15px; } h3.music-category { margin: 35px 0; font-size: 30px; background-color: #0d161d; padding: 10px 15px; border-bottom: 1px solid; text-align: center; border-radius: 5px; } .releases-cont { padding-top: 40px; padding-bottom: 40px; } .music-page-top-image { height: 495px; background-image: url(/skin/frontend/bbsmoke/default/images/bbs-music-without-text.jpg); background-size: cover; background-repeat: repeat; background-attachment: inherit; background-position: center center; } .album-item-thumb img { width: auto; max-width: 100%; position: absolute; top: 0; z-index: 1; } .album-item-thumb img:hover { margin: 0 -50px; transition: .5s; } .album-item:hover .disk { left: 108px !important; transition: .5s; } .accordion-content { display: none; } .show-lyrs{ display: block !important; } .music-view { background: rgba(13, 22, 29, .7); padding: 3% 5%; margin-bottom: 4%; } .accordion-content.show-lyrs { color: #FBD490; } .track-info .name a { color: #FBD490; font-size: 20px; line-height: 2.5em; padding-left: 10px; text-decoration: none; font-weight: 700; } .music-view .entry-thumbnail { padding: 10px; } .tracks ul li { border-bottom: 1px solid #fbd490; margin: 2px 0px 2px 0px; padding: 5px 0px 5px 0px; } .track-info .artist a { color: #FBD490; } .track-info .collection a { color: #FBD490; } .wolf-release-button a { color: #FBD490; } span.wolf-release-buttons { display: table; width: 100%; margin-top: 10px; margin-bottom: 15px; } span.wolf-release-button { display: table-cell; text-align: center; } .wolf-release-itunes:before { font-family: FontAwesome; content: "\f179"; position: relative; top: -1px; padding-right: 5px; } a.wolf-release-amazon:before { font-family: FontAwesome; content: "\f270"; position: relative; top: 2px; padding-right: 5px; } a.wolf-release-buy:before { font-family: FontAwesome; content: "\f07a"; position: relative; top: 1px; padding-right: 5px; } .music-view h2.entry-title { font-weight: 900; font-style: normal; font-size: 40px; line-height: 1.5em; } .wolf-release-meta { color: #FBD490; margin-bottom: 1em; } .accordion-item h3.ac-item-title { position: relative; font-size: 18px; padding-bottom: 10px; padding-left: 30px; padding-top: 10px; cursor: pointer; } .accordion-item h3.ac-item-title:before { font-weight: bold; font-size: 16px; border: solid 1px rgba(231, 211, 176, 1); color: rgba(231, 211, 176, 1); padding: 5px 5px 5px 2px; position: absolute; margin-top: 3px; left: 0; line-height: 6px; width: 20px; height: 20px; content: "+"; } .music-view .entry-content { padding: 0 10% 0 5%; } img.attachment-CD { width: 100%; max-width: 100%; height: auto; } .tracks .track-info { padding-left: 10px; font-size: 13.5px; } /* .tracks .track-info:before { position: absolute; left: 70px; margin-top: 18px; content: "\f04b"; color: #000; border: 1px solid #fff; font-size: 10px; padding: 1px 5px; border-radius: 50%; background: #fff; cursor: pointer; } */ button.play-btn { border-radius: 50%; width: 25px; height: 25px; background: #0d161d; border: 1px solid; padding: 0 0 0 2px; } .show-lyrs p { line-height: 1.9em; } .track-info span.artist { display: none; } .track-info span.collection { display: none; } /* End Music Page or Release page */ /*shop page css 18.06.2018*/ .toolbar { display: none !important; } .toolbar-bottom .toolbar { display: block !important; } .toolbar-bottom .sorter { display: none; } .toolbar-bottom .limiter { display: none; } .toolbar-bottom .pager { width: 100%; } /*input#coupon_code { border: 1px solid #000; margin-bottom: 3%; background: #FBD490; color: #0D161D; }*/ .cart .checkout-types li { padding-bottom: 10px; } .cart .title-buttons .checkout-types li{ padding-bottom:0; } /*.shipping-form select,select:hover { background: #FBD490 !important; color: #0D161D !important; }*/ .hentry p { color: #000; } .hentry a { color: #a23238; } form#discount-coupon-form input { margin-bottom: 10px; } /*input#postcode { background: #FBD490 !important; color: #0D161D; }*/ .col-sm-8.upcoming-items { padding-top : 12px; } .featured-gear-block h3, .catalogsearch-result-index .page-title h1 { padding: 8px 13px; text-align: CENTER; border-radius: 5px; margin: 0 15px 0 10px; } .catalog-category-view .block-content dt, .catalogsearch-result-index .block-content dt { text-align: CENTER; border-radius: 5px; color: #FBD490; letter-spacing: 1.5px; } /* Description : Add css for home page Date : 27th june 2k18; */ .cms-home .widget-products.latest-gear { margin-left: -15px; margin-right: -15px; padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px; } .full-width div#divid-insta { padding-left: 20px !important; padding-right: 20px !important; padding-top: 30px; } body.full-width.cms-home { padding-right: 0!important; } body.full-width .latest-gear .overlay-two { width: 94%; margin: 0 10px; } .product-view img.alignnone.size-full { width: 100%; height: auto; } .add-to-links li { display: inline-block; } i.fa.fa-heart, i.fa.fa-signal{ padding: 12px; } .add-to-links li:hover i.fa.fa-heart, .add-to-links li:hover i.fa.fa-signal { background-color: #FBD490; color: #333; border-radius: 3px; } /* Product page description tab*/ .toggle-tabs li.current { color: #000; } .product-collateral .data-table th { padding: 10px; border: 1px solid #FBD490; font-weight: bold; white-space: nowrap; display: block; background-color: transparent !important; color: #FBD490; border-radius: inherit; font-size: 14px; } .product-collateral .data-table tr.even { background-color: transparent; } .product-collateral li.current{ padding:0; border-radius: 0; } .product-collateral .data-table tr.even{ background-color: transparent; } .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border: 1px solid #cccccc; background-color: rgba(13, 22, 29, .7); margin-bottom: 0; } .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; bottom: 0px; } .product-collateral .toggle-tabs li.current { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; } /*.product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #333333; }*/ .product-collateral .toggle-tabs li:first-child { border-left: none; } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; display: none; padding: 15px; border: 1px solid #cccccc; border-top: 0; } .product-collateral > dl > dd.current { display: block; } /* Product page description tab End*/ .social_share { padding: 15px 0px 10px; } /* Post View Page */ .mc-post-info, .post-post_content{ color: #fbd490; } .mc-post-info a,.post-post_content a,.post-list.posts-in-category a { color: #c23941; } .mageplaza-betterblog-post-view .main { background-color: #0d161db3; padding: 25px; } .mageplaza-betterblog-index-index .post-short-description img { margin-top: 25px; display: block; width: auto; max-width: 100%; } /* End Post View Page*/ /*START one page PAGE 12-12-2018 ***************************************************************** */ .iwd-opc-index-index .iwd_opc_universal_wrapper .iwd_opc_field.iwd_opc_textarea { border: 1px solid #fbd491; background-color: #0d161d; } .iwd-opc-index-index .checkout-social-login button.btn { font-size: 12px; padding: 14px; padding-right: 12px; padding-left: 12px; } .iwd-opc-index-index .iwd_opc_select_container .iwd_opc_select_option:hover { background-color: #0d161d !important; color: #fbd491 !important; } .iwd-opc-index-index .iwd_opc_select_container .iwd_opc_select_option { background-color: #0d161d !important; color: #fbd491 !important; } .iwd-opc-index-index .iwd_opc_universal_wrapper .scroll-wrapper { border: 1px solid #fbd491 !important; } /*.iwd-opc-index-index .iwd_opc_universal_wrapper .scroll-wrapper .scroll-content { border: 1px !important; }*/ .iwd-opc-index-index .iwd_opc_section_delimiter { background: #fbd491; } .iwd-opc-index-index .iwd_opc_select_container.selected .iwd_opc_select_option:after { color: #fbd491; content: '\f00c'; right: 15px; } .iwd-opc-index-index .iwd_opc_select_option { border-color: #fbd491 !important; } .iwd-opc-index-index .iwd_opc_small_button.disabled,.iwd-opc-index-index .iwd_opc_button.disabled { color: #0d161d !important; background-color: #fbd491 !important; font-weight: 600; } /*END one page PAGE 12-12-2018 ***************************************************************** */ /* START blog page*/ .mageplaza-betterblog-index-index .post-list-container { background: transparent; /*background: #ffffff4d; background: #00000080; padding: 0px 20px;*/ } .mageplaza-betterblog-index-index .post-meta.regular { font-size: 16px; color: #FBD490; /*border-bottom: 1px solid;*/ } .mageplaza-betterblog-index-index .post-image img { width: auto; /*padding: 20px 0px;*/ max-width: 100%; } .mageplaza-betterblog-index-index .a-page-title { /* border-bottom: 0px solid transparent; text-shadow: 2px 2px 0px #FBD490;*/ } .mageplaza-betterblog-index-index .a-page-title:hover { border-color: transparent !important; /*text-decoration: none;*/ /*font-size: 32.5px;*/ /*text-shadow: 2px 2px 1px #00000091;*/ } .mageplaza-betterblog-index-index .post-list-item h2.post-title { padding-left: 5px; /*text-align: center;*/ font-size: 32px; background: #0d161d; border-bottom: 1px solid; /* BORDER: 1PX solid #FBD490; */ /*border-radius: 5px;*/ } .mageplaza-betterblog-index-index p { padding: 15px; margin: 0 0 10px; /* background: #ffffff45; */ color: #FBD490; font-size: 16px; } .mageplaza-betterblog-index-index .post-short-description a { color: #FBD490; } .mageplaza-betterblog-index-index .post-short-description iframe { display: none; } .mageplaza-betterblog-index-index .post-list-item { width: auto; padding: 20px; margin-bottom: 25px; background: #0d161d; } .mageplaza-betterblog-index-index .post-title a.a-page-title { letter-spacing: 3px; font-family: Busorama !important; color: #FBD490; text-decoration: none; } /* END blog page*/ /*START SINGLE PRODUCT PAGE*********************************************************/ .catalog-product-view .main{ margin-bottom: 25px; } .catalog-product-view .product-collateral.toggle-content.tabs .last { display: none; } .catalog-product-view .product-options-bottom { border: 0px solid #fbd490; } .catalog-product-view .product-pricing { color: #fbd490; } .catalog-product-view .product-options { border: 0px solid #fbd490; color: #fbd490; } .catalog-product-view .product-collateral > dl > dd { border: 0px solid #fbd490; padding: 15px 0; } .catalog-product-view .product-collateral .toggle-tabs { border: 0px solid #fbd490; border-bottom: 1px solid #fbd490; background-color: transparent; } .catalog-product-view .product-collateral .toggle-tabs li.current > span { background-color: #fbd490; } .catalog-product-view .product-collateral .toggle-tabs li.current { border: 0px solid #fbd490; } .catalog-product-view .add-to-box { padding-bottom: 0px; } .catalog-product-view .add-to-box .or { display: none; } .catalog-product-view .add-to-box .add-to-links { margin-left: 10px; } .catalog-product-view .at-share-btn-elements { margin-bottom: 10px; } /*cart edit 12-12-2018 */ .catalog-product-view .availability { color: #fbd490; margin: 10px 0; font-weight: normal; text-transform: uppercase; } .checkout-cart-configure .product-collateral .std { color: #fbd490 !important; } .catalog-product-view .product-collateral .std { color: #fbd490 !important; } .checkout-cart-configure .add-to-cart label { color: #fbd490; } /*cart edit 12-12-2018*/ .catalog-product-view .add-to-links li i.fa.fa-heart { background-color: #FBD490; color: #0d161d; border-radius: 3px; } .catalog-product-view .tab-content h2 { display: none; } /* for compare funtionality: display none for all link-compare class */ a.link-compare { display: none; } /* end : for compare funtionality: display none for all link-compare class */ /*END SINGLE PRODUCT PAGE*********************************************************/ /*START CHECKOUT CART PAGE*********************************************************/ .checkout-cart-index .cart fieldset { overflow-x: auto; } .checkout-cart-index .messages li.success-msg span { font-size: 14px; } .checkout-cart-index button.button, .button { font-size: 14px!important; text-transform: uppercase; } .checkout-cart-index .data-table thead { text-transform: uppercase; } /*END CHECKOUT CART PAGE*********************************************************/ /*START SEARCH PAGE*********************************************************/ .note-msg, .notice-msg { margin-top: 15px; border-color: #fbd490; color: #fbd490; background-color: #0d161d; } .catalogsearch-result-index .currently span.value { color: #fbd490; } /*END SEARCH PAGE*********************************************************/ /* Css For Social Login */ /*.social-login { padding: 20px 15px; } .social-login div.inchoo-socialconnect-google, .social-login div.inchoo-socialconnect-facebook, .social-login div.inchoo-socialconnect-twitter { float: left; margin-bottom: 10px; } .social-login div.inchoo-socialconnect-google-inner a, .social-login div.inchoo-socialconnect-facebook-inner a, .social-login div.inchoo-socialconnect-twitter-inner a{ font-size: 15px }*/ /* End Css For Social Login */ /* Css For Single page Social Login */ .checkout-social-login button.btn { font-size: 14px; border-radius: 4px; width: auto; padding-top: 11px; padding-right: 25px; padding-bottom: 11px; padding-left: 25px; border: none; outline: none; margin: 20px 0; color: #0d161d; background-color: #fbd491; font-weight: 800; } div#sologinModal { margin: 7%; } .page-title.checkout-title { background: #0d161d; } .firecheckout-window.shown{ background: #080d11; } div.firecheckout-window .fc-window-title span { letter-spacing: 4px; color: #FBD490; font-weight: 900; font-family: Busorama; } div.firecheckout-window .social-login h1{ font-size: 20px; } div.firecheckout-window .mc-social-button-login .mc-icon-social{ padding:0 !important; } div.firecheckout-set button.button span span{ color: #080d11; } div.firecheckout-window a, div.firecheckout-window a:hover, div.firecheckout-window .validation-advice { color: #fbd491; } div.firecheckout-window .fc-window-content .fc-window-title { margin: 0 -20px 15px; text-align: center; } div.firecheckout-window .close{ background-color: transparent; } div.firecheckout-window .mc-socialconnect-social span{ text-align: center; } .firecheckout-window .fc-window-title{ border-bottom:none; } /* .social-login-body div.inchoo-socialconnect-twitter, .social-login-body div.inchoo-socialconnect-google, .social-login-body div.inchoo-socialconnect-facebook { float: none; margin: 20px 15px; } .social-login-body { display: inline-flex; width: 100%; } .social-header { padding: 17px 22px 0; } .social-header button.close { margin-top: -2px; } .checkout-social-login .modal-dialog { margin: 14% auto; } .customer-account-login .col1-layout .col-main{ float: none; width: 100%; display: table; } .customer-account-login .row.login-form { display: table-footer-group; } .customer-account-login .row.social-login { display: table-footer-group; } .social-login .inchoo-socialconnect-login{ margin-bottom: 0; }*/ /* End Css For Single page Social Login */ /* SINGLE BLOG POST PAGE 30/11/2018 ***************************************************************** */ .mageplaza-betterblog-post-view .post-image img { width: 100%; max-width: 100%; height: auto; } .mageplaza-betterblog-post-view .main { margin-bottom: 25px; } /*END SINGLE BLOG POST PAGE ***************************************************************** */ /*START LOGIN PAGE 30/11/2018 ***************************************************************** */ .error-msg{ border-color: #fbd491; background-color: #a23238; color: #fbd491; } .customer-account-login a,.customer-account-login p { color: #FBD490; } .customer-account-login .foot-social a { color: #fff; } .customer-account-login .main { background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } .account-login .f-left { float: right; margin-top: 20px; } p.login-or , .account-login h3 { text-align: center; margin-top: 30px; } .account-login .buttons-set { padding: 20px 0; } .account-login .new-users { float: right; color: #FBD490; } .account-login .f-left { float: right !important; margin-top: 20px; } div.buttons-set .new-users button.button { background: transparent !important; color: #FBD490 !important; padding: 15px 5px 17px 5px !important; } /*END LOGIN PAGE 30/11/2018 ***************************************************************** */ /*START CREATE ACCOUNT PAGE 30/11/2018 ***************************************************************** */ .customer-account-create a,.customer-account-create p ,.customer-account-create label{ color: #FBD490; } .customer-account-create .foot-social a { color: #fff; } .customer-account-create .main , .sales-guest-form .main{ background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } /*01/12/2018*/ div.inchoo-socialconnect-register, div.inchoo-socialconnect-checkout, div.inchoo-socialconnect-login { float: left; } .field.name-firstname { width: 49%; float: left; } .field.name-lastname { width: 49%; float: right; } p.back-link { float: right; padding-top: 10px; font-weight: bold; } span.new-user-label { padding-right: 10px; } .ss-register .buttons-set { padding-top: 20px; } .slogin_register div.inchoo-socialconnect-register,.slogin_register div.inchoo-socialconnect-checkout,.slogin_register div.inchoo-socialconnect-login { float: none; width: 100%; text-align: center; } .slogin_register .col3-set { display: inline-block; } .slogin_register div.inchoo-socialconnect-google-inner,.slogin_register div.inchoo-socialconnect-twitter-inner{ padding: 0 13px !important; } .ss-register h1, .slogin_register h1{ text-align:center; } .slogin_register .clearer { padding: 5px; } .col3-set.inchoo-socialconnect-login-lower { display: inline-flex; padding: 8px 0; } .col-1.inchoo-socialconnect-login-lower-google{ padding: 10px 0; } .col-2.inchoo-socialconnect-login-lower-facebook{ padding: 10px; } .col-3.inchoo-socialconnect-login-lower-twitter{ padding: 10px 0; } h3.login-or-text{ text-align: center; margin-top: 20px; } div.inchoo-socialconnect-register, div.inchoo-socialconnect-checkout, div.inchoo-socialconnect-login { width: 100%; margin-bottom: 20px; text-align: center; } .col-main div.inchoo-socialconnect-login { margin-top: 0; } .inchoo-socialconnect-login .account-login .buttons-set { padding-top: 0; } /*END CREATE ACCOUNT PAGE 30/11/2018 ***************************************************************** */ /*START ACCOUNT PAGE 30/11/2018 ***************************************************************** */ .sales-order-history .my-account, .wishlist-index-index .my-account #wishlist-table{ overflow-x: auto; } .sidebar .block-account li { font-size: 16px; line-height: 25px; text-transform: capitalize; background-color: #0d161d; padding: 10px; text-align: center; border-radius: 5px; color: #FBD490; margin-bottom: 10px; letter-spacing: 1px; border: 2px solid; } .sidebar .block-account li.current { background: rgb(162, 50, 56) !important; border: 2px solid #FBD490; display: block; } .my-account .page-title { margin: 0 0 15px; background: #0d161d; padding: 10px; padding-left: 20px; border-bottom: 1px solid #FBD490; } .my-account h1 { font-size : 30px; } .dashboard .box-info .col-2 { display: none; } .dashboard .welcome-msg { font-size: 18px; background: #0d161d; margin: 15px 0; padding: 15px; } .dashboard .box-info .box-head { display: none; } .dashboard .box-info .col2-set { background: #0d161d; padding: 10px 15px; margin: 15px 0; } .dashboard .box-recent { margin: 15px 0; background: #0d161d; padding: 15px; overflow-x: auto; } .col-1.addresses-primary,.addresses-additional{ background: #0d161d; padding: 30px 15px; margin: 15px 0; } .my-account .item { margin: 20px 0; } .my-account .item h3 { border-bottom: 1px solid; margin: 20px 0; } .box-title h3 { background: #0d161d; margin: 15px 0; float: left; border-bottom: 1px solid #FBD490; } .box-title { margin-bottom: 15px; } .box-title a { padding: 7px 15px; border: 2px solid; border-radius: 5px; text-decoration: none; float: right; margin: 15px 0; } .box-content h4 { margin: 10px 0 20px; border-bottom: 1px solid; } .box-content .col-1, .box-content .col-2 { float: left; width: 50%; padding: 0px 15px 30px; } .my-account form { background: #0d161d; padding: 30px; } .my-account form .legend, label.required em, p.required{ display: none; } .billing-agreements, .recurring-profiles { padding: 30px 15px; background: #0d161d; } .pci-dss-info-text { color: #FBD490; } p.hello { text-transform: capitalize; } .page-title.title-buttons { text-align : right ; } .my-account .order-info,.my-account .order-date ,.my-account .order-details ,.my-account #my-orders-table,.my-account .page-head h3 { background: #0d161d; border: 0px solid #ddd; padding: 10px 15px; } .my-account .my-wishlist .bb-scroll { overflow-x: auto; } .my-account .my-wishlist .button { margin-bottom: 10px; } .my-account .my-wishlist .description.std { display: none; } .my-account .my-wishlist h3.product-name { margin-bottom: 15px; } .my-wishlist .add-to-cart-alt input { text-align: center; margin-bottom: 10px; } .my-wishlist .add-to-cart-alt .button.btn-cart { width: 100%; } .my-wishlist #wishlist-table { margin-bottom: 20px; } /* start wishlist configure page 4-12-2018****************************************************/ .wishlist-index-configure .cwsSlider{ display: none; } .wishlist-index-configure .product-collateral .tab-content{ color: #FBD490 ; } .wishlist-index-configure .availability { color: #FBD490; } .wishlist-index-configure .main { margin-bottom: 25px; } /* end wishlist configure page 4-12-2018****************************************************/ /* start social connect page 5-12-2018****************************************************/ .my-account .col2-set { background: #0d161d; padding: 30px 15px; } .my-account .inchoo-socialconnect-account .col2-set .col-1 { width: 70%; } .my-account .inchoo-socialconnect-account .col2-set .col-2 { width: 30%; } /* end social connect page 5-12-2018****************************************************/ .my-account .order-info-box { background: #0d161d; padding: 15px; margin: 15px 0; } .box-title h2 { margin: 15px 0; border-bottom: 1px solid #FBD490; padding: 0 0 10px; } .block-cart, .block-reorder { padding: 10px 20px; margin-bottom: 10px; background: rgba(13, 22, 29, .7); color: #FBD490; } .block-cart a,.block-cart .label{ color: #FBD490; } .my-account p,.my-account a,.my-account label,.my-account address, .my-account dt { color: #FBD490; font-size: 16px; /*font-weight: 600;*/ } .my-account .order-info-box .box-content{ color: #FBD490; } .my-account .order-details .data-table thead, .my-account .data-table thead { background-color: transparent; } .my-account .order-details .data-table th, .my-account .data-table th { border: 1px solid #FBD490; color: #FBD490; } .my-account .order-details .price-excl-tax { padding-top: 20px; } .my-account { /*background: rgba(13, 22, 29, .7);*/ /*padding: 25px;*/ margin-bottom: 25px; } .my-account .data-table tbody.even { background-color: transparent; } .my-account li.current { color: #FBD490; display: inline-block; padding: 5px 14px; background-color: transparent; border: 0px solid #ddd; border-radius: 15px; } /*END ACCOUNT PAGE 30/11/2018 ***************************************************************** */ /*START NOROUTE PAGE 30/11/2018 ***************************************************************** */ .cms-index-noroute p ,.cms-index-noroute dl{ color: #FBD490; } .cms-index-noroute { text-align: center; } .cms-index-noroute .main a { color: #a23238; } .cms-index-noroute .main { background: #0D161D; padding: 25px; margin-bottom: 25px; } /*END NOROUTE PAGE 30/11/2018 ***************************************************************** */ /*START checkout-onepage-success PAGE 30/11/2018 ***************************************************************** */ .checkout-onepage-success a{ color: #FBD490; } .checkout-onepage-success .main { background: rgb(13, 22, 29); padding: 25px; margin-bottom: 25px; } /*END checkout-onepage-success PAGE 30/11/2018 ***************************************************************** */ /*START ACCOUNT CREATE PAGE 30/11/2018 ***************************************************************** */ .ss-register { float: left; width: 50%; } .customer-account-create .slogin_register { padding-left: 25px; float: left; width: 45%; } .customer-account-create .name-middlename{ display: none; } .customer-account-create em{ /*display: none;*/ } /*END ACCOUNT CREATE PAGE 30/11/2018 ***************************************************************** */ .minus:before { content: "-" !important; font-size: 39px !important; padding: 7px 5px 5px 2px !important; font-weight: normal !important; } /********** Cart Page Date:03-12-2018 *********/ .title-buttons h1 { float: left; } .title-buttons button{ float: right; } .title-buttons ul.checkout-types { float: right; margin-right: 0; } a.btn-remove.btn-remove2:before { content: "\f1f8"; font-size: 22px; text-align: center; font-family: fontawesome; } a.btn-remove.btn-remove2 { font-size: 0px; padding: 10px; } /********** End Cart Page Date:03-12-2018 *********/ /* START customer account forgotpassword and page 05-12-2018 *******************************************/ .customer-account-forgotpassword p,.customer-account-forgotpassword label{ color: #FBD490; } .customer-account-forgotpassword .main { background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } /* END customer-account-forgotpassword page 05-12-2018 ************************************************/ /* START customer account changeforgotten and page 05-12-2018 *******************************************/ .customer-account-changeforgotten .main { background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } .customer-account-changeforgotten label { color: #FBD490; } .customer-account-changeforgotten .fieldset { margin: 0 !important; } .customer-account-changeforgotten .buttons-set { padding-top: 15px; } /* END customer-account-changeforgotten page 05-12-2018 ************************************************/ /* START extra three account page 05-12-2018 *******************************************/ .tag-customer-index .my-account, .oauth-customer-token-index .my-account, .downloadable-customer-products .my-account { background: rgba(13, 22, 29, .7); /*padding: 25px; margin-bottom: 25px;*/ } .tag-customer-index .my-account p, .oauth-customer-token-index .my-account p, .downloadable-customer-products .my-account p { padding: 10px 15px; } /* END extra three account page 05-12-2018 ************************************************/ /* START CONTACTS page 05-12-2018 ********************************************************/ .contacts-index-index h2.legend { background: #0d161d; color: #FBD490; } .contacts-index-index .contact-captcha { margin-bottom: 12px; } .contacts-index-index .main { background: none; padding: 25px; margin-bottom: 25px; } .contacts-index-index .col-md-6.first-section .fieldset,.contacts-index-index .col-md-6.second-section .fieldset { background: #0d161d; padding: 30px; } .contacts-index-index .row.cwus .col-sm-6 { margin-bottom: 30px; } .contacts-index-index .g-recaptcha { float: left; } /*.contacts-index-index button.button { float: right; }*/ /* END CONTACTS page 05-12-2018 ********************************************************/ /* START LOGOUT page 05-12-2018 ********************************************************/ .customer-account-logoutsuccess .main { background: rgba(13, 22, 29, .7); padding: 25px; margin-bottom: 25px; } .customer-account-logoutsuccess p { color: #FBD490; } /* END LOGOUT page 05-12-2018 ********************************************************/ /* START Signup popup page 07-12-2018 ********************************************************/ .validation-advice { color: #fbd490; background: #a23238; padding: 4px; } #show-message, #loading-message { border: 1px solid; border-color: #fbd491; background-color: #a23238; color: #fbd491; padding: 2px 10px; width: fit-content; } #show-message p, #loading-message p { margin: 0px; } /* END Signup popup page 07-12-2018 ********************************************************/ /* START The Latest Section Home page 07-12-2018 ********************************************************/ .cms-home .posts-slider .item-overlay h3 { /*padding-left: 10px;*/ padding : 10px; letter-spacing: 3px; } #home-latest-gear .media-insta-gram .fa-instagram:hover { color: #0d161d; } /* END The Latest Section Home page 07-12-2018 ********************************************************/ /* START Track tour section Tour page 07-12-2018 ********************************************************/ /*.track-tour { padding-top: 30px; }*/ /*.track-tour a.track-button { font-size: 20px; font-weight: 900; color: #fbd490; text-decoration: none; background: rgba(13, 22, 29, .7); padding: 10px; background-color: #A23238; padding: 10px 25px; text-align: center; border-radius: 5px; box-shadow: 2px 2px 0px 1px #FBD490; }*/ .track-tour .track-button span { /*color: #a23238;*/ color: #fbd490; text-decoration: underline; } /*.up-dates { font-size: 30px; padding-top: 35px; letter-spacing: 5px; text-transform: uppercase; text-shadow: 2px 2px 1px #FBD490; color: #FBD490; font-weight: 900; margin: 0; font-family: Busorama; }*/ .up-dates { font-size: 30px; letter-spacing: 3px; text-transform: uppercase; color: #FBD490; font-weight: 900; font-family: Busorama; float:left; } .track-tour { float: left; width: 100%; background: #0d161d; margin: 15px 0; padding: 10px 15px; } .track-tour a.track-button { font-size: 16px; font-weight: 600; float: right; color: #fbd490; text-decoration: none; background-color: #A23238; padding: 10px 20px; text-align: center; border-radius: 5px; box-shadow: 2px 2px 0px 1px #FBD490; text-transform: uppercase; } /* END Track tour section Tour page 07-12-2018 ********************************************************/ /* START Checkout Cart page 08-12-2018 *******************************************************/ .checkout-cart-index .cart .page-title.title-buttons { background-color: #0d161d; /* text-align: right; */ margin-bottom: 10px; padding: 0px 16px; } .checkout-cart-index .cart .title-buttons .checkout-types li { float: left; margin: 0px; } .checkout-cart-index .cart .title-buttons h1 { margin: 16px 0; font-size: 30px; float: left; } /* END Checkout Cart page 08-12-2018 ********************************************************/ /* START bbs media page 08-12-2018 *******************************************************/ .category-bbs-media h3 { text-align: center; } .category-bbs-media a{ text-decoration: none; } .vip-page-top-image { margin-top: 150px; } /*.vip-page-top-image { height: 415px; background-image: url(/skin/frontend/bbsmoke/default/images/vip_header.jpg); background-size: cover; background-repeat: repeat; background-attachment: inherit; background-position: center center; }*/ .category-bbs-media .insta-post-content > h2.photos-h { margin-top: 35px; font-size: 30px; background-color: #0d161d; padding: 10px 15px; /* margin-bottom: 35px;*/ } .category-bbs-media .insta-post-content h3 { background-color: #0d161dcc; padding: 10px 25px; text-align: center; border: 2px solid; border-radius: 5px; box-shadow:none; font-size: 17px; } .category-bbs-media .insta-post-content .insta-tabs { margin-top: 25px; background:none; box-shadow:none; } /* END bbs media page 08-12-2018 ********************************************************/ /* START bbs media page 12-12-2018 *******************************************************/ .category-bbs-media .ssi_load { float: none; } /* END bbs media page 08-12-2018 ********************************************************/ /* START SHOP page 08-12-2018 *******************************************************/ .category-shop .featured-gear-block h3, .catalogsearch-result-index .page-title h1 { background-color: #0d161d; border-bottom: 2px solid; box-shadow:none; font-size: 30px; } .catalog-category-view .block-content dt, .catalogsearch-result-index .block-content dt { background-color: #0d161d; padding: 15px 0px; box-shadow:none; /*letter-spacing: 0.5px;*/ font-size: 18px; border-bottom: 1px solid; margin-bottom: 15px; } /* END SHOP page 08-12-2018 ********************************************************/ /* START Customer Care page 08-12-2018 *******************************************************/ .cms-customer-care .stand-policy h3, .cms-customer-care .inter-ship h3, .cms-customer-care .return-exchange h3 { background: #0d161d; color: #FBD490; border-bottom: 1px solid; padding-left: 10px; margin: 20px 0; } .cms-customer-care .main { background: #0d161d; } /* END Customer Care page 08-12-2018 *******************************************************/ /* START POST VIEW page 08-12-2018 *******************************************************/ .mageplaza-betterblog-post-view .main { background-color: transparent; padding: 0px; } .mageplaza-betterblog-post-view .post-title h1 { letter-spacing: 3px; /*border-bottom: 1px solid;*/ /*margin-bottom: 10px;*/ } .mageplaza-betterblog-post-view .page-title.post-title { /*background-color: #0d161db3;*/ background-color:#0D161D; padding: 10px 15px; margin-bottom: 25px; } .mageplaza-betterblog-post-view .post-view { /*background-color: #0d161db3;*/ background-color:#0D161D; padding: 10px 15px; } .mageplaza-betterblog-post-view .mc-post-info,.mageplaza-betterblog-post-view .post-post_content { font-size: 16px; } .mageplaza-betterblog-post-view .post-post_content img{ margin-top: 15px; display: block; } /* END POST VIEW page 08-12-2018 *******************************************************/ /* START privacy policy page 08-12-2018 *******************************************************/ .cms-privacy-policy .main h1 { background: #0D161D; color: #FBD490; border-bottom: 1px solid; } .cms-privacy-policy .main { background: rgb(13, 22, 29); padding: 25px; margin-bottom: 25px; } /* END privacy policy page 08-12-2018 *******************************************************/ /* Social Login login Page 08-12-2018*/ /*.customer-account-login .page-title h1 { display: none; } div.mc-socialconnect-social .col3-set .col-3 .content{ border: none; } .customer-account-login .col2-set .new-users .content { display: none; } .customer-account-login .registered-users .content p { display: none; } .customer-account-login form#login-form { margin: 0 auto; }*/ /*.customer-account-login .registered-users .content h2 { margin-top: 15px; text-align: center; text-indent: -9999px; line-height: 0; }*/ /*.customer-account-login .registered-users .content h2:after { content: 'Login'; visibility: visible; text-align: center; display: block; line-height: initial; text-indent: 0; }*/ /*.customer-account-login .new-users .buttons-set button.button { background: transparent !important; color: #FBD490 !important; padding: 15px 5px 17px 5px !important; } .customer-account-login .new-users .buttons-set button.button:after { content: 'Sign up →'; display: block; line-height: initial; text-indent: 0; margin: 6px 10px; }*/ div.mc-socialconnect-social .col3-set .col-3 .content { border : none !important; } .mc-social-button-login{ text-align: center; } .slogin_register .mc-social-button-login{ margin-top: 40px } .mc-social-button-login .mc-icon-social { font-size: 16px; color: #fbd490; background: #0d161d !important; /*border: 1px solid !important;*/ padding: 10px !important; border-radius: 5px; font-weight: bold; text-transform: uppercase; /*box-shadow: 2px 2px 0px 1px #fff;*/ width:auto !important; height: auto !important; display: inline-block; } .mc-socialconnect-social p { padding: 8px; } /*button.ico-fb.mc-icon-social:before { content: "Facebook"; } button.ico-go.mc-icon-social:before { content: "Google"; } button.ico-tw.mc-icon-social:before { content: "Twitter"; }*/ /* End Social Login login Page 08-12-2018*/ /* START buttom popup button 12-12-2018 ********************************* */ /*div#myModal .modal-backdrop.fade.in { display: none; }*/ .fade.in > .fade.in { display: none !important; } /* END buttom popup button 12-12-2018 ********************************* */ /* START social buttom 24-12-2018 ********************************* */ .social-login .mc-socialconnect-social .ico-fb { background: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/facebook_login.png') !important; background-repeat: no-repeat !important; background-color: #fff !important; background-position: center !important; width: 40px !important; height: 40px !important; } .social-login .mc-socialconnect-social .ico-go { background: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/google_login.png') !important; background-repeat: no-repeat !important; background-color: #fff !important; background-position: center !important; width: 40px !important; height: 40px !important; } .social-login .mc-socialconnect-social .ico-tw { background: url('https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/images/twitter_login.png') !important; background-repeat: no-repeat !important; background-color: #fff !important; background-position: center !important; width: 40px !important; height: 40px !important; } /*a.button-social-login { position: relative; display: inline-block; vertical-align: middle; line-height: 2.5em; height: 2.5em; font-size: 100%; font-family: inherit; font-weight: 700; overflow: hidden; white-space: nowrap; border: 1px solid #333; color: #fff; background: #3b5998; padding: 0 .7em 0 0; margin: 6px 0; border-radius: 2px; box-sizing: content-box; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.1); text-decoration: none; }*/ /* END social buttom 24-12-2018 ********************************* */ /* sales guest form */ form#oar_widget_orders_and_returns_form { margin: 0 auto; width: 50%; } .sales-guest-form .page-title h1 { text-align: center; } .page #oar_widget_orders_and_returns_form .input-box input { width: 100% !important; } .sales-guest-form .input-box { color: #fbd491; } form#oar_widget_orders_and_returns_form .legend { display: none; } /* end sales guest form */ /*no cart 26-12-2018*/ .checkout-cart-index .noiteam-cart { background: #0D161D; padding: 25px; } .checkout-cart-index .noiteam-cart .page-title h1{ padding-bottom: 15px; text-align: center; font-size: 24px; line-height: 1; color: #fff; } .noiteam-cart .sep-head { height: 1px; background: #f3f3f3; width: calc(100% - 50px ); margin: 0 auto 25px auto; } .noiteam-cart .cart-empty p { text-align: center; color: #fff !important; margin-bottom: 25px; } .noiteam-cart .cart-empty a.cont-shop { font-size: 14px; border-radius: 4px; padding-top: 11px; padding-right: 25px; padding-bottom: 11px; padding-left: 25px; color: #0d161d !important; background-color: #fbd490; text-decoration: none; font-weight: 800; } /*sales guest and invoice*/ .sales-guest-view .title-buttons h1, .sales-guest-invoice .title-buttons h1{ font-size: 30px; } .sales-guest-view .col-main, .sales-guest-invoice .col-main { background: #0D161D; padding: 25px; margin-bottom: 2%; } .sales-guest-view .title-buttons a,.sales-guest-view span.separator,.sales-guest-invoice .title-buttons a,.sales-guest-invoice span.separator { color: #fbd490; } .sales-guest-view .order-info, .sales-guest-invoice .order-info { border: 1px solid #fbd490; color: #fbd490; } .sales-guest-view #order-info-tabs .last a, .sales-guest-view p.order-date, .sales-guest-invoice #order-info-tabs .first a, .sales-guest-invoice p.order-date { color: #fbd490; } .sales-guest-view #order-info-tabs li.current.first,.sales-guest-invoice #order-info-tabs li.current.last { background: #fbd490; border: 1px solid #fbd490; color: #0d161d; } .sales-guest-view .order-info-box address, .sales-guest-invoice .order-info-box address { color: #fbd490; } .sales-guest-view .order-info-box .box .box-content,.sales-guest-invoice .order-info-box .box .box-content { color: #fbd490; } .sales-guest-invoice p.order-links a { color: #fbd490; } .sales-guest-view #my-orders-table tr.first.last th, .sales-guest-invoice .data-table tr.first.last th { color: #fbd490; } /*end here*/ .des_dev_by { text-align: center; padding-bottom: 20px; font-weight: 900; color: #fff; } .footer address { margin-bottom: 5px; } button.btn_insta_fan_video, button.insta_fans_btn { display: none !important; } .mageplaza-betterblog-index-index .pager li a { color: #0D161D; } .post-list-container iframe { display: block; } /* checkout css */ body.checkout-onepage-index h1 { background-color: #0d161d; margin-bottom: 10px; padding: 0px 16px; } .opc li.section, li#opc-shipping_method,li#opc-payment,li#opc-review { border-bottom: 0; margin-bottom: 10px; background: #0d161d; } .opc .step-title h2 { float: left; color: #fbd491; } .checkout-onepage-index .opc .step-title .number { border: 1px solid #fbd491; padding: 5px 10px; float: left; line-height: 22px; margin-right: 10px; margin-top: 0; background: transparent; } /*.opc .step-title { background-color: transparent; padding: 0; text-align: left; }*/ /* chckout new firecheckout*/ .firecheckout-index-index .checkout-title h1 { float: none; color: #fbd491; padding: 5px 10px; border: none; line-height: normal; background: #0d161d; border-radius: 5px; } .firecheckout-login-wrapper{ right: 15px !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #0D161D; -webkit-text-fill-color: #FBD491 !important; -webkit-box-shadow: 0 0 0px 1000px #000 inset; transition: background-color 5000s ease-in-out 0s; } /* Gift Card Css */ .product-view ul.options-list label { margin-top: 2px; float: left; font-size: 12px; color: #fbd491; } div.gc.giftcard.discount h2, div.gc .gc-applied-gift-cards dt { font-size: 1.5em; font-weight: 900; } div.discount.gc.giftcard button.button.active { margin: 10px 0; } div.gc.discount .input-box input{ padding: 10px; } div.gc.discount label{ font-weight: bold; } input#giftcard_code { width: 50%; margin-bottom: 10px; } .giftcard-giftcard-status .main { background-color: #0d161db3; padding: 22px; } #gc-cart-form .field.name-firstname { width: 100%; } .firecheckout-set #checkout-payment-method-load .form-list #gc-cart-form .input-box { margin-bottom: 10px; } /* Gift Card Css */ .control .input-box{ display: inline-block; } input[type="radio"], input[type="checkbox"]{ display: inline-block; width: 14px !important; height: 15px; margin-right: 5px; margin-top: 0; vertical-align: middle; } .page input:not([type="submit"]):not([type="file"]), .page select, .page textarea { border: 1px solid #FBD490; color: #FBD490; opacity: 1.0 ; background: #0d161d; width: 100% } #login-form input { color: #FBD490 !important; } #opc-login .buttons-set a { color: #FBD490; } #billing-new-address-form label { color: #FBD490; } div#checkout-step-billing { background: rgba(13, 22, 29, .7); } #checkout-step-billing input { color: #FBD490; } #checkout-step-billing select { color: #0D161D; background: #FBD490; } .back-link a { color: #FBD490; } .sp-methods label, .sp-methods input, .sp-methods a{ color: #FBD490 !important; } /*.sp-methods select { color: #0D161D !important; background: #FBD490; }*/ .complete address { text-align: center; font-size: 17px; /*font-weight: 600;*/ color: #FBD490; } #shipping_method-progress-opcheckout dd.complete { color: #FBD490; } #checkout-shipping-method-load dt,#checkout-shipping-method-load label { color: #FBD490; } .page input:not([type="submit"]):not([type="file"]):hover, .page select:hover, .page textarea:hover,.page input:not([type="submit"]):not([type="file"]):focus, .page select:focus, .page textarea:focus { border-color: #FBD490 !important; color: #FBD490; } .customer-account-create form#form-validate, .customer-account-forgotpassword form#form-validate{ width: 100%; margin: 0 auto 20px auto; } .checkout-onepage-index #checkout-step-login .col2-set > .col-1{ float: left; width: 48%; margin-right: 2%; border-right: 1px solid #ccc; } .checkout-onepage-index #checkout-step-billing select, .checkout-onepage-index #checkout-step-shipping select, .checkout-onepage-index #checkout-step-payment select { height: 43px; } .checkout-onepage-index #checkout-step-billing .wide input:last-child, .checkout-onepage-index #checkout-step-shipping .wide input:last-child{ margin-top: 16px; } .checkout-onepage-index #checkout-step-review #checkout-review-submit .buttons-set{ margin-top: 10px; } .checkout-onepage-index #checkout-step-review #checkout-review-submit .buttons-set p { line-height: 47px; margin-bottom: 0; margin-right: 8px; } .checkout-onepage-index #checkout-step-shipping_method label{ font-weight: normal; margin-left: 15px; margin-top: 15px; } .checkout-onepage-index #checkout-step-shipping_method label span{ font-weight: normal; margin-left: 3px; margin-top: 15px; } /* Media */ a.media-insta-gram { height: 33px; padding: 20px 18px; text-decoration: none; display: inline-block; vertical-align: top; padding: 7px 14px; margin: 25px auto 30px 10px; background: #FBD490; border: none; color: #0D161D; text-decoration: none; font-size: 13px; line-height: 1.5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.media-insta-gram svg.svg-inline--fa.fa-instagram.fa-w-14 { width: 15px; vertical-align: middle; padding-bottom: 4px; } a.media-insta-gram:hover,a.media-insta-gram:focus { color: #0d161d; } .category-bbs-media .media-insta-gram .fa-instagram:hover { color: #0d161d; } .sbi_info { text-align: center; padding-top: 8px; padding-bottom: 8px; min-height: 77px; background: rgba(13, 22, 29, .7); } .sbi_info .sbi_likes svg, .sbi_info .sbi_comments svg{ font-size: 13px; width: 13px; margin-right: 5px; vertical-align: middle; } .sbi_info p.sbi_caption_wrap{ margin: 0; overflow: hidden; } .sbi_info p.sbi_caption_wrap span.sbi_caption{ overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; width: 97%; float: left; height: 40px; cursor: pointer; } /*.insta-block .sbi_info p.sbi_caption_wrap span.sbi_caption:hover { white-space: initial; }*/ .sbi_info p.sbi_caption_wrap{ margin-left: 2.5%; } span.sbi_more { display: none; } .insta-post-content h3{ background-color: #A23238; padding: 10px 25px; text-align: center; border-radius: 5px; box-shadow: 2px 2px 0px 1px #FBD490; } .insta-post-content a{ text-decoration: none; } .sbi_info .sbi_meta span:first-child{ margin-right: 8px; } .modal-insta-logo { margin-top: 10px; margin-bottom: 5px; } .insta-feed-modal .modal-insta-logo img{ width: 28px; border-radius: 50%; margin-right: 4px; } .insta-feed-modal .modal-insta-logo a{ display: inline-block; width: 180px; padding: 4px 0; font-weight: 600; color: #0D161D; } .insta-feed-modal .modal-content{ border-radius: 0; } .insta-feed-modal .modal-body { padding: 0; } .insta-feed-modal .modal-body button.close { padding: 0px 12px; } .insta-feed-modal .modal-body .caption p { word-wrap: break-word; padding-right: 18px; font-size: 13px; color: #0D161D; font-weight: 500; } .insta-feed-modal .col-md-6:first-child{ padding-right: 0; /* padding-left: 0; */ } .insta-feed-modal .sbi_lightbox_action.sbi_share button{ /* width: 58px; */ background: #fff; border: none; color: #0D161D; } .insta-feed-modal .sbi_lightbox_action.sbi_share button svg.svg-inline--fa.fa-share.fa-w-16 { width: 15px; vertical-align: middle; } .insta-feed-modal .sbi_lightbox_action.sbi_instagram a { text-decoration: none; color: #0D161D; } .insta-feed-modal .sbi_lightbox_action.sbi_instagram a svg.svg-inline--fa.fa-instagram.fa-w-14 { width: 12px; vertical-align: middle; margin-right: 5px; color: #333; } .insta-feed-modal .captio_footer > div{ float: left; border-right: 1px solid #444; padding: 0px 6px; margin-bottom: 15px; } .insta-feed-modal .captio_footer > div:last-child{ border-right: none; } /* for search menu on responsive*/ .menu-search i.fa.fa-search { font-size: 16px; font-weight: 600; } .menu-search a:hover:after { width: 0 !important; } /* For News pages*/ .post-list-item h2.post-title { font-size: 32px; } /* 29-10-2018 */ .sbi_caption_wrap span, .ssam_insta .sbi_meta { color: #FBD490; } .sbi_tooltip_social { display: block; position: fixed; margin-top: 12px; background: #fff; box-shadow: 0px 0px 9px 3px #ccc; padding: 5px 8px; } .sbi_tooltip_social a{ margin: 4px; } .sbi_tooltip_social a span { display: none; } .sbi_tooltip_social a svg { width: 20px; } .sbi_tooltip_social a svg{ color: #0D161D; } /* */ .svg-inline--fa.fa-facebook-square.fa-w-14:hover{ color: #3B5998; } .svg-inline--fa.fa-twitter.fa-w-16:hover{ color: #1DA1F2; } .svg-inline--fa.fa-google-plus.fa-w-16:hover{ color: #DB4437; } .svg-inline--fa.fa-linkedin.fa-w-14:hover{ color: #0077B5; } .svg-inline--fa.fa-pinterest.fa-w-16:hover{ color: #BD081C; } .svg-inline--fa.fa-envelope.fa-w-16:hover{ color: #666666; } .insta-feed-modal .modal-body .row { padding-left: 0 !important; padding-right: 0 !important; } .insta-post-content > h2.photos-h{ font-size: 36px; } .insta-post-content .insta-tabs { margin-top: 45px; background: #a23238; padding: 15px; box-shadow: 2px 2px 0px 1px #FBD490; clear: both; margin-bottom: 25px; text-align: center; border-radius: 5px; } .insta-post-content .insta-tabs > button{ background-color: rgba(13, 22, 29, 0.6); color: #fbd490; border: 2PX SOLID #fbd490; min-width: 160px; padding: 10px 30PX; border-radius: 5px; font-size: 17px; margin: 5px; } .insta-post-content .insta-tabs > button.active{ background-color: #0d161d; } /*.insta-post-content a.ssi_photo.ssi_img { background-size: contain; }*/ .ssam_insta .modal-dialog{ width: 65%; } .insta-official-btn-popup-fans{ display: none; } .sbi_caption_active{ height: auto !important; } .btn_show_insta_fan_video, .btn_show_insta_video{ display: none; } .btn_show_youtube_video img{ width: 100%; } .btn_show_youtube_video .col-md-3 { margin-bottom: 30px; padding: 0 6px; } .y_head { /*opacity: .5;*/ background-image: url("https://www.blackberrysmoke.com/skin/frontend/bbsmoke/default/css/skin/frontend/bbsmoke/default/images/play-btn.png"); } .btn_show_youtube_video .yt_main{ background: rgba(13, 22, 29, .7); } .btn_show_youtube_video .on_youtube_video { cursor: pointer; } .btn_show_youtube_video .y_foot { padding: 6px 5px 0px 8px; } .btn_show_youtube_video .y_foot p{ padding-bottom: 5px; clear: both; } .btn_show_youtube_video h2.y_name { font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 97%; float: left; } .btn_show_youtube_video .disp_full_video { display: none; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 30px; } .btn_show_youtube_video .disp_full_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 96.4%; } .btn_show_youtube_video .load_yt { text-align: center; } .btn_show_youtube_video .load_yt button{ background: #fbd490; padding: 7px 15px; border: 0; margin-bottom: 30px; color: #0D161D; border-radius: 4px; } /* M-30-10-18 */ .betterblog-category-betterblog-category2 .post-image img { width: 100%; } .betterblog-category-betterblog-category2 .main { background-color: #0d161db3; padding: 25px; } .catalog-product-view .main { background-color: #0d161db3; padding: 22px; position: sticky; } .catalog-product-view a { /*color: #FBD490 !important;*/ } li#opc-payment { background :#0d161d; } /* Responsive Layouts */ /*@media only screen and (min-width: 1212px){} .container { padding: 0; width: 1212px; } }*/ @media only screen and (min-width: 768px){ .popup-flyer .modal-dialog { width: 500px; margin: 100px auto; } .col-sm-5 { width: 20%; float: none; } .col-sm-5.banner-thumb { width: 41.66666667%; } } @media (min-width: 992px) { .col-md-5 { width: 20%; float: left; } .col-sm-5.banner-thumb { width: 41.66666667%; } } @media (min-width: 1200px) { .col-lg-5 { width: 20%; float: left; } .col-sm-5.banner-thumb { width: 29.66666667%; } } @media only screen and (min-width: 1400px) { .popup-flyer .modal-content { max-height: none; } html{ overflow-x: hidden; } } @media screen and (max-width: 1280px){ div#releases-music { margin: 0 140px; } .defaultTheme .rwdCarousel ul.slides li { max-width: 100%; } li.menu-search { display: block; } div.mini-cart-layer{ left:0; } div.top-cart .block-content { left: 0; } #top-menu .menu-button { width: 55px; height: 46px; position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 12399994; } #top-menu, #top-menu .logo { line-height: 72px !important; height: auto; } #top-menu .menu-button::before { background-color: #fff !important; border-color: #fff !important; content: "menu"; width: 40px; height: 40px; top: -10px; } #top-menu .menu-button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #ddd; content: ''; } #top-menu .menu-button:after { position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #top-menu #menu-primary-menu { padding: 0 13px !important; display: none; margin-top: 75px; } #top-menu .menu-button.menu-opened:after { background-color: transparent; } #menu-primary-menu li { padding: 0 15px; background: #000; float: none !important; } #menu-primary-menu { float: none; } .menu-display { display: block !important; } .right-part { float: left !important; } li.menu-item.menu-item-search { display: none; } .head-social { float: left !important; } li.separator { padding: 4px; } #top-menu .logo { position: absolute !important; /*left: 43% !important;*/ left: 0; right: 0; text-align: center; z-index: 99; } nav#top-menu .right-part { padding-left: 20px; } nav#top-menu .right-part > div { display: none; } .upcoming-items .bt-event-item .bt-content{ width: 55%; } #top-menu ul li { line-height: 50px; } /*.category-shop .products-grid li.item { width: 29.9%; }*/ .category-music .releases-cont .col-md-4 { width: auto; max-width: 100%; } .category-music .col1-layout .col-main { width: auto; max-width: 100%; } } @media screen and (max-width: 1199px){ div#releases-music { margin: 0 40px; } /* START SHOP PAGE************************************************************************* */ .category-shop .products-grid li.item.first,.category-shop .products-grid li.item.last { margin: 0; } .category-shop .container { width: 95%; } .category-shop .products-grid li.item { float: left; text-align: center; width: 32%; margin: 0px 2%; } .category-shop .featured-gear-block h1 { margin: 0; } .category-shop .col-left { width: 100%; } .category-shop .col-left dd { display: none; position: absolute; top: 44px; z-index: 99; width: 100%; left: 0; background: #0d161d; } .category-shop .col2-left-layout .col-main { width: 100%; } .category-shop a.product-image img { max-width: 100%; width: 100%; height: auto; } .category-shop .block-content dt { padding: 4px 10px; text-align: center; border-radius: 5px; letter-spacing: 1.5px; /*float: left;*/ display: inline-block; border: 1px solid; font-size: 13px; margin: 10px 10px 10px 0; font-weight: 600; } /* Date 10-12-2018 */ #narrow-by-list { float: left; width: 100%; position: relative; background: #0d161d; padding: 5px 15px; text-align: center; margin-top: 10px; } .featured-gear-block h3{ margin: 0; } /* END SHOP PAGE************************************************************************* */ /* START SEARCH PAGE************************************************************************* */ .catalogsearch-result-index .products-grid li.item.first,.catalogsearch-result-index .products-grid li.item.last { margin: 0; } .catalogsearch-result-index .container { width: 95%; } .catalogsearch-result-index .products-grid li.item { float: left; text-align: center; width: 32%; margin: 0px 2%; } .catalogsearch-result-index .featured-gear-block h1 { margin: 0; } .catalogsearch-result-index .col-left { width: 100%; } .catalogsearch-result-index .col-left dd { display: none; } .catalogsearch-result-index .col2-left-layout .col-main { width: 100%; } .catalogsearch-result-index a.product-image img { max-width: 100%; width: 100%; height: auto; } .catalogsearch-result-index .block-content dt { padding: 4px 10px; text-align: center; border-radius: 5px; margin-bottom: 10px; letter-spacing: 1.5px; float: left; font-size: 13px; margin-right: 10px; font-weight: 600; } /* END SEARCH PAGE************************************************************************* */ /* START SIMPLE PRODUCT PAGE************************************************************************* */ .catalog-product-view .product-name h1 { font-size: 24px; } /* END SIMPLE PRODUCT PAGE************************************************************************* */ } @media screen and (max-width: 1024px){ #releases-music .col-md-4 { float: left; margin: 0 auto; margin-bottom: 15px; } .vip-page-top-image { margin-top: 0; } div.top-cart .block-content { right: 0px; } .products-grid li.item.item-extended { width: 25%; } /*for header*/ #header{ padding: 0; position: relative; } #top-menu ul li { border-bottom: 1px solid #fff; } #top-menu ul li:last-child { border-bottom: none; } a.ssi_photo.ssi_img { min-height: 208px; } .main-container.col1-layout.container{ padding-top: 4%; } .category-tour .tour-fc { font-size: 13px; } .category-tour .tour-fc.tour-time { font-size: 16px; } .category-tour .tour-flyer-btn button.button { padding: 5px 10px !important; } .category-music .releases-cont .col-md-4 { width: auto; max-width: 100%; } .category-music .col1-layout .col-main { width: auto; max-width: 100%; } .upcoming-items .bt-event-item .bt-content { width: 51%; } .upcoming-items .bt-event-item .bt-content .bt-venue{ font-size: 18px !important; } /* Get updates */ .foot-social button#newsletter { font-size: 0; border: 0; outline: 0; padding: 0; background: transparent; } .foot-social button#newsletter:before { content: '\f090'; color: #fff; background: transparent; font-size: 14px; font-family: FontAwesome; } .foot-social{ top:75px; } #header.wider .foot-social { top: 0; } /* end Get updates */ } @media (max-width: 991px) { .ss-register { width: 100%; } .customer-account-create .slogin_register { padding-left: 0; width: 100%; } .contacts-index-index .col-md-6.first-section .fieldset { margin-bottom: 15px; } /*START HOME PAGE */ #home-latest-gear .latest-gear li { width: 50%; padding-bottom: 18px; } /*END HOME PAGE */ form#oar_widget_orders_and_returns_form { margin: 0 auto; width: 100%; } } @media (max-width: 768px) { /*START tour page 08-12-2018 ************************************************ */ .track-tour a.track-button { width: fit-content; margin: 0 auto; float: none; display: block; padding: 10px 20px; text-align: center; box-shadow: 2px 2px 0px 1px #FBD490; margin-bottom: 10px; } .up-dates { font-size: 30px; letter-spacing: 3px; color: #FBD490; font-weight: 900; float: none; text-align: center; display: block; } /* tour page 08-12-2018 ************************************************ */ /*START checkout cart 08-12-2018 ************************************************ */ .checkout-cart-index .cart .title-buttons h1 { /*margin: 16px 0px;*/ margin-bottom: 0px; font-size: 30px; float: none; text-align: center; } .title-buttons ul.checkout-types { float: none; margin: 0px; } .checkout-cart-index .cart .title-buttons .checkout-types li { float: none; width: fit-content; margin: 0 auto; margin-top: 0px !important; } .checkout-cart-index .checkout-types button.button { margin: 10px; } /*END checkout cart 08-12-2018 ************************************************ */ /* START login page ************************************************ */ .customer-account-login .col3-set { display: inline-block; } .customer-account-login .col3-set div{ padding: 0px; } /* END login page ************************************************** */ .cms-index-index .latest-gear .products-grid li.item.item-extended { width: 100%; padding-bottom: 10px; } .mageplaza-betterblog-index-index .post-title a.a-page-title { font-size: x-large; } .mageplaza-betterblog-index-index p { font-size: large; } .mageplaza-betterblog-index-index .post-meta.regular { font-size: large; } .category-tour .tour-fc { font-size: 11px; } .category-tour .tour-fc.tour-time { font-size: 14px; } .category-tour .tour-flyer-btn button.button { padding: 5px 10px !important; } a.ssi_photo.ssi_img { min-height: 152px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 157px; } .category-shop .products-grid li.item { /*width: 45%; margin: 0px 10px; margin-bottom: 20px;*/ } } @media only screen and (max-width: 767px){ /* START ACCOUNT PAGE************************************************************************* */ .sidebar .block-account li:nth-child(odd) { float: left; clear: left; } .col-left { border: none; width: 100%; padding: 0; } .col-main { width: 100%; } .sidebar .block-account li { font-size: 16px; line-height: 25px; text-transform: capitalize; background-color: #0d161d; padding: 10px; text-align: center; border-radius: 5px; float: right; color: #FBD490; margin-bottom: 10px; letter-spacing: 1px; border: 2px solid; width: 48%; margin: 5px 1%; } .block-cart, .block-reorder { display: none; } /* END ACCOUNT PAGE************************************************************************* */ /* START HOME PAGE************************************************************************* */ #home-latest-gear .latest-gear li { width: 100%; } form#newsletter-validate-detail { margin-top: 20px; } /* END HOME PAGE************************************************************************* */ /* START SIMPLE PRODUCT PAGE************************************************************************* */ .catalog-product-view .product-name h1 { font-size: 36px; } .catalog-product-view .product-view .product-img-box { width: 100%; } .catalog-product-view .col1-layout .product-view .product-shop { width: 100%; } /* END SIMPLE PRODUCT PAGE************************************************************************* */ .category-tour .tour-fc { font-size: 22px; padding: 10px 0; } .category-tour .tour-fc.tour-time { font-size: 24px; } .head-social { display: none; } .tour-fc { text-align: center; } .col-md-6.second-section { margin-bottom: 10% !important; } div.top-cart .block-content { right: 0px; } .col-sm-5 { width: 20%; float: left; } .products-grid li.item.item-extended { width: 46%; margin-top: 2%; } #to-top-button > span { display: none; } #to-top-button > svg{ margin-left: 45px; } /*for header image*/ .sliderdecs { width: 100%; float: left; position: relative; left: 0; padding-top: 0; margin-top: -60px; z-index: 0; } #home-upcoming-tours-block .widget-static-block .row { padding-top : 30px; } .ssam_insta.col-sm-5 { width: 50%; } a.ssi_photo.ssi_img { min-height: 396px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 419px; } } @media only screen and (max-width: 690px){ .category-shop .block-content dt{ display: block; } .category-shop .col-left dd { position: relative; top: 0; } } @media only screen and (max-width: 600px){ /* START MUSIC PAGE 10-12-2018 ****************************************************** */ .category-music .album-item { float: left; position: relative; } .category-music .album-item img { max-width: 100%; } .category-music span.album-item-thumb { float: left; } .category-music span.album-item-thumb img { max-width: 100%; height: auto; } .category-music span.disk { max-width: 100%; max-height: 100%; } /* END MUSIC PAGE 10-12-2018 ****************************************************** */ /* START CONTACTS PAGE ************************************************************ */ .contacts-index-index button.button { float: left; padding-top: 10px; } /* END CONTACTS PAGE ************************************************************** */ /* START SHOP PAGE*/ .category-shop .products-grid li.item { width: 90%; margin: 3% 5% !important; } /* END SHOP PAGE*/ /* START SERACH PAGE*/ .catalogsearch-result-index .products-grid li.item { width: 90%; margin: 3% 5% !important; } /* END SEARCH PAGE*/ .insta-post-content h3 { font-size: 20px; } a.ssi_photo.ssi_img { min-height: 298px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 321px; } .col-sm-5 { width: 50%; float: left; } .nav-side { width: 100% !important; } div.top-cart .block-content { right: 0px; } /*#top-menu .logo { left: 36% !important; }*/ /*for upcoming tours*/ .upcoming-items .bt-event-item .bt-actions{ width: 100%; text-align: center; margin-bottom: 1%; } .upcoming-items .bt-event-item .bt-content { width: 85%; } .upcoming-items .bt-event-item .bt-event-date{ width:15%; } } @media only screen and (max-width: 480px){ /*26-12-2018*/ .checkout-cart-index .noiteam-cart{ padding: 25px 0; width: 70%; } .checkout-cart-index .empty-div{ width: 15%; } /*26-12-2018 end*/ .mageplaza-betterblog-post-view .post-post_content img{ width: 100%; max-width: 100%; height: auto; } .track-tour a.track-button { font-size: 12px; } .insta-post-content h3 { font-size: 15px; } a.ssi_photo.ssi_img { min-height: 464px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 514px; } .ssam_insta.col-sm-5 { width: 100%; } img.flyer-img { height: auto; } .banner-content p { display: none; position: relative; } .products-grid li.item.item-extended { width: 97%; } .banner-content h4 { font-size: 10px !important; } div.top-cart .block-content { right: 0px; } button.btn.subscribe-btn img { max-width: 150px; } /*#top-menu .logo { left: 34% !important; }*/ } @media (max-width: 425px){ a.ssi_photo.ssi_img { min-height: 403px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 450px; } .category-music .main-container { width: auto; max-width: 100%; } .banner-content a.button { padding: 11px 8px!important; } .category-music span.disk { height: 300px !important; } .album-item:hover .disk { left: 80px !important; } } @media (max-width: 375px){ a.ssi_photo.ssi_img { min-height: 345px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 390px; } .banner-content a.button { font-size: 10px !important; } .category-music span.disk { height: 234px !important; } .album-item:hover .disk { left: 50px !important; } } @media only screen and (max-width: 320px){ .banner-content a.button{ font-size: 7px !important; } a.ssi_photo.ssi_img { min-height: 281px; } .category-bbs-media a.ssi_photo.ssi_img { min-height: 326px; } .category-music span.disk { height: 179px !important; } .album-item-thumb img:hover { margin: 0 -25px; } .album-item:hover .disk { left: 15px !important; } /*START one page 12-12-2018*/ .iwd-opc-index-index #iwd_opc_top_login_button { width: 240px !important; } .iwd-opc-index-index .iwd_opc_top_buttons { width: 240px !important; } .iwd-opc-index-index.iwd_opc_universal_wrapper { max-width: 240px !important; } .iwd-opc-index-index #iwd_opc_top_review { width: 240px !important; } .iwd-opc-index-index .iwd_opc_alternative_column { width: 240px; } .iwd-opc-index-index .checkout-social-login button.btn { font-size: 10px ; width: 240px; } /*END one page 12-12-2018*/ }