/** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } img { border:0; vertical-align:top; max-width:100%; } a { text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; /*font-weight:normal;*/ } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* 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 {} .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main-container { background:#fbfaf6 url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_main1.gif) 50% 0 no-repeat; } .main { width:900px; margin:0 auto; min-height:400px; padding:25px 25px 80px; background:#fffffe url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_main2.gif) 0 0 no-repeat; text-align:left; } /* Base Columns */ .col-left { float:left; width:195px; padding:0 0 1px; } .col-main { float:left; width:685px; padding:0 0 1px; } .col-right { float:right; width:195px; padding:0 0 1px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:475px; margin-left:17px; } .col3-layout .col-wrapper { float:left; width:687px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea { } input.input-text,textarea {} select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /*button.button::-moz-focus-inner { padding:0; border:0; } *//* FF Fix *//* button.button { -webkit-border-fit:lines; } *//* <- Safari & Google Chrome Fix *//* button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { border:0; padding:0; } button.disabled span { border-color:#bbb !important; background:#bbb !important; }*/ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus {} /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } label { position:relative; z-index:0; } .form-list label.required {} label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; margin-top:0px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both;width:98%;} .form-list .field { float:left; width:50%;} .checkout-onepage-index .page-title{ margin-top:30px;} #form-validate .form-list li { position:relative;} #siimage{ position:absolute; right:180px; width:160px;top:35px;} #siimage+a{ position:absolute; right:150px; top:40px;} .form-list input.input-text { } .form-list textarea { height:10em; } .form-list select { } .form-list li.wide .input-box { } .form-list li.wide input.input-text { } .form-list li.wide textarea { } .form-list li.wide select { } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } .form-list-narrow li.wide .input-box { } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { } .form-list-narrow li.wide select { } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; }*/ .buttons-set { border-top: 1px solid #E4E4E4; clear: both; margin: 13px 0 20px; padding: 8px 0 0; text-align: right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:right; margin:0; } .buttons-set button.button { float:left; margin-left:5px; } .buttons-set .back-link a.back-link{ background:#f1f1f1;} .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { margin-bottom: 28px } .fieldset .legend { position:relative; } .fieldset h2.legend { font-size: 16px; margin-bottom: 5px} /* Form Validation */ .validation-advice {clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; } .validation-advice1{ clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 17px; font-size: 11px; font-weight: bold; line-height: 13px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/validation_advice_bg.gif) 2px 10px no-repeat; color: #898989; padding-top: 10px;} .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; color:#EB340A; } /* 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:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; } .messages li li { margin:0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 15px; } .error-msg { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; } .success-msg {background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; } .note-msg, .notice-msg { background-color: #FCF8E3; border-color: #FBEED5; color: #C09853; } /* BreadCrumbs */ .breadcrumbs { } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:bold; } /* Page Heading */ .page-title { width:100%; margin: 20px 0 8px; overflow: hidden;text-align: center;} .account-create .page-title {margin: 40px 8px;} .page-title h1, .page-title h2 { margin:0; color: #000; display: inline-block; font-size: 26px; line-height: 20px; position: relative; text-transform: capitalize; } .page-title h1:before,.page-title h2:before { margin-right: 15px; right: 100%; } .page-title h1:before, .page-title h1:after, .page-title h2:before, .page-title h2:after { content: ""; height: 1px; position: absolute; top: 10px; width: 600px; } .page-title h1:after, .page-title h2:after { left: 100%; margin-left: 15px; } .page-title h1:before, .page-title h1:after, .page-title h2:before, .page-title h2:after { content: ""; height: 1px; position: absolute; top: 10px; width: 600px; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; margin:0 0 6px; } /* Pager */ .pager { font-size:11px; background:#fff url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_toolbar.gif) 0 100% repeat-x; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0 140px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { font-size:11px; background:#fff url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_toolbar.gif) 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff; } .toolbar .sorter { border-bottom:1px solid #fff; } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; border:1px solid #bebcb7; } .data-table .odd { background:#f8f8f8;} .data-table .even { background:#f6f6f6;} /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:3px 8px; font-weight:bold; } .data-table td { padding:3px 8px; } .data-table .odd td .product-name a{font-size:14px; color:#333;} .data-table .odd td .product-name a{font-size:14px; color:#333;} .data-table .odd td .item-options{margin:10px 0 0;} .data-table .odd td .item-options dt{ font-weight:normal; color:#888;} .data-table .odd td .item-options dd{margin:0;} .data-table thead th { font-weight:bold; border-right:1px solid #c2d3e0; padding:5px 8px; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_th.gif) repeat-x 0 100% #d9e5ee; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-top:1px solid #d9dde3; } .data-table tfoot tr.first td { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_tfoot.gif) 0 0 repeat-x; } .data-table tfoot tr { background-color:#dee5e8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; } .qty-wrapper button.qty-remove{border: none;background: none; margin-top: 8px;} /* Bundle products tables */ .data-table tbody.odd tr { background:#f8f7f5 !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { background:#fff url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* 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://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } 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://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_collapse.gif) 100% 5px 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% -52px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std address, .std blockquote { margin:0 0 0em; padding:0; } .std ul { /*list-style:disc outside; */} .std ol { /*list-style:decimal outside; padding-left:1.5em; */} .std ul ul { } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 0em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; } .link-wishlist {font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { /*background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; } .link-rss { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .header-container { border-top:5px solid #0d2131; border-bottom:1px solid #415966; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_header.jpg) 50% 0 repeat; } .header { width:930px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; } .header .logo { float:left; margin:3px 0 10px 12px; 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; } .header .quick-access { float:right; width:600px; padding:28px 10px 0 0; } .header .welcome-msg { margin:0; color:#fff; text-align:right; } .header .welcome-msg a { color:#ebbc58; } .header .form-search { position:absolute; top:0; right:29px; width:315px; height:30px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_form-search.gif) 0 0 no-repeat; padding:1px 0 0 16px; } .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text { float:left; border-color:#5c7989; width:209px; margin-right:4px; } .header .form-search button.button { float:left; } .header .form-search button.button span { border:0; height:21px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_search.gif) 0 0 no-repeat; padding:0 0 0 3px; font:bold 11px/21px Tahoma, Verdana, Arial, sans-serif; } .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; } .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header .form-language { clear:both; padding:5px 0 0; text-align:right; } .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; } .header .form-language select { padding:0; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header .links { float:right; margin:0 0 6px; } .header .links li { float:left; font-size:11px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; } .header .links a { color:#ebbc58; } .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } /********** < Navigation */ .nav-container { background:#0a263d url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_nav0.jpg) 50% 0 repeat-y; } #nav { margin:0 auto; padding:0px; font-size:13px; background:#f5f5f5; border:1px solid #b0b0b0; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a { } #nav ul li.parent li a { background-image:none; } /* 0 Level */ #nav li { float:none; clear:both; display:block; border-bottom:1px solid #b0b0b0; float:left; width:100%; background:url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/ca-iocdl.jpg") no-repeat scroll 31px center; text-indent:34px; } #nav li.last{ border-bottom:none;} #nav li.parent a{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/+.jpg) no-repeat 95% 8px; display:block; float:none; color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; } #nav li.over .level0 li a{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/+.jpg) no-repeat 95% 8px; display:block; float:none; color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; } #nav li.over .level0 li.over a{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/-.jpg) no-repeat 94% 10px; display:block; float:none; color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; } #nav li.over a{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/-.jpg) no-repeat 94% 10px; display:block; float:none; color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; } #nav li.active a { color:#545454; } #nav a { float:left; padding:5px 12px 6px 8px; color:#545454; font-weight:normal; } #nav li.over a, #nav a:hover { color:#545454; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; background:url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/ca-iocdl.jpg") no-repeat scroll 31px center; text-indent:34px; } #nav ul li.last { padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd Level */ #nav ul, #nav div {width:100%; max-width:220px; top:27px;border:1px solid #b0b0b0; border-left:none; border-right:none; border-bottom:none; background:#f5f5f5; display:none; } #nav li.over ul{ display:block; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#d5e4eb; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:5px 12px 6px 8px; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:218px; top:-1px; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } #nav li ul.shown-sub li ul.shown-sub{ left:216px; top:-1px; z-index:999; } #nav li ul.shown-sub li ul.shown-sub li.level1 a,#nav li ul.shown-sub li ul.shown-sub li.level2 a{ background:none; } #nav li ul.shown-sub li.level2 a{ background:none; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block {} .block .block-title {padding: 0 0 1em; } .block .block-title strong { color: #2b2b2b; font: 1.167em Sintony; text-transform: uppercase; font-weight: bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { } .block .block-content { border-bottom: 1px dotted #cacaca; margin-bottom: 24px; padding-bottom: 24px;} .block .block-content li.item { padding:7px 9px; } .block .block-content .product-name { } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0;} .block li.odd { } .block li.even { } /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; } /* Mini Products List */ .mini-products-list .product-image { border: 1px solid #a9a9a9; float: left; width: 52px; } .mini-products-list .product-details { margin-left:60px; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account { border-color:#bbb; } .block-account .block-title { } .block-account .block-title strong { } .block-account .block-content { } .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:8px 0; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#000; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:8px 0; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { border:0; } .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; padding:0 0 0 21px; text-transform:none; color:#fff; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { border:0; } .block-layered-nav .block-title { } .block-layered-nav .block-subtitle { font-weight: bold; margin: 10px 0 18px;} .block-layered-nav .block-content { } .block-layered-nav dt { } .block-layered-nav dd { } .block-layered-nav dd.last { background:none; } .block-layered-nav .currently li { position:relative; z-index:1; line-height:1.5; } .block-layered-nav .currently .label { font-weight:bold; padding-left:15px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_block-layered-label.gif) 0 4px no-repeat; text-transform:uppercase; display:inline-block; vertical-align:top; } .block-layered-nav .currently .value { display:inline-block; vertical-align:top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; margin:0; } .block-layered-nav .currently .btn-previous { right:17px; } .block-layered-nav .actions { } .block-layered-nav .actions a { float:left;height: 30px;line-height: 30px;padding: 0 10px;border-radius: 3px;font-weight: bold;margin: 15px 0; border:none;} .block-layered-nav .price{} /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { } .block-cart .summary { background:#fff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:5px 0 0; padding:2px 0;text-align:center; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { } .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 8px 0; } /* Block: Wishlist */ .block-wishlist .block-title strong { } .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related .block-title strong { background-position:0 1px; } .block-related input.checkbox { float:left; } .block-related .product { margin-left:20px; } /* Block: Compare Products */ .block-compare .block-title strong { background-position:0 1px; } .block-compare button.button span { } .page-popup .link-print {padding:2px 0 2px 25px; font-weight:bold; } .compare-table { border:0; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; } .compare-table tbody th { } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; } .compare-table tbody td.last {} .compare-table tbody tr.last th, .compare-table tbody tr.last td { } .compare-table tr.add-to-row td { text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { } .compare-table tr.first td .product-name a { } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } /* Block: Recently Viewed */ .block-viewed .block-title strong { } /* Block: Recently Compared */ .block-compared .block-title strong { } /* Block: Poll */ .block-poll .block-title strong {} .block-poll .block-subtitle { font-size: 13px; font-weight: 700; text-transform: uppercase; } .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 0px; } .block-poll .actions { margin:5px 0 0; } .block-poll button.button span { } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Orders and Returns */ .block-gr-search li { padding:3px 9px; } .block-gr-search button.button span { } /* Block: Tags */ .block-tags .block-title strong { } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { } .block-tags .actions { margin: 14px 0 0; text-align: right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px; } .block-subscribe .block-title strong { } .block-subscribe label { font-weight:bold; } .block-subscribe input.input-text { display:block; width:167px; margin:3px 0; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:none; } .block-subscribe .actions button.button span { } /* Block: Reorder */ .block-reorder .block-title strong { } .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; text-align:center; } /* Block: Login */ .block-login .block-title strong { } .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } .block-login .actions button.button span { } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* 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; line-height: 1.4em;} .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #d9ddd3; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_grid.gif) 0 0 repeat; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { /*min-height:2.7em;*/ margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-grid .product-name a { color:#203548; } .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:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; 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; color:#203548; } .products-list .product-name a { color:#203548; } .products-list .price-box { /*float:left; margin:3px 13px 5px 0;*/ } .products-list .availability {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: 17px 0 19px;} .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://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/unactive-star.png") repeat scroll 0 0; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:13px; line-height:1.15; padding:3px 0; padding-right:15px; } .ratings-table th { font-weight:bold; padding-right:8px; } .ratings-table .rating i{ margin-right: 3px} #customer-reviews dt{margin-bottom: 10px} #customer-reviews dd{margin-bottom: 30px} /* Availability */ .availability { margin: 0 0 12px 0 !important; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } #product-review-table .radio{ display: inline} .product-view .product-shop .availability { font-size:11px; } .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { margin:0px 0; } .price-box .price { } .product-preview .minimal-price .price{ color:#888888; font-size:14px;} /* Regular price */ .regular-price { } .regular-price .price {font-size: 18px;color: #ed2d8b;} .block .regular-price, .block .regular-price .price { } /* Old price */ .old-price { margin:0; } .old-price .price-label { white-space:nowrap; color:#999; display: none;} .old-price .price { text-decoration: line-through;} /* Special price */ .special-price { /*padding: 3px 0 3px; */ } .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; display: none; } .product .special-price .price { margin: 0 0 0 10px;} /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .product-preview .minimal-price .price-label{ display:none;} .category-products .label.label-new{ display:none;} .minimal-price-link { margin: 0 0 0 0px; } .minimal-price-link .label {color:#EE3B27;} .minimal-price-link .price { font-weight:normal; /*color:#1e7ec8;*/ } /* Excluding tax */ .price-excluding-tax { display: inline-block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; padding: 0 } .price-excluding-tax .price { font-size:13px !important; font-weight:normal; margin: 0 !important } /* Including tax */ .price-including-tax { display: inline-block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; padding: 0 } .price-including-tax .price { font-size:13px !important ; margin:0 !important } /* Configured price */ .configured-price { margin:0; } .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 { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; } ul.options-list li{ line-height: 16px !important;} /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { color: #424242; margin: 10px 0 10px 4px; padding: 10px; } .tier-prices li { line-height: 1.4; list-style: disc outside none; padding: 2px 0;} .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .tier-prices .price { font-weight:bold; color:#2f2f2f; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { /*font-size:11px; margin:5px 0 0;*/ } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; font-weight:bold; color:#666; } .add-to-cart .qty { float:left; margin-right:5px; } .add-to-cart button.button { float:left; } .add-to-cart .paypal-logo { clear:left; margin:0; 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 { margin: 21px 0; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .add-to-box .add-to-links li { display:block !important; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view { } .sku { margin-top: 10px} .product-essential { } .product-essential h2 { } .product-collateral { background:#faf7ee url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_product_collateral.gif) 0 0 repeat-x; padding:25px; } .product-collateral h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; } .product-collateral .box-collateral { margin:0 0 25px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 0 13px; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; 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://static.cossuits.com/skin/frontend/coolbaby/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://static.cossuits.com/skin/frontend/coolbaby/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 h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-9px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .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 { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product Shop */ .product-view .product-shop { float:right; width:330px; } .col1-layout .product-view .product-shop { float:right; width:545px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .product-name { margin:0 0 5px; } .product-view .product-shop .product-name h1 { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; } .product-view .product-shop .availability { margin:10px 0; } .product-view .product-shop .short-description { margin:10px 0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_divider1.gif) 0 0 repeat-x; padding:10px 0 0; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { font-size:12px; text-align:right; } .product-view .product-shop .add-to-links li, .product-view .product-shop .add-to-links li .separator { display:inline; } .product-view .product-shop .add-to-links a { color:#1E7EC8 !important; font-weight:normal !important; } /* Product Options */ .product-options {margin: 0px 0 0; padding: 0px 0 0px; position: relative; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt.swatch-attr { padding: 22px 0 0;font-weight:normal; } .product-options dt label { font-weight:bold; } .product-options dt label.required em { color:#eb340a; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd {border-bottom: 1px solid #e4e4e4; margin: 0 0 5px; padding: 5px 0px 0; overflow:hidden;} .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .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 dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { padding:2px 0; float: left;margin-right: 25px;} .product-options ul.options-list input.radio { float: left; margin-top: 7px; } .product-options ul.options-list input.checkbox { float: left; margin-top: 7px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-size: 13px;background-color: #f4f4f4;border: 1px solid #ddd; border-radius: 3px!important; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:20px; top:20px; } .product-options-bottom { padding:0px; border-top:0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { margin:0; padding:0;padding: 14px 0 0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:13px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:none; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */ .product-view .box-description { margin-top: 42px;} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; } .product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; } .product-view .box-up-sell .products-grid tr.last td { border-bottom:0; } .product-view .box-up-sell .products-grid td.last { border-right:0; } .product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:13px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; } .product-view .box-tags .form-add input.input-text { } .product-view .box-tags .form-add button.button span { } .product-view .box-tags .note { margin:0px 0 0; padding:0 0 0 0px; font-size:11px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 100%; } /* Send a Friend */ .send-friend .form-list { width:615px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-weight:normal; } .product-name a { } /* Product Tags */ .tags-list { display: block; font-size: 13px; padding: 0px;} .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {clear:none; } .advanced-search .form-list .input-range input.input-text{ width:100%;} .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* 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 { color:#1b2d3b; } .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 { color:#1e7ec8; } /* RSS */ .rss-title h1 { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom:0; margin:0 0 12px; } .cart .page-title h1 { margin:10px 0 0; } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .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:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table th { padding:2px 10px; } .cart-table td { padding:10px; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#2f2f2f; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:605px; } .cart .cart-collaterals .col2-set .col-2 { width:294px; } .cart .crosssell { border:1px solid #cec3b6; background:#fafaec; padding:12px 15px; } .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell li.item { margin:12px 0; } .cart .crosssell .link-compare { font-weight:normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #d0cbc1; background:#fff url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_block-title.gif) 0 0 repeat-x; padding:12px 15px; margin:0 0 18px; } .cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; } .cart .discount button span, .cart .shipping button span { } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount h2 { background-image:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_discount.gif); } .cart .discount .input-box { margin:8px 0 0; width:260px; } .cart .discount input.input-text { width:254px; } .cart .shipping h2 { background-image:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_shipping.gif); } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_divider1.gif) 0 0 repeat-x; } /* Shopping Cart Totals */ .cart .totals { float:right; width:268px; background:#dee5e8; border:1px solid #bebcb7; } .cart .totals table { width:100%; margin:7px 0; } .cart .totals td { padding:1px 15px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:15px; } .cart .totals .checkout-types { font-size:13px; padding:8px 15px 15px; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Options Tool Tip */ .item-options{ margin:20px 0 0;} .item-options dt { text-transform:capitalize; float:left; padding-right:8px;} .item-options dd { padding-left:10px; margin:0 0 6px; } .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:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { } .sp-methods .price { font-weight:bold;color: #f30; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; 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; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/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 h3 { font-size:12px; font-weight:bold; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; } .gift-messages-form .whole-order { margin:0 0 25px; } .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; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left: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; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfaf6 url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend { margin:0 0 10px; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { } .block-progress .block-content { background:none; } .block-progress dt { font-size: 13px; font-weight: bold; line-height: 1.35; margin: 0 0 6px; padding: 2px 8px;} .block-progress dd { border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { font-weight: bold; list-style: disc outside none; padding-left: 18px; } .opc { position:relative; } .opc li.section {} .opc .step-title {border:1px solid #F1F1F1;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); text-align:right; } .opc .step-title h2{line-height: 28px;} .opc .step-title .number { float: left; font-family: Verdana,Geneva,sans-serif; font-size: 15px; line-height: 28px; padding: 10px 7px 10px 15px; color: #4C4C4C } .opc .step-title h2 { float:left; font-size: 16px; margin-bottom: 0; margin-top: 0; outline: medium none; padding: 10px 9px; text-decoration: none; text-transform: uppercase; color: #4C4C4C} .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { padding-bottom:5px; background-color: #4B4B4B; color: #FFFFFF; border-radius: 0 0 0 0; padding: 0; cursor:pointer; } .opc .allow .step-title .number { color:#fff; } .opc .allow .step-title h2 { color:#ffffff; } /*.opc .allow .step-title a { display:block; }*/ .opc .active .step-title { padding-bottom:5px; cursor:default; background-color: #4B4B4B; color: #FFFFFF; border-radius: 0 0 0 0; padding: 0; } .opc .step-title{transition: all 0.3s ease 0s} .divider.in_footer{ margin-top: 25px} #checkoutSteps li{ margin: 0 0 5px 0} .opc .step-title:hover{ background: #747474} .opc .step-title:hover h2{ color: #fff} .opc .step-title:hover .number{ color: #fff} .opc .active .step-title .number { color:#fff; } .opc .active .step-title h2 { color:#ffffff; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border:1px solid #F1F1F1;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-top:0; padding:15px 30px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3 { margin-bottom:10px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { font-size: 12px; font-weight: bold;} #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; } .checkout-progress li.active { border-top-color: #000000; color: #000000; } .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; padding:0 0 0 21px; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ .multiple-checkout .title-buttons button.button span { } #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } #multiship-addresses-table tfoot button.button span { } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; overflow:hidden; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:345px; padding:14px 21px; background:#faf7ee url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_login-box.gif) 0 0 repeat-x; border:1px solid #bbb6a5; border-bottom:0; } .account-login .content h2 { font-weight:bold; font-size:13px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#e76200; } .account-login .new-users h2 { background-image:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_page1.gif)} .account-login .registered-users h2 { background-image:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/i_page2.gif); } .account-login .buttons-set { border:1px solid #bbb6a5; border-top:0; margin:0; padding:8px 13px; background:#dee5e8 url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_buttons-set1.gif) 0 0 repeat-x; } .account-create {} /* Captcha ================================================================================ */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0;} .captcha-reload { cursor:pointer; 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://static.cossuits.com/skin/frontend/coolbaby/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 { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:capitalize; background-position:0 0; background-repeat:no-repeat;} .dashboard .box .box-title { text-align:right; padding-right: 20px; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { } /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-size:11px; font-weight:bold; text-transform:capitalize; } .box-title h3{text-transform:capitalize; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { } .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; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } .box-account .product-name{ font-size: 15px} .box-account .details{ margin-left: 0 !important} .box-account .number{ display: none} /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .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; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { font-weight:bold; font-size:13px; text-transform:uppercase; } .addresses-list h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info li{ border:1px solid #D4D2D2; border-radius:3px; background:#fff; height:30px; line-height:30px; padding:8px;} .order-info li.current { font-weight:bold; color:#fff; background:#fb24ad; border:1px solid #fb24ad; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .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 { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* 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 Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } .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 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container { border-top:15px solid #b6d1e2; } .footer { width:930px; margin:0 auto; padding:10px 10px 50px; } .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { color:#fff; text-decoration:none; } .footer a:hover { text-decoration:underline; } .footer .bugs { margin:13px 0 0; color:#ecf3f6; } .footer .bugs a { color:#ecf3f6; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0 0 20px; color:#ecf3f6; } .footer address a { color:#ecf3f6; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { display:inline; } .footer ul.links { display:block; } .footer li { display:inline; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px; } .footer li.last { background:none !important; padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* 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, .col3-layout .product-options-bottom .price-box: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 .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description: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; } /* ======================================================================================= */ .guest-select {width:305px !important;} #wishlist-table .add-to-cart-alt button{ margin-top: 10px} .table .product-name{ font-family: inherit !important; font-size: inherit !important} .breadcrumbs .product{ float: none !important; padding: 0 !important} .ev_remove{ font-size: 20px} #fancybox-content { background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/ajax-loader-quick-view.gif") no-repeat scroll center center rgba(0, 0, 0, 0); } #ProductBox.quickviewblock .product_type_data_price .price-box{ display: none !important} iframe.twitter-timeline.twitter-timeline-rendered{ min-width: inherit !important} #product-options-wrapper .form-horizontal .form-group{margin-left: 0px; margin-right: -0px;} .options-list li{ text-align: left !important} .page-print,.page-print a,.page-print .price, .page-print h1,.page-print h2,.page-print h3,.page-print h4{ color: #000} #ProductBox, #ProductBox h1, #ProductBox .price{} .std .messages{ margin-top:20px !important} .cms-index-index .page-title{ display: none} .content-aside .section-divider{border-bottom:0} .content-aside .label { border-radius: inherit !important; color: #000 !important; display: inline !important; font-size: 12px !important; font-weight: normal !important; line-height: 20px !important; padding: 0 !important; text-align: left !important; vertical-align: baseline !important; white-space: inherit !important; } /*buttons*/ a.back-link small,p.back-link a small{ display: none; text-decoration: none} a.back-link,p.back-link a{text-decoration: none} a.back-link:hover,p.back-link a{text-decoration: none} button.button, .blog-post a.read-more, .content-aside button.button, .buttons-set button.button, .buttons-set a.back-link, p.back-link a, button.btn-cart, button.btn, .my-account button, #multiship-addresses-table button, #review-button, .opc-wrapper-opc .payment-block dt{ -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; background-image: none; cursor: pointer; display: inline-block; line-height: 1.42857; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; /*background-color: #fff;*/ color: #000; font-size: .9em; height: 37px; line-height: 1.4em; padding: 10px 10px; text-transform: uppercase; border: 1px solid #ccc; text-decoration: none; border-radius: 0; -o-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .my-account h3.dl-p{text-align:center!important;} button.button:hover, .blog-post a.read-more:hover, .content-aside button.button:hover, .buttons-set button.button:hover, .buttons-set a.back-link:hover, p.back-link a:hover, button.btn-cart:hover, .my-account button:hover, #multiship-addresses-table button:hover, #review-button:hover, .opc-wrapper-opc .payment-block dt:hover, .opc-wrapper-opc .payment-block dt.active, button.btn:hover {border-color: #fe0fa8; background-color: #fe0fa8; color: #fff !important; text-decoration: none} /*buttons end*/ .page-title.category-title{ margin-top: -4px} /*.required{ color: inherit !important}*/ textarea{resize: none;overflow: auto;} textarea,select,input{ border: 1px solid #ccc; border-radius:20px; color: #555555; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; border-radius: 0; box-shadow: none; font-size: 0.9em; height: 37px; line-height: 1.4em; padding: 10px 10px; outline: none; cursor:pointer; } @media screen and (-webkit-min-device-pixel-ratio:0) { select{ padding-right:25px !important} } textarea:focus,select:focus,input:focus { background:none !important; box-shadow: none; border-color: #66afe9; outline: 0 none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/select-arrow.png) no-repeat center right; } select:active,select:focus{ background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/select-arrow.png) no-repeat center right !important;} select option { padding-right: 21px; } #ProductBox .product-options{ font-size:inherit !important } #super-product-table .qty, #product-options-wrapper .qty-holder input{ border-radius: 3px !important; height: 29px; line-height: 14px; margin: -1px 0; padding: 7px 0; text-align: center; display: table-cell; background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; font-size: 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; } input.qty-disabled{background-color: #EEEEEE !important; cursor: not-allowed; opacity: 1; cursor: not-allowed !important; } .product-options-bottom .price-box { padding: 7px 0 14px; } .add-to-links.wish_comp{ margin-top: 10px} .shopping-cart .price{ font-weight: normal !important;font-size: inherit !important;} .cart-empty{ min-height: 150px} .account-create input,#email_address, input[type=checkbox], input[type=radio]{width:100%; margin-right: 10px} input[type=checkbox], input[type=radio]{ display: inline-block;height: inherit !important;width: inherit !important;} #checkout-step-login .col-lg-6.col-md-6.col-sm-6{ margin-bottom: 20px} .input-box{margin-right: 0px} #billing-new-address-form .field,#checkout-payment-method-load #ccsave_expiration{ margin-bottom: 10px} #checkout-progress-wrapper{ margin-top: 37px; } .table .price, #checkout-review-table .price, .table-total .price, #super-product-table .price, .product-options .price { display: inline !important; font-size: inherit !important; line-height: inherit !important; } #discount-coupon-form .input-box, #shipping-zip-form .input-box{ margin-right: 0} .buttons-set{ border: 0} .account-create .buttons-set{ width: 85%;} #multiship-addresses-table select{ width : inherit !important} .grand-total .price { font-size:inherit !important; } #product_comparison h2.product-name{ font-size: 18px; margin: 10px 0 0 0} #product_comparison .price{ font-size: 14px; } #product_comparison .price-box{ margin: 0px 0 10px 0} #product_comparison .add-to-links{ margin: 10px 0 0px 0} .wishlist-index-configure .add-to-links{ text-align: left} .wishlist-index-configure #product_addtocart_form .add-to-links.wish_comp{ display: none} .wishlist-index-configure #product_addtocart_form .add-to-links.wish_comp.conf{ display: block} #wishlist-table .add-to-cart-alt input.qty { width: 41px !important; text-align: center; } .loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #fff } .no-load-anime .loader { display: none;} #menuScroller > div{ overflow:hidden;} header.variant4 .navbar-secondary-menu { direction: ltr !important; } header.variant4 .navbar-secondary-menu .btn-default, header.variant4 .navbar-secondary-menu .open .btn-default { padding-right:0 !important; padding-left: 15px !important } .rect-nohover1 { width:61%; margin: 0 auto; border: 1px dotted #cacaca; padding: 20px 20px 20px 50px; } @media(max-width:768px) { .rect-nohover1 { width: 100%; margin: 0 auto; border: 1px dotted #cacaca; padding: 20px 5px 20px 10px; } } /*amasty search*/ .am_search_popup a:hover .price{text-decoration: none !important; color:#fff !important} .am_search_popup a:hover{text-decoration: none !important;} /*amasty social login*/ .am-form-list input{ display: inline !important} .am-login-button{ margin-right: 30px !important; line-height: 26px !important} .am-form-block{ max-width: 277px !important; margin: 20px 1px 20px 20px !important;} .am-form-block-line { padding-bottom: 10px !important; } #am-twitter-image { height: 35px !important; width: 112px !important; } .amform-block-social { padding-left: 0 !important;} /*amasty color swatcher*/ #amconf-block label, .product-preview > .actions{ display:none !important} .amconf-image-container{text-align:center} .amconf-image-container{ display:inline; float:none !important} #amconf-block .std dd { padding: 0 0 0 0 !important; } #amconf-block .amconf-image{border-color:white !important} .product-preview #amconf-block .amconf-image { border: 1px solid #d1d1d1; margin: 0; width: 17px; } /*#translate-inline-trig{ z-index:2147483647 !important}*/ /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #fff; } .product-options dt.swatch-attr span#select_label_size{ display:none; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .products-list .configurable-swatch-list .swatch-link,.products-list .configurable-swatch-list .swatch-label{cursor: inherit !important} .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #3399cc; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } .product-image-gallery .gallery-image{ display: none !important} .product-image-gallery .gallery-image.visible{ display: inline-block !important} @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color:#ff5900; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } .product-view .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } .product-view .product-img-box .product-image-zoom { z-index: 0; } .product-view .product-image-thumbs img { max-width: 100%; max-height: 100%; } #preloader { position: fixed; z-index: 100000; top: 40%; width: 100%; } #preloader .message { position: absolute; left: 32%; padding: 0 1%; margin-top: 70px; background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; border: none; color: #fff; text-align: center; width: 34%; } #preloader .loader { position: absolute; left: 50%; margin-left: -28px; background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; height: 56px; width: 56px; line-height: 56px; text-align: center; } #preloader .loader img { opacity: 0.9; } #preloader .message .inside { padding: 20px; } #preloader .message { margin-top: 0px; } #preloader { top: 50%; margin-top: -20px; } .box-collateral.box-additional{ margin-top: 20px} .ratings-table .rating{ display: block; margin-top:0px} .box-collateral .product-tags li{ display: inline-block} .box-collateral .form-add{ margin-top: 10px} .catalog-product-view .swatch-attr label {margin-bottom:0} .catalog-product-view .swatch-attr .validation-advice{ margin-bottom:7px } .colors-list img{margin: 2px 10px 0 0; border: 1px solid #ccc;} .category-image img { width: 100%; margin-bottom: 20px; } .ajax-index-options .product-info-cell{ box-shadow: none; padding: 0} .ajax-index-options .large-image{width: 257px;} .ajax-index-options .product-options { padding-bottom: 0px; } .ajax-index-options dl { margin-bottom: 0px; } .ajax-index-options .demo-notice{display: none} .ajax-index-options .email-friend{display: none} .ajax-index-options .product-view{margin-top:10px} .rlm{ display: none} .rtl .rlm{ display: inline } .rtl .form-list .field { float: right !important; margin-left: 20px !important; } .rtl .input-box{margin-right: 0 !important} .rtl .account-create input,.rtl #email_address,.rtl input[type="checkbox"],.rtl input[type="radio"]{ margin-right: 0px !important;} .rtl .captcha-image{float: right;} .rtl .opc-wrapper-opc .opc-col-left .fields .field:first-child { margin-right: 0px; } .product-options-bottom .price-box { display: none; float: none; } .fprice_fisrt {clear:both;} .fprice_fisrt .tot{line-height:55px; float:left; font-size: 18px; color: #333333; font-weight: bold;} .fprice_fisrt .price{line-height:55px;} .fprice_fisrt .price-box{display:block; padding:0; float:left; } .fprice_fisrt .old-price .price{ font-size: 16px; color: #333333;} .fprice_fisrt .special-price .price{color: #F5003A; font-size: 23px; font-weight: bold;} .row .login,.row .btn-group { float:left; } .row .header-tools{ float:right; } .rect-nohover .btn-cool.btn-md{ font-size:13px; } .btn-login{ width: 70%; background-color: #DE005A; color: #fff; font-weight: bold; border: none; height: 37px; line-height: 1.4em; padding: 10px 10px;} .btn-reg{width: 70%; background-color: #CD9C6D; color: #fff; font-weight: bold; border: none; height: 37px; line-height: 1.4em; padding: 10px 10px;} button.buttons{ background: #EC006C; color: #fff; text-transform: uppercase; width: 200px; height: 40px; line-height: 40px; display: block; margin: 0 auto; /* border-radius: 5px; */ text-align: center; font-weight: bold; /* margin-left: 10px; */ cursor: pointer; font-size: 13px; border: none;} #shopping-cart-totals-contaner{ width: 100%; } #shopping-cart-totals-table{float:right;} .text-center { text-align: right; } .text-center button{ background: #EC006C; color: #fff; text-transform: uppercase; width: 200px; height: 40px; display: block; margin: 0 auto; /* border-radius: 5px; */ text-align: center; font-weight: bold; /* margin-left: 10px; */ cursor: pointer; font-size: 13px; border: none;} button.button.btn-checkout { background: #FF0075; color: #fff; text-transform: uppercase; width: 200px; height: 40px; display: block; margin: 0 auto; border-radius: 5px; text-align: center; font-weight: bold; cursor: pointer; font-size: 13px; float: right; } #lightbox-container-image-box { height: auto; } .gw_product-image { float: left; } /* 快速登录css */ .quick_login_player{ width:800px; height:auto; overflow:hidden;position:relative; margin:0px auto; padding:0 10px;} .quick_login_player .con_l_btn {height: 30px;margin: 20px 0;width: 125px;} .quick_login_player .con_l_btn {background-color: #333;color: #fff;font-size: 16px;outline: medium none;text-align: center;transition: background-color 0.3s ease-in-out 0s; border:0px; cursor:pointer;padding:0;} .quick_login_player .con_l_btn:hover{background-color: #de0454;} .quick_login_player .con_r_btn {height: 30px;margin: 20px 0;width: 186px; padding:0;} .quick_login_player .con_r_btn {background-color: #de0454;color: #fff;font-size: 16px;outline: medium none;text-align: center;transition: background-color 0.3s ease-in-out 0s; border:0px; cursor:pointer} .quick_login_player .con_r_btn:hover{background-color: #333;} .quick_login_player .con_m_btn {height: 30px;margin: 18px 0;width: 186px; padding:0;} .quick_login_player .con_m_btn {background-color: #333;color: #fff;font-size: 16px;outline: medium none;text-align: center;transition: background-color 0.3s ease-in-out 0s; border:0px; cursor:pointer} .quick_login_player .con_m_btn:hover{background-color: #de0454;} .quick_login_player .quick_login{ width:285px; float:left; margin:0 70px 0 10px;} .quick_login_player .quick_login .rc_login li{ width:100%; overflow:hidden; display:block} .quick_login_player .quick_login .rc_login .toFind {color: #000;display: block;outline: medium none;text-decoration: underline;} .quick_login_player .quick_login .rc_login label{ padding:3px 0;} .quick_login_player .quick_login .rc_login .lable_pas{ margin-top:18px;} .quick_login_player .l_title {color: #000;font-size: 14px;font-weight: bold;margin: 25px 0 32px 0;text-transform: uppercase;} .quick_login_player .q_input{ border: 1px solid #ccc;height: 28px;margin: 10px 0 5px;outline: medium none;padding: 0 10px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .quick_login_player .q_input:focus {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border-color: #66afe9;box-shadow: none;outline: 0 none;} .quick_login_player .quick_register{ width:386px; float:left;} .quick_login_player .quick_register .rc_register li{ width:100%;padding-bottom:10px; overflow:hidden} .quick_login_player .quick_register .rc_register li.gw-quick-reg-pw{ width:49.5%; float:left; margin-right:0.5%;} .quick_login_player .quick_register .q_input{} .quick_login_player .quick_register .firstname{ width:186px; float:left} .quick_login_player .quick_register .firstname .q_input{width:150px!important; margin-top:0 } .quick_login_player .quick_register .lastname .q_input{width:150px!important; margin-top:0 } .quick_login_player .quick_register .agree_note{ margin-top:10px;word-wrap:break-word;} .quick_login_player .quick_register .agree_note input[type="checkbox"]{ vertical-align:top; margin-top:-2px; width:14px; padding:0;} .quick_login_player .quick_register .agree_note a{ color:#333} .quick_login_player .quick_register .agree_note a:hover{ text-decoration:none; color:#de0454} .quick_login_player .quick_register .guests {color: #000;width: 356px;} .quick_login_player .quick_register .guests .l_or {width: 356px;} .quick_login_player .quick_register .guests .l_or i {background: #fff none repeat scroll 0 0;color: #333;display: block;font-style: normal;left:157px;padding: 0 10px;position: absolute;top: -9px;} .quick_login_player .quick_register .guests .l_or {border-bottom: 1px solid #ccc;font-weight: bold;margin: 0 0 25px;position: relative;} .box_con .close_box {color: #000;display: block;font-family: Arial;font-size: 20px;position: absolute;right: 20px;top: 20px;} .box_con a {color: #333;outline-style: none;text-decoration: none;} .quick_login_player .field.name-firstname { width: 186px; float: left; height: 46px; } .quick_login_player .field.name-lastname { float: left; height:46px; margin-left:10px; } .quick_login_player .field input{ height:28px; } @media (max-width: 768px) { .quick_login_player{ padding:0px 20px 0 20px;} .quick_login_player { width:302px;} .quick_login_player .quick_register .q_input { width:290px!important;} .quick_login_player .quick_register .firstname{ width:140px; float:left} .quick_login_player .quick_register .firstname .q_input { width:110px!important;} .quick_login_player .quick_register .agree_note{ } .quick_login_player .quick_register .guests {color: #000;width: 312px;} .quick_login_player .quick_register .guests .l_or {width: 312px;} .quick_login_player .quick_register .guests .l_or i {background: #fff none repeat scroll 0 0;color: #333;display: block;font-style: normal;left:135px;padding: 0 10px;position: absolute;top: -9px;} } .l_note{ padding:5px 0; color:#999; display:inline-block;} /*优惠码*/ .advbox{position:absolute;} .advbox{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 11000; background: rgba(0, 0, 0, 0.74902);display:none;} .advbox .advpic{ position: absolute; width: 50%; min-height: 240px; left: 50%; /* margin: 0 auto; */ margin-left: -25%; top: 50%; margin-top: -120px; z-index: 10;} .gw-discount-first{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/specbg_03.jpg) no-repeat left #fff; padding-left:410px; height: 322px;} .advbox .advpic .closebtn{display:block; height:22px; line-height:26px; font-size:30px; color:#000; text-indent:12px; overflow:hidden; position:absolute; right:12px; top:10px; z-index:99; } .newsletter-title { margin: 0; color: #000; font-family: arial; font-size:30px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; text-align: left; margin-bottom: 20px; padding-top:70px; } .newsletter-slogan { line-height: 24px; font-size:14px; margin-bottom: 15px; text-align: left; } /*关联产品*/ .like-tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:26px; font-weight:normal; color:#333; font-family:"courier_newregular"; text-transform:uppercase;} .like-tit i{ height:1px; width:80px; background:#333; margin:0 auto 10px; display:block;} .multipleColumn{ overflow:hidden; position:relative; width:100%; margin:30px 0;} .multipleColumn .hd{ overflow:hidden;} .multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block; width:30px; height:30px; overflow:hidden; cursor:pointer; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icobot.jpg) no-repeat 0 0; position:absolute; top:120px; z-index:999;} .multipleColumn .hd .prev {left:0; } .multipleColumn .hd .prev:hover{background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icobot.jpg) no-repeat 0 -30px;} .multipleColumn .hd .next{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icobot.jpg) no-repeat 0 -60px; right:0; } .multipleColumn .hd .next:hover{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icobot.jpg) no-repeat 0 -90px; } .multipleColumn .bd{overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:25%; float:left; _display:inline;} .multipleColumn .bd ul li{_display:inline; overflow:hidden; text-align:center; padding:10px; } .multipleColumn .bd ul li .pic{ text-align:center;border:1px solid #eee; } .multipleColumn .bd ul li .pic img{ width:100%;} .multipleColumn .bd ul li .pic a:hover img{} .multipleColumn .bd ul li .title{ line-height:24px; } .multipleColumn .bd ul li .title h3{ font-size:15px; color:#333; text-transform:uppercase; font-weight:normal; text-align:center; height:32px; line-height:32px; padding-top:10px;} .multipleColumn .bd ul li .title h3 a{ color:#111;} .multipleColumn .bd ul li .title h4{ color:#e95990; font-size:15px;font-weight:normal;text-align:center;height:22px; line-height:22px; font-weight:normal; padding-bottom:10px;} /** * OpenMage * * 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 at https://opensource.org/license/afl-3-0-php * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com) * @copyright Copyright (c) 2022 The OpenMage Contributors (https://www.openmage.org) * @license https://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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.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://static.cossuits.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .new_postWrapper { padding-bottom: 25px; color: #333333; background-color: white; clear: both; } .new_postWrapper .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .new_postWrapper .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; line-height: 40px; font-family: inherit; text-transform: capitalize; } .new_postWrapper .postTitle h2 a { color: #ed1c91; text-decoration: none; } .new_postWrapper .postTitle h2 a:hover { color: #9c9c9c; text-decoration: none; } .new_postWrapper .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; line-height: 30px; } .new_postWrapper .postContent { padding-bottom: 10px; } .new_postWrapper .std { font-size: 15px; line-height: 24px; } .new_postWrapper .aw-blog-read-more { display: block; padding: 5px 5px; margin: 5px 0; color: #9c9c9c; } .new_postWrapper .aw-blog-read-more a:hover { color: #ed1c91; } .new_postWrapper .postContent ul { list-style: disc outside; margin-bottom: 1.5em; } .new_postWrapper .postContent ul li { margin-left: 2em; } .new_postWrapper .postContent ol { list-style: decimal outside; margin-bottom: 1.5em; } .new_postWrapper .postContent ol li { margin-left: 2em; } .new_postWrapper .postDetails span a { color: #9c9c9c; } .new_postWrapper .postDetails span a:hover { color: #ed5079; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .postBookmarks a.bm { display: inline-block; } .postBookmarks img { display: inline; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .new_postWrapper .tags { font-weight: bold; padding-bottom: 10px; clear: both; min-height: 70px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 13px; font-family: inherit; font-weight: bold; padding: 5px 0; } .new_block-content .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .new_block-content .menu-categories UL LI { margin-left: 10px; padding: 8px 0; border-bottom: 1px solid #ddd; } .new_block-content .menu-recent UL LI { margin-left: 10px; padding: 8px 0; border-bottom: 1px solid #ddd; } .new_block-content .menu-recent UL LI a, .new_block-content .menu-categories UL LI a, .new_block-content .menu-tags UL LI a { font-size: 12px; } .new_block-content .tagcloud li a { text-decoration: underline; } .new_block-content .tagcloud li a:hover { color: #ed1c91; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://static.cossuits.com/skin/frontend/coolbaby/default/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } .new_blog_index .filters-panel .col-lg-5 { /*display:none;*/ } .new_blog_index .filters-panel .col-lg-2 { width: 30%; } .new_blog_index .filters-panel .col-lg-3 { width: 35%; } .new_blog_index .showpager { line-height: 50px; padding-left: 30px; float: right; } .new_blog_index .showpager, .sort-by label { margin: 0; padding: 0; vertical-align: center; color: #ed5079; } .new_blog_index .pull-left { color: #ed5079; } .new_blog_index .showpager select { height: 30px; line-height: 30px; padding: 0px 9px; vertical-align: middle; width: 95px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 3px; color: #545759; font-size: 14px; padding-left: 10px; padding-right: 10px; } .new_blog_index select { background-color: #fff; border: 1px solid #ebebeb; border-radius: 3px; color: #545759; font-size: 14px; padding-left: 10px; padding-right: 10px; } .new_blog_index .sort-by { line-height: 52px; text-align: right; } .new_blog_index .sort-by select { height: 30px; line-height: 30px; padding: 0px 9px; vertical-align: middle; width: 120px; } .new_postWrapper .postContent blockquote { margin: 10px; border: 1px #d0d4c8 dashed; background: #f4f5f6 url(https://static.cossuits.com/skin/frontend/coolbaby/default/aw_blog/images/blockquote.gif) 5px 3px no-repeat; padding: 8px 12px 8px 36px; } .right_side_container .right_logo { text-align: center; margin: 0 auto 10px; } .right_block_com h3.subtitle { text-align: center; text-transform: none; line-height: 20px; letter-spacing: 0px; font-weight: 700; font-style: normal; color: #222; font-size: 18px; padding: 0px 0 10px 0; margin-bottom: 10px; } .right_block_com { padding: 20px 10px 20px 10px; background: #fff; position: relative; z-index: 0; text-align: center; margin-bottom: 20px; border: 1px solid #ddd; } .right_block_com h3.subtitle span { border-top: 1px solid #ed1c91; display: block; max-width: 48px; margin: 12px auto 0; color: #999; } .newsletter_giveaway p { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 16px; } .free_hair_giveaway input.email_b { background: #f61665; font-size: 18px; color: #fff; text-align: center; text-transform: Uppercase; } .bestseller-list-products .left_product_img { display: block; float: left; margin-right: 17px; width: 60px !important; overflow: hidden; border: 1px solid transparent; } .bestseller-list-products .right_product_info { float: left; width: 65%; text-align: left; } .bestseller-list-products .right_product_info a.goods-name { display: block; height: 38px; line-height: 18px; overflow: hidden; } .bestseller-list-products .right_product_info .goods-price .yuan_price { color: #a0a0a0; text-decoration: line-through; font-size: 11px; margin-right: 8px; } .bestseller-list-products .right_product_info .goods-price .dis_price { color: #ec0160; font-size: 13px; } .bestseller-list-products .right_product_info .goods-price .final_price { color: #ec0160; font-size: 13px; } .bestseller-list-products { position: relative; clear: both; } .bestseller-list-products .discount-per { position: absolute; top: -8px; left: 40px; text-align: center; color: #fff; font-size: 11px; height: 35px; width: 35px; line-height: 16px; background: #f61665; border-radius: 35px; } .bestseller-list-products .discount-per b { display: block; } .popular_posts li, .recent_posts li { text-align: left; max-height: 45px; font-size: 13px; font-weight: 500; line-height: 22px; border-bottom: 1px dashed #dddddd; width: 98%; overflow: hidden; margin: 0 auto 5px; } .categories_posts li { height: 35px; line-height: 35px; font-size: 13px; font-weight: 500; border-bottom: 1px dashed #dddddd; width: 100%; overflow: hidden; margin: 0 auto; } .new_blog_index .filters-panel label { margin-top: 12px; } .new_blog_index .filters-panel a.sort-icon { margin-top: 10px; } #test112211223{ overflow:hidden; } #confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url('https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index: 99999; } #confirmOverlay *{ box-sizing: content-box !important; } #confirmOverlay img{ display: inline !important; } .top-cart #am_minicart_container .block-content { background: none; position: relative; right: 0; top: 0px; width: auto; } #am-block-related{ overflow: hidden; } #confirmBox{ background-image: url(https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/main-texture.png); width: 95%; max-width: 460px !important; min-width: 300px; position:fixed; text-align: center; margin:-130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); z-index: 100; -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; } #hideDiv{ width:100%; height:100%; z-index: 10; } #confirmBox h1, #confirmBox p{ font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; /*background:url('https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/header_bg.jpg') repeat-x left bottom #f5f5f5;*/ padding: 18px 5px; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; } #confirmBox h1{ letter-spacing:0.3px; color:#000; background-image: url(https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/main-texture.png); background-color: #f4f4f4; } #confirmBox p{ background:none; font-size:16px; line-height:1.4; padding-top: 5px; } #amcart-count{ font: 26px/1 'Cuprum','Lucida Sans Unicode','Lucida Grande',sans-serif; color: #666666; background:none; font-size:16px; line-height:1.4; padding-top: 5px; } #am-input{ width:25px; height: 30px; text-align:center; font: 15px 'Cuprum','Lucida Sans Unicode','Lucida Grande',sans-serif; } #am-input:focus{ border-color: #ffff99; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } .focus{ border-color: #ffff99; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } #confirmButtons{ padding:5px 0 15px; text-align:center; clear: both; } #confirmButtons button{ vertical-align: top; display:inline-block; position:relative; color: white; height: 33px; font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 140px; overflow: hidden; margin-right: 15px; margin-bottom: 5px; padding: 0 30px 0 30px; text-decoration:none; border-radius: 7px; text-transform: uppercase; cursor: pointer; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.25), inset 0 0 3px rgba(255,255,255,.89); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.25), inset 0 0 3px rgba(255,255,255,.89); box-shadow: 0 3px 3px rgba(0,0,0,.25), inset 0 0 3px rgba(255,255,255,.89); } #confirmBox button:last-child{ margin-right:0; } .amcart-options form{ text-align: left; font:16px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; } .amcart-options form dd{ border-bottom: 1px solid white; margin: 0 0 5px 10px; padding: 5px 0 10px 0; } .amcart-options form dd input { padding: 6px 0 4px 0px; border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form dd select { border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form dd textarea { /* = Убираем скролл */ overflow: auto; /* = Убираем увеличение */ resize: none; width: 300px; height: 50px; /* = Добавим фон, рамку, отступ*/ background: #f6f6f6; border: 1px solid #cecece; border-radius: 8px 0 0 0; padding: 8px 0 8px 10px; } #messageBox{ padding: 5px 21px 5px 21px; } #messageBox dt label { color: #2F2F2F; font-weight: bold; } #messageBox div.price-box { margin-bottom: 0px; margin-top: 5px; margin-left: 10px; } #messageBox div.price-box p { margin: 0px; padding: 0px; } #messageBox .required em { color: red; margin-right: 3px; } #amimg_container { position: absolute; top: 340px; left: 50%; z-index: 9999; } #amprogress{ height:100%; width:100%; position:fixed; top:0; left:0; background:url('https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index:100000; } #messageBox .product { margin-left: 0px; padding-top: 5px;; } #messageBox td .price-box p{ font-size:13px; } #messageBox td { text-align: center; width:133px; padding:0 3px 5px 3px; } #am-block-related table{ table-layout: fixed; width: 398px; word-wrap: break-word; } div.product-details{ position:relative; bottom: 3px; } #messageBox .block-related p{ padding:5px 0 5px 0; margin:0; } #messageBox p.block-related-p{ border-bottom: 1px solid #C4C1BC; } #am-qty-input{ margin:5px; } #am-qty{ margin:5px; } #am-qty-button-up{ border: black 1px; } #am-qty-button-down{ border: black 1px; } #am-qty-button-update{ position:relative; top:30px; left:-15px; } #am_minicart_container{ background: url("https://static.cossuits.com/skin/frontend/base/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #F5F5F5; border-radius: 2px 2px 2px 2px; color: #555555; padding: 8px; position: absolute; text-align: left; right: 0; width: 234px; z-index: 3000; overflow: hidden; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6);*/ -webkit-box-shadow: 1px 1px 1px #D3D3D3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#D3D3D3,direction=125,strength=1)"; box-shadow: 1px 1px 1px #D3D3D3; } #am_minicart_container li{ width: 220px; padding: 5px; background: none; } #am_minicart_container button.button{ margin: 5px; } #am_minicart_container li:hover{ background-color: white; } #am_minicart_container a.btn-remove, a.btn-edit { float: right; margin: 1px 0 2px 5px; } @media screen and (max-width: 565px) { #confirmBox button:last-child{ margin-right: 15px; margin-top: 5px; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; display: none; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://static.cossuits.com/skin/frontend/coolbaby/default/images/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .reviews-wrapper {} .reviews-container {padding: 25px; } .reviews-container #customer-reviews { margin-top: 10px; } p.error-message { color: red; } .review-top { overflow: hidden; } .review-top h4 { clear: both; } .review-top .review-average-info {margin-bottom: 14px; } .review-top .button-write-review, .review-top .average-rating { float: left; height: 73px; } .review-top .average-rating { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; float: left; height: 73px; } .review-top.no-reviews .button-write-review { border-right: none; width: 100%; } .review-top .button-write-review { width: 30%; text-align: center; } .review-top .button-write-review .error { font-size: 14px; } .review-top .average-sizing-box { width: 25%; height: 73px; padding-left: 15px; overflow: hidden; float:right; } .review-top .button-write-review .review-dialog { display: block; font-size: 12px; font-weight: bold; height: 25px; padding: 0 10px; margin: 25px auto; cursor: pointer; background: #e9006b; border: 1px solid #e9006b; color: #FFFFFF; } .review-top .search-review-button { margin-left:5px; font-size: 12px; font-weight: bold; height: 36px; padding: 0 10px; cursor: pointer; background: #F18200; border: 1px solid #DE5400; color: #FFFFFF; } .review-top.no-reviews .button-write-review .review-dialog { margin: 10px 0; } .review-top .average-rating { width: 35%; padding: 0 10px; text-align:center; } .review-top .average-caption { font-size: 14px; } .review-top .average-rating .rating-box { margin: 5px auto; } .review-top .average-sizing { color: #E26703; font-size: 14px; } .review-top .filters { width:100%; float:left; } .review-top .filters h4 { float:left; } .review-top #review_search_mini_form { float:right; } .review-left ul { float: left; padding: 5px; } .review-left ul.review-date-filters { margin-right:40px; } .review-left .attr-rating li { margin: 0 0 5px 0; font-size: 10px; } .review-right { float:right; } .review-right .separate-rating .mark-rating { width:100%; float:left; clear:left; margin:5px 0; } .review-right .separate-rating .mark-rating .rating-percent{ float:left; font-size: 10px; } .review-right .separate-rating .rating-box { margin-right: 4px; float: left; } .review-right .separate-rating .scroll-box { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/scroll_bar_off.jpg) no-repeat; height: 13px; width: 71px; margin-right: 4px; float: left; } .review-right .separate-rating .scroll-box .scroll-rating { background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/scroll_bar_on.jpg") no-repeat 0 0 transparent; height: 13px; width: 71px; } .review-top .review-sorts { clear: both; } .review-top .review-sorts .clear-filters-link{ color: #000; font-size: 10px; } .review-top .review-sorts .select-review-sorts{ float: right; font-size: 10px; margin-top: 10px; } .box-reviews .review-dt { float: left; width: 22%; padding-left: 2%; padding-right: 1%; clear: both; border-right: 2px solid #999; margin-bottom: 20px; line-height: 1.2; overflow:hidden; } .box-reviews .review-dt.account { text-align: center; } .box-reviews .review-dt li { float: left; clear:left; margin-top: 5px; } .box-reviews .review-dt .label-review-attr { font-weight: bold; } .box-reviews .review-dt .nickname { color:#e9006b; display: block; margin-bottom: 10px; font-size: 16px; } .box-reviews .review-dt .date{ display: block; } .box-reviews .review-dt .value-review-attr { color: #000; } .box-reviews .review-dt .label-review-attr.left, .box-reviews .review-dt .value-review-attr.left { float: left; } .box-reviews .review-dt .value-review-attr > img { margin: 8px 0px 0px 15px; } .box-reviews .review-dd { float: left; border-left: 2px solid #999; width: 70%; padding-left: 3%; overflow:hidden;} .box-reviews#customer-reviews .review-dd { margin: 0 0 20px -2px ; } .box-reviews .review-dd .ratings-table { margin-left: 7px; } .box-reviews .review-dd .title { color: #000; font-weight: bold; margin-bottom: 10px; } .box-reviews .review-dd .title.status { text-align:center; } .box-reviews .review-dd li { margin-bottom: 10px; } .box-reviews .review-dd .label-review-attr { color: #000; font-weight: bold; } .box-reviews .review-dd li.sizing .label-review-attr{ float: left; margin-right: 5px; } .box-reviews .review-dd .image-review { width: 110px; height: auto; float: left; margin: 0 10px 10px 0; text-align: center; font-size: 8px; } .box-reviews .review-dd .sizing { height:30px; } .box-reviews .review-dd .sizing label { margin: 4px 10px 0 0; float: left; } .box-reviews .review-dd .sizing .value-review-attr { color: #E26703; } /*.box-reviews .review-dd .video-review { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/play_video_icon.jpg) no-repeat; width: 94px; height: 60px; cursor: pointer; }*/ .box-reviews .review-dd .video-review { text-decoration: underline; color: #62AC62; } .box-reviews .review-dd .helpful-question { } .box-reviews .review-dd .helpful-block button { color: #7C5266; border: none; background: none; cursor: pointer; padding: 0px 0 3px 0 } .box-reviews .ratings-table td { vertical-align: middle; font-size: 12px; line-height: 1.5; padding: 3px 5px 3px 0; } .box-reviews .review-dd .header-reviews { float: right; margin: 0 0 15px 20px; } .box-reviews .vb-image img { margin-left:6px; } .ui-dialog .ui-dialog-title { display: none; } .ui-dialog .ui-widget-header, .login-dialog-block .account-create .fieldset, .login-dialog-block .account-login .content, .login-dialog-block .account-login .buttons-set { background: none; border: none; width:auto; } .login-dialog-block { padding-left: 25px !important; } .login-dialog-block .login-dialog-container { overflow: hidden; background: #fff; border: 1px solid #cccccc; } .login-dialog-block .account-login { float: left; width: 242px; } .login-dialog-block .form-list { text-align: left; } .login-dialog-block .form-list .input-box { width: 196px; } .login-dialog-block .form-list input.input-text { width: 190px; } .login-dialog-block .account-create { float: left; width: 453px; } .login-dialog-block .account-login .content h2{ color:#333;} .login-dialog-block .account-create h2 { border-bottom: 1px solid #DDDDDD; color: #333; font-size: 13px; font-weight: bold; margin: 0 0 14px; padding: 0 0 5px 23px; text-transform: uppercase; } .login-dialog-block .account-create .fieldset { border-left: 1px solid #BBAFA0; margin: 0; padding: 14px 10px 10px 22px; } .login-dialog-block .account-create .form-list .field { width: 210px; } .login-dialog-block .account-create .buttons-set { border-top: none; margin-top: 38px; } .ui-dialog .login-dialog-block .account-login .content { min-height:240px; } .overall-raiting .right li { float: left; } .review-dialog-block .sizing .right li input.radio, .reviews-container .sizing .right li input.radio, .overall-raiting .right li input.radio{ display: none } .review-dialog-block .sizing .right .sizing-ul li { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/arrow_up.jpg) no-repeat center 0; float: left; margin-right: 65px; margin-top: 5px; font-size:10px; padding-top: 5px; width: 40px; text-align: center; } .review-dialog-block .sizing .right .sizing-ul li.last { margin-right: 0; background-position: 100% 0; text-align: right; } .review-dialog-block .sizing .right .sizing-ul li.first { background-position: 0 0; text-align: left; } .review-dialog-block .sizing .right .slider-wrapper { width: 250px; float: left; margin-right: 10px; font-size: 10px; border: none; background: none; overflow: visible; } .review-dialog-block .sizing .right #sizing-label { font-size: 9px; display:block; } .reviews-wrapper .sizing-bar { float:left; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/bg_sizing-bar.jpg) no-repeat; width: 91px; height: 6px; } .reviews-wrapper .sizing-bar div { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/selected-sizing.jpg) no-repeat 100% 0; width: 7%; height: 6px; } .form-add .buttons-set button .button{float:right;margin-right:30px;} .box-collateral .review-hr { border-top: 1px solid #999; clear: both; margin: 15px 10px; } .my-account .box-collateral { float: left; border: 1px solid #616161; width: 100%; padding: 10px; margin-top: 12px; } .my-account .box-collateral .review-hr { border-top: 1px solid #616161; width: 100%; clear: both; margin: 15px 0; } .my-account .box-collateral .review-dt .review-image { margin-bottom:10px; } .my-account .box-collateral .page-title { margin: 0; border: none; } .my-account .box-collateral .page-title h1 { color: #000; } .customer-review-info-table { width: 95%; margin: 0 auto; } .customer-review-info-table th, .customer-review-info-table td { text-align: center; } .customer-review-info-table th { font-weight: bold; } .customer-review-info-table td { color: #616161; } .review-dialog-block #review-form { width:540px; display:block; padding:7px 0 0 0; } .review-dialog-block #review-form .form-add { float: left; } .review-dialog-block #review-form fieldset > div { width:100%; float:left; clear:both; } .review-dialog-block #review-form fieldset div.with-border { padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #cbcbcb; } .review-dialog-block #review-form fieldset div.about-you.with-border { border-bottom:2px solid #cbcbcb; } .review-dialog-block #review-form .your-review.overall { margin-top:7px; } .review-dialog-block #review-form p { margin:0; } .review-dialog-block #review-form .header { width:100%; text-align:left; } .review-dialog-block #review-form .header .tell-us { font: bold 15px/1.35 Arial,Helvetica,sans-serif; color:#0A263C; } .review-dialog-block #review-form .header .questions { float:right; margin-top:4px; font:bold 9px Arial; color:#252525; } .review-dialog-block #review-form .header .customer-service { float:right; margin-top:2px; clear:right; font:normal 9px Arial; color:#252525; } .review-dialog-block #review-form .header .customer-service a { color:#bb4381; font-weight:bold; text-decoration:none; } .review-dialog-block #review-form .left { width:202px; padding:2px 10px 0 0; text-align:left; } .review-dialog-block #review-form .left .title { font:normal 13px Arial; color:#0A263C; } .review-dialog-block #review-form .left .title em { color:#EB340A; } .review-dialog-block #review-form .left .desc { padding-top:4px; font:normal 10px Arial; color:#2F2F2F; } .review-dialog-block #review-form .left overall.desc { margin-bottom:5px; } .review-dialog-block #review-form .right { width:320px; padding-right:6px; text-align:left; } .review-dialog-block #review-form .right label { font:bold 10px Arial; color:#0A263C; } .review-dialog-block #review-form .right label.proscons { font:italic 10px Arial; color:#0A263C; } .review-dialog-block #review-form .right .proscons { line-height:10px; margin-bottom:5px; } .review-dialog-block #review-form .right label em { color:#EB340A; } .review-dialog-block #review-form .right input, .review-dialog-block #review-form .right textarea { width:100%; line-height:11px; font-size:10px; } .review-dialog-block #review-form .right .wide { width:100%; } .review-dialog-block #review-form .right .wide textarea { height:118px; } .review-dialog-block #review-form .right .narrow textarea { } .review-dialog-block #review-form .right .input-box { font-size:12px ;line-height:1; } .review-dialog-block #review-form .right .narrow { width:147px; float:left; } .review-dialog-block #review-form .right .narrow.first { margin-right:26px; } .review-dialog-block #review-form .right .age, .review-dialog-block #review-form .right .height { width:70px; float:left; } .review-dialog-block #review-form .right .age input, .review-dialog-block #review-form .right .height input { width:50px; } .review-dialog-block #review-form .right .body-types li { float:left; width:30px; text-align:center; } .review-dialog-block #review-form .right .body-types li input { display:inline; clear:both; } .review-dialog-block #review-form .right .rating-code { float: left; clear: both; width: 80px; } .review-dialog-block #review-form .overall-raiting .right li { margin: 0 5px; } .review-dialog-block #review-form .sizing .right { padding-top:10px; } .review-dialog-block #review-form .your-review.overall .left { padding-top:17px; } .review-dialog-block #review-form .your-review.overall .right { margin-bottom:2px; } .review-dialog-block #review-form .your-review.overall .wide { margin-bottom:3px; } .review-dialog-block #review-form .your-review.overall ul li { margin-bottom:3px; font:10px Arial; } .review-dialog-block #review-form .upload-image { margin-bottom:5px; } .review-dialog-block #review-form .upload-image img { margin-top:10px; } .review-dialog-block #review-form .about-you img { height:92px; } .review-dialog-block #review-form .upload-video .right { padding-top:10px; } .block-reviewed ul { position: relative; } .block-reviewed ul li { height:155px; display: block !important; overflow: hidden; } .block-reviewed ul li .li-content { padding: 4px 10px 4px 4px; } .block-reviewed .thumbnail { float: left; } .block-reviewed .product-title { font-size: 8pt; } .block-reviewed .review-title { font-weight: bold; overflow: hidden; height: 16px; } .block-reviewed .detail { overflow: hidden; height: 36px } .block-reviewed .nickname { float: right; font-weight: bold; } .block-reviewed .spyWrapper { overflow: hidden; } .review-dialog-block #review-form .buttons-set { border-top: none; margin: 0px; } .review-dialog-block #review-form .pros input, .review-dialog-block #review-form .cons input { width:auto; margin-right:5px; } #review_search_mini_form ::-webkit-input-placeholder {color:#aaa;} #review_search_mini_form :-moz-placeholder {color:#aaa;} #review_search_mini_form .placeholder { color:#aaa; } .review-dialog-block #review-form #recaptcha_widget_div { display:inline-block; *display: inline; zoom:1; } .review-dialog-block #review-form .captcha-error { color:#f00; } .review-dialog-block .overall-raiting .right li .separate-rating-star { cursor:pointer; height:24px; } .reviews-container .review-top .average-rating .rating-box .rating { height:24px; } .reviews-container .review-top .average-rating .rating-box { height:24px; } #review-form #review-captcha { float:none; margin:0 auto; width:450px; } .box-reviews .share-fb { width: 200px; height: 12px; float: left; margin-top: 6px; padding-left: 15px; line-height: 12px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/detailedreview/fb_logo_12x12.png) 0 0 no-repeat; } .box-reviews .share-twitter { float: right; } .box-reviews .recommendation { width: 100%; } .review-dialog-block #slider { width:250px; border:1px solid #CCC; height:0.8em; background:#fff; -webkit-touch-callout:none; border-radius:4px 4px 4px 4px; } .review-dialog-block .noUi-midBar { height:100%; z-index:0; background:#39C; -webkit-touch-callout:none; } .review-dialog-block .noUi-handle > div { position:absolute; width:1.2em; top:-5px; left:-8px; z-index:5; border:1px solid #CCC; background:#EEE; border-radius:4px 4px 4px 4px; height:1.5em; } .review-dialog-block .noUi-handle > div:hover, .review-dialog-block .noUi-handle > div.noUi-activeHandle { background:#fff; border-color:#ccc; } .review-dialog-block .disabled > .noUi-midBar { background:#999; } .review-dialog-block .disabled .noUi-handle > div { border-color:#CCC; background:#CCC; } .block-reviewed ul li .product-title a{ text-indent:0px; display:block;} .block-reviewed ul li .product-title{ height:90px; overflow:hidden; padding-left:10px;} block-reviewed.category{box-shadow:none;} .review-top #review_search_mini_form input#review-search{ width:80%; float:left; max-width:100%;} .review-dialog-block #review-form .right input#image_field{ padding:0px;} @media (-webkit-min-device-pixel-ratio:1.2),-moz-touch-enabled,(max-device-width:1024px){ .review-dialog-block .noUi-handle > div { height:32px; width:32px; top:-13px; left:-16px; } } /*首页 机弹出框 关闭按钮 样式 调整*/ #outer #outer-canvas #yout div .closebtn{ background-color: rgb(253,52,156); border-radius: 25px; color: #fff; } /* * Magmodules.eu - http://www.magmodules.eu. * * NOTICE OF LICENSE * This source file is subject to the EULA * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * https://www.magmodules.eu/MM-LICENSE.txt * 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 info@magmodules.eu so we can send you a copy immediately. * * @category Magmodules * @package Magmodules_Richsnippets * @author Magmodules * @copyright Copyright (c) 2018 (http://www.magmodules.eu) * @license https://www.magmodules.eu/terms.html Single Service License */ .snippets { border: 1px solid #E4E4E4; margin: 0px 0; overflow: auto; } .snippets p { margin-bottom: 0 } .snippets .product-name { font-weight: 700 } .snippets .prod-thumb { float: left; padding: 8px } .snippets img { display: block; margin: 0px; } .snippets .content { padding: 5px } .snippets .content i { font-style: initial; } .snippets .rating-box { float: right; margin-bottom: 5px; } .snippets-footer { margin-top: -5px; color: #666; font-style: normal } .snippets-fields { font-size: x-small; } .snippets-fields ul { display: inline } .snippets-fields li { display: inline; color: #5D5D5D; background: none !important; padding-left: 0 !important; font-size: 13px; float: left; margin: 0px !important; } .snippets-fields li + li::before { content: "- " } .snippets-sidebar .rating-box { margin-right: 5px; margin-top: 5px; float: left; width: 73px; position: absolute; height: 15px; font-size: 0; background: url(https://static.cossuits.com/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif) repeat-x; background-size: 15px; text-indent: -999em; overflow: hidden; } .snippets-sidebar .rating { float: left; height: 13px; background: url(https://static.cossuits.com/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif) repeat-x; background-position-y: 100%; background-size: 15px } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } .col-main .highlight { background-color: #ff0; } .featured-category-list{} .featured-category-list ul{float:left; width:100%; margin: 0px;} .featured-category-list ul li{ float: left; text-align:center; margin-left:10px; margin-right:10px; margin-bottom:10px; float:left; width:31%; border:1px solid #ccc; } .featured-category-list .featuredcategory-image{border: none; clear:both;} .featured-category-list .featuredcategory-name{ display:block; padding:5px; margin-left:10px; text-align:left;} .featured-category-list .featuredcategory-name h5{text-align:left; float:left; margin:6px 0 0;} .featured-category-list .featuredcategory-name h5 a{text-decoration:none; color:#333333; font-size:12px; font-weight:bold; text-transform:uppercase;} .featured-category-list .featuredcategory-desc{ float:left; margin: 5px 0 5px 0; text-align: justify; } .featured-category-list .featuredcategory-morelink{ float:right; margin: 5px 0 5px 0;} .featuredcategory-index-index .content-center{ padding-left:10px;} .toolbar-vido{ clear:both; width:100%; text-align:center; padding-top:10px; margin:auto;} .featured-category-list .featuredcategory-morelink{ background:#ee0060; width:90px; height:30px; line-height:30px; text-align:center;border-radius:10px;} .featured-category-list .featuredcategory-morelink a{ color:#fff; font-weight:bold;} .featured-category-list .fe-botton{ background:#f2f2f2; border-top:1px solid #ccc; height:35px; margin-top:5px; margin-bottom:1px;} /*! * Bootstrap v3.0.3 (http://getbootstrap.com) * Copyright 2014 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 *//*! normalize.css v2.1.3 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } html { font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% } body { margin:0 } a { background:0 0 } a:active, a:hover { outline:0 } h1 { margin:.67em 0 } b, strong { font-weight:700 } dfn { font-style:italic } hr { height:0; -moz-box-sizing:content-box; box-sizing:content-box } mark { color:#000; background:#ff0 } code, kbd, pre, samp { font-size:1em } pre { white-space:pre-wrap } q { quotes:"\201C" "\201D" "\2018" "\2019" } 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:0 } button, input, select, textarea { margin:0 } button, select { text-transform:none } button, html input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance:button } button[disabled], html input[disabled] { cursor:default } input[type=checkbox], input[type=radio] { padding:0; box-sizing:border-box } input[type=search] { -webkit-appearance:textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0 } textarea { overflow:auto; vertical-align:top } table { border-collapse:collapse; border-spacing:0 } @media print { * { color:#000!important; text-shadow:none!important; background:transparent!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^="javascript:"]:after, a[href^="#"]:after { content:"" } blockquote, pre { border:1px solid #999; page-break-inside:avoid } thead { display:table-header-group } img, tr { page-break-inside:avoid } img { max-width:100%!important } @page { margin:2cm .5cm } h2, h3, p { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } select { background:#fff!important } .navbar { display:none } .table td, .table th { background-color:#fff!important } .btn>.caret, .dropup>.btn>.caret { border-top-color:#000!important } .label { border:1px solid #000 } .table { border-collapse:collapse!important } .table-bordered td, .table-bordered th { border:1px solid #ddd!important } } *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } html { font-size:62.5%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0) } body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.428571429; color:#333; background-color:#fff } button, input, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit } a { color:#428bca; text-decoration:none } a:focus, a:hover { color:#2a6496; text-decoration:underline } a:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } img { vertical-align:middle } .img-responsive { display:block; height:auto; max-width:100% } .img-rounded { border-radius:6px } .img-thumbnail { display:inline-block; height:auto; max-width:100%; padding:4px; line-height:1.428571429; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-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 } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; line-height:1.1; color:inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight:400; line-height:1; color:#999 } h1, h2, h3 { margin-top:20px; margin-bottom:10px } h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size:65% } h4, h5, h6 { margin-top:10px; margin-bottom:10px } h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size:75% } .h1, h1 { font-size:36px } .h2, h2 { font-size:30px } .h3, h3 { font-size:24px } .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:200; line-height:1.4 } @media(min-width:768px) { .lead { font-size:21px } } .small, small { font-size:85% } cite { font-style:normal } .text-muted { color:#999 } .text-primary { color:#428bca } .text-primary:hover { color:#3071a9 } .text-warning { color:#8a6d3b } .text-warning:hover { color:#66512c } .text-danger { color:#a94442 } .text-danger:hover { color:#843534 } .text-success { color:#3c763d } .text-success:hover { color:#2b542c } .text-info { color:#31708f } .text-info:hover { color:#245269 } .text-left { text-align:left } .text-right { text-align:right } .text-center { text-align:center } .page-header { padding-bottom:9px; margin:40px 0 20px; border-bottom:1px solid #eee } ol, ul { margin-top:0; margin-bottom:10px } ol ol, ol ul, ul ol, ul ul { margin-bottom:0 } .list-inline, .list-unstyled { padding-left:0; list-style:none } .list-inline>li { display:inline-block; padding-right:5px; padding-left:5px } .list-inline>li:first-child { padding-left:0 } dl { margin-top:0; margin-bottom:20px } dd, dt { line-height:1.428571429 } dt { font-weight:700 } 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 } .dl-horizontal dd:after, .dl-horizontal dd:before { display:table; content:" " } .dl-horizontal dd:after { clear:both } } abbr[data-original-title], abbr[title] { cursor:help; border-bottom:1px dotted #999 } .initialism { font-size:90%; text-transform:uppercase } blockquote { padding:10px 20px; margin:0 0 20px; border-left:5px solid #eee } blockquote p { font-size:17.5px; font-weight:300; line-height:1.25 } blockquote p:last-child { margin-bottom:0 } blockquote .small, blockquote small { display:block; line-height:1.428571429; color:#999 } blockquote .small:before, blockquote small:before { content:'\2014 \00A0' } blockquote.pull-right { padding-right:15px; padding-left:0; border-right:5px solid #eee; border-left:0 } blockquote.pull-right .small, blockquote.pull-right p, blockquote.pull-right small { text-align:right } blockquote.pull-right .small:before, blockquote.pull-right small:before { content:'' } blockquote.pull-right .small:after, blockquote.pull-right small:after { content:'\00A0 \2014' } blockquote:after, blockquote:before { content:"" } address { margin-bottom:20px; font-style:normal; line-height:1.428571429 } code, kbd, pre, samp { font-family:Menlo, Monaco, Consolas, "Courier New", monospace } code { padding:2px 4px; font-size:90%; color:#c7254e; white-space:nowrap; background-color:#f9f2f4; border-radius:4px } pre { display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:1.428571429; 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 } .container:after, .container:before { display:table; content:" " } .container:after { clear:both } @media(min-width:639px) {.container {width:609px}} @media(min-width:767px) { .container {width:737px} } @media(min-width:991px) { .container {width:960px} } @media(min-width:1200px) { .container { width:1260px } } .row { margin-right:-15px; margin-left:-15px } .row:after, .row:before { display:table; content:" " } .row:after { clear:both } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position:relative; min-height:1px; padding-right:15px; padding-left:15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666666666666% } .col-xs-10 { width:83.33333333333334% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666666666666% } .col-xs-7 { width:58.333333333333336% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666666666667% } .col-xs-4 { width:33.33333333333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.666666666666664% } .col-xs-1 { width:8.333333333333332% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666666666666% } .col-xs-pull-10 { right:83.33333333333334% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666666666666% } .col-xs-pull-7 { right:58.333333333333336% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666666666667% } .col-xs-pull-4 { right:33.33333333333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.666666666666664% } .col-xs-pull-1 { right:8.333333333333332% } .col-xs-pull-0 { right:0 } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666666666666% } .col-xs-push-10 { left:83.33333333333334% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666666666666% } .col-xs-push-7 { left:58.333333333333336% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666666666667% } .col-xs-push-4 { left:33.33333333333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.666666666666664% } .col-xs-push-1 { left:8.333333333333332% } .col-xs-push-0 { left:0 } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666666666666% } .col-xs-offset-10 { margin-left:83.33333333333334% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666666666666% } .col-xs-offset-7 { margin-left:58.333333333333336% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666666666667% } .col-xs-offset-4 { margin-left:33.33333333333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.666666666666664% } .col-xs-offset-1 { margin-left:8.333333333333332% } .col-xs-offset-0 { margin-left:0 } @media(min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float:left } .col-sm-12 { width: 60%; /* max-width: 400px; */ margin: 0 auto; float:none; } .col-sm-11 { width:91.66666666666666% } .col-sm-10 { width:83.33333333333334% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666666666666% } .col-sm-7 { width:58.333333333333336% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666666666667% } .col-sm-4 { width:33.33333333333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.666666666666664% } .col-sm-1 { width:8.333333333333332% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666666666666% } .col-sm-pull-10 { right:83.33333333333334% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666666666666% } .col-sm-pull-7 { right:58.333333333333336% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666666666667% } .col-sm-pull-4 { right:33.33333333333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.666666666666664% } .col-sm-pull-1 { right:8.333333333333332% } .col-sm-pull-0 { right:0 } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666666666666% } .col-sm-push-10 { left:83.33333333333334% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666666666666% } .col-sm-push-7 { left:58.333333333333336% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666666666667% } .col-sm-push-4 { left:33.33333333333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.666666666666664% } .col-sm-push-1 { left:8.333333333333332% } .col-sm-push-0 { left:0 } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666666666666% } .col-sm-offset-10 { margin-left:83.33333333333334% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666666666666% } .col-sm-offset-7 { margin-left:58.333333333333336% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666666666667% } .col-sm-offset-4 { margin-left:33.33333333333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.666666666666664% } .col-sm-offset-1 { margin-left:8.333333333333332% } .col-sm-offset-0 { margin-left:0 } } @media(min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666666666666% } .col-md-10 { width:83.33333333333334% } .col-md-9 { width:75% } .col-md-8 { width:66.66666666666666% } .col-md-7 { width:58.333333333333336% } .col-md-6 { width:320px; } .header-left .col-md-6{width:300px!important;} .col-md-5 { width:41.66666666666667% } .col-md-4 { width:33.33333333333333% } .col-md-3 { width:25% } .col-md-2 { width:16.666666666666664% } .col-md-1 { width:8.333333333333332% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666666666666% } .col-md-pull-10 { right:83.33333333333334% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666666666666% } .col-md-pull-7 { right:58.333333333333336% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666666666667% } .col-md-pull-4 { right:33.33333333333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.666666666666664% } .col-md-pull-1 { right:8.333333333333332% } .col-md-pull-0 { right:0 } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666666666666% } .col-md-push-10 { left:83.33333333333334% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666666666666% } .col-md-push-7 { left:58.333333333333336% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666666666667% } .col-md-push-4 { left:33.33333333333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.666666666666664% } .col-md-push-1 { left:8.333333333333332% } .col-md-push-0 { left:0 } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666666666666% } .col-md-offset-10 { margin-left:83.33333333333334% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666666666666% } .col-md-offset-7 { margin-left:58.333333333333336% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666666666667% } .col-md-offset-4 { margin-left:33.33333333333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.666666666666664% } .col-md-offset-1 { margin-left:8.333333333333332% } .col-md-offset-0 { margin-left:0 } } @media(min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666666666666% } .col-lg-10 { width:83.33333333333334% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666666666666% } .col-lg-7 { width:58.333333333333336% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666666666667% } .col-lg-4 { width:33.33333333333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.666666666666664% } .navbar-main-submenu .col-lg-2 { width:22% } .col-lg-1 { width:8.333333333333332% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666666666666% } .col-lg-pull-10 { right:83.33333333333334% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666666666666% } .col-lg-pull-7 { right:58.333333333333336% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666666666667% } .col-lg-pull-4 { right:33.33333333333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.666666666666664% } .col-lg-pull-1 { right:8.333333333333332% } .col-lg-pull-0 { right:0 } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666666666666% } .col-lg-push-10 { left:83.33333333333334% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666666666666% } .col-lg-push-7 { left:58.333333333333336% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666666666667% } .col-lg-push-4 { left:33.33333333333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.666666666666664% } .col-lg-push-1 { left:8.333333333333332% } .col-lg-push-0 { left:0 } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666666666666% } .col-lg-offset-10 { margin-left:83.33333333333334% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666666666666% } .col-lg-offset-7 { margin-left:58.333333333333336% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666666666667% } .col-lg-offset-4 { margin-left:33.33333333333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.666666666666664% } .col-lg-offset-1 { margin-left:8.333333333333332% } .col-lg-offset-0 { margin-left:0 } } table { max-width:100%; background-color:transparent } th { text-align:left } .table { width:100%; margin-bottom:20px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 3px 8px; line-height:1.428571429; 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>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top:0 } .table>tbody+tbody { border-top:2px solid #ddd } .table .table { background-color:#fff } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding:5px } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width:2px } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color:#f9f9f9 } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color:#f5f5f5 } table col[class*=col-] { position:static; display:table-column; float:none } table td[class*=col-], table th[class*=col-] { display:table-cell; float:none } .table>tbody>.active>td, .table>tbody>.active>th, .table>tbody>tr>.active, .table>tfoot>.active>td, .table>tfoot>.active>th, .table>tfoot>tr>.active, .table>thead>.active>td, .table>thead>.active>th, .table>thead>tr>.active { background-color:#f5f5f5 } .table-hover>tbody>.active:hover>td, .table-hover>tbody>.active:hover>th, .table-hover>tbody>tr>.active:hover { background-color:#e8e8e8 } .table>tbody>.success>td, .table>tbody>.success>th, .table>tbody>tr>.success, .table>tfoot>.success>td, .table>tfoot>.success>th, .table>tfoot>tr>.success, .table>thead>.success>td, .table>thead>.success>th, .table>thead>tr>.success { background-color:#dff0d8 } .table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th, .table-hover>tbody>tr>.success:hover { background-color:#d0e9c6 } .table>tbody>.danger>td, .table>tbody>.danger>th, .table>tbody>tr>.danger, .table>tfoot>.danger>td, .table>tfoot>.danger>th, .table>tfoot>tr>.danger, .table>thead>.danger>td, .table>thead>.danger>th, .table>thead>tr>.danger { background-color:#f2dede } .table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th, .table-hover>tbody>tr>.danger:hover { background-color:#ebcccc } .table>tbody>.warning>td, .table>tbody>.warning>th, .table>tbody>tr>.warning, .table>tfoot>.warning>td, .table>tfoot>.warning>th, .table>tfoot>tr>.warning, .table>thead>.warning>td, .table>thead>.warning>th, .table>thead>tr>.warning { background-color:#fcf8e3 } .table-hover>tbody>.warning:hover>td, .table-hover>tbody>.warning:hover>th, .table-hover>tbody>tr>.warning:hover { background-color:#faf2cc } @media(max-width:767px) { .table-responsive { width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; border:1px solid #ddd; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch } .table-responsive>.table { margin-bottom:0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } } fieldset { 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; margin-bottom:5px; font-weight:700 } input[type=search] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input[type=checkbox], input[type=radio] { margin:4px 0 0; margin-top:1px \9; line-height:normal } input[type=file] { display:block } select[multiple], select[size] { height:auto } select optgroup { font-family:inherit; font-size:inherit; font-style:inherit } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } output { display:block; padding-top:7px; font-size:14px; line-height:1.428571429; color:#555; vertical-align:middle } .form-control { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.428571429; color:#555; vertical-align:middle; 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, 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 } .form-control::-moz-placeholder { color:#999; opacity:1 } .form-control:-ms-input-placeholder { color:#999 } .form-control::-webkit-input-placeholder { color:#999 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor:not-allowed; background-color:#eee } textarea.form-control { height:auto } .form-group { margin-bottom:15px; width:70%; margin:0 auto; } .form-group label{float:left;} #remember-me-box{display:none;} .orr{ font-size: 16px; padding: 10px 0px;} .checkbox, .radio { display:block; min-height:20px; padding-left:20px; margin-top:10px; margin-bottom:10px; vertical-align:middle } .checkbox label, .radio label { display:inline; margin-bottom:0; font-weight:400; cursor:pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { float:left; margin-left:-20px } .checkbox+.checkbox, .radio+.radio { margin-top:-5px } .checkbox-inline, .radio-inline { display:inline-block; padding-left:20px; margin-bottom:0; font-weight:400; vertical-align:middle; cursor:pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top:0; margin-left:10px } .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] { cursor:not-allowed } .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 { height:auto } .input-lg { height:46px; padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } select.input-lg { height:46px; line-height:46px } textarea.input-lg { height:auto } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline { 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-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline { 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-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline { 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 } .form-control-static { margin-bottom: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 } .form-inline select.form-control { width:auto } .form-inline .checkbox, .form-inline .radio { display:inline-block; padding-left:0; margin-top:0; margin-bottom:0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { float:none; margin-left:0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top:7px; margin-top:0; margin-bottom:0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height:27px } .form-horizontal .form-group { margin-right:-15px; margin-left:-15px } .form-horizontal .form-group:after, .form-horizontal .form-group:before { display:table; content:" " } .form-horizontal .form-group:after { clear:both } .form-horizontal .form-control-static { padding-top:7px } @media(min-width:768px) { .form-horizontal .control-label { text-align:right } } .btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.428571429; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } .btn:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:focus, .btn:hover { 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 { pointer-events:none; cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none } .btn-default { color:#333; background-color:#fff; border-color:#ccc } .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { color:#333; background-color:#ebebeb; border-color:#adadad } .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default { background-image:none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#fff; border-color:#ccc } .btn-default .badge { color:#fff; background-color:#fff } .btn-primary { color:#fff; background-color:#428bca; border-color:#357ebd } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { color:#fff; background-color:#3276b1; border-color:#285e8e } .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-image:none } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color:#428bca; border-color:#357ebd } .btn-primary .badge { color:#428bca; background-color:#fff } .btn-warning { color:#fff; background-color:#f0ad4e; border-color:#eea236 } .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning { color:#fff; background-color:#ed9c28; border-color:#d58512 } .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning { background-image:none } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { 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.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger { color:#fff; background-color:#d2322d; border-color:#ac2925 } .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger { background-image:none } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color:#d9534f; border-color:#d43f3a } .btn-danger .badge { color:#d9534f; background-color:#fff } .btn-success { color:#fff; background-color:#5cb85c; border-color:#4cae4c } .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { color:#fff; background-color:#47a447; border-color:#398439 } .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success { background-image:none } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { 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.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info { color:#fff; background-color:#39b3d7; border-color:#269abc } .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info { background-image:none } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color:#5bc0de; border-color:#46b8da } .btn-info .badge { color:#5bc0de; background-color:#fff } .btn-link { font-weight:400; color:#428bca; cursor:pointer; border-radius:0 } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color:transparent } .btn-link:focus, .btn-link:hover { color:#2a6496; text-decoration:underline; background-color:transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color:#999; text-decoration:none } .btn-lg { padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } .btn-sm { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-xs { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } .btn-block { display:block; width:100%; padding-right:0; padding-left:0 } .btn-block+.btn-block { margin-top:5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width:100% } .fade { opacity:0; -webkit-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; transition:height .35s ease } @font-face { font-family:'Glyphicons Halflings'; src:url(https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/glyphicons-halflings-regular.eot); src:url(https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/glyphicons-halflings-regular.woff) format('woff'), url(https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg') } .glyphicon { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; -webkit-font-smoothing:antialiased; font-style:normal; font-weight:400; line-height:1; -moz-osx-font-smoothing:grayscale } .glyphicon:empty { width:1em } .glyphicon-asterisk:before { content:"\2a" } .glyphicon-plus:before { content:"\2b" } .glyphicon-euro: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:"\e01a" } .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" } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px solid; border-right:4px solid transparent; border-left:4px solid transparent } .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; list-style:none; background-color:#fff; 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); background-clip:padding-box } .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 10px; clear:both; font-weight:400; line-height:1.428571429; color:#333; white-space:nowrap } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#262626; text-decoration:none; background-color:#f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color:#fff; text-decoration:none; background-color:#428bca; outline:0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color:#999 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { 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-header { display:block; padding:3px 20px; font-size:12px; line-height:1.428571429; color:#999 } .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 { border-top:0; border-bottom:4px solid; content:"" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:1px } @media(min-width:768px) { .navbar-right .dropdown-menu { right:0; left:auto } } .btn-group, .btn-group-vertical { position:relative; display:inline-block; vertical-align:middle } .btn-group-vertical>.btn, .btn-group>.btn { position:relative; float:left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index:2 } .btn-group-vertical>.btn:focus, .btn-group>.btn:focus { outline:0 } .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:after, .btn-toolbar:before { display:table; content:" " } .btn-toolbar:after { clear:both } .btn-toolbar .btn-group { float:left } .btn-toolbar>.btn+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn-group+.btn-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-bottom-left-radius:0; border-top-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>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-top-right-radius:0; border-bottom-right-radius:0 } .btn-group>.btn-group:last-child>.btn:first-child { border-bottom-left-radius:0; border-top-left-radius:0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group-xs>.btn { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } .btn-group-sm>.btn { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-group-lg>.btn { padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } .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:after, .btn-group-vertical>.btn-group:before { display:table; content:" " } .btn-group-vertical>.btn-group:after { clear:both } .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-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius:0; border-bottom-left-radius:4px; border-top-left-radius:0 } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group-vertical>.btn-group:first-child>.btn:last-child, .btn-group-vertical>.btn-group:first-child>.dropdown-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn-group:last-child>.btn:first-child { border-top-right-radius:0; border-top-left-radius:0 } .btn-group-justified { display:table; width:100%; border-collapse:separate; table-layout:fixed } .btn-group-justified>.btn, .btn-group-justified>.btn-group { display:table-cell; float:none; width:1% } .btn-group-justified>.btn-group .btn { width:100% } [data-toggle=buttons]>.btn>input[type=checkbox], [data-toggle=buttons]>.btn>input[type=radio] { display: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 { width:100%; margin-bottom:0 } .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.33; 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 { 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 { height:auto } .input-group .form-control, .input-group-addon, .input-group-btn { display:table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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:400; 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=checkbox], .input-group-addon input[type=radio] { 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>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { 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:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle { border-bottom-left-radius:0; border-top-left-radius:0 } .input-group-addon:last-child { border-left:0 } .input-group-btn { position:relative; white-space:nowrap } .input-group-btn:first-child>.btn { margin-right:-1px } .input-group-btn:last-child>.btn { margin-left:-1px } .input-group-btn>.btn { position:relative } .input-group-btn>.btn+.btn { margin-left:-4px } .input-group-btn>.btn:active, .input-group-btn>.btn:hover { z-index:2 } .nav { padding-left:0; margin-bottom:0; list-style:none } .nav:after, .nav:before { display:table; content:" " } .nav:after { clear:both } .nav>li { position:relative; display:block } .nav>li>a { position:relative; display:block; padding:10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration:none; background-color:#eee } .nav>li.disabled>a { color:#999 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color:#999; text-decoration:none; cursor:not-allowed; background-color:transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color:#eee; border-color:#428bca } .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.428571429; 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:focus, .nav-tabs>li.active>a:hover { 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:focus, .nav-tabs.nav-justified>.active>a:hover { 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:focus, .nav-tabs.nav-justified>.active>a:hover { 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:focus, .nav-pills>li.active>a:hover { color:#fff; background-color:#428bca } .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:focus, .nav-tabs-justified>.active>a:hover { 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:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color:#fff } } .tab-content>.tab-pane { display:none } .tab-content>.active { display:block } .nav-tabs .dropdown-menu { margin-top:-1px; border-top-right-radius:0; border-top-left-radius:0 } .navbar { position:relative; min-height:50px; margin-bottom:20px; border:1px solid transparent } .navbar:after, .navbar:before { display:table; content:" " } .navbar:after { clear:both } @media(min-width:768px) { .navbar { border-radius:4px } } .navbar-header:after, .navbar-header:before { display:table; content:" " } .navbar-header:after { clear:both } @media(min-width:768px) { .navbar-header { float:left } } .navbar-collapse { max-height:340px; padding-right:15px; padding-left:15px; overflow-x:visible; border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling:touch } .navbar-collapse:after, .navbar-collapse:before { display:table; content:" " } .navbar-collapse:after { clear:both } .navbar-collapse.in { overflow-y:auto } @media(min-width:768px) { .navbar-collapse { width:auto; border-top:0; 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-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right:0; padding-left:0 } } .container>.navbar-collapse, .container>.navbar-header { margin-right:-15px; margin-left:-15px } @media(min-width:768px) { .container>.navbar-collapse, .container>.navbar-header { 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-bottom, .navbar-fixed-top { position:fixed; right:0; left:0; z-index:1030 } @media(min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { 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; padding:15px; font-size:18px; line-height:20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration:none } @media(min-width:768px) { .navbar>.container .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 .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; box-shadow:none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height:20px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { 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-nav.navbar-right:last-child { margin-right:-15px } } @media(min-width:768px) { .navbar-left { float:left!important } .navbar-right { float:right!important } } .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 } .navbar-form select.form-control { width:auto } .navbar-form .checkbox, .navbar-form .radio { display:inline-block; padding-left:0; margin-top:0; margin-bottom:0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { float:none; margin-left:0 } } @media(max-width:767px) { .navbar-form .form-group { margin-bottom:5px } } @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-form.navbar-right:last-child { margin-right:-15px } } .navbar-nav>li>.dropdown-menu { margin-top:0; border-top-right-radius:0; border-top-left-radius:0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius:0; border-bottom-left-radius:0 } .navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right { right:0; left:auto } .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 } .navbar-text.navbar-right:last-child { margin-right:0 } } .navbar-default { background-color:#f8f8f8; border-color:#e7e7e7 } .navbar-default .navbar-brand { color:#777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color:#5e5e5e; background-color:transparent } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color:#777 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color:#ccc; background-color:transparent } .navbar-default .navbar-toggle { border-color:#ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#ddd } .navbar-default .navbar-toggle .icon-bar { background-color:#ccc } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { 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:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#ccc; background-color:transparent } } .navbar-default .navbar-link { color:#777 } .navbar-default .navbar-link:hover { color:#333 } .navbar-inverse { background-color:#222; border-color:#080808 } .navbar-inverse .navbar-brand { color:#999 } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text { color:#999 } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color:#444; background-color:transparent } .navbar-inverse .navbar-toggle { border-color:#333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { 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:focus, .navbar-inverse .navbar-nav>.open>a:hover { 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:#999 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#444; background-color:transparent } } .navbar-inverse .navbar-link { color:#999 } .navbar-inverse .navbar-link:hover { color:#fff } .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:#999 } .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.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-bottom-left-radius:4px; border-top-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:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color:#eee } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index:2; color:#fff; cursor:default; background-color:#428bca; border-color:#428bca } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color:#999; cursor:not-allowed; background-color:#fff; border-color:#ddd } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius:6px; border-top-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 } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius:3px; border-top-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:after, .pager:before { display:table; content:" " } .pager:after { clear:both } .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:focus, .pager li>a:hover { 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:focus, .pager .disabled>a:hover, .pager .disabled>span { color:#999; cursor:not-allowed; background-color:#fff } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em } .label[href]:focus, .label[href]:hover { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .btn .label { position:relative; top:-1px } .label-default { background-color:#999 } .label-default[href]:focus, .label-default[href]:hover { background-color:gray } .label-primary { background-color:#428bca } .label-primary[href]:focus, .label-primary[href]:hover { background-color:#3071a9 } .label-success { background-color:#5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color:#c9302c } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; background-color:#999; border-radius:10px } .badge:empty { display:none } .btn .badge { position:relative; top:-1px } a.badge:focus, a.badge:hover { color:#fff; text-decoration:none; cursor:pointer } .nav-pills>.active>a>.badge, a.list-group-item.active>.badge { color:#428bca; background-color:#fff } .nav-pills>li>a>.badge { margin-left:3px } .jumbotron { padding:30px; margin-bottom:30px; font-size:21px; font-weight:200; line-height:2.1428571435; color:inherit; background-color:#eee } .jumbotron .h1, .jumbotron h1 { line-height:1; color:inherit } .jumbotron p { line-height:1.4 } .container .jumbotron { border-radius:6px } .jumbotron .container { max-width:100% } @media screen and (min-width:768px) { .jumbotron { padding-top:48px; padding-bottom:48px } .container .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.428571429; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .thumbnail a>img, .thumbnail>img { display:block; height:auto; max-width:100%; margin-right:auto; margin-left:auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color:#428bca } .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:700 } .alert>p, .alert>ul { margin-bottom:0 } .alert>p+p { margin-top:5px } .alert-dismissable { padding-right:35px } .alert-dismissable .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 } } @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:#428bca; -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; transition:width .6s ease } .progress-striped .progress-bar { 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: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-size:40px 40px } .progress.active .progress-bar { -webkit-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: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: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: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: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, .media-body { overflow:hidden; zoom:1 } .media, .media .media { margin-top:15px } .media:first-child { margin-top:0 } .media-object { display:block } .media-heading { margin:0 0 5px } .media>.pull-left { margin-right:10px } .media>.pull-right { margin-left:10px } .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-right-radius:4px; border-top-left-radius:4px } .list-group-item:last-child { margin-bottom:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } .list-group-item>.badge { float:right } .list-group-item>.badge+.badge { margin-right:5px } a.list-group-item { color:#555 } a.list-group-item .list-group-item-heading { color:#333 } a.list-group-item:focus, a.list-group-item:hover { text-decoration:none; background-color:#f5f5f5 } a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover { z-index:2; color:#fff; background-color:#428bca; border-color:#428bca } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading { color:inherit } a.list-group-item.active .list-group-item-text, a.list-group-item.active:focus .list-group-item-text, a.list-group-item.active:hover .list-group-item-text { color:#e1edf7 } .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-body:after, .panel-body:before { display:table; content:" " } .panel-body:after { clear:both } .panel>.list-group { margin-bottom:0 } .panel>.list-group .list-group-item { border-width:1px 0 } .panel>.list-group .list-group-item:first-child { border-top-right-radius:0; border-top-left-radius:0 } .panel>.list-group .list-group-item:last-child { border-bottom:0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width:0 } .panel>.table, .panel>.table-responsive>.table { margin-bottom:0 } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive { border-top:1px solid #ddd } .panel>.table>tbody:first-child td, .panel>.table>tbody:first-child th { border-top:0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border:0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:last-child>td, .panel>.table-bordered>thead>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:last-child>td, .panel>.table-responsive>.table-bordered>thead>tr:last-child>th { border-bottom:0 } .panel>.table-responsive { margin-bottom:0; border:0 } .panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-top-right-radius:3px; border-top-left-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 { 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-group .panel { margin-bottom:0; overflow:hidden; 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 { 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-footer+.panel-collapse .panel-body { border-bottom-color:#ddd } .panel-primary { border-color:#428bca } .panel-primary>.panel-heading { color:#fff; background-color:#428bca; border-color:#428bca } .panel-primary>.panel-heading+.panel-collapse .panel-body { border-top-color:#428bca } .panel-primary>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#428bca } .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-footer+.panel-collapse .panel-body { border-bottom-color:#d6e9c6 } .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-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-footer+.panel-collapse .panel-body { border-bottom-color:#ebccd1 } .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-footer+.panel-collapse .panel-body { border-bottom-color:#bce8f1 } .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:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .close:focus, .close:hover { color:#000; text-decoration:none; cursor:pointer; opacity:.5; filter:alpha(opacity=50) } button.close { padding:0; cursor:pointer; background:0 0; border:0; -webkit-appearance:none } .modal-open { overflow:hidden } .modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; display:none; overflow:auto; overflow-y:scroll } .modal.fade .modal-dialog { -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform .3s ease-out; -moz-transition:-moz-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0) } .modal-dialog { position:relative; z-index:1050; width:auto; margin:10px } .modal-content { position:relative; background-color:#fff; 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); background-clip:padding-box } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1030; background-color:#000 } .modal-backdrop.fade { opacity:0; filter:alpha(opacity=0) } .modal-backdrop.in { opacity:.5; filter:alpha(opacity=50) } .modal-header { min-height:16.43px; padding:15px; border-bottom:1px solid #e5e5e5 } .modal-header .close { margin-top:-2px } .modal-title { margin:0; line-height:1.428571429 } .modal-body { position:relative; padding:0px } .modal-footer { padding:19px 20px 20px; margin-top:15px; text-align:right; border-top:1px solid #e5e5e5 } .modal-footer:after, .modal-footer:before { display:table; content:" " } .modal-footer:after { clear:both } .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 } @media screen and (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) } } .tooltip { position:absolute; z-index:1030; display:block; font-size:12px; line-height:1.4; opacity:0; filter:alpha(opacity=0); visibility:visible } .tooltip.in { opacity:.9; filter:alpha(opacity=90) } .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; text-decoration:none; 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-top-color:#000; border-width:5px 5px 0 } .tooltip.top-left .tooltip-arrow { bottom:0; left:5px; border-top-color:#000; border-width:5px 5px 0 } .tooltip.top-right .tooltip-arrow { right:5px; bottom:0; border-top-color:#000; border-width:5px 5px 0 } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-right-color:#000; border-width:5px 5px 5px 0 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-left-color:#000; border-width:5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top:0; left:50%; margin-left:-5px; border-bottom-color:#000; border-width:0 5px 5px } .tooltip.bottom-left .tooltip-arrow { top:0; left:5px; border-bottom-color:#000; border-width:0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top:0; right:5px; border-bottom-color:#000; border-width:0 5px 5px } .popover { position:absolute; top:0; left:0; z-index:1010; display:none; max-width:276px; padding:1px; text-align:left; white-space:normal; background-color:#fff; 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); background-clip:padding-box } .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; font-weight:400; line-height:18px; 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 { border-width:10px; content:"" } .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; border-top-color:#fff; border-bottom-width:0; content:" " } .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; border-right-color:#fff; border-left-width:0; content:" " } .popover.bottom .arrow { top:-11px; left:50%; margin-left:-11px; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, .25); border-top-width:0 } .popover.bottom .arrow:after { top:1px; margin-left:-10px; border-bottom-color:#fff; border-top-width:0; content:" " } .popover.left .arrow { top:50%; right:-11px; margin-top:-11px; border-left-color:#999; border-left-color:rgba(0, 0, 0, .25); border-right-width:0 } .popover.left .arrow:after { right:1px; bottom:-10px; border-left-color:#fff; border-right-width:0; content:" " } .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; transition:.6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { display:block; height:auto; max-width:100%; line-height:1 } .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); opacity:.5; filter:alpha(opacity=50) } .carousel-control.left { background-image:-webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5)0), color-stop(rgba(0, 0, 0, .0001)100%)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5)0, rgba(0, 0, 0, .0001)100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { right:0; left:auto; background-image:-webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001)0), color-stop(rgba(0, 0, 0, .5)100%)); background-image:linear-gradient(to right, rgba(0, 0, 0, .0001)0, rgba(0, 0, 0, .5)100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:focus, .carousel-control:hover { color:#fff; text-decoration:none; outline:0; opacity:.9; filter:alpha(opacity=90) } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position:absolute; top:50%; z-index:5; display:inline-block } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left:50% } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right:50% } .carousel-control .icon-next, .carousel-control .icon-prev { width:20px; height:20px; margin-top:-10px; margin-left:-10px; font-family:serif } .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 .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width:30px; height:30px; margin-top:-15px; margin-left:-15px; font-size:30px } .carousel-caption { right:20%; left:20%; padding-bottom:30px } .carousel-indicators { bottom:20px } } .clearfix:after, .clearfix:before { display:table; content:" " } .clearfix: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 } @media(max-width:991px){ .show { display:none!important } } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .hidden { display:none!important; visibility:hidden!important } .affix { position:fixed } @-ms-viewport { width:device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs, td.visible-lg, td.visible-md, td.visible-sm, td.visible-xs, th.visible-lg, th.visible-md, th.visible-sm, th.visible-xs, tr.visible-lg, tr.visible-md, tr.visible-sm, tr.visible-xs { display:none!important } @media(max-width:767px) { .visible-xs { display:block!important } table.visible-xs { display:table } tr.visible-xs { display:table-row!important } td.visible-xs, th.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-xs.visible-sm { display:block!important } table.visible-xs.visible-sm { display:table } tr.visible-xs.visible-sm { display:table-row!important } td.visible-xs.visible-sm, th.visible-xs.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-xs.visible-md { display:block!important } table.visible-xs.visible-md { display:table } tr.visible-xs.visible-md { display:table-row!important } td.visible-xs.visible-md, th.visible-xs.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-xs.visible-lg { display:block!important } table.visible-xs.visible-lg { display:table } tr.visible-xs.visible-lg { display:table-row!important } td.visible-xs.visible-lg, th.visible-xs.visible-lg { display:table-cell!important } } @media(max-width:767px) { .visible-sm.visible-xs { display:block!important } table.visible-sm.visible-xs { display:table } tr.visible-sm.visible-xs { display:table-row!important } td.visible-sm.visible-xs, th.visible-sm.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-sm { display:block!important } table.visible-sm { display:table } tr.visible-sm { display:table-row!important } td.visible-sm, th.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-sm.visible-md { display:block!important } table.visible-sm.visible-md { display:table } tr.visible-sm.visible-md { display:table-row!important } td.visible-sm.visible-md, th.visible-sm.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-sm.visible-lg { display:block!important } table.visible-sm.visible-lg { display:table } tr.visible-sm.visible-lg { display:table-row!important } td.visible-sm.visible-lg, th.visible-sm.visible-lg { display:table-cell!important } } @media(max-width:767px) { .visible-md.visible-xs { display:block!important } table.visible-md.visible-xs { display:table } tr.visible-md.visible-xs { display:table-row!important } td.visible-md.visible-xs, th.visible-md.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-md.visible-sm { display:block!important } table.visible-md.visible-sm { display:table } tr.visible-md.visible-sm { display:table-row!important } td.visible-md.visible-sm, th.visible-md.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-md { display:block!important } table.visible-md { display:table } tr.visible-md { display:table-row!important } td.visible-md, th.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-md.visible-lg { display:block!important } table.visible-md.visible-lg { display:table } tr.visible-md.visible-lg { display:table-row!important } td.visible-md.visible-lg, th.visible-md.visible-lg { display:table-cell!important } } @media(max-width:767px) { .visible-lg.visible-xs { display:block!important } table.visible-lg.visible-xs { display:table } tr.visible-lg.visible-xs { display:table-row!important } td.visible-lg.visible-xs, th.visible-lg.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-lg.visible-sm { display:block!important } table.visible-lg.visible-sm { display:table } tr.visible-lg.visible-sm { display:table-row!important } td.visible-lg.visible-sm, th.visible-lg.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-lg.visible-md { display:block!important } table.visible-lg.visible-md { display:table } tr.visible-lg.visible-md { display:table-row!important } td.visible-lg.visible-md, th.visible-lg.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-lg { display:block!important } table.visible-lg { display:table } tr.visible-lg { display:table-row!important } td.visible-lg, th.visible-lg { display:table-cell!important } } .hidden-xs { display:block!important } table.hidden-xs { display:table } tr.hidden-xs { display:table-row!important } td.hidden-xs, th.hidden-xs { display:table-cell!important } @media(max-width:767px) { .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs { display:none!important; } } @media(min-width:768px) and (max-width:991px) { .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg { display:none!important } } .hidden-sm { display:block!important } table.hidden-sm { display:table } tr.hidden-sm { display:table-row!important } td.hidden-sm, th.hidden-sm { display:table-cell!important } @media(max-width:767px) { .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg { display:none!important } } .hidden-md { display:block!important } table.hidden-md { display:table } tr.hidden-md { display:table-row!important } td.hidden-md, th.hidden-md { display:table-cell!important } @media(max-width:767px) { .hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg { display:none!important } } .hidden-lg { display:block!important } table.hidden-lg { display:table } tr.hidden-lg { display:table-row!important } td.hidden-lg, th.hidden-lg { display:table-cell!important } @media(max-width:767px) { .hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg { display:none!important } } .visible-print, td.visible-print, th.visible-print, tr.visible-print { display:none!important } @media print { .visible-print { display:block!important } table.visible-print { display:table } tr.visible-print { display:table-row!important } td.visible-print, th.visible-print { display:table-cell!important } .hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print { display:none!important } } .navbar-main-submenu .col-sm-12{width:100%;} @font-face { font-family: "Flaticon"; src: url("https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/flaticon/flaticon.eot"); src: url("https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/flaticon/flaticon.eot#iefix") format("embedded-opentype"), url("https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/flaticon/flaticon.woff") format("woff"), url("https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/flaticon/flaticon.ttf") format("truetype"), url("https://static.cossuits.com/skin/frontend/coolbaby/default/fonts/flaticon/flaticon.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-style: normal; -webkit-font-smoothing: antialiased; }.product-controls-list .icon{ font-size: 12px; } [class^="flaticon-"].icon-xs:before, [class*=" flaticon-"].icon-xs:before, [class^="flaticon-"].icon-xs:after, [class*=" flaticon-"].icon-xs:after { font-size: 11px; } [class^="flaticon-"].icon-sm:before, [class*=" flaticon-"].icon-sm:before, [class^="flaticon-"].icon-sm:after, [class*=" flaticon-"].icon-sm:after { font-size: 14px; } [class^="flaticon-"].icon-lg:before, [class*=" flaticon-"].icon-lg:before, [class^="flaticon-"].icon-lg:after, [class*=" flaticon-"].icon-lg:after { font-size: 18px; } [class^="flaticon-"].icon-xl:before, [class*=" flaticon-"].icon-xl:before, [class^="flaticon-"].icon-xl:after, [class*=" flaticon-"].icon-xl:after { font-size: 22px; } [class^="flaticon-"].icon-xxl:before, [class*=" flaticon-"].icon-xxl:before, [class^="flaticon-"].icon-xxl:after, [class*=" flaticon-"].icon-xxl:after { font-size: 28px; } [class^="flaticon-"].icon-xxxl:before, [class*=" flaticon-"].icon-xxxl:before, [class^="flaticon-"].icon-xxxl:after, [class*=" flaticon-"].icon-xxxl:after { font-size: 32px; } a.icon:hover { text-decoration:none;} .flaticon-31:before { content: "\e000"; } .flaticon-32:before { content: "\e001"; } .flaticon-404:before { content: "\e002"; } .flaticon-add133:before { content: "\e003"; } .flaticon-add139:before { content: "\e004"; } .flaticon-airplane70:before { content: "\e005"; } .flaticon-attachment13:before { content: "\e006"; } .flaticon-bars34:before { content: "\e007"; } .flaticon-big58:before { content: "\e008"; } .flaticon-black302:before { content: "\e009"; } .flaticon-brief:before { content: "\e00a"; } .flaticon-business:before { content: "\e00b"; } .flaticon-business137:before { content: "\e00c"; } .flaticon-calculator30:before { content: "\e00d"; } .flaticon-calendar53:before { content: "\e00e"; } .flaticon-cellphone5:before { content: "\e00f"; } .flaticon-check34:before { content: "\e010"; } .flaticon-check35:before { content: "\e011"; } .flaticon-checklist3:before { content: "\e012"; } .flaticon-clock61:before { content: "\e013"; } .flaticon-close19:before { content: "\e014"; } .flaticon-coin11:before { content: "\e015"; } .flaticon-correct8:before { content: "\e016"; } .flaticon-credit22:before { content: "\e017"; } .flaticon-credit3:before { content: "\e018"; } .flaticon-cup38:before { content: "\e019"; } .flaticon-delete30:before { content: "\e01a"; } .flaticon-dollar144:before { content: "\e01b"; } .flaticon-down13:before { content: "\e01c"; } .flaticon-down14:before { content: "\e01d"; } .flaticon-email27:before { content: "\e01e"; } .flaticon-envelope4:before { content: "\e01f"; } .flaticon-facebook12:before { content: "\e020"; } .flaticon-garbage4:before { content: "\e021"; } .flaticon-gift1:before { content: "\e022"; } .flaticon-global10:before { content: "\e023"; } .flaticon-globe5:before { content: "\e024"; } .flaticon-google10:before { content: "\e025"; } .flaticon-group41:before { content: "\e026"; } .flaticon-hand129:before { content: "\e027"; } .flaticon-heart15:before { content: "\e028"; } .flaticon-heart68:before { content: "\e029"; } .navbar-secondary-menu .flaticon-heart68:before { font-size:18px; } .flaticon-home113:before { content: "\e02a"; } .flaticon-idea12:before { content: "\e02b"; } .flaticon-instagram:before { content: "\e02c"; } .flaticon-left33:before { content: "\e02d"; } .flaticon-left37:before { content: "\e02e"; } .flaticon-left65:before { content: "\e02f"; } .flaticon-like:before { content: "\e030"; } .flaticon-link23:before { content: "\e031"; } .flaticon-linkedin11:before { content: "\e032"; } .flaticon-lock26:before { content: "\e033"; } .flaticon-machine2:before { content: "\e034"; } .flaticon-menu29:before { content: "\e035"; } .flaticon-new78:before { content: "\e036"; } .flaticon-news:before { content: "\e037"; } .flaticon-open7:before { content: "\e038"; } .flaticon-outlined3:before { content: "\e039"; } .flaticon-oval33:before { content: "\e03a"; } .flaticon-pencil43:before { content: "\e03b"; } .flaticon-phone16:before { content: "\e03c"; } .flaticon-phone163:before { content: "\e03d"; } .flaticon-piggy10:before { content: "\e03e"; } .flaticon-piggy8:before { content: "\e03f"; } .flaticon-pinterest9:before { content: "\e040"; } .flaticon-plane15:before { content: "\e041"; } .flaticon-play45:before { content: "\e042"; } .flaticon-player3:before { content: "\e043"; } .flaticon-price1:before { content: "\e044"; } .flaticon-profile8:before { content: "\e045"; } .flaticon-rectangular25:before { content: "\e046"; } .flaticon-recycle59:before { content: "\e047"; } .flaticon-round41:before { content: "\e048"; } .flaticon-round43:before { content: "\e049"; } .flaticon-round8:before { content: "\e04a"; } .flaticon-search8:before { content: "\e04b"; } .flaticon-settings9:before { content: "\e04c"; } .flaticon-shopping155:before { content: "\e04d"; } .flaticon-shopping185:before { content: "\e04e"; } .flaticon-shopping2:before { content: "\e04f"; } .flaticon-shopping66:before { content: "\e050"; font-size:18px; }.flaticon-shopping69:before { content: "\e050"; font-size:12px;} .flaticon-shopping9:before { content: "\e051"; } .flaticon-skype12:before { content: "\e052"; } .flaticon-social19:before { content: "\e053"; } .flaticon-special:before { content: "\e054"; } .flaticon-star129:before { content: "\e055"; } .flaticon-tag31:before { content: "\e056"; } .flaticon-tag43:before { content: "\e057"; } .flaticon-tags:before { content: "\e058"; } .flaticon-talk8:before { content: "\e059"; } .flaticon-text45:before { content: "\e05a"; } .flaticon-text46:before { content: "\e05b"; } .flaticon-three1:before { content: "\e05c"; } .flaticon-tiles:before { content: "\e05d"; } .flaticon-twitter20:before { content: "\e05e"; } .flaticon-two125:before { content: "\e05f"; } .flaticon-up21:before { content: "\e060"; } .flaticon-up22:before { content: "\e061"; } .flaticon-user91:before { content: "\e062"; } #toplinks .flaticon-user91:before { font-size:18px; } .flaticon-view9:before { content: "\e063"; } .flaticon-welldone:before { content: "\e064"; } .flaticon-write13:before { content: "\e065"; } .flaticon-youtube18:before { content: "\e066"; } .flaticon-zoom45:before { content: "\e067"; } /*fix padding */ .flaticon-phone163:before { margin-left: -2px; margin-right: 2px; } /* Slider */ .slick-slider { position: relative; padding:0 10px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { /* background: white url("https://static.cossuits.com/skin/frontend/coolbaby/default/css/ajax-loader.gif") center center no-repeat; */} .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { /* -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); */} .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; min-height: 1px; display: none; } .slick-slide img { display: block; width:100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 29px; width: 29px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top:100px; padding: 0; border:none; outline: none; color: #c69c6d; text-indent:-99999px; } .slick-prev:hover, .slick-next:hover { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1;background: #666; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { display:block; position:absolute; width:100%; text-align:center; left:0; top:0; font-family: "Flaticon"; font-size: 11px; line-height: 28px; opacity: 1; text-indent:0;background:#999; color:#fff; } .slick-prev { left:-34px; } .slick-prev:before { content: '\e02d'; } .slick-next { right:-34px; } .slick-next:before { content: '\e042'; } .slick-prev:before { margin: 0 0 0 -1px } .slick-next:before { margin: 0 0 0 1px } /* [dir="rtl"] .slick-next { right: auto; left: -25px; } [dir="rtl"] .slick-next:before { } [dir="rtl"] .slick-prev { right: -25px; left: auto; } [dir="rtl"] .slick-prev:before { } [dir="rtl"] .slick-slide { float: right; } */ /*CUSTOM STYLE */ /*arrows left and right small*/ .slick-style1 .slick-prev, .slick-style1 .slick-next { top: -6px; margin-top: 0; border: none; } .slick-style1 .slick-prev { left: -35px; } .slick-style1 .slick-next { right: -35px; } .slick-style1 .slick-prev:before { margin: 0 0 0 -1px } .slick-style1 .slick-next:before { margin: 0 0 0 1px } /*arrows bottom*/ .slick-style2 .slick-prev, .slick-style2 .slick-next { top: auto; bottom: -30px; } .carousel_outer .vertical .slick-style2 .slick-prev, .carousel_outer .vertical .slick-style2 .slick-next { bottom: 0; } @media (max-width: 480px) { .carousel_outer .vertical .slick-style2 .slick-next { right: auto; left: 35px} .carousel_outer .vertical .slick-style2 .slick-prev { right:auto; left:0;} } .header-product-carousel.slick-style2 .slick-prev, .header-product-carousel.slick-style2 .slick-next { bottom: 10px; } /*arrows bottom left */ .slick-style5 .slick-prev, .slick-style5 .slick-next { top: auto; bottom: 10px; } .slick-style5 .slick-prev { left: 15px; } .slick-style5 .slick-next { left: 50px; } /*arrows left and right big */ .slick-style3 .slick-prev, .slick-style3 .slick-next { top: 50%; margin-top: -27px; border: none; height: 54px; width: 54px; cursor: pointer; background: rgba(0,0,0,0.01); color: transparent; text-align:center; border: 2px solid #3a3a3a; outline: none; } .slick-style3 .slick-prev:before, .slick-style3 .slick-next:before { font-size:14px !important; line-height:50px !important; color: #3a3a3a; margin: 0 0 0 -2px } .slick-style3 .slick-next:before { margin: 0 0 0 2px } .slick-style3 .slick-prev { left: -61px; } .slick-style3 .slick-next { right: -61px; } .slick-style3 .slick-prev.slick-disabled, .slick-style3 .slick-next.slick-disabled { opacity: 0.25; } @media (max-width:991px) { .slick-style3 .slick-prev, .slick-style3 .slick-next { margin-top: -18px; height: 36px; width: 36px; } .slick-style3 .slick-prev:before, .slick-style3 .slick-next:before { font-size: 18px; line-height: 32px !important; } .slick-style3 .slick-prev { left: -46px; } .slick-style3 .slick-next { right: -46px; } } .boxed .slick-style3 .slick-prev { left: -45px; } .boxed .slick-style3 .slick-next { right: -45px; } /*arrow for product page slider */ .slick-style4 .slick-prev, .slick-style4 .slick-next { top: 50%; margin-top: -27px; border: none; height: 33px; width: 33px; cursor: pointer; background: #242424; z-index: 1001; } .slick-style4 .slick-prev:before, .slick-style4 .slick-next:before { font-size: 18px; line-height: 33px; margin: 0 0 0 -1px } .slick-style4 .slick-next:before { margin: 0 0 0 1px } .slick-style4 .slick-prev { left: 0; margin-left: -33px; } .slick-style4 .slick-next { right: 75%; margin-right: -33px; } @media (max-width:1199px) { .slick-style4 .slick-next { margin-right: 0; } .slick-style4 .slick-prev { margin-left: 0; } } @media (max-width:480px) {.slick-style4 .slick-prev { left: 0; } .slick-style4 .slick-next { right: 0; } } .slick-arrows { position: relative; } /*Plugin CSS*/ .str_wrap { overflow:hidden; //zoom:1; width:100%; font-size:12px; line-height:16px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; background:#f6f6f6; white-space:nowrap; } .str_wrap.str_active { background:#f1f1f1; } .str_move { white-space:nowrap; position:absolute; top:0; left:0; cursor:move; } .str_move_clone { display:inline-block; //display:inline; //zoom:1; vertical-align:top; position:absolute; left:100%; top:0; } .str_vertical .str_move_clone { left:0; top:100%; } .str_down .str_move_clone { left:0; bottom:100%; } .str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%; } .str_static .str_move, .no_drag .str_move, .noStop .str_move{ cursor:inherit; } .str_wrap img { max-width:none !important; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:99999; overflow:hidden; } #cboxWrapper { max-width:none; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { -webkit-overflow-scrolling: touch; overflow:hidden !important; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; } .cboxIframe { width:100%; height:100%; display:block; border:0; padding:0; margin:0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background:#000; opacity: 0.55; filter: alpha(opacity = 55); } #colorbox { outline:0; } #cboxContent { /* background:#000; */} .cboxIframe { background:#fff; } #cboxError { padding:50px; border:1px solid #ccc; } #cboxLoadedContent { border: none; background:#fff; } #cboxTitle { position:absolute; top:-20px; left:0; color:#ccc; } #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; } /* #cboxLoadingGraphic{background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/loading.gif) no-repeat center center;} */ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; } #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; } #cboxPrevious, #cboxNext { opacity:0; position:absolute; height: 54px; width: 54px; cursor: pointer; background: none; color: transparent; text-align:center; border: 2px solid #3a3a3a; outline: none; margin-top:-28px; top:50%; text-indent:-9999px; } #colorbox:hover #cboxPrevious, #colorbox:hover #cboxNext, #colorbox:hover #cboxClose { opacity:1;} #cboxPrevious { left:5px; } #cboxNext { right:5px; } #cboxPrevious:before, #cboxNext:before { display:block; position:relative; font-family: "Flaticon"; font-size:14px !important; line-height:50px !important; content: '\e02d'; color: #3a3a3a; margin: 0 0 0 -2px; text-indent:0; } #cboxNext:before { content: '\e042'; margin: 0 0 0 2px } #cboxClose { position:absolute; opacity:1; top:15px; right:15px; display:block; width:15px; height:15px; text-indent:-9999px; outline: none; } .touch #cboxClose { opacity: 1 !important;} #cboxClose:before { position:absolute; top:0; left:0; text-indent:0; font-family: Flaticon; content: "\e01a"; font-size:14px !important; } #cboxClose:hover { } .canvas-menu #cboxClose:before { color:#fff; } .canvas-menu #cboxLoadedContent { background: #242424; } .gallery-popup #cboxClose:before { font-size:20px !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { /* cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; */} .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; cursor: pointer; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); top: 50%; margin-top: -27px; height: 54px; width: 54px; cursor: pointer; background: rgba(0,0,0,0.01); color: transparent; text-align:center; border: 2px solid #fff !important; outline: none; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 0.95; filter: alpha(opacity=95); } .mfp-arrow:before { display:block; position:absolute; width:100%; text-align:center; color:#fff; left:0; top:0; font-family: "Flaticon"; content: '\e02d'; font-size:14px; line-height:50px; opacity: 1; text-indent:0; margin: 0 0 0 -2px } .mfp-arrow.mfp-arrow-right:before{ content: '\e042'; margin: 0 0 0 2px} .mfp-arrow-left { left: 10px; } .mfp-arrow-right { right: 10px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @import url(https://fonts.googleapis.com/css?family=Sintony:400,700); @import url("https://fonts.googleapis.com/css?family=Poire")One"); .loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #fff; } .facebook-widget { position: relative; } .facebook-widget .loader { position: absolute; left: 0; top: 0; width: 100%; height: 200px; z-index: 9999; background: 0 0; } .fond { position: absolute; text-align: center; top: 50%; left: 50%; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; } .contener_general { -webkit-animation: animball_two 1s infinite; -ms-animation: animball_two 1s infinite; animation: animball_two 1s infinite; width: 44px; height: 44px; } .contener_mixte { width: 44px; height: 44px; position: absolute; } .ballcolor { width: 20px; height: 20px; border-radius: 50%; } .ball_1, .ball_2, .ball_3, .ball_4 { position: absolute; -webkit-animation: animball_one 1s infinite ease; -ms-animation: animball_one 1s infinite ease; animation: animball_one 1s infinite ease; } .ball_1 { background-color: #ef1d67; top: 0; left: 0; } .ball_2 { background-color: #d0d0d0; top: 0; left: 24px; } .ball_3 { background-color: #e9bfd1; top: 24px; left: 0; } .ball_4 { background-color: #9c5e79; top: 24px; left: 24px; } @-webkit-keyframes animball_one { 0% { position: absolute; } 50% { top: 12px; left: 12px; position: absolute; opacity: 0.5; } 100% { position: absolute; } } @-ms-keyframes animball_one { 0% { position: absolute; } 50% { top: 12px; left: 12px; position: absolute; opacity: 0.5; } 100% { position: absolute; } } @keyframes animball_one { 0% { position: absolute; } 50% { top: 12px; left: 12px; position: absolute; opacity: 0.5; } 100% { position: absolute; } } @-webkit-keyframes animball_two { 0% { -webkit-transform: rotate(0) scale(1); } 50% { -webkit-transform: rotate(360deg) scale(1.3); } 100% { -webkit-transform: rotate(720deg) scale(1); } } @-ms-keyframes animball_two { 0% { -ms-transform: rotate(0) scale(1); } 50% { -ms-transform: rotate(360deg) scale(1.3); } 100% { -ms-transform: rotate(720deg) scale(1); } } @keyframes animball_two { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 50% { -webkit-transform: rotate(360deg) scale(1.3); transform: rotate(360deg) scale(1.3); } 100% { -webkit-transform: rotate(720deg) scale(1); transform: rotate(720deg) scale(1); } } html, html a { -webkit-font-smoothing: antialiased; } html { -ms-overflow-style: scrollbar; overflow-y: scroll; overflow-x: hidden; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; } a, a:active, a:focus, a:hover, a:visited { color: #000; outline: 0; } a:active, a:focus, a:visited { text-decoration: none; } p { margin: 0 0 1em; padding: 0; line-height: 1.4em; } h1 { margin: 0; padding: 0 0 0.7em; font: 2.46em Sintony, sans-serif; text-transform: uppercase; color: #000; } h2 { margin: 0; padding: 0 0 1em; font: 1.833em/1em Sintony, sans-serif; text-transform: uppercase; color: #000; } h3 { margin: 0; padding: 0 0 0.95em; font: 1.5em Sintony, sans-serif; text-transform: uppercase; color: #000; } h4 { margin: 0; padding: 0 0 0.8em; font: 1.4em Sintony, sans-serif; text-transform: uppercase; color: #000; } h5 { margin: 0; padding: 0 0 0.8em; font: 1.384em Sintony, sans-serif; text-transform: uppercase; color: #2b2b2b; } h6 { margin: 0; padding: 0 0 0.8em; font: 1.077em Sintony, sans-serif; text-transform: uppercase; color: #2b2b2b; } h1 .sub-header, h2 .sub-header, h3 .sub-header, h4 .sub-header { font-size: 12px; text-transform: uppercase; display: block; } h1 .sub-header { font-size: 16px; } .form-control { line-height: 1.5em; color: #333; margin-bottom: 8px; } .form-control::-webkit-input-placeholder { padding: 1px 0; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { margin-top: 0; } input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="file"]:focus { outline: 0; } .touch input[type="text"], .touch input[type="email"], .touch input[type="search"], .touch input[type="password"] { -webkit-appearance: none; -moz-appearance: none; } label { font-weight: 400; margin-bottom: 7px; } label.light { color: #717171; } .fields .required { color: #545454; } .form-control { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; height: 37px; line-height: 1.4em; padding: 10px 14px; font-size: 0.9em; text-transform: uppercase; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .upper { text-transform: uppercase; } .inline { display: inline; } .overflow { overflow: hidden; width: 100%; } .line-divider { border-bottom: 1px solid #cacaca; height: 1px; } .divider-xxs { margin: 0; height: 1px; line-height: 1px; clear: both; } .divider-xs { height: 10px; line-height: 10px; clear: both; } .divider-sm { } .divider-md { height: 30px; clear: both; } .divider-lg { height: 40px; clear: both; } .divider-xl { height: 50px; clear: both; } .full-width { width: 100%; max-width: none; } #xker { text-align: center; } .caret.min { border-top: 2px solid #333; border-right: 2px solid transparent; border-bottom: 0 solid; border-left: 2px solid transparent; position: relative; top: -1px; right: -2px; margin-left: 4px; } .label-cool { background: #f5003a; } .content { padding-top: 35px; padding-bottom: 20px; } .dropdown-menu { z-index: 1001; -webkit-box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); font-size: 1em; border-radius: 0; } .dropdown-menu > li > a:focus { background-color: inherit; } .dropdown-menu > li > a:focus:hover { background-color: #f5f5f5; } .simple-list { margin: 0; padding: 0; list-style-type: none; } .simple-list ul { margin: 0; padding: 0; list-style-type: none; position: relative; bottom: -0.8em; } .simple-list li { margin: 0; padding: 0 0 12px; position: relative; } .simple-list li input[type="checkbox"] { position: absolute; top: 0; left: 0; margin: 0; } .simple-list li span.label { display: block; text-align: left; font-size: 0.917em; white-space: normal; margin: 0 0 0 16px; color: #000; } .simple-list li.color { padding-left: 20px; } .simple-list li.color:before { position: absolute; display: block; left: 0; top: 2px; width: 10px; height: 10px; border: 1px solid #ccc; font-family: Flaticon; content: " "; font-size: 0.9em; line-height: 0.7em; color: #c69c6d; } .simple-list li.color.black:before { background: #000; } .simple-list li.color.brown:before { background: #976943; } .simple-list li.color.white:before { background: #fff; } .simple-list li.color.gray:before { background: #b6b6b6; } .simple-list li.active:before { content: "\e010"; } .tree-list { margin: 0; padding: 0; list-style-type: none; position: relative; } .tree-list > li > a { font-weight: 700; text-transform: uppercase; } .tree-list li { margin: 0; padding: 0 0 12px 0; position: relative; } .tree-list ul { margin: 5px 0 -5px 4px; padding: 0; list-style-type: none; border-left: 1px solid #cacaca; } .tree-list ul li { padding: 5px 0 5px 12px; } .tree-list ul li:before { position: absolute; display: block; left: 1px; top: 8px; width: 8px; height: 1px; border-top: 1px solid #cacaca; content: " "; } .section-divider { border-bottom: 1px solid #cacaca; height: 24px; } .arrow-list { padding: 0; list-style-type: none; display: inline-block; margin: 0 auto; text-align: left; } .arrow-list li { margin: 0; padding: 0 0 7px 15px; position: relative; text-transform: uppercase; } .arrow-list li:before { font-family: Flaticon; content: "\e042"; display: inline; font-size: 0.7em; position: absolute; left: 0; } ul.tags { padding: 0; margin: 5px 0 0 0; list-style: none; } ul.tags li { float: left; margin-bottom: 5px; margin-right: 5px; } ul.tags li a { display: block; border: 1px solid #cacaca; padding: 0 6px; border-radius: 2px; font-size: 0.917em; line-height: 2.3em; text-transform: uppercase; text-decoration: none; } ul.tags li a:hover { border-color: #242424; background-color: #242424; color: #c69c6d !important; } .styled-list { line-height: 18px; list-style: outside none none; margin: 0 0 20px; padding: 0; position: relative; text-transform: uppercase; } .styled-list li { margin-bottom: 9px; padding: 0; } .styled-list li:before { float: left; } .styled-list .circle li, .styled-list.circle li { list-style: outside none none; margin-left: 0; padding-left: 0; text-indent: 0; } .styled-list .circle li:before, .styled-list.circle li:before { content: "\25CF"; font-size: 12px; margin: -1px 10px 0 0; } .styled-list ul { margin-left: 0; padding: 9px 0 0; } .styled-list ul.circle li:before { content: "\25CB"; } ul.sitemap.styled-list.circle ul li:before { content: "\25CF"; } ul.sitemap.styled-list.circle ul ul li:before { content: "\25CB"; } .styled-list.decimal { list-style: outside decimal; margin-left: 25px; } .styled-list.decimal li { padding-left: 0; text-indent: 0; } .list-group-item:first-child, .list-group-item:last-child { border-radius: 0; } .list-group-item:last-child { border-bottom: none; } .list-group-item { border-radius: 0; position: relative; display: block; padding: 12px 0; border: none; margin-bottom: 0; border-bottom: 1px solid #cacaca; } .list-group-item a { font-size: 1.167em; } .big-icon { margin-bottom: 25px; color: #999; } .big-icon [class*=" flaticon-"]:after, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class^="flaticon-"]:before { font-size: 160px; line-height: 1em; } .products-nospace .carousel-item { border: 1px solid #ccc; padding: 2px; margin: 4px; } .products-nospace .label.label-sale-percent { background: #cd2653; color: #fff; opacity: 0.85; } .fb-bg .banner-bg { width: 100%; max-width: 1170px; margin: 0 auto; margin-top: -60px; } @media (min-width: 768px) and (max-width: 991px) { .big-icon [class*=" flaticon-"]:after, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class^="flaticon-"]:before { font-size: 100px; margin-bottom: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .big-icon [class*=" flaticon-"]:after, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class^="flaticon-"]:before { font-size: 80px; margin-bottom: 20px; } .fb-bg .banner-bg { width: 100%; max-width: 728px; margin: 0 auto; margin-top: -60px; } } @media (max-width: 479px) { .big-icon [class*=" flaticon-"]:after, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class^="flaticon-"]:before { font-size: 60px; margin-bottom: 20px; } .fb-bg .banner-bg { width: 100%; max-width: 420px; margin: 0 auto; margin-top: -60px; } } .extra-big-icon { margin-bottom: 45px; color: #999; } .extra-big-icon [class*=" flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class^="flaticon-"]:before { font-size: 300px; line-height: 1em; } @media (min-width: 768px) and (max-width: 991px) { .extra-big-icon [class*=" flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class^="flaticon-"]:before { font-size: 250px; margin-bottom: 40px; } } @media (min-width: 480px) and (max-width: 767px) { .extra-big-icon [class*=" flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class^="flaticon-"]:before { font-size: 200px; margin-bottom: 30px; } } @media (max-width: 479px) { .extra-big-icon [class*=" flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class^="flaticon-"]:before { font-size: 150px; margin-bottom: 30px; } } .noGutter { margin: 15px 0; } .noGutter .col-md-3, .noGutter .col-sm-3 { padding: 0 !important; margin: -5px 0 0 0 !important; } .noGutter > div { padding: 0 !important; } .noGutter > div button { margin-left: -1px; } .icon-flag { display: inline; font-size: 9px !important; padding: 0 7px; position: relative; top: -1px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icons-flags.png) no-repeat 0 0; } .icon-flag-en { background-position: 0 0; } .icon-flag-de { background-position: 0 -22px; } .icon-flag-fr { background-position: 0 -44px; } .icon-flag-da { background-position: 0 -66px; } .icon-flag-el { background-position: 0 -88px; } .icon-flag-es { background-position: 0 -110px; } .icon-flag-it { background-position: 0 -132px; } .icon-flag-nl { background-position: 0 -154px; } .icon-flag-pl { background-position: 0 -176px; } .icon-flag-pt { background-position: 0 -198px; } .icon-flag-ru { background-position: 0 -220px; } .icon-flag-sv { background-position: 0 -242px; } .icon-xcart-white { position: relative; display: block; width: 29px; height: 33px; color: #000; text-align: center; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icon-cart-white.png) no-repeat 0 0; margin: 12px auto; font-size: 1em; line-height: 1.3em; padding: 14px 0 0; font-weight: 700; } .icon-facebook-3 { color: #4664b7; } .icon-twitter-3 { color: #00b6e4; } .icon-linkedin-2 { color: #0073a5; } .icon-youtube-3 { color: #a21616; } .icon-pinterest-2 { color: #cb2027; } .icon-googleplus-2 { color: #363636; } .icon-color, .icon-size { display: inline-block; margin-right: 7px; margin-bottom: 5px; font-size: 0.917em; font-style: normal; line-height: 24px; width: 33px; border: 1px solid #b7b7b7; text-transform: uppercase; text-align: center; position: relative; cursor: pointer; } .icon-color:after, .icon-size:before { content: " "; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; position: absolute; border: 1px solid #fff; } .icon-size.disable { border-color: #f1f1f1; } .icon-color.disable { opacity: 0.8; } .icon-color:before { content: " "; display: inline-block; } .icon-color-brown { background: #7e0506; } .icon-color-grey { background: #444b50; } .icon-color-blue { background: #5ca7db; } .icon-color-softyellow { background: #f9e9cc; } .icon-color-lightgrey { background: #e1e1e1; } .icon-color-violet { background: #724381; } .icon-color-lightgrayishpink { background: #efdcdc; } .icon-color-green { background: #3a7d05; } .icon-color-magenta { background: #7e054a; } .icon-color-pink { background: #e03a7c; } .icon-color-red { background: #e30000; } .icon-color-white { background: #f8f8f8; } .icon-color-black { background: #000; } .icon-color-beige { background: #eedfcf; } .icon-color-marine { background: #4f98aa; } .ajax-loader { margin: 10px auto !important; width: 80px !important; height: 15px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ajax-loader .progress-bar { width: 100%; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } .btn { padding: 3px 12px; } .btn-group.open .dropdown-toggle, .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .btn:focus { outline: 0; outline-offset: 0; } .btn-cool, .btn-default, .filters-by-category li a { background-color: #fff; color: #000; font-size: 0.9em; height: 37px; line-height: 1.4em; padding: 0; border: 1px solid #ccc; text-decoration: none; border-radius: 0; } .btn-group-vertical > .btn, .btn-group > .btn { float: none; } .btn-cool.invert, .btn-default.invert, .filters-by-category li a.invert { border-color: #242424; background-color: #242424; color: #c69c6d !important; } .btn-cool.invert:hover, .btn-default.invert:hover, .filters-by-category li .products-land .item a.invert:hover, .filters-by-category li .products-land .item:hover .invert a.invert:hover, .filters-by-category li .products-list .banner:hover a.invert:hover, .filters-by-category li a.invert.selected, .filters-by-category li a.invert:hover, .products-land .item .filters-by-category li a.invert:hover, .products-land .item .invert.btn-cool:hover, .products-land .item:hover .invert .filters-by-category li a.invert:hover, .products-land .item:hover .invert .invert.btn-cool:hover, .products-list .banner:hover .filters-by-category li a.invert:hover, .products-list .banner:hover .invert.btn-cool:hover { background-color: #fff; border-color: #ccc; color: #000 !important; } .btn-cool.invert-color, .btn-default.invert-color, .filters-by-category li a.invert-color { border-color: #c69c6d; background-color: #c69c6d; color: #fff !important; } .btn-default:hover { background-color: #fff; text-decoration: none; } .btn-cool:hover, .filters-by-category li .products-land .item a:hover, .filters-by-category li .products-land .item:hover .invert a:hover, .filters-by-category li .products-land .item:hover a:hover, .filters-by-category li .products-list .banner a:hover, .filters-by-category li .products-list .banner:hover .invert a:hover, .filters-by-category li .products-list .banner:hover a:hover, .filters-by-category li a.selected, .filters-by-category li a:hover, .products-land .item .btn-cool:hover, .products-land .item .filters-by-category li a:hover, .products-land .item:hover .btn-cool:hover, .products-land .item:hover .filters-by-category li a:hover, .products-land .item:hover .invert .btn-cool:hover, .products-land .item:hover .invert .filters-by-category li a:hover, .products-list .banner .btn-cool:hover, .products-list .banner .filters-by-category li a:hover, .products-list .banner:hover .btn-cool:hover, .products-list .banner:hover .filters-by-category li a:hover, .products-list .banner:hover .invert .btn-cool:hover, .products-list .banner:hover .invert .filters-by-category li a:hover { border-color: #242424; background-color: #242424; color: #c69c6d !important; text-decoration: none; } .btn-cool .icon:after, .btn-cool .icon:before, .filters-by-category li a .icon:after, .filters-by-category li a .icon:before { font-size: 12px; color: #c69c6d; margin-right: 5px; } .btn-cool.btn-md-sm, .filters-by-category li a.btn-md-sm { padding: 10px 20px; border-radius: 0; font-size: 1.1667em; line-height: 1.32em; height: 40px; } .btn-cool.btn-md, .filters-by-category li a.btn-md { padding: 10px 20px; border-radius: 0; font-size: 1.333em; line-height: 1.438em; height: 43px; } .btn-cool.btn-lg, .filters-by-category li a.btn-lg { padding: 15px 18px; border-radius: 0; font-size: 1.5em; line-height: 1.222em; height: 53px; } @media (max-width: 480px) { .btn-cool.btn-lg, .filters-by-category li a.btn-lg { padding: 10px 10px; font-size: 1.1em; line-height: 1.222em; height: auto; } } .btn-space { width: 20px; display: block; } .vertical_title_outer { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; height: 35px; width: 273px; text-align: left; margin-left: -273px; font-size: 18px; line-height: 32px; white-space: nowrap; padding: 0 10px; border: 1px solid #cacaca; text-transform: uppercase; } .vertical_title_outer span { display: block; width: 100%; height: 100%; } .vertical_title_outer.title-md { width: 243px; margin-left: -243px; } .vertical_title_outer.title-sm { width: 223px; margin-left: -223px; } .pull-left.padding-left { padding-left: 40px; } .solid-line { height: 10px; border-top: 1px solid #cacaca; margin-bottom: 25px; } .solid-line.right-space { margin-right: 70px; } .solid-line.right-space.no-right-space { margin-right: 0; } .subtitle { overflow: hidden; margin-bottom: 25px; } .subtitle.right-space { margin-right: 70px; } .subtitle.right-space.no-right-space { margin-right: 0; } .subtitle div { text-align: center; } .subtitle div span { display: inline-block; position: relative; font-size: 18px; line-height: 20px; text-transform: uppercase; color: #000; } .subtitle div span:after, .subtitle div span:before { content: ""; position: absolute; height: 1px; border-top: 1px dotted #cacaca; top: 10px; width: 600px; } .subtitle div span:before { right: 100%; margin-right: 15px; } .subtitle div span:after { left: 100%; margin-left: 15px; } .animate-bg { color: #fff; background-color: #555; margin: 20px 0 15px; overflow: hidden; position: relative; z-index: 101; clear: both; margin: auto; } .block-carousel .block-title strong span.more { position: absolute; } .animate-bg .subtitle div span { color: #fff; } .animate-bg .subtitle div span:after, .animate-bg .subtitle div span:before { border-color: #fff; } .social-widget .widget-outer { margin-bottom: 15px; } .boxed .content.social-widget { padding-left: 10px; padding-right: 10px; } .back-to-top { top: 244px; cursor: pointer; display: none; position: fixed; right: 0; text-align: center; width: 80px; z-index: 10000; background-color: #e4e4e4; } .back-to-top span.arrow-up { position: absolute; top: -6px; -webkit-animation: bounce 0.4s ease-in-out infinite alternate; animation: bounce 0.4s ease-in-out infinite alternate; } .back-to-top span.arrow-up { top: -20px\9; } .navbar { width: 100%; border-radius: 0; top: 0; margin-bottom: 0; border: 0 !important; } .navbar .background { z-index: 1; } @media (max-width: 767px) { .navbar { width: 100%; margin-bottom: 0; } } @media (max-width: 767px) { .navbar .background { padding-top: 0; padding-bottom: 0; border-bottom: 1px dotted #bcbcbc; } } .navbar-main-menu, .navbar-main-menu .item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .navbar-main-menu-outer { margin-top: 18px; background: #303030; } @media (max-width: 991px) { .navbar-main-menu .item .btn-main { padding: 0 6px; font-size: 1.15em; } .navbar-main-menu .item .line:before { left: -6px !important; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .navbar-main-menu .item .btn-main { padding: 0 6px !important; } .navbar-main-menu .item .line:before { left: -6px !important; } } @media (max-width: 1199px) { .navbar-main-menu .item:first-child { margin-left: -6px; } } @media (max-width: 991px) { .navbar-main-menu .item:first-child { margin-left: -6px; } } @media (max-width: 359px) { .dropdown-menu { min-width: 128px; } } .navbar-welcome { padding: 26px 0 0; } @media (min-width: 992px) and (max-width: 1199px) { .navbar-welcome { padding: 22px 10px; } } @media (max-width: 767px) { .navbar-logo { width: 40%; margin: 5px 0 0; } .navbar-logo img { max-width: 100%; } } .top-link { text-align: right; } .top-link .btn-outer { display: inline-block; margin: 0 5px; } .top-link .btn-outer:last-child { margin-right: 0; } .top-link .btn-default { border: 0; border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .top-link .btn-default:hover { background: 0 0; -webkit-box-shadow: none; box-shadow: none; } .top-link .btn-shopping-cart .icon { margin-right: 0; } .top-link .btn-shopping-cart .btn-default { margin: 0; padding-right: 0; } .top-link .btn-shopping-cart .btn-default .icon { width: auto; } .top-link .btn-search .btn-xs, .top-link .btn-shopping-cart .btn-xs { height: auto; } .top-link .btn-search .btn-xs { margin: 0; padding-right: 2px; padding-left: 18px; } .top-link .btn-search .btn-xs .icon { margin: -2px 0 0; } .top-link .btn-shopping-cart .badge { font-size: 10px; font-weight: 400; line-height: 14px; top: -8px; left: -8px; min-width: 14px; padding: 0; text-align: center; color: #fff; border-radius: 7px; background: #c69c6d; } .myfavorite .badge { font-size: 10px; font-weight: 400; line-height: 14px; top: -2px; left: -15px; min-width: 14px; padding: 0; text-align: center; color: #fff; border-radius: 7px; background: #c69c6d; } .navbar-secondary-menu { position: relative; z-index: 1200; padding-top: 12px; text-align: left; } #search_autocomplete { background-color: #c69c6d; z-index: 999; } #search_autocomplete li { color: #fff; padding: 5px 15px; border-bottom: 1px solid #e2c19b; } #search_autocomplete li:hover { color: #fff; padding: 5px 15px; border-bottom: 1px solid #e2c19b; background-color: #dab78e; } @media (max-width: 767px) { .navbar-secondary-menu { height: auto; padding-top: 0; text-align: left; margin-left: -10px; } } .navbar-secondary-menu .drop-title { display: none; } .navbar-secondary-menu .btn-group { position: relative; margin: 0; padding: 0; border: 0; } .navbar-secondary-menu .btn-group:hover > .dropdown-menu { display: block !important; left: 0; right: -5px; max-width: 200px; } .dropdown-menu > li > a img { margin: 5px 5px 0 0; } @media (max-width: 767px) { .navbar-secondary-menu .btn-group:hover > .dropdown-menu { left: 0; right: auto; } } @media (max-width: 767px) { .navbar-secondary-menu .btn-group:nth-child(n 4):hover > .dropdown-menu { left: auto; right: 0; } } .navbar-secondary-menu .dropdown-menu { margin-top: 0; text-align: left; } .navbar-secondary-menu .btn-default { border: 0; border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none; height: auto; } .navbar-secondary-menu .btn-default:hover { background: 0 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-secondary-menu .btn-xs { font-size: 1em; line-height: 2em; } .navbar-secondary-menu .icon { font-size: 13px; position: relative; display: block; float: left; margin-right: 14px; margin-left: 6px; color: #3f3f3f; } #newsLine { position: relative; z-index: 9989; line-height: 1.455em; padding: 0; height: 35px; line-height: 35px; font-size: 0.917em; margin: 5px 0; } .store-language-container { float: left; margin-right: 20px; } #newsLine .col-md-2 { width: auto; padding-right: 0; } #newsLine .login a { font-size: 13px; } #newsLine .login { padding-right: 20px; } .dropdown-menu { top: 35px; } #newsLine .title { padding-top: 1px; font-size: 1.333em; line-height: 1em; } #newsLine .title .icon { color: #c69c6d; margin-right: 10px; } .navbar-secondary-menu .btn-search { float: left; margin-left: 55px; display: none; } @media (min-width: 480px) and (max-width: 767px) { #newsLine .col-xs-5 { width: 70%; } } @media (min-width: 480px) and (max-width: 767px) { #newsLine .col-xs-5.top-link { width: 35%; } } #newsLine .navbar-secondary-menu { z-index: 1300; padding: 0; } .header-search { float: left; width: 42%; margin-top: 20px; margin-left: 40px; } .header-search .input-box input { float: left; width: 85%; height: 38px; line-height: 38px; padding: 0; text-indent: 15px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-right: none; box-shadow: 0px 2px 3px #dedbdb; } .header-search .input-box .button { float: left; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/search.png) no-repeat #ea0a7d; border: none; width: 47px; height: 40px; text-indent: -999em; border-bottom-right-radius: 20px; border-top-right-radius: 20px; } .navbar-compact .header-search { display: none; } .header-pay-ship { float: left; padding-top: 23px; } .shoppingcart-box { width: 320px; padding: 0 20px 20px; } .shoppingcart-box .title { background: #f15083; font-size: 1.333em; padding: 15px 20px; color: #fff; margin: 0 -20px; text-transform: uppercase; } .shoppingcart-box.empty { width: 170px; padding: 10px 15px; } .shoppingcart-box .list { margin: 0; padding: 0; list-style-type: none; height: 290px; overflow-y: auto; } .shoppingcart-box .item { padding: 12px 30px 7px 0; overflow: hidden; position: relative; border-bottom: 1px solid #bdbdbd; } .shoppingcart-box .buttons { position: absolute; right: 0; top: 10px; } .shoppingcart-box .image { width: 60px; display: block; float: left; } .shoppingcart-box .preview-image img { width: 100%; } .shoppingcart-box .description { margin-left: 80px; } .shoppingcart-box .price { display: block; padding-top: 8px; font-size: 1em; } .shoppingcart-box .total { text-align: right; padding: 6px 0 12px; } .shoppingcart-box .empty { padding: 10px 0 15px; display: none; } .shoppingcart-box .view-link { height: 37px; line-height: 37px; padding: 0 12px; border-radius: 3px; margin-left: 70px; float: left; margin-top: 3px; } .shoppingcart-box .view-link a { font-size: 14px; } .shoppingcart-box .view-link:hover { text-decoration: underline; } .shoppingcart-box a:hover { text-decoration: none; } .navbar-search { clear: both; position: relative; z-index: 1100; margin: 19px 0 -53px; } .navbar-search input.form-control { font-size: 1em; line-height: 1.5em; width: 125px; float: right; padding-top: 8px; } .navbar-search .form-control { padding-right: 32px; } .navbar-search .form-control:focus { width: 230px; } .navbar-search .button { float: right; margin-left: -34px; background: 0 0; font-size: 1.31em; position: relative; bottom: -1px; height: 34px; border: none; width: 34px; outline: 0; } .navbar-search .button:active { line-height: 0.8em; } .navbar-search .dropdown-search { display: none; position: absolute; right: 0; top: 34px; width: 100%; border: 1px solid #dcdcdc; -webkit-box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); border-radius: 4px; background: #fff; padding: 10px; font-size: 1em; } .navbar-search .dropdown-search ul { margin: 0; padding: 0; list-style: none; } .navbar-search .dropdown-search li { margin-bottom: 5px; cursor: pointer; } .navbar-search .dropdown-search li:hover { opacity: 0.6; } .navbar-search .dropdown-search li a { text-decoration: none; } .navbar-search .dropdown-search li .amount { float: right; padding-left: 5px; } @media (min-width: 768px) { .navbar-search input.form-control { border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; color: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .navbar-search:hover input.form-control { border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #fff; color: #000; } .navbar-search .button { color: #000; } .navbar-search:hover .button { color: #000; } .navbar-search .button, .navbar-search:hover input.form-control { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } } #openSearch { height: 0; background: #f5f5f5; overflow: hidden; } #openSearch .inside { padding: 7px 0 6px; height: 48px; border-bottom: 1px solid #b6b6b6; } #openSearch .input-outer { padding-right: 75px; width: 100%; } #openSearch .button-outer { margin-top: -30px; } #openSearch input.search-input { font-size: 1.833em; line-height: 1em; padding: 5px 0; height: 32px; color: #3d3d3d; text-transform: uppercase; border: none; background: 0 0; outline: 0; width: 100%; } #openSearch button, #openSearch button:active { border: none; background: 0 0; color: #3d3d3d; font-size: 22px; line-height: 32px; height: 32px; margin: 0 2px; padding: 0 5px; outline: 0; overflow: hidden; } #openSearch button.search-close { border-left: 1px solid #b6b6b6; } #openSearch button.search-close .icon { font-style: normal; font-size: 30px; margin-top: -1px; } .navbar-main-menu { z-index: 10; margin: 0; clear: both; list-style-type: none; position: relative; text-align: left; height: 46px; line-height: 46px; } .navbar-main-menu dt { font-weight: 400; } .navbar-main-menu .item { display: inline-block; height: 46px; line-height: 46px; padding: 0; padding-right: 20px; position: relative; } .navbar-main-menu .item .btn-main { position: relative; border-bottom: 0 solid #000; display: block; height: 46px; line-height: 46px; padding: 0 15px 0px; font-size: 15px; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; color: #fff; } .navbar-main-menu .item .btn-main { padding: 0 15px 0; } .navbar-main-menu .btn-main:hover { text-decoration: none; } .navbar-main-menu .with-sub .btn-main:hover { border-bottom: 5px solid #fe2388; } .navbar-main-menu .item .btn-main .icon { font-size: 1.12em; line-height: 0.3em; position: relative; bottom: -1px; margin-left: 1px; } .navbar-main-menu .item .btn-main .home { display: inline-block; } .navbar-main-menu .item-content, .navbar-main-menu dd { float: right; overflow: hidden; display: none; margin-left: -100%; width: 100%; margin-top: 38px !important; margin-bottom: -6px !important; background: #fff; position: relative; } ul.row-list { margin: 0; padding: 0; text-align: center; } ul.row-list li { display: inline; margin: 0 12px 0 0; padding: 0; font-size: 1em; text-transform: uppercase; font-weight: 400; } .touch ul.row-list { margin-right: 25px; } .no-touch .megamenuClose { opacity: 0; } .touch .megamenuClose { position: absolute; top: 0; right: 15px; display: block; width: 15px; height: 15px; z-index: 1000; } .touch .megamenuClose:before { font-family: Flaticon; content: "\e01a"; font-size: 20px; cursor: pointer; color: #c69c6d; } #menuScrollerWrapper { overflow: hidden; width: 100%; background: #fff; position: absolute; opacity: 0.92; height: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); z-index: 999; } #menuScrollerWrapper.color { background: #fff; } #menuScrollerWrapper .dropdown-small { background: #fff; text-transform: none; line-height: 28px; } #menuScrollerWrapper .dropdown-small ul.row-list { padding: 20px; text-transform: none; } #menuScrollerWrapper .dropdown-small ul.row-list li { text-transform: none; } #menuScrollerWrapper .navbar-main-submenu { margin: 25px 0; } #menuScrollerWrapper .container { padding: 0; } #menuScrollerWrapper { -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } #menuScrollerWrapper .navbar-main-submenu .wrapper-border .row .row > div { display: inline-block !important; float: none !important; vertical-align: top; margin: 0 -5px 0 0; } .navbar-main-submenu { color: #000; } .navbar-main-submenu .col-divider > div { border-left: 1px solid #cacaca; } .navbar-main-submenu .col-divider > div:first-child { border-left: none; } .navbar-main-submenu .exclusive { padding: 0.1em 0.8em; margin: 0; list-style-type: none; overflow: hidden; } .navbar-main-submenu .exclusive.top { padding-bottom: 20px; } .navbar-main-submenu .exclusive.bottom { padding-top: 15px; } .navbar-main-submenu .exclusive li { padding: 0; margin: 0 28px 0 0; float: left; text-transform: uppercase; } .navbar-main-submenu .exclusive li a { font-size: 1.167em; } .navbar-main-submenu .exclusive .icon { color: #c69c6d; position: relative; margin-right: 0.2em; } .navbar-main-submenu .wrapper-border { border: 1px solid #cacaca; padding: 25px 0; border-left: 0; border-right: 0; } .navbar-main-submenu .wrapper { padding: 40px 0 20px; } .navbar-compact { top: -60px; background: 0 0; z-index: 100; position: absolute; } .navbar-compact .header-left { float: none !important; width: 100%; } .navbar-compact .header-left .navbar-logo { width: auto !important; z-index: 1000; } .navbar-compact .compact-hidden, .navbar-compact .compact-hidden.hidden-xs { display: none !important; } .compact-visible { display: none !important; } .navbar-compact .compact-visible { display: block !important; } .navbar-compact .navbar-logo img { max-height: 60px; } .navbar-compact .navbar-secondary-menu .btn-default { border-left: 0; } .navbar-compact .navbar-main-menu { clear: none; padding-top: 25px; padding-left: 225px; margin-right: 25px; text-align: left; } .navbar-compact .top-link { padding: 25px 0 0; } .navbar-compact .navbar-main-menu .item .btn-main { padding-left: 5px; padding-right: 5px; height: 32px; } .navbar-compact .navbar-main-menu-outer { margin: -60px 0 0 0; border-top: 0; border-bottom: 0; } .navbar-compact .background { padding-top: 5px; min-height: 70px; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .navbar-compact .expand-nav.compact-hidden, .navbar-compact .expand-nav.compact-hidden.hidden-xs { display: block !important; } #menuScrollerWrapper { visibility: hidden; height: 0; } .navbar-compact .clearfix.visible-xs, .navbar-compact .clearfix.visible-xs:after, .navbar-compact .clearfix.visible-xs:before { display: none; } } .navbar-main-submenu .img-fullheight { position: relative; margin: 0; } .navbar-main-submenu .img-fullheight img { position: absolute; } .submenu-block .icon { position: relative; top: -2px; font-size: 1.2em; display: block; float: left; width: 2.5em; text-align: center; } .submenu-block .name { font-size: 1.167em; color: #041e3b; font-family: Crimson, Perpetua, Palatino, "Times New Roman", Times, serif; } .submenu-block .label { margin-left: 1.2em !important; padding: 0.3em; font-size: 0.9em; } .submenu-block ul { padding: 12px 0 18px; margin: 0 0 0 3.1em; list-style-type: none; } .submenu-block ul li { padding: 0; margin: 0; position: relative; text-transform: uppercase; font-size: 0.917em; color: #000; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/top_arrow.png) no-repeat left center; padding-left: 12px; height: 30px; line-height: 30px; background-size: 8px; } .submenu-block ul li a { font-weight: normal !important; } .submenu-block ul li:hover > a { text-decoration: underline; } .submenu-block-other { padding-bottom: 25px; } .submenu-block-other .title { padding-top: 25px; } .submenu-block-other ul { margin-left: 0; padding-top: 15px; } .submenu-block-other .img-responsive { border-radius: 3px; } .custom-block { overflow: hidden; padding: 24px 0; } .custom-block .item:hover .icon { border-color: #242424; background-color: #242424; color: #c69c6d !important; } .services-block { overflow: hidden; padding: 5px 0 8px; } .custom-block .item, .services-block .item { display: table; width: auto; margin: 0 auto; } .custom-block .item:hover, .services-block .item:hover { text-decoration: none; } .custom-block .icon, .services-block .icon { display: table-cell; vertical-align: middle; padding: 5px 0 0 1px; width: 3.5em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .services-block .anim-icon .icon { padding: 0 8px 0 0; } .custom-block .title, .services-block .title { display: table-cell; vertical-align: middle; font-size: 1.167em; line-height: 1.4em; text-transform: uppercase; } .menu-list { margin: 0; padding: 0; list-style-type: none; } .menu-list li { margin: 0; display: block; border-top: 1px solid #eee; } .menu-list li:first-child { border: none; } .menu-list li a { display: block; padding: 15px 20px 14px; font-size: 14px; line-height: 16px; text-decoration: none; font-family: Sintony, sans-serif; text-transform: uppercase; color: #2b2b2b; } .menu-list li a:hover { background: #f5f5f5; } .price { color: #4a4a4a; margin: 0 0.2em; } .price.old { text-decoration: line-through; font-size: 2em; } .price.new { font-size: 2em; color: #f5003a !important; } .rating .icon { color: #c69c6d; } #outer { overflow: hidden; } #off-canvas-menu, #outer-canvas { width: 100%; } body.off-canvas-menu-open #outer-canvas { margin-left: 0; overflow: hidden; position: relative; } body.off-canvas-menu-open.notouch #outer-canvas { margin-left: 280px; } #off-canvas-menu-toggle { display: block; } #off-canvas-menu { background: #242424; display: block; height: 100%; top: 0; width: 100%; z-index: 10001; overflow: auto; } #off-canvas-menu .expander-list { list-style-type: none; padding: 42px; } #off-canvas-menu .expander-list ul { margin-left: 10px; } #off-canvas-menu .expander-list .expander { color: #eee; font-size: 15px; margin-top: 3px; } #off-canvas-menu .expander-list .name { padding: 10px 0; color: #fff; font-size: 1.333em; } #off-canvas-menu ul li span.icon { font-size: 18px; line-height: 22px; padding: 0 10px 0 0; } #off-canvas-menu ul li li li { padding-left: 15px; } #off-canvas-menu ul li a { color: #fff; font-size: 15px; line-height: 26px; text-decoration: none; text-transform: uppercase; } #off-canvas-menu-close { background: #242424; display: none; right: 15px; top: 15px; position: absolute; text-align: center; text-decoration: none; z-index: 2; color: #fff; cursor: pointer; } #off-canvas-menu-close [class*=" icon-"]:before, #off-canvas-menu-close [class^="icon-"]:before { margin: 0; width: auto; line-height: 53px; } body.off-canvas-menu-open #off-canvas-menu-close { display: block; } body.off-canvas-menu-open #off-canvas-menu { display: block; left: 0; } body.off-canvas-menu-open #outer-overlay { background: none repeat scroll 0 0 #000; display: block; height: 100%; left: 0; min-height: 100% !important; opacity: 0.5; position: absolute !important; top: 0; width: 100% !important; z-index: 10000; } #outer-overlay { opacity: 0; z-index: 0; } .expander-list, .expander-list ul { margin: 0; padding: 0; list-style-type: none; } .expander-list li { margin: 0; } .expander-list .expander { float: right; cursor: pointer; padding: 0 8px; font-family: Verdana, Arial, Helvetica, sans-serif; } .expander-list .name { display: block; border-bottom: 1px solid #eee; padding: 7px 0 6px; } .expander-list ul .name { padding-left: 6px; } .expander-list ul ul .name { padding-left: 12px; } .expand-nav { left: 20px; position: absolute; top: 25px; } .expand-nav a { text-decoration: none; } .expand-nav .nav-item > a { display: block; float: left; height: 53px; left: 0; position: absolute; text-align: center; text-decoration: none; top: 0; width: 47px; z-index: 2; } .expand-nav .nav-item > a .icon { color: #3b3b3b; font-size: 24px; line-height: 50px; margin-top: 5px; position: relative; } .btn-cool { background: #ddd; } li { list-style: none; } .blog-widget { overflow: hidden; padding: 15px 0 30px; margin: 0 0 15px; } .touch .blog-widget { background-position: 50% 50%; } .no-touch .blog-widget { -webkit-backface-visibility: visible; } @media (max-width: 767px) { .blog-widget { padding: 0; } } .blog-widget .subtitle span { font-size: 30px; line-height: 30px; font-weight: 700; color: #c69c6d; } .blog-widget .subtitle div span:after, .blog-widget .subtitle div span:before { top: 13px; } @media (max-width: 767px) { .blog-widget .subtitle span { font-size: 24px; } } .blog-widget .subtitle div span:after, .blog-widget .subtitle div span:before { border-color: #c69c6d; } .blog-widget .content { overflow: hidden; background: #f0f0f0; } .blog-widget h3 { text-decoration: none; color: #fff; } .blog-widget a { color: #000; text-decoration: none; } .blog-widget a:hover { text-decoration: none; } .blog-widget .posts { width: 100%; padding: 0 5%; position: relative; } @media (max-width: 767px) { .blog-widget .posts { padding: 0 10%; } } .blog-widget .slides div.carousel-item { background: none repeat scroll 0 0 #f5f5f5; color: #333; font-size: 14px; line-height: 15px; margin: 0; padding: 10px 10px 5px; text-align: left; text-decoration: none; -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); width: auto; } @media (min-width: 480px) and (max-width: 767px) { .blog-widget .slides div.carousel-item { font-size: 12px; } } .blog-widget .slides div.carousel-item .date { font-size: 11px; display: block; } .blog-widget .slides div.carousel-item img { width: 100%; margin-bottom: 5px; } .blog-widget .slides div.carousel-item { -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } .blog-widget .slides div.carousel-item:nth-child(even) { -ms-transform: rotate(2deg); transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } .blog-widget .slides div.carousel-item:nth-child(3n) { -webkit-transform: none; -moz-transform: none; position: relative; top: -5px; } .blog-widget .slides div.carousel-item:nth-child(5n) { -ms-transform: rotate(4deg); transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; right: 5px; } .blog-widget .slides div.carousel-item:nth-child(8n) { position: relative; top: 8px; right: 5px; } .blog-widget .slides div.carousel-item:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); position: relative; z-index: 5; } .blog-widget .slides div.carousel-item { -webkit-transition: -webkit-transform 0.2s linear 0s; transition: transform 0.2s linear 0s; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); } .blog-widget .slides div.carousel-item:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); } .blog-widget .slick-list { overflow: visible !important; margin: -15px; padding: 15px 15px 30px; } .blog-widget .slick-slide { opacity: 0 !important; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .blog-widget .slick-slide.slick-active { opacity: 1 !important; } .blog-widget-small { max-height: 360px; } .blog-widget-small .slides { margin: 0; padding: 0; list-style-type: none; } .blog-widget-small .slides .carousel-item { margin: 0; padding: 0; height: 112px !important; overflow: hidden; float: none !important; } .blog-widget-small .post { padding: 0 0 15px 0; } .blog-widget-small .image { display: block; float: left; margin-right: 17px; width: 90px !important; overflow: hidden; } @media (min-width: 992px) and (max-width: 1199px) { .blog-widget-small .image { width: 65px !important; } } .blog-widget-small .image img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .blog-widget-small .image:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .blog-widget-small .text { overflow: hidden; } .blog-widget-small .post .name { text-transform: uppercase; } .blog-widget-small .post span a { color: #c69c6d; text-decoration: underline; } .blog-widget-small .post span a:hover { text-decoration: none; } .social-buttons { margin-bottom: 5px; overflow: hidden; line-height: 36px; } .socials { margin: 0; padding: 5px 0 0; list-style-type: none; overflow: hidden; display: inline; } .socials li { float: left; margin-right: 5px; margin-bottom: 5px; } .socials a { display: block; border: 1px solid #efb1cd; width: 34px; line-height: 32px; text-align: center; color: #fe2388; border-radius: 50%; margin-right: 10px; } .socials a.active, .socials a:hover { text-decoration: none; background: #fe2388; color: #fff !important; } .socials .icon:after, .socials .icon:before { margin: 0; } .socials.socials-lg { padding: 0 0 0 1px; } .socials.socials-lg li { float: left; margin: 0 0 1px 1px; } .socials.socials-lg.space li { margin-bottom: 5px; float: none; display: inline-block; margin: 0 5px 6px 0; } .socials.socials-lg a { width: 41px; line-height: 37px; color: #fe2388; } .socials.socials-xl a { width: 54px; line-height: 48px; } .socials.socials-xl { padding: 0 0 0 1px; } .socials.socials-xl li { float: left; margin: 0 0 -1px -1px; } .sign-btn { display: inline-block; position: relative; min-width: 112px; height: 32px; padding: 8px 10px 8px 42px; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); color: #fff; font-size: 1.1em; line-height: 1.2em; text-decoration: none; overflow: hidden; } .sign-btn .icon { position: absolute; left: 0; top: 0; font-size: 32px; line-height: 22px; width: 32px; height: 32px; text-align: center; color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.15); } .sign-btn.sign-btn-facebook { background: #4660a9; } .sign-btn.sign-btn-twitter { background: #28aae1; } .sign-btn:hover { color: #fff; text-decoration: none; } @media (max-width: 767px) { .content.nopad-xs { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767px) { .input-control input.form-control { width: 100%; } } @media (max-width: 767px) { .tab-content { padding: 20px 20px 15px; border: none; margin-bottom: 20px; } } @media (max-width: 991px) { .module { margin-bottom: 35px; } .slider-products.module { margin-bottom: 0; } } .banner-circle { position: relative; cursor: pointer; } .banner-circle .image { width: 100%; height: 100%; overflow: hidden; position: relative; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #fff); } .banner-circle .image img { max-width: 100%; } .banner-circle .title { position: absolute; display: table; vertical-align: middle; top: 70%; text-align: center; width: 100%; padding: 0 10px; background: #f5f5f5; background: rgba(255, 255, 255, 0.9); color: #000; margin-top: -40px; line-height: 40px; height: 80px; font-size: 1.5em; text-transform: uppercase; display: none; } .banner-circle .title span { display: table-cell; vertical-align: middle; } .circle_banners .slick-next, .circle_banners .slick-prev { top: auto; bottom: -35px; right: 15px; } .circle_banners .slick-prev { right: 49px; } @media (min-width: 768px) and (max-width: 991px) { .banner-circle .title { line-height: 35px; font-size: 1.5em; height: 60px; margin-top: -30px; } } @media (max-width: 767px) { .banner-circle .title { line-height: 20px; font-size: 1.5em; height: 40px; margin-top: -20px; } } @media (min-width: 768px) and (max-width: 991px) { .accord-panel { margin-bottom: 50px; } } @media (min-width: 480px) and (max-width: 767px) { .accord-panel { margin-bottom: 50px; } } #mobileAccord .carousel-item.slick-slide { width: auto !important; } @media (max-width: 480px) { #mobileAccord { height: 256px; overflow: hidden; } #mobileAccord .accord-panel { padding: 0; margin-left: -1px; } #mobileAccord .accord-panel:first-child { margin: 0; } #mobileAccord .accord-panel.closed { width: 35px; overflow: hidden; } #mobileAccord .accord-panel.open { width: auto; } #mobileAccord .vertical_title_outer { cursor: pointer; } #mobileAccord .carousel_outer { min-width: 320px !important; padding-left: 40px; } #mobileAccord .blog-widget-small .image { width: 60px !important; margin-right: 5px; } } @media (max-width: 320px) { #mobileAccord .carousel_outer { min-width: 220px !important; } } .panel-body .carousel-item.slick-slide { width: auto !important; } .small-photos { margin-bottom: 15px; overflow: hidden; max-height: 280px; } .small-photos img { display: inline-block; overflow: hidden; } .small-photos a { display: block; float: left; margin: 0 0 4px 4px; width: 66px; height: 66px; overflow: hidden; } .small-photos img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .small-photos a:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .testimonials-widget .slick-list { min-height: 250px; } .testimonials-widget .text { padding: 10px 7px; color: #efefef; border: 1px solid #616161; background: #3a3a3a; position: relative; } .testimonials-widget .carousel-item { overflow: hidden; padding: 0 0 15px; } .testimonials-widget .arrow { display: block; position: absolute; bottom: -6px; left: 10px; width: 0; height: 0; border-top: 6px solid #3a3a3a; border-left: 6px solid transparent; border-right: 6px solid transparent; } .testimonials-widget .author { color: #fff; margin-top: 10px; } .video-link { width: 16%; float: left; margin: 10px 0 0 0; } .video-link a { position: relative; text-decoration: none; } .video-link .img-outer { position: relative; text-align: center; } .video-link .img-outer:after { position: absolute; z-index: 100; top: 0; left: 0; right: 0; font-family: Flaticon; content: "\e043"; color: #fff; font-size: 3em; } .video-link img { width: 100%; } .slider-nav-outer .video-link { margin: 0; } .slider-nav-simple { width: 75%; margin: 25px 0 45px; float: left; } .slider-nav-simple .slick-slide img { cursor: pointer; } .slider-nav-outer { width: 33.3%; } @media (max-width: 480px) { .slider-nav-outer { width: 100%; } } .slider-nav { width: 75%; float: left; background: #c3c6c3; } .slider-nav .slick-slide img { opacity: 1; cursor: pointer; } .slider-nav .slick-slide.slick-center img, .slider-nav .slick-slide.slick-slide-current img { opacity: 1; } #hover-left, #hover-right { position: absolute; height: 100%; left: 0; background: rgba(217, 216, 213, 0.7); z-index: 1000; } #hover-right { left: auto; right: 0; } .accordion-simple { text-align: left; } .accordion-simple .panel-heading { padding: 0; float: left; } .accordion-simple .panel-heading a { display: block; position: relative; font-size: 1.167em; line-height: 1em; font-weight: 700; text-transform: uppercase; padding: 22px 18px 20px 0; border-top: 1px solid #cacaca; } .accordion-simple .panel-heading a:hover { text-decoration: none; } .accordion-simple .panel .panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; margin: 0; } .accordion-simple .panel:first-child .panel-heading a { border-top: none; } .accordion-simple .arrow-down, .accordion-simple .arrow-up { display: block; position: absolute; font-size: 1.54em; top: 50%; right: 0; margin-top: -0.35em; } .accordion-simple .arrow-down, .accordion-simple .collapsed .arrow-up { display: none; } .accordion-simple .collapsed .arrow-down { display: inline; } .accordion-simple .panel-body { border-top: 0 !important; padding: 0 0 10px; } .accordion-faq { text-align: left; position: relative; } .accordion-faq .panel { border-radius: 0; margin-left: 73px; box-shadow: none; -webkit-box-shadow: none; overflow: visible; } .accordion-faq .panel .panel-heading { padding: 0; color: #fff; border-radius: 0 !important; display: table; width: 100%; } .accordion-faq .panel-heading a { display: table-cell; width: 100%; vertical-align: middle; position: relative; background: #f0f0f0; font-size: 0.9167em; padding: 10px 5px 12px 15px; border-radius: 0; height: 61px; min-height: 61px; text-transform: uppercase; border: 1px solid #cacaca; } .accordion-faq .panel-heading a:hover { text-decoration: none; } .accordion-faq .panel:last-child { -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .accordion-faq .arrow-down, .accordion-faq .arrow-up { position: absolute; display: block; width: 63px; height: 61px; font-size: 2em; line-height: 59px; text-align: center; top: 0; left: -73px; background: #f0f0f0; border: 1px solid #cacaca; } .accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up { display: none; } .accordion-faq .collapsed .arrow-down { display: block; } .accordion-faq .panel-body { border-top: 0 !important; padding: 15px; background: #fff; border: 1px solid #cacaca; border-top: none; } .accordion-faq.panel-group .panel .panel { margin-top: 3px; } #checkOut .panel-default { border: none; border-radius: 0; } #checkOut .panel-default .panel-title { padding: 0; font-size: 1.5em; } #checkOut .panel-default > .panel-heading { background-color: #fff; border: 1px solid #cacaca; border-radius: 0; padding: 0; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; } #checkOut .panel-default > .panel-heading.active, #checkOut .panel-default > .panel-heading:hover { background-color: #3b3b3b; border: 1px solid #3b3b3b; color: #fff; } #checkOut .panel-default > .panel-heading:hover { -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; -o-transition: all 0.5s 0s ease; } #checkOut .panel-default > .panel-heading a { padding: 15px 15px; display: block; color: #000; text-decoration: none; text-transform: uppercase; outline: 0; } #checkOut .panel-default > .panel-heading.active a, #checkOut .panel-default > .panel-heading:hover a { color: #fff; } #checkOut .panel-default > .panel-heading a span { padding-right: 25px; } #checkOut .panel-body { padding: 30px 50px; border: 1px solid #cacaca; border-top: 0; } #checkOut .panel-body ul { padding: 0; margin: 0 0 10px; } #checkOut .panel-body li { padding-bottom: 5px; list-style: disc; list-style-position: inside; } .breadcrumbs { background: 0 0 !important; position: relative; text-transform: capitalize; margin-bottom: 15px; margin-top: -1px; } .breadcrumbs { font-size: 0.833em; line-height: 2.75em; margin-top: 10px; } .breadcrumbs a, .breadcrumbs span { display: inline-block; text-decoration: none; } .breadcrumbs .divider { padding: 0 15px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/divider-breadcrumb.png) no-repeat center 0; } .content-center { float: right; margin-bottom: -25px; border-left: 1px solid #ccc; } .breadcrumbs .crumbsbold { font-weight: bold; } @media (max-width: 767px) { .content-center { float: none; } } .content-aside { float: left; -webkit-box-shadow: inset -1px 0 0 #fff; box-shadow: inset -1px 0 0 #fff; border: 1px solid #ccc; width: 20%; padding: 0; right: 0; } @media (max-width: 767px) { .content-aside { float: none; } } .content-aside section h3 { font-weight: 700; font-size: 1.167em; } .filters-panel { padding: 1.3em 0 2.3em; } .filters-panel a { text-decoration: none; } .filters-panel .divider { height: 25px; } .filters-panel .divider:after { content: " "; display: block; height: 10px; border-bottom: 1px solid #e9e9e9; } .filters-panel .sort-select .dropdown-menu { min-width: 98px; } .filters-panel .sort-select .value { min-width: 60px; } .filters-panel .sort-select-arrow.up .down { display: none; } .filters-panel .sort-select-arrow.down .down, .filters-panel .sort-select-arrow.up .up { display: inline; } .filters-panel .sort-select-arrow.down .up { display: none; } .filters-panel .perpage-select .dropdown-menu { min-width: 53px; } .filters-panel .perpage-select .value { min-width: 15px; } .filters-panel .view-mode { text-align: left; overflow: hidden; margin-bottom: 10px; margin-top: 0; } .filters-panel .view-mode a, .pagination a { display: block; float: left; margin-right: 11px; border: 1px solid #ccc; width: 36px; height: 36px; line-height: 34px; color: #c69c6d; text-align: center; } .filters-panel a.sort-icon { display: block; float: left; width: 23px; line-height: 34px; color: #c69c6d; text-align: center; } .filters-panel .view-mode a.active, .filters-panel .view-mode a:hover { text-decoration: none; border-color: #999; } .filters-panel .view-mode a:last-child, .pagination a:last-child { margin-right: 0; } .pagination { margin: 0; } .pagination a { font-size: 0.9em; margin-left: 0; margin-right: 11px; } .pagination a.icon:before { font-size: 12px; } .pagination a.icon.pagination-prev { padding-right: 2px; } @media (max-width: 1199px) { .pagination a { margin-right: 3px; width: 36px; } .filters-panel .view-mode a { margin-right: 5px; } } .pagination a:hover { text-decoration: none; border-color: #999; } .panel { -webkit-box-shadow: none; box-shadow: none; } .filters-by-category { margin: 30px 0 40px; } .filters-by-category ul { padding: 0; margin: 0; } .filters-by-category li { margin: 0 6px 6px; height: 37px; display: inline-block; } .filters-by-category li a { display: block; } a.sort-icon.sort-icon-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } a.sort-icon.sort-icon-up { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } a.sort-icon:hover { color: #000; } a.sort-icon:before { font-size: 12px; } .custom-block { padding: 1.5em 0 2em; margin-bottom: 20px; } .custom-block .text { display: table-cell; vertical-align: middle; font-size: 1em; padding-left: 20px; } .custom-block .item { margin: 5px 0; padding: 0; min-height: 59px; } .custom-block .icon { border: 1px solid #d0d0d0; width: 59px; height: 59px; color: #c69c6d; text-align: center; padding: 3px 0 0; } .custom-block .icon:after, .custom-block .icon:before { font-size: 30px; } @media (max-width: 991px) { .custom-block .item { float: left; width: 50%; } } .google-map { width: 100%; height: 270px; margin: 0; border: 0; overflow: hidden; } #pluginIdTFPU, #pluginIdTFPU_2 { display: none; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 100%; padding: 0 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 31.5%; } .countdown-show4 .countdown-section { width: 22.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown-period { display: block; } .countdown-descr { display: block; width: 100%; } .countdown_box { color: #272727; left: 0; line-height: 18px; position: absolute; text-align: center; top: 30%; width: 100%; z-index: 999; } .countdown_inner { overflow: hidden; border: 1px solid #cfcfcf; margin: 0; padding: 5px 5px 10px; background: rgba(255, 255, 255, 0.9); text-align: center; } .countdown_inner .title { margin: 0 0 5px; font-size: 9px; color: #000; text-transform: uppercase; } .countdown-section { display: inline-block; text-align: center; border: 1px solid #dedede; background: #fbfbfb; margin: 0 1px 0 0; font-size: 7px; line-height: 10px; text-transform: uppercase; } .countdown-amount { color: #000; font-size: 20px; line-height: 20px; } .product-preview:hover .countdown_box { display: none; } .category { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); padding: 10px; margin-bottom: 25px; } .category h4 { font-size: 1em; text-transform: uppercase; margin: 10px 0 0 0; padding: 0; } .category img { width: 100%; } @media (max-width: 480px) { .category-banners .col-xs-6 { width: 100%; float: none; margin-bottom: 10px; } } .nav-tabs { overflow: hidden; position: relative; white-space: nowrap; border-bottom: none; margin-bottom: -1px; } .nav-tabs > li { display: inline-block; float: none; margin-bottom: 0; } .nav-tabs > li > a { border: 1px solid #d0d0d0; border-bottom: none; border-radius: 0; font-size: 16px; line-height: 1.25em; margin-right: 2px; padding: 13px 15px; text-transform: uppercase; } @media (max-width: 479px) { .nav-tabs > li { display: block; float: none; margin-bottom: 0; } .nav-tabs > li > a { padding: 10px 10px; margin-right: 0; } } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #3a3a3a; border-color: #3a3a3a; color: #fff; cursor: default; border-bottom: none; } .tab-content { border: 1px solid #d0d0d0 !important; margin-bottom: 20px; padding: 20px 20px 15px; } .label.label-hot, .label.label-new, .label.label-newl, .label.label-sale, .label.label-sale-percent { position: absolute; border-radius: 0; padding: 0 5px; min-width: 37px; height: 23px; font-size: 9px; line-height: 23px; text-align: center; text-transform: uppercase; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-family: Arial, Helvetica, sans-serif; } .label.label-hot:after, .label.label-new:after, .label.label-newl:after, .label.label-sale-percent:after, .label.label-sale:after { content: " "; display: block; position: absolute; bottom: -2px; margin-left: -2px; left: 50%; width: 0; height: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 2px solid transparent; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .label.label-hot, .label.label-newl, .label.label-sale { top: 0; left: 0; background: #f5003a; color: #fff; z-index: 4; display: none; } .label.label-hot:after, .label.label-newl:after, .label.label-sale:after { border-top-color: #f5003a; } .label.label-new { top: 0; right: 0; background: #8e8e8e; color: #fff; z-index: 4; } .label.label-new:after { border-top-color: #8e8e8e; } .label.label-sale-percent { top: 23px; left: 0; background: #fff; color: #575757; z-index: 3; display: none; } .label.label-sale-percent:after { border-top-color: #fff; } .label.label-hot, .label.label-newl { right: -5px; left: auto; top: -12px; padding: 2px 3px; line-height: 12px; min-width: 27px; height: 16px; -webkit-box-shadow: 0 0; box-shadow: 0 0; font-family: Arial, Helvetica, sans-serif; } .label.label-newl { background: #8e8e8e; } .label.label-hot:after, .label.label-newl:after { -webkit-box-shadow: 0 0; box-shadow: 0 0; } .label.label-newl:after { border-top-color: #8e8e8e; } .slider-range .max { padding-top: 23px; float: right; } .slider-range .min { padding-top: 23px; float: left; } .slider-range .max { padding-top: 23px; float: right; } .slider-range .min { padding-top: 23px; float: left; } .live-chat { position: fixed; bottom: -308px; right: 0; z-index: 5000; cursor: pointer; width: 306px; height: 340px; color: #2b2b2b; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } .live-chat.active { bottom: -3px; } .live-chat .head { height: 32px; background: #f5003a; font-size: 1.23em; line-height: 2.2em; color: #fff; text-transform: uppercase; } .live-chat .head span.icon-left { display: block; float: left; height: 32px; line-height: 2em; text-align: center; color: #fff; background: -webkit-gradient( linear, left top, left bottom, from(#848484), to(#656565) ); background: -webkit-linear-gradient(#848484, #656565); background: linear-gradient(#848484, #656565); width: 32px; margin-right: 11px; padding: 2px 2px 0 0; } .live-chat .head span.caret { display: block; float: right; color: #fff; margin: 12px 5px 0 0; border: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))"; zoom: 1; } .live-chat .head span.caret:before { font-family: flaticon; content: "\e02d"; } .live-chat.active span.caret { margin: 20px 35px 0 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90))"; zoom: 1; } .live-chat .tab-content { background: #fff; height: 308px; padding: 20px; } .live-chat .tab-content .form-group { margin: 0 0 8px; } .live-chat .tab-content .form-group textarea { height: 95px; } .live-chat .tab-content .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; color: #494949 !important; display: block; font-size: 1em; height: 25px; padding: 5px 6px; margin-bottom: 10px; text-transform: uppercase; border-radius: 0; } .filters-by-category li .live-chat .tab-content a, .live-chat .tab-content .btn-cool, .live-chat .tab-content .filters-by-category li a { height: 36px; width: 100%; margin-top: 7px; } .live-chat { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .subscribe .button { margin-left: -25px; } @media (max-width: 991px) { .subscribe { border-top: 1px solid #cacaca; margin-top: -15px; } .subscribe .button { margin-left: 0; } .subscribe .form-inline { padding-bottom: 10px; } .subscribe h3 { text-align: left; } } @media (min-width: 992px) { .subscribe { border: 1px solid #cacaca; padding: 30px 15px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/contacts-back.png) no-repeat -25px -10px #fff; } .subscribe h3 { line-height: 2em; padding: 0; text-align: right; } } #popup-box-outer { display: none; } #popup-box { position: relative; width: 830px; margin: 0 auto; overflow: hidden; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/newsletter-bg.jpg) no-repeat right 0; padding: 40px 30px 10px; } #popup-box h1 { font-size: 3em; margin-bottom: 30px; } #popup-box .input-control input.form-control { width: 340px; } #popup-box .inline { vertical-align: text-top; text-transform: uppercase; line-height: 1em; display: inline-block; } #popup-box .mfp-close { color: #000; } @media (min-width: 768px) and (max-width: 991px) { .responsive #popup-box { width: 500px; } .responsive #popup-box .input-control input.form-control { width: 300px; } } @media (max-width: 767px) { .responsive #popup-box { width: 300px; padding: 20px 10px; } .responsive #popup-box .input-control input.form-control { width: 200px; } } .table-row > tbody > tr:nth-child(2n 1) > td, .table-row > tbody > tr:nth-child(2n 1) > th, .table-striped > tbody > tr:nth-child(2n 1) > td, .table-striped > tbody > tr:nth-child(2n 1) > th { background-color: #f9f9f9; } .table-row > tbody > tr:nth-child(2n 1) > td, .table-row > tbody > tr:nth-child(2n 1) > th { background-color: transparent; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th { border-top: 1px solid #cacaca; padding: 8px; } .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; } .table > caption thead > tr:first-child > td, .table > caption thead > tr:first-child > th, .table > colgroup thead > tr:first-child > td, .table > colgroup thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 1px solid #cacaca; padding: 8px; } .table > colgroup thead > tr:first-child > th { background: #cacaca; border-color: #cacaca; height: 26px; line-height: 26px; } .table > tbody > tr.odd > td { background: #f9f8f8; padding: 12px 8px; } .table-shop { width: 100%; text-transform: uppercase; margin-bottom: 25px; margin-top: 15px; } .table-shop .product-name { width: 40%; } .table-shop img { min-width: 80px; max-width: 100px; text-align: center; } .table-shop > thead > tr > th { border: none; text-transform: uppercase; padding: 10px 10px; font-weight: 400; text-wrap: nowrap; } .table-shop > tbody > tr > td { border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9; padding: 5px; vertical-align: top; } .table-shop > tbody > tr > td a:hover { text-decoration: underline; } .table-shop .input-quantity { width: 40px; display: inline; text-align: center; height: 30px; line-height: 1.4em; padding: 5px 10px; } .table-shop .icon { color: #c69c6d; } @media (max-width: 767px) { .table-shop > thead { display: none; } .table-shop, .table-shop tbody, .table-shop td, .table-shop tr { display: block; border: 0; width: 100%; } .table-shop td { padding: 10px; position: relative; padding-left: 50% !important; } .table-shop td.notitle { padding-left: 20px !important; text-align: center !important; } .table-shop td.text-center { text-align: left; } .table-shop td.no_title { padding-left: 0 !important; text-align: center; } .table-shop td div.th_title { position: absolute; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: right; } .table-shop td div.th_title.input-label { line-height: 3em; } } table.table-total { border: none; text-align: left; border-bottom: 2px solid #e9e9e9; margin-bottom: 20px; } table.table-total tr > td, table.table-total tr > th { border: none; padding: 5px 0 0 0; width: 47%; } table.table-total tr > td.td-divider, table.table-total tr > th.td-divider { width: 6%; } table.table-total h2 { font-size: 1.6em; font-weight: 700; } .images-gallery { overflow: hidden; margin-bottom: 45px; } .images-gallery .images-nospace .image-thumbnail { float: left; } .images-gallery.three-columns .images-nospace .image-thumbnail { width: 33.3333333333%; } @media (max-width: 479px) { .images-gallery.three-columns .images-nospace .image-thumbnail { width: 50%; } } @media (min-width: 480px) and (max-width: 767px) { .images-gallery.three-columns .images-nospace .image-thumbnail { width: 33.3333333333%; } } @media (min-width: 768px) and (max-width: 991px) { .images-gallery.three-columns .images-nospace .image-thumbnail { width: 33.3333333333%; } } .images-gallery.five-columns .images-nospace .image-thumbnail { width: 20%; } @media (max-width: 479px) { .images-gallery.five-columns .images-nospace .image-thumbnail { width: 33.3333333333%; } } @media (min-width: 480px) and (max-width: 767px) { .images-gallery.five-columns .images-nospace .image-thumbnail { width: 33.3333333333%; } } @media (min-width: 768px) and (max-width: 991px) { .images-gallery.five-columns .images-nospace .image-thumbnail { width: 20%; } } .images-gallery.four-columns .images-nospace .image-thumbnail { width: 25%; } @media (max-width: 479px) { .images-gallery.four-columns .images-nospace .image-thumbnail { width: 50%; } } @media (min-width: 480px) and (max-width: 767px) { .images-gallery.four-columns .images-nospace .image-thumbnail { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .images-gallery.four-columns .images-nospace .image-thumbnail { width: 25%; } } .images-gallery.two-columns .images-nospace .image-thumbnail { width: 50%; } @media (max-width: 479px) { .images-gallery.two-columns .images-nospace .image-thumbnail { width: 50%; } } @media (min-width: 480px) and (max-width: 767px) { .images-gallery.two-columns .images-nospace .image-thumbnail { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .images-gallery.two-columns .images-nospace .image-thumbnail { width: 50%; } } .images-gallery .images-nospace .image-thumbnail img { width: 100%; } .images-nospace .image-thumbnail { position: relative; border: none; padding: 0; } .images-nospace .image-thumbnail .hover { position: absolute; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(30, 30, 30, 0.7); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; width: 100%; height: 100%; } .images-nospace .image-thumbnail:hover .hover { opacity: 1; cursor: pointer; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .images-nospace .image-thumbnail .hover:after { content: " "; position: absolute; width: 100px; height: 1px; top: 50%; left: 50%; margin-left: -50px; border-top: 1px solid #fff; } .images-nospace .image-thumbnail .hover:before { content: " "; position: absolute; height: 100px; width: 1px; top: 50%; margin-top: -50px; left: 50%; border-left: 1px solid #fff; } .images-nospace.team-gallery .image-thumbnail .hover:after { display: none; } .images-nospace.team-gallery .image-thumbnail .hover:before { display: none; } .images-nospace.team-gallery h4 { font-size: 2em; line-height: 1.2em; text-transform: uppercase; color: #fff; padding-bottom: 0; } .images-nospace.team-gallery h5 { font-size: 1em; line-height: 1.2em; text-transform: none; color: #fff; } .images-nospace.team-gallery .hover .inside { position: absolute; width: 100%; left: 0; right: 0; bottom: 10%; color: #fff; text-align: center; } .images-nospace.team-gallery .socials { margin: 10px 0 0 0; padding: 5px 0 0; display: block; } .images-nospace.team-gallery .socials li { margin-bottom: 5px; float: none; display: inline-block; } .images-nospace.team-gallery .socials.socials-lg li { margin: 0 0 6px 5px; } .images-nospace.team-gallery .socials a { border-color: 1px solid #fff; color: #fff; } .images-nospace.team-gallery .socials a:hover, .socials a.active { text-decoration: none; background: #242424; color: #c69c6d; } .mark { background: none repeat scroll 0 0 #d9d9d9; padding: 2px 2px 0; } .color_mark { background-color: #c69c6d; color: #fff; padding: 2px 2px 0; } .color, .color:hover { color: #c69c6d; } .underline { text-decoration: underline; } .underline:hover { text-decoration: none; } .blockquote, .infobox, .testimonials { position: relative; padding-left: 50px; margin-bottom: 45px; overflow: hidden; } .blockquote .inside, .infobox .inside, .testimonials .inside { padding-right: 20px; } .blockquote .inside p:last-child, .infobox .inside p:last-child, .testimonials .inside p:last-child { margin-bottom: 0; } .blockquote:before, .infobox:before, .testimonials:before { position: absolute; left: 0; top: -10px; content: '"'; font-style: italic; font-size: 100px; line-height: 1em; color: #c69c6d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .blockquote:after, .infobox:after, .testimonials:after { position: absolute; left: 32px; top: 0; margin-top: 37px; content: ""; width: 1px; height: 100%; border-left: 1px solid #dbdbdb; } .testimonials:before { left: 1px; top: 2px; font-family: Flaticon; content: "\e03a"; font-size: 40px; font-style: normal; } .testimonials:after { margin-top: 50px; } .infobox:before { left: 6px; top: 2px; font-family: Flaticon; content: "\e065"; font-size: 38px; font-style: normal; } .infobox:after { margin-top: 50px; } .dropcap { display: block; float: left; font-size: 3.1em; line-height: 1em; margin: -6px 5px 0 0; padding: 0 10px; } .rect-equal-height { position: relative; padding-top: 40px !important; padding-bottom: 100px !important; } @media (max-width: 767px) { .rect-equal-height { height: auto !important; } } .rect, .rect-nohover { border: 1px solid #cacaca; margin-bottom: 10px; padding: 25px 2% 10px; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; } .active.rect-nohover, .rect-nohover:hover, .rect.active, .rect:hover { background: #f0f0f0; } .active.rect-nohover:hover, .rect.active:hover { background: 0 0; } .rect div.icon-outer .icon, .rect-nohover div.icon-outer .icon { display: block; margin-bottom: 15px; color: #c69c6d; } .rect div.icon-outer [class*=" flaticon-"].icon:after, .rect div.icon-outer [class*=" flaticon-"].icon:before, .rect div.icon-outer [class^="flaticon-"].icon:after, .rect div.icon-outer [class^="flaticon-"].icon:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon:before { font-size: 60px; line-height: 90px; } .rect div.icon-outer [class*=" flaticon-"].icon.icon-lg:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-lg:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-lg:after, .rect div.icon-outer [class^="flaticon-"].icon.icon-lg:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-lg:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-lg:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-lg:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-lg:before { font-size: 65px; } .rect div.icon-outer [class*=" flaticon-"].icon.icon-xl:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xl:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-xl:after, .rect div.icon-outer [class^="flaticon-"].icon.icon-xl:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xl:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xl:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xl:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xl:before { font-size: 75px; } .rect div.icon-outer [class*=" flaticon-"].icon.icon-xxl:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xxl:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-xxl:after, .rect div.icon-outer [class^="flaticon-"].icon.icon-xxl:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xxl:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xxl:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xxl:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xxl:before { font-size: 90px; } .rect-sm { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #cacaca; float: left; width: 81px; height: 81px; margin: 0 20px 20px 0; padding: 0; text-align: center; } .rect-sm.active, .rect-sm:hover { background: #f0f0f0; } .rect-sm.active:hover { background: 0 0; } .rect-sm div.icon-outer .icon { display: block; margin-bottom: 15px; color: #c69c6d; } .rect-sm div.icon-outer [class*=" flaticon-"]:after, .rect-sm div.icon-outer [class*=" flaticon-"]:before, .rect-sm div.icon-outer [class^="flaticon-"]:after, .rect-sm div.icon-outer [class^="flaticon-"]:before { font-size: 30px; line-height: 81px !important; } .rect-sm div.icon-outer [class*=" flaticon-"].icon-lg:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-lg:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-lg:after, .rect-sm div.icon-outer [class^="flaticon-"].icon-lg:before { font-size: 40px; } .rect-sm div.icon-outer [class*=" flaticon-"].icon-xl:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xl:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-xl:after, .rect-sm div.icon-outer [class^="flaticon-"].icon-xl:before { font-size: 50px; } .rect-sm div.icon-outer [class*=" flaticon-"].icon-xxl:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xxl:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-xxl:after, .rect-sm div.icon-outer [class^="flaticon-"].icon-xxl:before { font-size: 60px; } .icons-set { color: #000; line-height: 2em; margin: 10px 0; } .icons-set span span { font-size: 1.231em; width: 30px; display: inline-block; } .grey-container { background: #f0f0f0; padding-top: 35px; padding-bottom: 35px; } .rect-nohover { background: 0 0 !important; padding: 20px 35px 30px; } #rewardpoints_box { overflow: hidden; } #rewardpoints_box .empty-page-title h3 { font-size: 18px; font-weight: normal; } #rewardpoints_box .discount-form h5 { font-size: 15px; font-weight: normal; text-transform: capitalize; } #discount-coupon-form { overflow: hidden; } #discount-coupon-form .discount h3 { font-size: 14px; } #shopping-cart-totals-table .grand-total { font-size: 15px; text-transform: uppercase; padding-bottom: 10px !important; } #shopping-cart-totals-table .a-left { padding-left: 12px; text-align: right !important; } #shopping-cart-totals-table td { padding: 5px 0; font-weight: normal; } .col-sm-12 .rect-nohover { text-align: center; padding: 20px 35px 60px; } .col-sm-12 .rect-nohover .btn-bottom { width: 70%; } .filters-by-category li .rect-nohover a, .rect-nohover .btn-cool, .rect-nohover .filters-by-category li a { margin-bottom: 5px; } .rect-nohover .inside a { margin-bottom: 0; font-size: 14px; text-transform: capitalize; color: #000; } .rect-noborder { margin-bottom: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: none; padding: 5px 2% 10px; } .rect-noborder.active, .rect-noborder:hover { background: #f0f0f0; } .rect-noborder.active:hover { background: 0 0; } .rect-noborder div.icon-outer .icon { display: inline; margin-bottom: 15px; color: #c69c6d; } .rect-noborder .number { font-size: 3em; margin-bottom: 10px; color: #c69c6d; } .rect-noborder div.icon-outer [class*=" flaticon-"]:after, .rect-noborder div.icon-outer [class*=" flaticon-"]:before, .rect-noborder div.icon-outer [class^="flaticon-"]:after, .rect-noborder div.icon-outer [class^="flaticon-"]:before { font-size: 30px; line-height: 81px; } .rect-noborder div.icon-outer [class*=" flaticon-"].icon-lg:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-lg:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-lg:after, .rect-noborder div.icon-outer [class^="flaticon-"].icon-lg:before { font-size: 38px; } .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xl:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xl:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xl:after, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xl:before { font-size: 48px; } .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xxl:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xxl:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xxl:after, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xxl:before { font-size: 55px; } .chart-outer { float: left; width: 93px; height: 93px; margin: 0 20px 20px 0; padding: 0; } @media (max-width: 991px) { .chart-outer { margin: 0 10px 20px 0; } } .chart { position: relative; display: inline-block; width: 93px; height: 93px; margin-top: 0; margin-bottom: 0; font-size: 1.833em; line-height: 93px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .videoWrapperFull { position: relative; max-height: 575px; min-height: 500px; height: auto; overflow: hidden; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/full-video.jpg); } .touch .videoWrapperFull { min-height: 500px; } .videoWrapperFull video { margin-bottom: -10px; width: 100%; height: auto; max-width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 35px; } .videoWrapper iframe, .videoWrapperFull iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-hover-color { background: #000; opacity: 0.01; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .video-hover { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/video-hover.png) repeat transparent; position: absolute; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; } .video-text { color: #fff; text-align: center; position: absolute; top: 40%; left: 0; z-index: 102; width: 100%; height: 100%; } .video-text.top20 { top: 20%; } .video-text .title { font-size: 3em; margin-bottom: 25px; padding: 0; color: #fff; } .video-text .title1 { margin-top: 15px; font-size: 5.5em; line-height: 1em; margin-bottom: 25px; } .video-text .title2 { font-size: 1.85em; line-height: 1em; margin-bottom: 15px; } @media (max-width: 1199px) { .responsive .videoWrapperFull { min-height: 350px; } } @media (max-width: 767px) { .responsive .videoWrapperFull { min-height: 230px; } .responsive .video-text { top: 30%; width: 90%; left: 5%; } .responsive .video-text .title { font-size: 26px; line-height: 1em; margin-bottom: 25px; } } @media (max-width: 479px) { .responsive .videoWrapperFull { min-height: 180px; } .responsive .video-text { top: 20%; width: 90%; left: 5%; } .responsive .video-text .title { font-size: 20px; line-height: 1em; margin-bottom: 25px; } } @media (max-width: 359px) { .responsive .video-text { top: 10%; width: 90%; left: 5%; } .responsive .video-text .title { font-size: 20px; line-height: 1em; margin-bottom: 15px; } } .price-table { margin-bottom: 30px; border: 1px solid #cacaca; text-align: center; color: #000; } .price-table.active { margin-top: -22px; padding: 20px 0; border: 3px solid #c69c6d; } .price-table-title { text-transform: uppercase; text-align: center; font: 22px/22px Mavenpro-bold, Arial, Helvetica, sans-serif; padding: 25px 0; } .price-table.active .price-table-title { padding: 15px 0 35px; } .price-table-price { background: #f7f7f7; font-size: 18px; padding: 17px 0; } .price-table.active .price-table-price { background: #c69c6d; color: #fff; } .price-table ul { margin: 0; padding: 0; } .price-table-info li { padding: 10px; line-height: 18px; list-style: none; } .price-table-info li:hover { background: #f9fbfc; } .price-table-info li, .price-table-price, .price-table-title { border-bottom: 1px solid #cacaca; } .price-table.active .price-table-price, .price-table.active .price-table-title { border-color: #9d7c56; } .price-table button { margin: 18px 0; } .post-navigation { width: 100%; margin: 30px 0 35px; overflow: hidden; } .contact-form .form-control { margin-bottom: 12px; } .contact-form textarea { height: 136px; } .comment { position: relative; color: #000; } .comment .inside { padding: 30px 15px 30px 100px; border-top: 1px solid #eaeaea; position: relative; } .comment > .inside:before { display: block; position: absolute; top: 30px; left: 0; color: #e1e1e1; background: #f5f5f5; text-align: center; content: "\e00c"; font-family: Flaticon; font-size: 57px; line-height: 67px; width: 81px; height: 77px; } .comment p { margin-bottom: 0.7em; } .comments .comment { padding-left: 10%; } .comments > .comment:first-child { padding-left: 0; } .comments > .comment:first-child .inside { border: none; } .comment-form .form-group { margin-bottom: 8px; } .comment-form input[type="text"], .comment-form textarea { border-left: 0; border-top: 0; border-right: 0; padding: 5px 0; margin-bottom: 0; height: 38px; } .comment-form textarea { padding: 12px 0; overflow: hidden; } .container-widget { border-bottom: 1px solid #eaeaea; margin-bottom: 20px; padding-bottom: 20px; } .container-widget h3 { padding-bottom: 0.9em; } .twitter-widget ul { margin: 0; padding: 0 0 0 26px; list-style-type: none; line-height: 1.35em; } .twitter-widget ul li { margin: 0 0 8px; padding: 7px; color: #efefef; border: 1px solid #616161; background: #3a3a3a; position: relative; } .twitter-widget ul li:before { content: "\e053"; display: inline; font: 1.167em flaticon; position: absolute; top: 0; left: -26px; color: #fff; } .twitter-widget ul li:last-child { margin-bottom: 0; border-bottom: 0; } .twitter-widget a { color: #c69c6d; text-decoration: underline; } .twitter-widget .time { color: #858585; font-size: 0.833em; display: block; padding-top: 7px; } .twitter-widget .arrow { display: block; position: absolute; top: 3px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #3a3a3a; } .twitter-widget-aside ul { margin: 0; padding: 0 0 0 35px; list-style-type: none; line-height: 1.35em; } .twitter-widget-aside ul li { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #f4f4f4; position: relative; } .twitter-widget-aside ul li:before { content: "\e053"; display: inline; font: 1.23em Flaticon; position: absolute; top: 0; left: -35px; color: #c69c6d; } .twitter-widget-aside ul li:last-child { margin-bottom: 0; border-bottom: 0; } .twitter-widget-aside .link { display: block; padding-top: 2px; } .twitter-widget-aside a { color: #c69c6d; text-decoration: underline; } .twitter-widget-aside .time { font-size: 0.917em; display: block; padding-top: 7px; } .blog-left { border-right: 1px solid #cacaca; } .blog-posts div.blog-post { background: none repeat scroll 0 0 #f5f5f5; color: #333; font-size: 14px; line-height: 15px; margin: 0; padding: 10px 10px 5px; text-align: left; text-decoration: none; -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); width: 21%; margin: 2%; float: left; } @media (min-width: 768px) and (max-width: 991px) { .blog-posts div.blog-post { width: 27%; margin: 3%; } } @media (min-width: 480px) and (max-width: 767px) { .blog-posts div.blog-post { width: 40%; margin: 5%; } } @media (max-width: 479px) { .blog-posts div.blog-post { width: 80%; margin: 5% 10%; } } .blog-posts div.blog-post a { text-decoration: none; } .blog-posts div.blog-post .date { font-size: 11px; display: block; } .blog-posts div.blog-post img { width: 100%; margin-bottom: 5px; } .blog-posts div.blog-post { -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } .blog-posts div.blog-post:nth-child(even) { -ms-transform: rotate(2deg); transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); } .blog-posts div.blog-post:nth-child(3n) { -webkit-transform: none; -moz-transform: none; position: relative; top: -5px; } .blog-posts div.blog-post:nth-child(5n) { -ms-transform: rotate(4deg); transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; right: 5px; } .blog-posts div.blog-post:nth-child(8n) { position: relative; top: 8px; right: 5px; } .blog-posts div.blog-post:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); position: relative; z-index: 5; } .blog-posts div.blog-post { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); } .blog-posts:hover div.blog-post { -webkit-transition: -webkit-transform 0.2s linear 0s; transition: transform 0.2s linear 0s; } .blog-posts div.blog-post:hover { -webkit-transition: -webkit-transform 0.2s linear 0s; transition: transform 0.2s linear 0s; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); } .brands-carousel { min-height: 70px; } .brands-carousel img { position: relative; border-left: 0 solid transparent; border-right: 0 solid transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .brands-carousel a .after { position: relative; width: 0; height: 2px; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #c69c6d; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .brands-carousel a:hover .after { width: 90%; } .brands-carousel .slick-list:hover img { opacity: 0.8; border-right: 20px solid transparent; border-left: 20px solid transparent; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .brands-carousel .slick-list:hover a:hover img { opacity: 1; border-right: 0 solid transparent; border-left: 0 solid transparent; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #compare-items { min-width: 260px; } #compare-items .description { display: table-cell; vertical-align: middle; width: 155px; } #compare-items .item { padding: 5px 7px; display: table; width: 100%; overflow: hidden; border-bottom: 1px solid #cacaca; } #compare-items .item.last { border: none; } #compare-items { border: 0; padding: 5px; } #compare-items .delete { display: table-cell; width: 20px; vertical-align: middle; margin: 30px 0 0 10px; } #compare-items .preview-image { display: table-cell; vertical-align: middle; width: 75px; padding-right: 15px; } #compare-items .preview-image img { width: 100%; } footer { margin-top: 25px; } @media (max-width: 991px) { footer { margin-top: -20px; } } footer .footer-bottom { padding: 2px 0; line-height: 1.833em; background: #555; color: #fff; } footer .payment-list { margin: 0; padding: 0; list-style-type: none; } footer .payment-list li { margin: 0; padding: 0 5px 0 0; float: left; } footer .tab-content { padding: 20px 20px 15px; border: 1px solid #e9e9e9; margin-bottom: 20px; } @media (min-width: 992px) { footer .footer-navbar { background-color: #f9f9f9; margin: 15px 0 0; } footer .footer-navbar .container { position: relative; } footer .footer-navbar .arrow { position: absolute; left: 0; top: 4px; color: #c69c6d; cursor: pointer; } footer .open .footer-navbar .arrow { top: 7px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .footer-navbar .arrow .icon:before, footer .footer-navbar .arrow .icon:after { font-size: 0.7em; } .menu.menu-icon .icon, footer .footer-navbar .menu.menu-icon .icon { display: inline-block; width: 14px; margin-right: 8px; margin-left: -22px; text-align: center; color: #626262; } .menu.menu-icon, footer .footer-navbar .menu { margin: 0; padding: 0; list-style-type: none; } .menu.menu-icon li, footer .footer-navbar .menu li { margin: 0; text-transform: uppercase; } .footer-navbar .menu li { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/lis_08.jpg) no-repeat left center; padding-left: 15px; margin-bottom: 10px !important; } .footer-navbar .font-contact .menu li { background: none !important; } .footer-navbar .font-contact .menu li span.icon-weizhi { display: inline-block; width: 16px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/unicehair_36.png) no-repeat left center; background-size: 16px; height: 16px; float: left; margin-left: -22px; } .footer-navbar .menu li a:hover { text-decoration: underline; color: #333; } .menu.menu-icon li, footer .footer-navbar .menu.menu-icon li { margin: 0 0 0 22px; } footer #footer-collapsed { position: relative; height: 74px; width: 100%; } footer #footer-collapsed .socials { display: inherit; width: 60px; overflow: hidden; } footer #footer-collapsed.open .socials { width: auto; } footer .collapsed-block { display: inline-block; vertical-align: top; } footer .collapsed-block .inside { padding-left: 20px; float: left; } footer .collapsed-block h3 { font-size: 17px; white-space: nowrap; cursor: pointer; text-transform: capitalize; font-weight: normal; } } @media (max-width: 991px) { footer .footer-navbar { background: 0 0; color: #2b2b2b; border: none; } .footer-navbar .menu { margin: 0; padding: 0; list-style-type: none; } .footer-navbar .menu li { margin: 0; padding: 0 0 10px; } .collapsed-block { border-bottom: 1px solid #e1e1e1; padding-top: 15px; margin: 0; } .collapsed-block h3 { position: relative; font-size: 1.333em; line-height: 1.6em; padding-bottom: 0.8em; padding-left: 45px; } .collapsed-block h3 a { text-decoration: none; } .collapsed-block .tabBlock { display: none; padding-left: 48px; overflow: hidden; } .collapsed-block .text-right { text-align: left !important; } .collapsed-block .col-sm-12 { padding: 0 !important; } .collapsed-block .expander { border: 1px solid #e1e1e1; background: #fafafa; position: absolute; top: -6px; left: 0; display: block; cursor: pointer; font-size: 24px; line-height: 34px; width: 35px; height: 35px; text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; } .footer-bottom { text-align: center; padding: 25px 0; } footer .payment-list.pull-right { float: none !important; text-align: center; padding: 5px 0; } footer .payment-list li { display: inline; float: none; } } footer #footer-collapsed.no-popup .footer-navbar .arrow { display: none !important; } .product-preview { text-align: left; position: relative; max-width: 350px; overflow: hidden; padding-bottom: 15px; } .product-preview .icon-color, .product-preview .icon-size { line-height: 15px; width: 19px; margin: 2px 1px 1px; } .product-preview .product-options { padding-bottom: 5px; } .product-preview .product-options-row { padding-bottom: 8px; } .product-preview:hover { border-color: #cacaca; padding-bottom: 10px; } .header-product-carousel .product-preview { border: none; } .product-preview .preview { position: relative; border: 1px solid #d1d1d1; } .product-preview .preview a.preview-image { display: block; text-align: center; } .product-preview .preview .img-responsive { max-width: 227px; width: 100%; opacity: 1; margin: auto; position: relative; } .scrolled-3 .product-preview .preview .img-responsive { max-width: 100%; } .product-preview .preview .img-default { opacity: 1; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; z-index: 2; } .product-preview .preview .img-second { position: absolute; top: 0; left: 0; z-index: 1; } .slider-products .product-preview .preview .img-second { margin-left: 12px; margin-right: 12px; } .crosssell .slider-products .product-preview .preview .img-second { margin-left: 7px; } .product-preview:hover .preview .img-second { opacity: 1; } .product-preview:hover .preview .img-default { opacity: 0; } .touch .product-preview:hover .preview .img-default { opacity: 1 !important; } .product-preview h3.title { color: #000; font: inherit; text-transform: none; padding: 5px 0 5px; font-size: 1em; } .products-list-in-row .product-preview h3.title { padding: 5px 0 20px; font-size: 1.5em; } .product-preview .quick-view { position: absolute; opacity: 0; top: 75%; left: 0; z-index: 1000; width: 110%; color: #000; background: #fff; background: rgba(255, 255, 255, 0.7); text-align: center; font-size: 0.917em; text-transform: uppercase; padding: 9px 0 0 !important; height: 33px; margin: -16px 0 0 -5px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; text-decoration: none; } .product-preview:hover .quick-view { opacity: 1; } .product-preview .product-labels { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; } .product-preview .product-labels li { margin: 0; padding: 0; min-width: 3.956em; } .product-preview .product-labels .label { min-height: 2.14em; text-transform: uppercase; display: block; width: 4.6em; padding: 0.7em 0 0.6em; font-size: 0.86em; color: #000; background: #fff; } .product-preview .product-labels .label-sale { background: #ee3b27; color: #fff; } .product-preview .product-labels .label-new { background: #939393; color: #fff; } .product-preview .product-labels a:hover { text-decoration: none; } .product-preview .product-controls-list, .product-preview .product-controls-list-row { margin: -30px 0 7px; padding: 0; opacity: 0; list-style-type: none; height: 30px; } .product-preview .product-controls-list { opacity: 1 !important; } .product-preview .product-controls-list-row { margin: 12px 0 0 0; opacity: 1; } .touch .product-controls-list, .touch .product-preview:hover .product-controls-list { margin: 12px 0 0 0; opacity: 1; } .product-preview:hover .product-controls-list { margin: 15px 0 7px; opacity: 1; } .no-touch .product-preview .product-controls-list li { -moz-perspective: 50px; -ms-perspective: 50px; -o-perspective: 50px; -webkit-perspective: 50px; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .product-preview .product-controls-list li, .product-preview .product-controls-list-row li { display: inline-block; } .product-preview .product-controls-list li a, .product-preview .product-controls-list li a.hidden-xs, .product-preview .product-controls-list li button, .product-preview .product-controls-list li button.hidden-xs, .product-preview .product-controls-list-row li a, .product-preview .product-controls-list-row li a.hidden-xs, .product-preview .product-controls-list-row li button, .product-preview .product-controls-list-row li button.hidden-xs { display: block; background-color: #fff; width: 20px; padding: 0; line-height: 20px; border: 1px solid #ccc; color: #c69c6d; text-decoration: none; text-align: center; } .no-touch .product-controls-list li a, .no-touch .product-controls-list li a.hidden-xs, .no-touch .product-controls-list li button, .no-touch .product-controls-list li button.hidden-xs { transform-origin: center bottom 0; -moz-transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0; -o-transform-origin: center bottom 0; -ms-transform-origin: center bottom 0; -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: none 0 none; transition: none 0 none; opacity: 0; } .no-touch .product-preview:hover .product-controls-list li a, .no-touch .product-preview:hover .product-controls-list li button { -ms-transform: none; -webkit-transform: none; transform: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; } .product-preview:hover .product-controls-list li a:hover, .product-preview:hover .product-controls-list li button:hover, .product-preview:hover .product-controls-list-row li a:hover, .product-preview:hover .product-controls-list-row li button:hover { background-color: #242424 !important; border-color: #242424; color: #fff; } .product-preview .price { font-size: 1.333em; } .product-preview .price.old { font-size: 1.167em; } .product-preview .price.new { font-size: 1.333em; } .product-preview .product-controls-list a:hover { text-decoration: none; } .product-view-compact { padding-bottom: 45px; padding-top: 40px; } .product-view .product-info { border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; margin: 25px 0 30px; padding: 18px 0; } .product-view .close-view { float: right; position: relative; z-index: 1; color: #c69c6d; top: -10px; } .product-view .close-view:hover { text-decoration: none; color: #242424; } .product-view .price { display: inline-block; font-size: 2em; padding-bottom: 15px; } .product-view .price.old { font-size: 2em; color: #000; } .product-view .price.new { font-size: 2em; } .product-view .rating { padding-bottom: 5px; } .products-list-in-row .rating { padding-bottom: 10px; padding-top: 15px; } .product-view-ajax { display: none; position: relative; min-height: 0; } .product-view-ajax .layar { position: absolute; z-index: 4; display: none; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); } .product-view-ajax-container { width: 100%; } .product-options-outer { padding: 0 0 4px; } .product-options { padding-bottom: 12px; } .product-view .form-inputs { margin: 10px 0 0 0; } .product-view .form-inputs input.input-quantity { width: 38px; padding: 5px 3px; margin: 0 15px 0 8px; height: 28px; display: inline-block; text-align: center; } .product-view .form-inputs label { display: inline-block; } .product-view .social-buttons { margin: 25px 0 0 0; } .products-widget { max-height: 360px; } .block-carousel .products-widget { max-height: 100%; } .panel-body .products-widget { padding-bottom: 40px; } .products-widget .slides { margin: 0; padding: 0; list-style-type: none; } .products-widget .slides .carousel-item { margin: 0; padding: 0; height: 112px !important; overflow: hidden; float: none !important; } .products-widget .product { padding: 0 0 15px 0; } .products-widget .product .preview-image-outer { display: block; float: left; margin-right: 17px; width: 68px !important; overflow: hidden; border: 1px solid transparent; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .products-widget .product:hover .preview-image-outer { border-color: #cacaca; } .aui_header { display: none; } .aui_state_lock .aui_header { display: block; } .aui_state_lock .aui_inner { background: #fff; border: 1px solid #666; } .aui_close { display: block; position: absolute; text-decoration: none; outline: 0; z-index: 30; position: absolute; padding: 0; top: 0; right: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; font-family: Helvetica, STHeiti; font-size: 18px; text-decoration: none; color: #214fa3; } .aui_close:hover { text-decoration: none; } .aui_title { position: absolute; top: 0; left: 0; width: 100%; height: 24px; text-indent: -9999em; overflow: hidden; font-size: 0; } @media (max-width: 767px) { .products-widget .product > a { margin-right: 5px; width: 60px !important; } } .products-widget .post .name { text-transform: uppercase; } .products-widget .rating { display: block; color: #d9d9d9; height: 1.8em; margin-top: -3px; } .products-widget .name { color: #000; overflow: hidden; font-size: 1em; line-height: 1.2em; margin-bottom: 2px; text-transform: uppercase; } .content-aside .products-widget .name { height: 46px; } .products-widget .price { font-size: 1.333em; line-height: 1.2em; margin: 2px 0 0; } .products-widget .price.old { font-size: 1.167em; } .products-widget .rating { margin: 2px 0 0; } .carousel_outer { width: 100%; padding-left: 50px; } .carousel_outer .vertical .slides { overflow: hidden; padding-bottom: 30px; } .product-carousel { margin: 0 0 0 -15px; } .product-carousel .carousel-item { margin: 0 5px 0 25px; } .products-list { margin-left: -15px; } .products-list .product-preview-outer { display: inline-block; width: 25.1%; padding-left: 15px; vertical-align: top; margin-right: -4px; min-height: 315px; } .products-list-in-row .pro-list { float: left; width: 70%; } .category-products .products-list-in-row .product-preview h3.title { position: static; opacity: 1; padding: 0; } .scrolled-3 .product-preview h3.title { width: 100%; padding-left: 10%; padding-right: 10%; text-align: center; } @media (max-width: 479px) { .products-list .product-preview-outer { width: 49%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list .product-preview-outer { width: 33.3333333333333%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list .product-preview-outer { width: 33.3333333333333%; } } @media (min-width: 992px) and (max-width: 1199px) { .products-list .product-preview-outer { width: 25%; } } .products-list-in-row .product-preview-outer { width: 100%; height: 230px; } .products-list-in-row .product-preview { max-width: 100%; border: 1px solid #e9e9e9; } .products-list-in-row .preview { width: 20%; margin-right: 5%; float: left; } .products-list-in-row .countdown_box { width: 20%; margin-left: 20px; } @media (max-width: 479px) { .products-list-in-row .preview { width: 50%; } .products-list-in-row .countdown_box { width: 50%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list-in-row .preview { width: 33.3333333333333%; } .products-list-in-row .countdown_box { width: 33.3333333333333%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list-in-row .preview { width: 33.3333333333333%; } .products-list-in-row .countdown_box { width: 33.3333333333333%; } } @media (min-width: 992px) and (max-width: 1199px) { .products-list-in-row .preview { width: 25%; } .products-list-in-row .countdown_box { width: 25%; } } .products-list-in-row .product-preview { padding: 20px; text-align: left; } .product-preview .info, .product-preview .product-controls-list-row, .product-preview .product-options-row { display: none; } .products-list-in-row .product-preview .product-controls-list, .products-list-in-row .product-preview .product-options, .products-list-in-row .product-preview .quick-view { display: none !important; } .products-list-in-row .product-preview .info, .products-list-in-row .product-preview .product-controls-list-row, .products-list-in-row .product-preview .product-options-row { display: block; } .products-list-in-row .product-preview .info { padding: 10px 0 15px; clear: both; } .products-list .banner { width: 100%; overflow: hidden; font-size: 1em; } @media (min-width: 768px) and (max-width: 991px) { .products-list .banner { font-size: 0.8em; } } @media (min-width: 1281px) { .products-list .banner { font-size: 1.2em; } } .products-list .products-isotope .banner { width: 40%; } .products-nospace-outer.products-list { margin-left: 0; margin-bottom: 30px; overflow: hidden; } .products-list .products-nospace .listing-row { clear: both; overflow: hidden; background: #ccc; } .products-list .products-nospace .listing-row .product-preview { max-width: none; } .content-center .products-list .products-nospace .product-preview { float: left; width: 25%; } @media (max-width: 479px) { .content-center .products-list .products-nospace .product-preview { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .content-center .products-list .products-nospace .product-preview { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .content-center .products-list .products-nospace .product-preview { width: 100%; } } .content-center .products-list .products-nospace .banner { width: 50%; float: left; } @media (max-width: 479px) { .content-center .products-list .products-nospace .banner { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .content-center .products-list .products-nospace .banner { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .content-center .products-list .products-nospace .banner { width: 100%; } } .products-list .products-nospace .product-preview { float: left; width: 20%; } @media (max-width: 479px) { .products-list .products-nospace .product-preview { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list .products-nospace .product-preview { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list .products-nospace .product-preview { width: 50%; } } .products-list .products-nospace .banner { width: 40%; float: left; } @media (max-width: 479px) { .products-list .products-nospace .banner { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list .products-nospace .banner { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list .products-nospace .banner { width: 50%; } } .products-list.products-list-widescreen .products-nospace .product-preview { float: left; width: 16.66666666%; } @media (max-width: 479px) { .products-list.products-list-widescreen .products-nospace .product-preview { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list.products-list-widescreen .products-nospace .product-preview { width: 33.333333333%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list.products-list-widescreen .products-nospace .product-preview { width: 16.66666666%; } } .products-list.products-list-widescreen .products-nospace .banner { width: 33.333333333%; float: left; } @media (max-width: 479px) { .products-list.products-list-widescreen .products-nospace .banner { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .products-list.products-list-widescreen .products-nospace .banner { width: 66.6666666666%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list.products-list-widescreen .products-nospace .banner { width: 33.333333333%; } } .products-list .banner img, .products-list .product-preview img { width: 100%; } .gallery .products-nospace .product-preview { float: left; width: 20%; max-width: none; } @media (max-width: 479px) { .gallery .products-nospace .product-preview { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .gallery .products-nospace .product-preview { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .gallery .products-nospace .product-preview { width: 50%; } } .gallery .products-nospace .product-preview.double-width { width: 40%; } @media (max-width: 479px) { .gallery .products-nospace .product-preview.double-width { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .gallery .products-nospace .product-preview.double-width { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .gallery .products-nospace .product-preview.double-width { width: 50%; } } .gallery .products-nospace .product-preview img { width: 100%; } .products-nospace .product-preview { position: relative; border: none; padding: 0; max-width: none; border: 0px solid #ddd; margin: 0 10px; } .products-nospace .product-preview:hover { overflow: visible; } .products-nospace .product-preview .hover { position: absolute; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(30, 30, 30, 0.7); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 100%; height: 100%; } .touch .products-nospace .product-preview .hover { opacity: 1; top: auto; height: 28%; padding: 10px 0 15px; background: 0 0; } .no-touch .products-nospace .product-preview:hover .hover, .touch .products-nospace .product-preview.hover_effect .hover { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .products-nospace .product-preview .hover .inside { position: absolute; width: 100%; left: 0; right: 0; bottom: 5%; color: #fff; text-align: center; } .touch .products-nospace .product-preview .hover .inside { padding: 5% 0 5%; bottom: 0; background: rgba(30, 30, 30, 0.5); } .products-nospace .product-preview h3.title { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: -200px; position: relative; padding: 0 15px 35px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 16px; } .touch .products-nospace .product-preview h3.title { top: 0; opacity: 1; } .no-touch .products-nospace .product-preview:hover h3.title, .touch .products-nospace .product-preview.hover_effect h3.title { top: 0; opacity: 1; } .products-nospace .product-preview h3.title a { color: #fff; font-size: 14px; } .products-nospace .product-preview h3.title a:hover { text-decoration: underline; color: #fe2388; } .products-nospace-outer .products-nospace .product-preview h3.title a { height: 38px; display: block; overflow: hidden; } .products-nospace-outer .products-nospace .product-preview h3.title a:hover { color: #f50063; } .products-nospace-outer .products-nospace .product-preview h3.title a:active { color: #f50063; } .products-nospace-outer .product-t3 .products-nospace .product-preview h3.title a { display: block; height: 35px; overflow: hidden; } .products-nospace .product-preview .product-controls-list li a, .products-nospace .product-preview .product-controls-list li button { background: #242424; width: 30px; line-height: 25px; border: 1px solid #242424; text-decoration: none; text-align: center; outline: 0; } .products-nospace .product-preview .product-controls-list li a:hover { text-decoration: none; } .products-nospace .product-preview .product-controls-list li .icon { color: #fff; } .product-preview .product-controls-list li a:hover, .product-preview .product-controls-list li button:hover { background: #fff; border-color: #3a3a3a; } .products-nospace .product-preview .product-controls-list li a:hover .icon, .products-nospace .product-preview .product-controls-list li button:hover .icon { color: #e60f67; } .products-nospace .product-preview .rating, .products-nospace .product-preview:hover .rating { height: 15px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .touch .products-nospace .product-preview .product-controls-list, .touch .products-nospace .product-preview .rating { display: none !important; } .no-touch .products-nospace .product-preview:hover .rating, .touch .products-nospace .product-preview.hover_effect .rating { opacity: 1; } .products-nospace .product-preview .price { font-size: 1.667em; margin: 10px 0 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .touch .products-nospace .product-preview .price { opacity: 1; } .no-touch .products-nospace .product-preview:hover .price, .touch .products-nospace .product-preview.hover_effect .price { opacity: 1; color: #fff; } .products-nospace .product-preview .price.old { font-size: 1.667em; color: #fff; } .products-nospace .product-preview .price.new { font-size: 1.667em; } .products-nospace .product-preview .quick-view { background: 0 0; border: none; color: #fff; font-size: inherit; height: auto; margin: 0; opacity: 1; padding: 0 !important; position: inherit; text-align: center; text-decoration: none; text-transform: uppercase; top: auto; width: auto; } .products-nospace .product-preview .quick-view:hover { text-decoration: underline; } .touch .product-preview .quick-view { display: none; } @media (max-width: 767px) { .products-nospace .product-preview .hover .inside { color: #fff; text-align: center; margin-top: 10%; font-size: 0.8em; } } .product-view { position: relative; margin-top: -15px; } .product-view.row { margin-top: 0; } .product-images-cell { position: absolute; width: 100%; top: 0; left: 0; } .product-info-cell { position: relative; z-index: 101; width: 40%; float: right; margin-top: 25px; background: #fff; z-index: 1001; padding: 35px; margin-right: 35px; -webkit-box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); } @media (min-width: 768px) and (max-width: 1199px) { .product-info-cell { width: 63%; } } @media (min-width: 481px) and (max-width: 767px) { .product-info-cell { width: 65%; margin-right: 5px; padding: 15px; } } @media (max-width: 480px) { .product-images-cell { position: relative; width: 100%; } .product-info-cell { width: 98%; margin: 160px auto 0; float: none; padding: 15px; } #hover-left, #hover-right { display: none; } } @media (max-width: 400px) { .product-info-cell { margin-top: 140px; } } @media (max-width: 360px) { .product-info-cell { margin-top: 120px; } } @media (max-width: 320px) { .product-info-cell { margin-top: 100px; } } .products-nospace-outer { overflow: hidden; position: relative; } .products-nospace-outer.row1 { bottom: -1px; } .products-nospace .slick-list { } .products-nospace .slick-slide img { opacity: 1; cursor: pointer; } .boxed .products-nospace-outer { overflow: hidden; } .boxed .products-nospace .slick-list { overflow: hidden !important; } .boxed .products-nospace { margin-left: 0 !important; } .single-product-wrapper img { width: 100%; } .single-product-carousel { width: 133.3%; margin-bottom: 20px; } .single-carousel-outer { overflow: visible; background: #c3c6c3; position: relative; } @media (max-width: 480px) { .single-product-carousel { width: 100%; } .single-carousel-outer { overflow: hidden; background: 0 0; } } .single-product-carousel .slick-list { overflow: visible !important; } .single-product-carousel .slick-track { background: #c3c6c3; } .single-product-carousel .slick-slide img { opacity: 1; cursor: pointer; } .single-product-carousel .slick-active:first-child img, .single-product-carousel :not(.slick-active) .slick-active img { opacity: 1; } .brand-row { border-top: 1px solid #cacaca; padding: 20px 0 0 0; } .product-prev-next { line-height: 42px; text-transform: uppercase; margin-bottom: 25px; } @media (max-width: 479px) { .product-prev-next { line-height: 32px; font-size: 9px; } } .product-prev-next .line-divider { width: 100%; height: 24px; } .product-prev-next .text-left .icon { margin-right: 20px; } @media (max-width: 479px) { .product-prev-next .text-left .icon { margin-right: 3px; } } .product-prev-next .text-right .icon { margin-left: 20px; } @media (max-width: 479px) { .product-prev-next .text-right .icon { margin-left: 3px; } } .product-prev-next .icon { display: inline-block; cursor: pointer; border: 1px solid #d0d0d0; text-decoration: none; width: 42px; height: 42px; color: #c69c6d; text-align: center; } @media (max-width: 479px) { .product-prev-next .icon { width: 32px; height: 32px; } } .product-prev-next .icon:after, .product-prev-next .icon:before { font-size: 16px; } .products-land { overflow: hidden; font-size: 1em; background: #e7e7e7; } @media (min-width: 768px) and (max-width: 991px) { .products-land { font-size: 0.8em; } } @media (min-width: 1281px) { .products-land { font-size: 1.2em; } } .products-land .item .hover, .products-list .banner .hover { position: absolute; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(114, 110, 105, 0.5); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 100%; height: 100%; } .no-touch .products-land .item:hover .hover, .no-touch .products-list .banner:hover .hover, .touch .products-land .item.hover_effect .hover, .touch .products-list .banner.hover_effect .hover { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .products-land .item, .products-list .banner { float: left; position: relative; width: 33.33333333333333%; max-width: none; } @media (max-width: 767px) { .products-land .item, .products-list .banner { width: 100%; } } .products-land .item.double-width, .products-list .double-width.banner { width: 66.66666666666666%; } @media (max-width: 767px) { .products-land .item.double-width, .products-list .double-width.banner { width: 100%; } } .products-land .item img, .products-list .banner img { width: 100%; } .collection-banner .info, .products-land .item .info, .products-list .banner .info { position: absolute; z-index: 2; text-transform: uppercase; } .collection-banner .info.middle-left, .products-land .item .info.middle-left, .products-list .banner .info.middle-left { width: 58%; height: 50%; top: 22%; left: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.middle-left, .products-land .item .info.middle-left, .products-list .banner .info.middle-left { top: 10%; width: 90%; } } .collection-banner .info.middle-right, .products-land .item .info.middle-right, .products-list .banner .info.middle-right { width: 58%; height: 50%; top: 25%; right: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.middle-right, .products-land .item .info.middle-right, .products-list .banner .info.middle-right { top: 10%; width: 90%; } } .collection-banner .info.middle-center, .products-land .item .info.middle-center, .products-list .banner .info.middle-center { height: 50%; top: 25%; left: 15%; right: 15%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.middle-center, .products-land .item .info.middle-center, .products-list .banner .info.middle-center { top: 10%; width: 90%; } } .collection-banner .info.top-left, .products-land .item .info.top-left, .products-list .banner .info.top-left { width: 58%; top: 12%; left: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.top-left, .products-land .item .info.top-left, .products-list .banner .info.top-left { width: 90%; } } .collection-banner .info.top-right, .products-land .item .info.top-right, .products-list .banner .info.top-right { width: 58%; top: 12%; right: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.top-right, .products-land .item .info.top-right, .products-list .banner .info.top-right { width: 90%; } } .collection-banner .info.top-center, .products-land .item .info.top-center, .products-list .banner .info.top-center { top: 12%; left: 15%; right: 15%; } .collection-banner .info.bottom-center, .products-land .item .info.bottom-center, .products-list .banner .info.bottom-center { bottom: 7%; left: 15%; right: 15%; } .collection-banner .info.bottom-right, .products-land .item .info.bottom-right, .products-list .banner .info.bottom-right { width: 58%; bottom: 7%; right: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.bottom-right, .products-land .item .info.bottom-right, .products-list .banner .info.bottom-right { width: 90%; } } .collection-banner .info.bottom-left, .products-land .item .info.bottom-left, .products-list .banner .info.bottom-left { width: 58%; bottom: 7%; left: 5%; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .info.bottom-left, .products-land .item .info.bottom-left, .products-list .banner .info.bottom-left { width: 90%; } } .collection-banner .info.invert h2, .collection-banner .info.invert h4, .collection-banner .info.invert h6, .products-land .item .info.invert h2, .products-land .item .info.invert h4, .products-land .item .info.invert h6, .products-list .banner .info.invert h2, .products-list .banner .info.invert h4, .products-list .banner .info.invert h6 { color: #fff; border-color: #fff; } .collection-banner .info.invert .btn-cool, .products-land .item .info.invert .btn-cool, .products-list .banner .info.invert .btn-cool { background: #4d4d4d; color: #fff; } @media (max-width: 767px) { .products-land .item.double-width .info, .products-list .double-width.banner .info { width: 90%; } } .products-land .item.double-width .info.middle-left, .products-list .double-width.banner .info.middle-left { left: 2%; } @media (max-width: 767px) { .products-land .item.double-width .info.middle-left, .products-list .double-width.banner .info.middle-left { left: 5%; } } .products-land .item.double-width .info.middle-right, .products-list .double-width.banner .info.middle-right { right: 2%; } @media (max-width: 767px) { .products-land .item.double-width .info.middle-right, .products-list .double-width.banner .info.middle-right { left: 5%; } } .products-land .item.double-width .info.top-center, .products-list .double-width.banner .info.top-center { left: 15%; right: 15%; } .products-land .item.double-width .info.bottom-center, .products-list .double-width.banner .info.bottom-center { left: 15%; right: 15%; } .products-land .item.double-width .info.middle-center > .inside, .products-land .item.double-width .info.middle-left > .inside, .products-land .item.double-width .info.middle-right > .inside, .products-list .double-width.banner .info.middle-center > .inside, .products-list .double-width.banner .info.middle-left > .inside, .products-list .double-width.banner .info.middle-right > .inside { position: absolute; height: 90%; top: 5%; } .products-land .item .text-white, .products-list .banner .text-white { color: #fff; } .collection-banner .banner .fsize18, .products-land .item .fsize18, .products-list .banner .fsize18 { font-size: 1.25em; line-height: 1em; } .collection-banner .fsize21, .products-land .item .fsize21, .products-list .banner .fsize21 { font-size: 1.528em; line-height: 1em; } .collection-banner .fsize28, .products-land .item .fsize28, .products-list .banner .fsize28 { font-size: 1.944em; line-height: 1em; } .collection-banner .fsize30, .products-land .item .fsize30, .products-list .banner .fsize30 { margin-bottom: 0.6em; font-size: 2.0833em; line-height: 1em; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .fsize30, .products-land .item .fsize30, .products-list .banner .fsize30 { margin-bottom: 0; } } .collection-banner .fsize50, .products-land .item .fsize50, .products-list .banner .fsize50 { margin-bottom: 0.6em; font-size: 3.4725em; line-height: 1em; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .fsize50, .products-land .item .fsize50, .products-list .banner .fsize50 { margin-bottom: 0; } } .collection-banner .fsize24, .products-land .item .fsize24, .products-list .banner .fsize24 { font-size: 2em; line-height: 1em; } .collection-banner .fsize22, .products-land .item .fsize22, .products-list .banner .fsize22 { margin-bottom: 0.6em; font-size: 1.5275em; line-height: 1em; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .fsize22, .products-land .item .fsize22, .products-list .banner .fsize22 { margin-bottom: 0; } } .collection-banner .fsize40, .products-land .item .fsize40, .products-list .banner .fsize40 { margin-bottom: 0.6em; font-size: 2.665em; line-height: 1em; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .fsize40, .products-land .item .fsize40, .products-list .banner .fsize40 { margin-bottom: 0; } } .collection-banner .fsize16, .products-land .item .fsize16, .products-list .banner .fsize16 { margin-bottom: 0.6em; font-size: 1.1108em; line-height: 1em; } .collection-banner .fsize10, .products-land .item .fsize10, .products-list .banner .fsize10 { margin-bottom: 0.6em; font-size: 0.6941em; line-height: 1em; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .fsize10, .products-land .item .fsize10, .products-list .banner .fsize10 { margin-bottom: 0; } } .collection-banner .line, .products-land .item .line, .products-list .banner .line { height: 10px; margin-bottom: 10px; border-bottom: 1px solid #c69c6d; } @media (min-width: 480px) and (max-width: 767px) { .collection-banner .line, .products-land .item .line, .products-list .banner .line { height: 5px; margin-bottom: 5px; } } .collection-banner h6, .products-land .item h6, .products-list .banner h6 { font-size: 0.9167em; } .collection-banner h2, .products-land .item h2, .products-list .banner h2 { font-size: 1.5em; padding: 0.44em; margin-bottom: 0.5em; } .collection-banner h2.border, .products-land .item h2.border, .products-list .banner h2.border { border: 1px solid #000; } .collection-banner h2.quote:before, .products-land .item h2.quote:before, .products-list .banner h2.quote:before { display: inline-block; position: absolute; font-family: flaticon; font-size: 1.2em; content: "\e038"; color: #c69c6d; margin: -0.6em 0 0 -1.2em; } .collection-banner h2.underline, .products-land .item h2.underline, .products-list .banner h2.underline { border-bottom: 1px solid #c69c6d; padding-bottom: 0.5em; margin-bottom: 0.5em; } .collection-banner h4, .products-land .item h4, .products-list .banner h4 { font-size: 1.0833em; line-height: 1.25em; margin-bottom: 0.7em; } .products-land .item .btn-cool, .products-list .banner .btn-cool { display: inline-block; background: #f0f0f0; border: none; padding: 1.2em 1.8em; line-height: 1em; height: auto; } .products-land .item .btn-cool.btn-white, .products-list .banner .btn-cool.btn-white { background: #fff; } .products-land .item .btn-cool.btn-transparent, .products-list .banner .btn-cool.btn-transparent { background: 0 0; border: 1px solid #fff; } .products-land .item .btn-cool.btn-light, .products-list .banner .btn-cool.btn-light { background: #f9f9f9; } .products-land .item .btn-cool.btn-dark, .products-list .banner .btn-cool.btn-dark { background: #4d4d4d; color: #fff; } .products-land .item .btn-cool.btn-small, .products-list .banner .btn-cool.btn-small { padding: 1em 1.6em; font-size: 0.77em; } .collection-banner .stamp, .products-land .item .stamp, .products-list .banner .stamp { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/sale-stamp.png) no-repeat 0 0; width: 101px; height: 101px; display: inline-block; z-index: 3; } .products-land .item .stamp.top-left, .products-list .banner .stamp.top-left { position: absolute; top: 5%; left: 5%; } .products-land .item .stamp.top-right, .products-list .banner .stamp.top-right { position: absolute; top: 5%; right: 5%; } .products-land .item .stamp.bottom-right, .products-list .banner .stamp.bottom-right { position: absolute; bottom: 5%; right: 5%; } .products-land .item .stamp.bottom-left, .products-list .banner .stamp.bottom-left { position: absolute; bottom: 5%; left: 5%; } .collection-banner .stamp .inside, .products-land .item .stamp .inside, .products-list .banner .stamp .inside { text-align: center; font-size: 9px; line-height: 1em; padding: 28px 0; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .collection-banner .stamp .inside span, .products-land .item .stamp .inside span, .products-list .banner .stamp .inside span { display: block; font-size: 28px; font-weight: 700; line-height: 1em; } .products-land .item:hover .btn-cool, .products-land .item:hover .invert .btn-cool, .products-list .banner:hover .btn-cool, .products-list .banner:hover .invert .btn-cool { background: #c69c6d; color: #fff; border-color: transparent; } .products-land-row { width: 100%; clear: both; position: relative; } .products-land.row { position: relative; } .products-land.row:after { content: " "; display: block; position: absolute; z-index: 100; bottom: 0; width: 100%; height: 5px; border-bottom: 5px solid #fff; margin-top: -5px; } .products-land.row:before { content: " "; display: block; position: absolute; z-index: 100; top: 0; width: 100%; height: 5px; border-top: 5px solid #fff; } .products-land .col, .products-land .item { float: left; overflow: hidden; z-index: 2; } .products-land .col.video-item, .products-land .item.video-item { z-index: 0; } @media (max-width: 479px) { .products-land .col, .products-land .item { width: 100% !important; } } .products-land .col.col1, .products-land .item.col1 { width: 25%; } .products-land .col.col10, .products-land .item.col10 { width: 20%; } .products-land .col.col2, .products-land .item.col2 { width: 30%; } .products-land .col.col3, .products-land .item.col3 { width: 40%; } .products-land .col.col4, .products-land .item.col4 { width: 30%; } .products-land .col.col5, .products-land .item.col5 { width: 50%; } .products-land .col.col6, .products-land .item.col6 { width: 15%; } .products-land .col.col7, .products-land .item.col7 { width: 25%; } .products-land .col.col8, .products-land .item.col8 { width: 35%; z-index: 3; } .products-land .col.col9, .products-land .item.col9 { width: 25%; } .products-land .col.col9 .item, .products-land .item.col9 .item { width: 100%; } .products-land .col.pull-top-1, .products-land .item.pull-top-1 { margin-top: -27.5%; z-index: 1; } .products-land .col.pull-top-2, .products-land .item.pull-top-2 { margin-top: -27.4%; } .products-land .col.pull-top-3, .products-land .item.pull-top-3 { margin-top: -27.4%; } .collection-banner { margin-bottom: 35px; } .collection-banner .image-bg { position: relative; padding: 4%; margin-bottom: 15px; } .collection-banner .image { margin-bottom: 15px; position: relative; } .collection-banner .image-bg .image { margin-bottom: 0; } .collection-banner .image img { margin: 0 auto; } .collection-banner .title, .collection-banner p { margin: 0; padding-bottom: 6px; } .collection-banner .btn-cool { display: inline-block; } .collection-banner .stamp.top-left { position: absolute; top: 5%; left: 15%; } .collection-banner .stamp.top-right { position: absolute; top: 5%; right: 15%; } .collection-banner .stamp.bottom-right { position: absolute; bottom: 5%; right: 5%; } .collection-banner .stamp.bottom-left { position: absolute; bottom: 5%; left: 5%; } .collection-banner .stamp .inside { text-align: center; font-size: 9px; line-height: 1em; padding: 28px 0; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .hover-squared { position: relative; } .hover-squared .caption::after, .hover-squared .caption::before { pointer-events: none; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .image-bg .hover-squared .caption::after, .image-bg .hover-squared .caption::before { top: 0; right: 0; bottom: 0; left: 0; } .hover-squared .caption::before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .hover-squared .caption::after { border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .hover-squared:hover .caption::after, .hover-squared:hover .caption::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .product-video { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .product-video video { display: block; width: 102%; height: 102%; margin: -1%; } .video-poster { display: none; } .ios .product-video { display: none; } .ios .video-poster { display: block; } .animate, .animate-delay { opacity: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.scale { -webkit-animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -oanimation-name: fadeIn; -webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -oanimation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; opacity: 1; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -oanimation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; opacity: 1; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -oanimation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; opacity: 1; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -oanimation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; opacity: 1; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce { 0% { top: -18px; } 100% { top: -24px; } } @keyframes bounce { 0% { top: -18px; } 100% { top: -24px; } } .btn-cool, .filters-by-category li a, .filters-by-category li a.selected, .socials li a, .tags li a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .navbar-search input.form-control { -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } .navbar-main-menu .item .btn-main, .sf-menu > li { -webkit-transition: border 0.1s ease; transition: border 0.1s ease; } .navbar-switcher { -webkit-transition: background 0.5s ease; transition: background 0.5s ease; } .find-us .icon { -webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; } #off-canvas-menu, #outer-canvas, .mobile-nav .nav-item .tab-content, .mobile-nav .nav-item a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #menuScrollerWrapper .dropdown { opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } #menuScrollerWrapper .dropdown.active { opacity: 1; } .animate-scale { -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .animate-scale:hover { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .container { color: #545454; } .container a { color: #545454; font-size: 12px; } .box-title a { color: #f7005f; } .navbar-secondary-menu .currency { margin-left: 10px; float: left; } #outer-canvas #newsLine .container .navbar-secondary-menu .free-shipping-tel { display: inline-block; font-size: 13px; } #outer-canvas #newsLine .container .navbar-secondary-menu .free-shipping-tel span { margin-left: 20px; } .row { margin-left: 0; margin-right: 0; } .container .navbar-secondary-menu .currency .btn-xs, .container .navbar-secondary-menu .store-language-container .btn-xs { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/top.png) no-repeat; background-position: right; padding-right: 3px; } .navbar-secondary-menu .store-language-container .btn-group { } .container .navbar-secondary-menu .store-language-container .btn-xs { padding-right: 5px; } .header-left .col-md-6, .header-left.col-md-8 { padding: 0; text-align: left; } .myfavorite, .mysetting { float: left; } .header-tools .navbar-secondary-menu .icon { width: 28px; display: block; margin: 5px; height: 23px; } .header-tools .col-md-4 { width: auto; } .header-tools .navbar-secondary-menu .mysetting .icon { background-position: -39px -1px; } .header-tools .navbar-secondary-menu .myfavorite .icon { background-position: -82px 0; } .header-left.col-md-8 { width: 100%; } .hom-banner .sie1, .hom-banner .sie2, .hom-banner .sie3 { float: left; } .fb-bg .banner-bg:hover, .hom-banner .sie1:hover, .hom-banner .sie2:hover, .hom-banner .sie3:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); position: relative; z-index: 5; } .hom-banner .sie2 img { display: block; } .hom-banner .sie2 img.t2 { margin-top: 28px; } .hom-banner .sie2, .hom-banner .sie3 { margin-left: 19px; } .hobanner { padding-top: 0; } .fb-bg { padding-top: 45px; width: 100%; } .fb-bg .bg { width: 140%; margin-left: -20%; background: #fff; } .container .sns-text { color: #fff; } .footer-bottom .copyright { width: 100%; float: none; text-align: center; color: #fff; } .footer-bottom .copyright a { color: #fff; } #footer-collapsed.open .collapsed-block { width: 24% !important; margin-top: 15px; } #footer-collapsed.open .collapsed-block.fot-find { width: 100% !important; } #footer-collapsed.closed { height: 74px !important; } .category_top_banner { width: 100%; margin-top: 33px; margin-bottom: 15px; } .navbar-compact .header-tools .btn-shopping-cart { display: none; } .header-left .header-tools { display: none; } .catalog-category-view .catblocks li { float: left; display: inline-block; width: 49%; } .catalog-category-view .catblocks li span { display: block; text-align: center; padding: 10px; font-weight: 700; } .accordion-simple .currency-switcher { display: none; } .accordion-simple .block-category #dsav dl { position: relative; line-height: 30px; margin-bottom: 0; float: left; border-bottom: 1px solid #b0b0b0; width: 100%; text-indent: 41px; clear: both; } .accordion-simple .block-category #dsav dl dt span::before { content: " "; } .accordion-simple .block-category #dsav dl dt.hover span::before { content: "-"; font-weight: 700; } .accordion-simple .block-category #dsav dl dt span { display: block !important; float: right; position: absolute; font-weight: 400; font-size: 15px; margin-right: 13px; right: 0; margin-top: 5px; } .accordion-simple .block-category #dsav dl dt a { display: block; line-height: 30px; width: 100%; float: left; } .accordion-simple .block-category #dsav dl dt a:hover { text-decoration: none; } .accordion-simple .block-category #dsav dd { display: block; } .accordion-simple .block-category #dsav dd span { display: block; text-align: left; } .catalog-category-view .content-aside { border: 1px solid #ccc; right: 0; width: 19%; padding: 0; } .content-aside .products-widget .category-products .old-price .price, .content-aside .products-widget .price-box .special-price .price, .content-aside .products-widget .regular-price .price { color: #ec0160; font-size: 12px; } .catalog-category-view .col-lg-10 { width: 80%; border: none; } .row .col-lg-10 { width: 80%; border: none; } .block .block-title { padding: 0; } .block .block-title strong { display: block; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/cate-ioc.jpg) no-repeat; background-position: 4px 7px; height: 35px; line-height: 35px; text-indent: 25px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; } .block .block-title strong span.more { font-weight: 400 !important; float: right; text-transform: none; } .block-category #dsav { max-width: 220px; width: 100%; background: #f5f5f5; margin: auto; margin-top: 10px; border: 1px solid #b0b0b0; } .block .block-content { border: none; max-width: 220px; width: 85%; margin: auto; margin-top: 10px; } .block-category #dsav dl a.sub_category_name { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/ca-iocdl.jpg) no-repeat; background-position: 31px center; font-weight: 400; } .products-widget .slides .carousel-item .product .name { text-indent: 0; text-transform: none; } .products-widget .slides .carousel-item .preview-right { float: left; width: 54%; } .products-widget .slides .carousel-item .preview-right .price-box, .products-widget .slides .carousel-item .preview-right .rating { text-indent: 0; } .content-center .block .block-content { width: 100%; max-width: 100%; margin-top: 0; } .col-lg-10 .accordion-simple .panel-heading a { padding: 0; font-size: 12px; text-transform: none; font-weight: 700; height: 30px; line-height: 30px; border: none; } .col-lg-10 .accordion-simple .panel-body, .col-lg-10 .accordion-simple .panel-body li { padding: 0; line-height: 30px; } .accordion-simple .panel .panel-collapse .colors-list li img { display: none; } .accordion-simple .panel .panel-body li { display: inline-block; } .accordion-simple .panel .panel-body li a.icon-xs { margin: 0 10px; border: 1px solid #ddd; padding: 5px; border-radius: 3px; } .accordion-simple .panel .panel-collapse { max-width: 750px; width: 100%; } .category-products .toolbar-top .col-lg-5, .toolbar-top .divider, .toolbar-top .hide { display: none !important; } .toolbar-bottom .divider, .toolbar-bottom .hidden-xs { display: none !important; } .filters-panel label { display: block; line-height: 30px; margin-right: 10px; float: left; } .toolbar-top .col-lg-2 { width: 26%; } .filters-panel { padding: 0; } .toolbar-top select { padding: 5px; } .filters-panel .view-mode a { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/view-mode-icon.jpg) no-repeat; height: 30px; width: 30px; border: none; cursor: pointer; } .filters-panel .view-mode a.li4 { background-position: -29px center; } .filters-panel .view-mode a.li2 { background-position: -58px center; } .scrolled-3 .products-list .product-preview-outer { width: 33.3%; height: 100%; } .category-products .product-preview h3.title { width: 100%; height: 43px; overflow: hidden; padding-right: 10px; text-align: left; opacity: 1; z-index: 100; } .category-products .products-list-in-row .product-preview h3.title { background: 0 0; height: auto; } .category-products .products-list-in-row .product-preview h3.title a { color: #545454; } .category-products .product-preview h3.title a { text-transform: none; font-family: Arial, Helvetica, sans-serif; color: #333; } .category-products .product-preview .product-controls-list { margin: 0; opacity: 1; padding: 0; } .no-touch .category-products .product-controls-list li a { opacity: 1; transform: none; } .category-products .product-preview .bott-left { float: left; margin-top: 10px; } .category-products .product-preview .bott-left p { display: inline-block; text-align: left; } .category-products .price-box .special-price .price { font-size: 15px; font-weight: 600; } .category-products .product-preview .bott-right { float: right; margin-top: 10px; } .sales-label .label-sale { display: none; } .category-products .sales-label .label-sale-percent { display: block; position: absolute; top: 5px; right: 5px; left: auto; color: #fff; width: 50px; height: 50px; box-shadow: none; font-weight: 700; font-size: 13px; background-color: rgb(235, 10, 124); border-radius: 25px; line-height: 16px; padding-top: 10px; } #outer #outer-canvas .customer .row .col-sm-8 .category-products .products-list .product-preview-outer .product-preview .preview .sales-label .label-sale-percent span:nth-child(1) { display: block; font-size: 17px; font-weight: 500; } #outer #outer-canvas .customer .row .col-sm-8 .category-products .products-list .product-preview-outer .product-preview .preview .sales-label .label-sale-percent span:nth-child(2) { display: block; font-size: 14px; font-weight: 500; } .category-products .label.label-new { top: 5px; right: 5px; } .category-products .old-price .price, .category-products .regular-price .price { color: #888; font-size: 14px; } .category-products .regular-price .price { color: #ed2d8b; } .product-preview .product-controls-list li a, .product-preview .product-controls-list li a.hidden-xs, .product-preview .product-controls-list li button, .product-preview .product-controls-list li button.hidden-xs, .product-preview .product-controls-list-row li a, .product-preview .product-controls-list-row li a.hidden-xs, .product-preview .product-controls-list-row li button, .product-preview .product-controls-list-row li button.hidden-xs { color: #ec0160; } .rating .icon { color: #ec0160; } .block-carousel .product .special-price .price { margin: 0; } .category-products .product-preview .price-box .pc { display: inline-block !important; color: #888; } .toolbar-bottom .filters-panel .col-lg-5 { width: 100%; text-align: center; } .toolbar-bottom .filters-panel .col-lg-5 .pull-right { float: none !important; } .toolbar-bottom .filters-panel .pagination a { height: 30px; line-height: 30px; width: 30px; margin: 0; border-radius: 15px; margin-right: 10px; } .category-products .products-list-in-row .product-preview h3.title a { font-size: 16px; } .block-carousel .block-content { padding-bottom: 10px !important; } .content-aside .section-divider { display: none; } .block-news .block-content ul li { padding-top: 5px; padding-bottom: 5px; list-style: disc; margin-left: 30px; text-indent: 0; } .block-news .block-content ul li a { cursor: pointer; text-decoration: none; } .container .navbar-main-submenu a { font-family: Arial, Helvetica, sans-serif; color: #041e3b; font-size: 14px; text-transform: none; font-weight: bold; } .container .dropdown-small .row-list a { font-family: Arial, Helvetica, sans-serif; color: #041e3b; font-size: 14px; text-transform: none; } .product-options-bottom .btn-cool, .product-options-bottom .btn-default, .product-options-bottom .filters-by-category li a { background: #ee0063; border: 1px solid #ee0063; } .container .product-options-bottom a { color: #fff; } #outer-canvas .container .product-options-bottom i.icon { color: #fff; } .customer-account-edit .customer, .customer-account-index .customer, .customer-address-index .customer, .downloadable-customer-products .customer, .oauth-customer-token-index .customer, .review-customer-index .customer, .sales-billing-agreement-index .customer, .sales-order-history .customer, .sales-recurring-profile-index .customer, .tag-customer-index .customer, .wishlist-index-index .customer, newsletter-manage-index .customer { margin-top: 20px; } .category_top_banner img { width: 48%; } .category-products .toolbar-top .col-lg-2 { width: 33%; } .category-products .col-lg-3 { width: 33%; } .content-aside .block-compare { float: none; padding-bottom: 40px; width: 100%; } .content-aside .btn-group .btn { width: 80%; margin: auto; line-height: 35px; float: none; text-align: left; color: #ec0160; display: block; } .content-aside .btn-group .dropdown-menu { position: static; border: none; box-shadow: none; padding: 0; width: 100%; min-width: 200px; } .content-aside .btn-group .dropdown-menu #compare-items { min-width: 200px; } .ajax-index-options .block-shipping-estimate, .ajax-index-options .spinfo, .ajax-index-options p { display: none; } .products_inquiry_button { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/products_inquiry_bg.gif) no-repeat scroll left 100% transparent; height: 24px; background-position: 0 4px; width: auto; text-indent: 25px; line-height: 22px; color: #666; clear: both; } .products_inquiry_button a { color: #333; font-size: 12px; text-decoration: none; } .inquiry_form_ .form-list .field { float: none; } .inquiry_form_ .form-list input, .inquiry_form_ .form-list select, .inquiry_form_ .form-list textarea { max-width: 400px; } .livechart { background: #e4e4e4; padding-top: 15px; padding-bottom: 15px; } .livechart a { display: block; } .livechart a.email { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/mail.png) no-repeat; text-indent: -9999em; margin-left: 20px; width: 50px; height: 46px; margin-bottom: 10px; } .livechart a.skype { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/skype.png) no-repeat; text-indent: -9999em; margin-left: 20px; width: 46px; height: 22px; margin-bottom: 10px; } .livechart a.taobao { margin-left: 35px; } .testimonials-widget .slide .text { height: 144px; overflow: hidden; } .pro_attributes { margin-top: 15px; } #customer-reviews h2, #customer-reviews h3, #customer-reviews h4 { text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #545454; } .navbar-main-menu .item a.active { background: #fe2388; } .navbar-main-menu .item .btn-main { padding: 0 8px; } .col-lg-8 .speprice .old-price .price-label, .col-lg-8 .speprice .special-price .price-label { display: inline-block; font-size: 12px; } .col-lg-8 .speprice .old-price .price-label { color: #333; font-weight: 700; font-size: 16px; line-height: 35px; } .col-lg-8 .speprice .special-price .price-label { color: #333; } .col-lg-8 .speprice .price-box .special-price .price { color: #cc0003; font-size: 24px; font-weight: 700; } .col-lg-8 .speprice .price-box .old-price .price { color: #cc0003; font-size: 24px; font-weight: 700; } .col-lg-8 .speprice .price { color: #cc0003; font-size: 24px; font-weight: 700; } .col-lg-8 .speprice .old-price .price { font-size: 18px; font-weight: 400; } .col-lg-8 .speprice .special-price .price { font-size: 20px; font-weight: 400; } .speprice p { display: inline-block; } .clea .price { text-decoration: none; } .crosssell .slider-products .product-preview .preview .crosssell .img-second { margin-left: 15px; } .crosssell .slider-products .product-preview .preview .crosssell { margin-top: 0; } .crosssell .slider-products .product-preview .price-box .regular-price { text-align: center; } .post-navigation a.btn-cool { line-height: 37px; padding: 0 5px; } .product-options .swatch-attr .swatches-container { display: none !important; } @media (max-width: 770px) { .header-search { display: none; } .header-tel-ship { display: none; } .header-pay-ship, .header-payment, .livechart { display: none; } .navbar-secondary-menu .btn-search { display: block; } .visible-xs { float: left; } .navbar .background .container { position: relative; } .navbar-logo { float: left; margin-left: 100px; margin-bottom: 10px; } .hom-banner .sie1, .hom-banner .sie2, .hom-banner .sie3 { float: none; display: none; } .navbar-secondary-menu .header-tools .btn-shopping-cart, .navbar-secondary-menu .header-tools .compact-hidden { display: none; } .header-left .header-tools { padding: 0; margin-top: 20px; display: block; width: auto; } .navbar-secondary-menu .btn-search { float: right; margin-left: 0; } #newsLine .container { padding-right: 0; padding-left: 0; } .header-tools .btn-shopping-cart, .header-tools .compact-hidden { float: left; padding-right: 0; } .header-tools .btn-shopping-cart { margin-top: 10px; } #footer-collapsed.open .collapsed-block { width: 80% !important; } } @media (max-width: 970px) { .header-tel-ship { display: none; } .header-pay-ship, .header-payment { display: none; } .navbar-logo.col-xs-10.col-sm-10.col-md-6.text-center { width: 30%; } .header-search { width: 38%; } } @media (max-width: 1200px) { .header-search { width: 38%; } .products-widget .slides .carousel-item { width: 100%; } .navbar-main-menu .item { padding-right: 10px; } .navbar-main-menu .item .btn-main { font-size: 14px; } .products-widget .slides .carousel-item .preview-right { width: 50%; } } @media (max-width: 1000px) { .catalog-category-view .content-aside { display: none; } .row .col-lg-10 { width: 100%; } } @media (max-width: 450px) { .header-left .header-tools { clear: both; margin-top: 10px; float: left !important; width: 100%; } .header-tel-ship { display: none; } .header-pay-ship, .header-payment, .livechart { display: none; } .touch .products-nospace .product-preview h3.title { height: 45px; overflow: hidden; padding: 0; } .touch .products-nospace .product-preview h3.title a { display: block; } .touch .products-nospace .product-preview .price-box { height: 35px; overflow: hidden; } .touch .products-nospace .product-preview .product-controls-list, .touch .products-nospace .product-preview .rating { display: none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6 { width: 100%; } .category-products .product-preview .bott-left, .category-products .product-preview .bott-right { float: none; margin-top: 0; } .product-preview .product-controls-list li, .product-preview .product-controls-list-row li { display: inline-flex; } .category-products .product-preview .bott-left p { display: inline-flex; } footer { margin-top: 10px; } } @media (max-width: 550px) { .touch .products-nospace .product-preview h3.title { height: 45px; overflow: hidden; padding: 0; } .touch .products-nospace .product-preview h3.title a { display: block; } .touch .products-nospace .product-preview .price-box { height: 35px; overflow: hidden; } .touch .products-nospace .product-preview .product-controls-list, .touch .products-nospace .product-preview .rating { display: none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6 { width: 100%; } .category-products .product-preview .bott-left, .category-products .product-preview .bott-right { float: none; margin-top: 0; } .product-preview .product-controls-list li, .product-preview .product-controls-list-row li { display: inline-flex; } .category-products .product-preview .bott-left p { display: inline-flex; } footer { margin-top: 10px; } .header-tel-ship { display: none; } .header-pay-ship, .header-payment, .livechart { display: none; } } @media (max-width: 350px) { .touch .products-nospace .product-preview h3.title { height: 37px; overflow: hidden; padding: 0; } .touch .products-nospace .product-preview h3.title a { display: block; } .touch .products-nospace .product-preview .price-box { height: 35px; overflow: hidden; } .touch .products-nospace .product-preview .product-controls-list, .touch .products-nospace .product-preview .rating { display: none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6 { width: 100%; } .category-products .product-preview .bott-left, .category-products .product-preview .bott-right { float: none; margin-top: 0; } .product-preview .product-controls-list li, .product-preview .product-controls-list-row li { display: inline-flex; } .category-products .product-preview .bott-left p { display: inline-flex; } footer { margin-top: 10px; } .header-tel-ship { display: none; } .header-pay-ship, .header-payment, .livechart { display: none; } } .shoppingcart-box .productname { height: 35px; display: block; overflow: hidden; } .contact-main { background: #626262 none repeat scroll 0 0; border-radius: 0 0 0 4px; position: fixed; right: -350px; top: 164px; width: 350px; z-index: 999; } .contact-main.show { background: #626262 none repeat scroll 0 0; border-radius: 0 0 0 4px; position: fixed; right: 0; top: 164px; width: 80px; z-index: 999; } .contact-main .btn-contact { color: #fff; display: inline-block; font-size: 12px; font-weight: 700; left: -33px; padding: 10px; position: absolute; text-align: center; top: 0; width: 87px; z-index: 9999; text-indent: -9999em; } .contact-main.show .btn-contact { left: -22px; } .gw_register_button { border-top: 1px solid #ccc; padding-top: 3px; margin-top: 15px; } .gw_row .form-group label { float: left; } .gw_button { font-size: 1.2em !important; padding-top: 7px !important; } .box-title a { color: #da0658; } .box-content a { line-height: 40px; color: #f66e00; } #drop-shopcart a.btn.btn-cool.btn-animated.flaticon-credit22 { background: #e64477; color: #fff; border: none; border-radius: 3px; width: 278px; } #review-buttons-container .btn:hover { border-color: #ad0e0e; background-color: #d60766; color: #fff !important; text-decoration: none; } div#shopping-cart-totals-please-wait { clear: both; } .col-cart { width: 40%; float: right; } .col-cart .rect-nohover { padding: 20px 10px 30px; } .inside .btn-cool { background: 0 0; border: none; color: #000; } .col-cart .text-center { text-align: right; } .point { float: left; width: 57%; } .flaticon-shopping66:hover { color: #e80461; } .flaticon-heart68:hover { color: #e80461; } .flaticon-user91:hover { color: #e80461; } .btn .badge { position: relative; top: -5px; } @media (max-width: 770px) { .point { display: none; } .col-cart { width: 100%; float: right; } } .header-tel-ship { margin-left: 10px; float: left; display: none; } .header-tel-ship .header-tel { display: block; float: left; color: #000; font-weight: 700; } .header-tel-ship .header-ship { display: block; float: left; margin-left: 50px; color: #000; font-weight: 700; } .dr_quickservice { position: fixed; right: 5px; top: 180px; background: #9c9c9c; width: 50px; text-align: center; z-index: 9999; } .droline_kf { background: #626262; width: 58px; position: relative; top: -34px; left: -4px; font-size: 12px; color: #fff; line-height: 16px; padding-bottom: 14px; cursor: pointer; } .droline_kf span { display: block; } .dr_quickservice .dr_quick1 { background-position: 0 0; width: 30px; height: 26px; margin-top: 0; margin-bottom: 4px; } .droline_yleft, .droline_yright { position: absolute; display: block; width: 4px; height: 4px; bottom: -4px; } .droline_yleft { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icon_yleft.png) no-repeat; left: 0; } .droline_yright { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icon_yright.png) no-repeat; right: 0; } .droline_kf:hover { background: #fe0da7; } .dr_quick-cort { position: relative; height: 50px; line-height: 50px; margin: 17px 0; z-index: 1; } .dr_quick-word { position: absolute; width: 150px; height: 50px; background: #e4e4e4; padding: 0 10px; color: #fe0da7; font-weight: 700; font-size: 14px; top: 0; right: 50px; z-index: 1; display: none; } .dr_quickcort-hover { background: #e4e4e4; } .dr_quick-ewm { width: 250px; height: 120px; padding: 0; } .dr_quickservice a { display: inline-block; background-image: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/icon_servie.png); background-repeat: no-repeat; margin: 0 auto; margin-top: 10px; } .dr_quickservice .dr_quick2 { background-position: 0 -33px; width: 30px; height: 29px; } .dr_quickcort-hover .dr_quick2 { background-position: -41px -33px; } .dr_quick3 { background-position: -3px -74px; width: 24px; height: 30px; } .dr_quickcort-hover .dr_quick3 { background-position: -44px -74px; } .dr_quick4 { background-position: 0 -120px; width: 30px; height: 27px; } .dr_quickcort-hover .dr_quick4 { background-position: -41px -120px; } .dr_quick5 { background-position: -2px -159px; width: 26px; height: 29px; } .dr_quickcort-hover .dr_quick5 { background-position: -43px -159px; } .dr_quick6 { background-position: -6px -199px; width: 18px; height: 30px; } .dr_quickcort-hover .dr_quick6 { background-position: -47px -199px; } .dr_quick7 { background-position: -3px -239px; width: 24px; height: 30px; } .dr_quickcort-hover .dr_quick7 { background-position: -44px -239px; } .dr_quickservice a.dr_totop { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/totop.jpg) no-repeat; width: 50px; height: 50px; margin-top: 0; } .dr_quickcort-hover a.dr_totop { background-position: -50px 0; } .comShare { width: 230px; font-size: 0; } .comShare a { display: inline-block; width: 25px; height: 25px; margin-top: 12px; margin-left: 5px; } .comShare a.shareGoogleplus { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/google)_i.png) no-repeat; } .comShare a.shareINS { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/linedin_i.png) no-repeat; } .comShare a.shareYoutube { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/tumblr_i.png) no-repeat; } .comShare a.shareFacebook { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/facebook_i.png) no-repeat; } .comShare a.shareTwitter { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/twitter_i.png) no-repeat; } .comShare a.sharePin { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/pin_i.png) no-repeat; } .badge_unice { display: inline-block; min-width: 10px; padding: 1px 5px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #c69c6d; border-radius: 10px; position: absolute; top: 0; right: 13px; } @media (min-width: 900px) { .scart_step1, .scart_step2, .scart_step3 { height: 41px; margin: 20px auto 40px; overflow: hidden; } .scart_step1 { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/shopcart_step1.jpg) no-repeat scroll center top transparent; } .scart_step2 { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/shopcart_step2.jpg) no-repeat scroll center top transparent; } .scart_step3 { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/shopcart_step3.jpg) no-repeat scroll center top transparent; } .showhidden { display: none; } } @media screen and (min-width: 1200px) { .topads01 { position: absolute; top: 580px; left: 20px; padding-left: 30px; text-align: left; line-height: 20px; } .topads02 { position: absolute; bottom: 150px; right: 30px; padding-right: 30px; line-height: 20px; } .bottomads { position: absolute; top: 200px; left: 50px; padding-left: 10px; line-height: 20px; } .youtubeleft { float: left; width: 49.8%; } .youtuberight { float: left; width: 50.2%; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .topads01 { position: absolute; top: 580px; left: 20px; padding-left: 30px; text-align: left; line-height: 20px; } .topads02 { position: absolute; bottom: 150px; right: 30px; padding-right: 30px; line-height: 20px; } .bottomads { position: absolute; top: 200px; left: 50px; padding-left: 10px; line-height: 20px; } .youtubeleft { float: left; width: 49.8%; } .youtuberight { float: left; width: 50.2%; } } @media screen and (min-width: 768px) and (max-width: 959px) { .topads01 { display: none; } .topads02 { display: none; } .bottomads { display: none; } .youtubeleft { float: left; width: 49.8%; } .youtuberight { float: left; width: 50.2%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .topads01 { display: none; } .topads02 { display: none; } .bottomads { display: none; } .youtubeleft { float: left; width: 49.8%; } .youtuberight { float: left; width: 50.2%; } } @media only screen and (max-width: 479px) { .topads01 { display: none; } .topads02 { display: none; } .bottomads { display: none; } .youtubeleft { float: left; width: 49.8%; } .youtuberight { float: left; width: 50.2%; } } .cart-cell { text-align: center; } .link-edit { border: 1px solid #eee; height: 36px; line-height: 36px; border: 1px solid #eee; background: #fff; margin: 8px 0 0; } .paypal-or { display: inline-block; float: right; height: 36px; line-height: 36px; width: 44px; text-align: center; } .totals .paypal-logo { text-align: right; } .totals .paypal-logo .paypal-or { float: none; display: block; height: 20px; line-height: 20px; text-align: right; width: 100%; } .totals .paypal-logo img { width: 174px; border-radius: 3px; } .paypal-or-addnew { display: none; } .pro_info .paypal-logo { float: left; width: 218px; margin: 10px 0; } .pro_info .paypal-logo img { width: 174px; border-radius: 3px; } .bml-checkout-type img { width: 174px; border-radius: 5px; } .table-shop.gw-table-shop { border-color: #f8c4b7; } .table-shop.gw-table-shop > thead > tr > th { border: 1px solid #f8c4b7; height: 26px; line-height: 26px; color: #f55d46; background: #fff8f6; } .table-shop.gw-table-shop > thead > tr > th input { vertical-align: middle; margin-right: 5px; margin-top: 0; } .table-shop.gw-table-shop > tbody > tr > td { border: 1px solid #f8c4b7; border-top: 1px solid #f8c4b7; border-bottom: 1px solid #f8c4b7; padding: 10px; vertical-align: top; background: #fff8f6; } .table-shop.gw-table-shop > tbody > tr > td span.gw-special-price { font-size: 14px; color: #f60; display: block; } .table-shop.gw-table-shop > tbody > tr > td span.gw-special-price span.price { color: #f60; } .table-shop.gw-table-shop > tbody > tr > td span.price { margin: 0; } .table-shop.gw-table-shop > tbody > tr > td span.gw-old-price { font-size: 14px; text-decoration: line-through; } .table-shop.gw-table-shop > tbody > tr > td span.gw-old-price span.price { color: #666; } .table-shop.gw-table-shop > tbody > tr > td span.liu-ckbox { padding: 0 5px; position: relative; } .table-shop.gw-table-shop > tbody > tr > td span.liu-ckbox input { width: 16px !important; height: 16px !important; border: 1px solid #ddd; } #checkout-review { position: relative; } #checkout-review-load .data-table tfoot { } #checkout-review-table-wrapper .table-shop.gw-table-shop > thead > tr > th { border-right-width: 0; border-left-width: 0; } #checkout-review-table-wrapper .table-shop.gw-table-shop > tbody > tr > td { border-right-width: 0; } .shopcart_nav { border-bottom: 1px solid #ddd; height: 30px; padding: 0 120px; margin: 40px 0 80px; } .shopcart_nav span { font-size: 16px; text-transform: uppercase; display: inline-block; padding: 0 10px; background: #fff; height: 60px; line-height: 60px; margin: 0 60px; color: #999; } .shopcart_nav span i { display: block; background: #fff; border: 1px dashed #999; width: 60px; height: 60px; border-radius: 50%; float: left; text-align: center; line-height: 60px; font-style: normal; color: #333; font-size: 26px; margin-right: 10px; } .shopcart_nav span.col_ff0 { color: #e60f67; } .shopcart_nav span.col_ff0 i { background: #e60f67; color: #fff; border: 1px solid #e60f67; } .btn-shopping-cart { float: right; position: relative; width: 18%; } #drop-shopcart { position: absolute; background: #fff; border: 1px solid #f15083; z-index: 9999; top: 80px; } #drop-shopcart.shoppingcart-box .title { text-align: left; line-height: 42px !important; padding: 5px 20px; } #drop-shopcart.shoppingcart-box .description { margin-left: 70px; } #drop-shopcart.shoppingcart-box .productname { text-align: left; height: 40px; line-height: 20px; margin-top: 10px; } #drop-shopcart.shoppingcart-box .price { padding-top: 0; } .rect-nohover .totals a[title="Checkout with Multiple Addresses"] { display: none; } @media (max-width: 768px) { .julia-coupon-code .couponcode-banner { width: 100%; height: 100px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/brighterhair_coupons.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .couponcode-banner .banner-coupon { width: 100%; height: 100px; margin: 0 auto; } } @media (min-width: 991px) { .julia-coupon-code .couponcode-banner { width: 100%; height: 280px; background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/brighterhair_coupons.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .couponcode-banner .banner-coupon { width: 100%; height: 280px; margin: 0 auto; } } .pro1 li .product-preview .price-box .old-price, .pro1 li .product-preview .price-box .special-price { display: inline-block; margin: 0px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .store-language-container .btn-group .dropdown-menu li:nth-child(2) { display: none; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total { min-width: 75px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li { text-align: left; padding-left: 10px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li a { display: inline-block; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .Sprites { background-size: cover; vertical-align: middle; line-height: 0; font-size: 0; overflow: hidden; display: inline-block; width: 16px; height: 12px; background-image: url(https://www.cossuits.com/media/wysiwyg/wig_wap/flag_vf7b1ad7.png); } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .AUD_flag { background-position: left -60px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .GBP_flag { background-position: left -36px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .CAD_flag { background-position: left -48px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .EUR_flag { background-position: left -12px; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .ZAR_flag { background-size: cover; vertical-align: middle; line-height: 0; font-size: 0; overflow: hidden; display: inline-block; width: 16px; height: 12px; background-image: url(https://www.cossuits.com/media/wysiwyg/wig_wap/2018291346.png); } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .USD_flag { background-position: left top; } #outer #outer-canvas header #newsLine .container .navbar-secondary-menu .btn-group .price-total li .AED_flag { background-position: left -288px; } .product-options dd.custom_made h3 { font-weight: normal; color: #fb5058; margin: 0 0 5px; font-size: 14px; } #outer-canvas .container .container .product-view form .col-lg-8 .rating { display: inline-block; } #outer-canvas .container .container .product-view form .col-lg-8 .YourReview { display: inline-block; } .gw-product-detailsaveing { display: inline-block; left: 185px; margin-top: 43px; position: absolute; } .gw-product-detailsaveing p { display: inline-block; color: #ed2d8b; border: 1px solid #ed2d8b; border-radius: 15px; padding: 0 10px; margin-left: 45px; margin-top: 2px; } .special-price { display: block; } .product-options-bottom .price-label { display: inline-block; } .product-options-bottom .price-box .old-price .price-label { display: none; } .product-options-bottom .form-inputs { position: relative; } .product-options-bottom .special-price .price-label { font-size: 1.8rem; position: absolute; top: 80px; left: 2px; display: none; } .price-box .special-price .price { top: 60px; left: 140px; } .price-box .old-price, .price-box .special-price { display: contents; } .product-options-bottom .form-inputs .cart-info { margin-top: 15px; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { top: 50%; left: 50%; font-size: 10px; position: relative; text-indent: -9999em; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #ffffff; border-right: 16px solid rgba(255, 255, 255, 0.2); border-bottom: 16px solid rgba(255, 255, 255, 0.2); border-left: 16px solid #ffffff; background: #000000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #loadingDiv { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; opacity: 0.6; } .dt-height, .height, .dt-weight, .weight, .dt-chest, .chest, .dt-waist, .waist, .dt-hips, .hips, .dt-shoulderwidth, .shoulderwidth, .dt-calf, .calf, .dt-otherdetails, .otherdetails, .dt-footlength, .footlength, .dt-shoessize, .shoessize { display: none; } .size-chart { background-color: #c3c3c3c9; position: fixed; padding-top: 40px; width: 100%; height: 100%; z-index: 11111; overflow-x: hidden; overflow-y: auto; top: 0; left: 0; text-align: center; } .img-responsive { vertical-align: middle; display: inline; } .size-chart-main { text-align: left; } .size-chart-main-al { width: 50%; display: inline-block; background-color: #fff; } .size-chart-main .modal-header { text-align: left; } .modal-header { display: none; } .size-chart .size-chart-main .modal-header { display: block; } /* CSS for Discount Codes section */ #coupon-grand-total-wrapper { position: fixed; width: 335px; /* Set the desired width */ background-color: #ffffff; /* Set the desired background color */ z-index: 999; /* Ensure the section is above other content */ } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px; left:0px; } .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important; } .tp-caption { z-index:1; white-space:nowrap } .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0, 0, 0, 0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0, 0, 0, 0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left:-40px; top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right:0px; top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left:-40px; top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right:0px; top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/gradient/g40.png) repeat-x top; } .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important; font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container { width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner { width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px; } .tp-bannershadow.tp-shadow2 { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px; } .tp-bannershadow.tp-shadow3 { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute; width:100%; height:100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none } .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute; width:100%; height:100%; } .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width:100%; height:100%; top:0px; left:0px; } .html5vid.videoisplaying .tp-poster { display: none } .tp-video-play-button { background:#000; background:rgba(0, 0, 0, 0.3); padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px; height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative; margin:10px 20px; } .html5vid .tp-revstop { display:none; } .html5vid.videoisplaying .revicon-right-dir { display:none } .html5vid.videoisplaying .tp-revstop { display:block } .html5vid.videoisplaying .tp-video-play-button { display:none } .html5vid:hover .tp-video-play-button { display:block } .fullcoveredvideo .tp-video-play-button { display:none !important } /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } .tp-dottedoverlay.twoxtwo { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/gridtile.png) } .tp-dottedoverlay.twoxtwowhite { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/gridtile_white.png) } .tp-dottedoverlay.threexthree { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/gridtile_3x3.png) } .tp-dottedoverlay.threexthreewhite { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/gridtile_3x3_white.png) } /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both; } .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right:3px; } .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px; } .tp-bullets.simplebullets.square .bullet.last { margin-right:0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important; float:left; margin-top:10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-leftarrow.round-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-leftarrow.navbar { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px; } .tp-rightarrow.navbar { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px; } .tp-leftarrow.navbar-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px; } .tp-rightarrow.navbar-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px; } .tp-rightarrow.square { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px; } .tp-leftarrow.square-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px; } .tp-rightarrow.square-old { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px; } .tp-leftarrow.default { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100; cursor:pointer; position:relative; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px; background-color:#fff; width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px; } .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute; } .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden; background:none; margin:0; float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; position:absolute; z-index:200; top:0px; } .tp-bannertimer.tp-bottom { bottom:0px; height:5px; top:auto; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none } .responsive .tparrows { display:none; } } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration:none; } .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li { list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/coloredbg.png) repeat; } /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none } .tparrows .tp-arr-titleholder { display: none } /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px; height:100px; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; background: transparent; } .tparrows.preview1:after { position:absolute; left:0px; top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px; height:100px; text-align: center; background:#fff; background:rgba(0, 0, 0, 0.15); z-index:2; line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255, 255, 255, 1); color:#aaa; } .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block; width:100%; height:100%; position:absolute; top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}*/ .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px; line-height:80px; font-size:24px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px; line-height:60px; font-size:20px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px; line-height:40px; font-size:12px; } } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px; } .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:18px; } .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; width:auto; position:absolute; top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px } .tparrows.preview2:hover { background:#fff; } .tparrows.preview2:hover:after { color:#000 } .tparrows.preview2:hover .tp-arr-titleholder { -webkit-transform: translateX(0px); transform: translateX(0px); } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px; } .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px; } .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px; height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right:11px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:11px; } .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px; height:30px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right:8px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:8px; } .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px; height:30px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: '\e81e'; right:8px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:8px; } .tparrows.preview2 .tp-arr-titleholder { display:none; visibility:none; } .tparrows.preview2:hover { width:30px !important; height:30px !important } } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255, 255, 255, 1); -webkit-transform-style: flat; } .tparrows.preview3:after { position:absolute; line-height: 70px; text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px; left:0px; ; background:#fff; z-index:100; width:70px; height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tparrows.preview3:hover:after { color:#000; } .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0; position: absolute; background: #000; background: rgba(0, 0, 0, 0.75); display: table; min-height:90px; top:-10px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block; background-size:cover; background-position:center center; display:table-cell; min-width:90px; height:90px; position:relative; top:0px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px; padding-right:70px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl; padding-left:70px; } .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px; font-size:16px; color:#fff; white-space: nowrap; position: relative; clear:right; vertical-align: middle; } .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px; } .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px; font-size:20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height:70px; } .tparrows.preview3 .tp-arr-imgholder { min-width:70px; height:70px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px; } .tparrows.preview3 .tp-arr-titleholder { padding:10px; font-size:16px; } } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px; font-size:20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height:70px; } } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; } .tparrows.preview4:after { position:absolute; line-height: 110px; text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px; left:0px; z-index:0; width:30px; height:110px; background: #000; background: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden; width:180px; position: absolute; z-index: 1; min-height:120px; top:0px; left:-150px; overflow: hidden; -webkit-perspective: 1000px; -webkit-transform-style: flat; } .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px; } .tparrows.preview4 .tp-arr-iwrapper { position: relative; } .tparrows.preview4 .tp-arr-imgholder { display:block; background-size:cover; background-position:center center; width:180px; height:110px; position:relative; top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block; background-size:cover; background-position:center center; width:180px; height:110px; position:absolute; top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px; } .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px; text-align:left; color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg); } .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg); } .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px; } .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px; } .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px; } .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important } } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px; height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px; margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/assets/transparent.png)" } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.eot?5510888'); src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.woff?5510888') format('woff'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.ttf?5510888') format('truetype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/css/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /*----------------------------------------------------------------------------- KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT Screen Stylesheet version: 1.0 date: 07/27/11 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px; } /********************************************* - SETTINGS FOR BANNER CONTAINERS - **********************************************/ .tp-banner-container { width:100%; position:relative; padding:0; } .tp-banner { width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } /* SmartMenus Core CSS (it's not recommended editing this) ===============================================================*/ .sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;} ul.sm ul{position:absolute;top:-999999px;width:100px; z-index:10000;} ul.sm li{position:relative;float:left;} ul.sm a{position:relative;display:block;white-space:nowrap;} ul.sm a.disabled{cursor:default;} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;} ul.sm-rtl li{float:right;} ul.sm ul li,ul.sm-vertical li{float:none;} ul.sm ul a,ul.sm-vertical a{white-space:normal;} ul.sm ul.sm-nowrap>li>a{white-space:nowrap;} ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;} ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);} /* --------------------------------------------------------------- Note that styles you apply to the main menu items are inherited by the sub menus items too. If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example: .sm-mega > li > a { ... } instead of .sm-mega a { ... } ---------------------------------------------------------------*/ /* Menu box ===================*/ .sm-mega { padding:0; background:#fff; } .sm-mega-vertical { padding: 0 0 14px; } .sm-mega ul { border:1px solid #bbb; padding:5px 0; background:#fff; -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2); box-shadow:0 5px 9px rgba(0,0,0,0.2); } /* first sub level carets */ .sm-mega > li > ul:before { content:''; position:absolute; top:-18px; left:30px; width:0; height:0; overflow:hidden; border-width:9px; /* tweak size of the arrow */ border-style:dashed dashed solid dashed; border-color:transparent transparent #bbb transparent; } .sm-mega > li > ul:after { content:''; position:absolute; top:-16px; left:31px; width:0; height:0; overflow:hidden; border-width:8px; border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent; } /* no carets for vertical main */ .sm-mega-vertical > li > ul:before, .sm-mega-vertical > li > ul:after { display:none; } .sm-mega-vertical > li { border-top: 1px solid #f4f4f4; } /* Menu items ===================*/ .sm-mega a { padding:15px; color:#000; font-size:12px; line-height:14px; text-decoration:none; text-transform: uppercase; } .sm-mega a:hover, .sm-mega a:focus, .sm-mega a:active, .sm-mega a.highlighted { color:#000; } .sm-mega-vertical a:hover, .sm-mega-vertical a:focus, .sm-mega-vertical a:active, .sm-mega-vertical a.highlighted { background:#fff; } .sm-mega a:hover, .sm-mega > li > a.highlighted{ background: #3d5e9b; color:#fff; } .sm-mega a.has-submenu { padding-right:25px; } .sm-mega-vertical a, .sm-mega ul a { padding:16px 20px; } .sm-mega-vertical a.has-submenu, .sm-mega ul a.has-submenu { padding-right:40px; } .sm-mega ul a { font-size:12px; } .sm-mega ul a:hover, .sm-mega ul a:focus, .sm-mega ul a:active, .sm-mega ul a.highlighted { color:#000; background:#eee; } /* current items - add the class manually to some item or check the "markCurrentItem" script option */ .sm-mega a.current, .sm-mega a.current:hover, .sm-mega a.current:focus, .sm-mega a.current:active { color:#000; } /* Sub menu indicators ===================*/ .sm-mega a span.sub-arrow { position:absolute; right:12px; top:50%; margin-top:-3px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width:0; height:0; overflow:hidden; border-width:3px; /* tweak size of the arrow */ border-style:solid dashed dashed dashed; border-color:#555 transparent transparent transparent; } .sm-mega-vertical a span.sub-arrow, .sm-mega ul a span.sub-arrow { right:15px; top:50%; margin-top:-3px; border-width:3px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #555; } .sm-mega-vertical > li > a:hover > span.sub-arrow, .sm-mega-vertical > li > a.highlighted > span.sub-arrow { border-color:transparent transparent transparent #fff; } /* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package ===================*/ .sm-mega span.scroll-up, .sm-mega span.scroll-down { position:absolute; display:none; visibility:hidden; overflow:hidden; background:#fff; height:20px; /* width and position will be automatically set by the script */ } .sm-mega span.scroll-up:hover, .sm-mega span.scroll-down:hover { background:#eee; } .sm-mega span.scroll-up-arrow, .sm-mega span.scroll-down-arrow { position:absolute; top:0; left:50%; margin-left:-6px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width:0; height:0; overflow:hidden; border-width:6px; /* tweak size of the arrow */ border-style:dashed dashed solid dashed; border-color:transparent transparent #555 transparent; } .sm-mega span.scroll-up:hover span.scroll-up-arrow { border-color:transparent transparent #000 transparent; } .sm-mega span.scroll-down-arrow { top:8px; border-style:solid dashed dashed dashed; border-color:#555 transparent transparent transparent; } .sm-mega span.scroll-down:hover span.scroll-down-arrow { border-color:#000 transparent transparent transparent; } /* --------------------------------------------------------------- Responsiveness These will make the sub menus collapsible when the screen width is too small. ---------------------------------------------------------------*/ /* decrease horizontal main menu items left/right padding to avoid wrapping */ @media screen and (max-width: 850px) { .sm-mega:not(.sm-mega-vertical) > li > a { padding-left:8px; padding-right:8px; } .sm-mega:not(.sm-mega-vertical) > li > a.has-submenu { padding-right:25px; } } @media screen and (max-width: 750px) { .sm-mega:not(.sm-mega-vertical) > li > a { padding-left:3px; padding-right:3px; } .sm-mega:not(.sm-mega-vertical) > li > a.has-submenu { padding-right:25px; } } @media screen and (max-width: 700px) { /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */ ul.sm-mega{width:auto !important;} ul.sm-mega ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;} ul.sm-mega>li{float:none;} ul.sm-mega>li>a,ul.sm-mega ul.sm-nowrap>li>a{white-space:normal;} ul.sm-mega iframe{display:none;} /* Uncomment this rule to disable completely the sub menus for small screen devices */ /*.sm-mega ul, .sm-mega span.sub-arrow, .sm-mega iframe { display:none !important; }*/ /* Menu box ===================*/ .sm-mega { padding:0; } .sm-mega ul { border:0; padding:0; /* darken the background of the sub menus */ background:rgba(130,130,130,0.1); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } /* no carets */ .sm-mega > li > ul:before, .sm-mega > li > ul:after { display:none; } /* Menu items ===================*/ .sm-mega a { padding:13px 5px 13px 28px !important; color:#555 !important; background:transparent !important; } .sm-mega a.current { color:#000 !important; } /* add some text indentation for the 2+ level sub menu items */ .sm-mega ul a { border-left:8px solid transparent; } .sm-mega ul ul a { border-left:16px solid transparent; } .sm-mega ul ul ul a { border-left:24px solid transparent; } .sm-mega ul ul ul ul a { border-left:32px solid transparent; } .sm-mega ul ul ul ul ul a { border-left:40px solid transparent; } /* Sub menu indicators ===================*/ .sm-mega a span.sub-arrow, .sm-mega ul a span.sub-arrow { top:50%; margin-top:-9px; right:auto; left:6px; margin-left:0; width:17px; height:17px; font:normal 16px/16px monospace !important; text-align:center; border:0; text-shadow:none; background:rgba(255,255,255,0.6); } /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */ .sm-mega a.highlighted span.sub-arrow { display:none !important; } /* Items separators ===================*/ .sm-mega li { border-top:1px solid rgba(0,0,0,0.05); } .sm-mega > li:first-child { border-top:0; } } /********************************************* - SETTINGS FOR BANNER CONTAINERS - **********************************************/ .tp-banner-container { width:100%; position:relative; padding:0; } .tp-banner { width:100%; position:relative; visibility:hidden; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } .tp-leftarrow.default { z-index:100; cursor:pointer; position:relative; background: none; width:15%; height:90%; top: 5%; left:0 !important; } .tp-rightarrow.default { z-index:100; cursor:pointer; position:relative; background: none; width:15%; height:90%; top: 5%; right:0 !important; } .tp-leftarrow.default:before, .tp-rightarrow.default:before { display: none } .tp-rightarrow.default:hover { cursor: url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-right.png) 27 27, url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-right.cur), pointer; } .tp-leftarrow.default:hover { cursor: url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-left.png) 27 27, url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-left.cur), pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tp-rightarrow.default:hover { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-right.png) no-repeat center center; } .tp-leftarrow.default:hover { background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/css/images/cursor-arrow-left.png) no-repeat center center; } } @media (min-width: 992px) and (max-width: 1199px) { .tp-leftarrow.default, .tp-rightarrow.default { top: 8%; height:84%; } } @media (max-width: 991px) { .tp-leftarrow.default, .tp-rightarrow.default { top: 10%; height:80%; } } .text1 { font: normal 48px/1em 'Poiret One', cursive; color:#000; text-transform:uppercase; } .text2 { font: normal 18px/1em 'Cantarell', sans-serif; color:#000; text-transform:uppercase; } .text3 { font: normal 12px/1em "Myriad Pro", sans-serif } .text0 { color:#c69c6d; font: normal 70px/1em Georgia, "Times New Roman", Times, serif } /* ------------------------------------Html-Body------------------------------- */ body {font-family: Arial,sans-serif;;color: #666;background: #fff;font-size: 13px;line-height: 1.6em;} html, body {width:100%; padding:0; margin:0;} *{ margin:0; padding:0;} fieldset{ border:none;} ::-moz-selection{background:#000;color:#fff;text-shadow:none} ::selection{background:#000;color:#fff;text-shadow:none} /* ---------------------------------------------------------------------------- */ html { -webkit-text-size-adjust: none;} .video embed,.video object,.video iframe { width: 100%;  height: auto;} .pos{ position:relative;} li,ul{list-style:none;padding:0;margin:0} h1 {font-size: 36px;} h2 {font-size: 34px;} h3 {font-size: 30px;} h4 {font-size: 26px;} h5 {font-size: 24px;} h6 {font-size: 20px;} hr{ display:block; width:100%; height:1px; background:#eee; margin:8px 0; border:none;} .mar{ margin:50px 0;} .mar30{ margin:30px 0;} .col{ color:#e45384} .col1{ color:#999;} .pad{ padding:0 5px;} .martop{ margin-top:30px;} .marbot{ margin-bottom:8px;} input { outline: none; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } img{max-width: 100%;vertical-align: top;} h1,h2,h3,h4,h5,h6 {font-weight: 600;color: #000;} p { color:#333;} a { color: #333; text-decoration:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .mar-right{ margin-right:10px;} #xker{ overflow:hidden; width:100%;} #xker img{ width:100%;} .weizhi{height:34px; line-height:34px; font-size:14px; color:#888; margin:15px 0; overflow:hidden; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/home.jpg) no-repeat left center;} .weizhi span{ display:inline-block; float:left;} a:hover,a:focus {color: #666;text-decoration: none;} .f-right{float: right;} .f-left{float: left;} .t-center{text-align: center; margin: 0 auto;} .t-right{text-align: right;} .t-left{text-align: left;} .clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;} @font-face { font-family: 'baskerville_old_faceregular'; src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.eot'); src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.woff2') format('woff2'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.woff') format('woff'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.ttf') format('truetype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/baskerville_old_face-webfont.svg#baskerville_old_faceregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'courier_newregular'; src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.eot'); src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.woff2') format('woff2'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.woff') format('woff'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.ttf') format('truetype'), url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/cour-webfont.svg#courier_newregular') format('svg'); font-weight: normal; font-style: normal; } /* search input field */ .top-lft{ width:440px; position:relative; top:30px;} .top-lft button[type=button] { height:38px; background:#ea0a7d; border:none; width:48px; border-left:none; padding:6px 5px 6px 0; position:absolute; right:0; top:0; cursor:pointer; border-radius:0; border-top-right-radius:20px; border-bottom-right-radius:20px; } .top-lft button[type=button] i.icon-sousuo{ font-size:18px; color:#fff; font-weight:bold;} .top-lft input[type=text] {border:1px solid #dedddd; padding:6px 0 6px 15px; height:38px; line-height:38px; float:left; border-radius:20px; box-shadow:0px 2px 3px #DEDBDB; width:100%;} .top-lft input[type=text]:focus{outline-offset: -2px;box-shadow:0px 2px 3px #e9d6dd; border-color:#e9d6dd;} .top-right{ margin-left:360px; width:auto;} .topmid{ width:100%;} .logo{width:316px;margin-top:35px} .free{ position:relative; top:30px; left:32px;} /* placeholder */ /* ------Header----- */ .container{ max-width:1260px; margin:0 auto; min-width:320px;} .hdtop{height:30px; line-height:30px; font-size:14px;} .hdtop b{ padding:0 10px; font-weight:normal; color:#333;} .hdtop b i{ font-style:normal; color:#e95990;} .hdright{ overflow:hidden;} .hdright ul{ overflow:hidden; margin:0;} .hdright ul li{ float:left; font-size:10px; color:#ccc; margin-left:10px;} .hdright ul li a{ padding:0 5px; font-size:13px;} .hdright ul li a:hover{ color:#000; text-decoration:underline;} .hdright ul li i.icon-yonghu{ font-size:16px; color:#999;} .top{ overflow:hidden;margin:10px auto; height:127px;} .top-lft a.county{cursor:pointer; display:block;} .top-lft a.county b{ display:inline-block; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/sanjiao.jpg) no-repeat center; width:8px; height:8px;} .top-lft .countybox{ overflow:hidden; display:none; padding:10px 15px; background:#fff; border:1px solid #f0f0f0; position:absolute; top:30px; z-index:9999999; -webkit-box-shadow: 0 2px 5px rgba(230,230,230,.8); -moz-box-shadow: 0 2px 5px rgba(230,230,230,.8); box-shadow: 0 2px 5px rgba(230,230,230,.8); } .top-lft .countybox li{ height:15px; line-height:15px; padding:8px 0;} .top-lft .countybox i{ display:inline-block; float:left; margin-right:10px;} .topNav{ margin-left:20px;} .topNav dl{ margin-bottom:0;} .topNav dl h3{ font-size:12px;width:70px;height:32px; text-align:center; margin:0; line-height:32px;} .topNav dl h3 i{ font-size:10px; padding:0 5px; color:#999;} .topNav dl a span{ background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/countries-flag.png) no-repeat; width: 16px; height: 13px; display: inline-block; margin-right:5px; } .topNav dl a.EUR span{ background-position: -100px -60px; } .topNav dl a.USD span{ background-position: -320px -200px; } .topNav dl a.GBP span{ background-position: -260px -200px; } .topNav dl dd ul{ overflow:hidden; padding:10px 6px; background:#fff;width:70px;-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); position:absolute; z-index:999;} .topNav dl dd ul li{ text-align:center;} .topNav dl dd ul li a:hover{ color:#f30; text-decoration:underline;} .topNav1{ display:inline-block; width:140px; overflow:hidden; text-align:center; float:left;} .topNav1 dd.on{;} .topNav1 button{ cursor:pointer;} .topNav1 ul{ background:#fff; overflow:hidden; position:absolute; padding:15px 20px; left:50px;-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15);} .topNav1 ul li{ background:#fff;} .topNav1 a{ margin:0; padding:0;} .topNav1 button{ border:none; background:none;} .top-right .logo a{ margin:0;} .btn-shopping-cart .cat{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/select.png) no-repeat right 34px;position:absolute; top:26px;width:250px;} .btn-shopping-cart .cat h3{ margin:0; width:42px; height:42px; border-radius:50%; background:#e60478; float:left; line-height:42px; text-align:center; margin-right:15px;} .btn-shopping-cart .cat h4{ margin:0; height:20px; line-height:20px; font-size:14px; color:#444; margin-bottom:5px;} .btn-shopping-cart .cat h3 i.icon-caigou{ font-size:28px; color:#fff; font-weight:normal;} .btn-shopping-cart .cat .wish{ position:relative; top:50px;} .btn-shopping-cart .cat .wish b{ color:#e95990; padding:0 5px;} .reveal-modal-bg {position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8);} .reveal-modal { visibility: hidden; top: 100px; left:5%;width:90%; position: absolute; z-index: 101; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF; } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { width:30px; height:30px; text-align:center; line-height:30px;font-size:0; position: absolute; top: 8px; right:8px; color: #fff; cursor: pointer; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/cancel_round.png) no-repeat center; background-size:20px;} .catbox{ overflow:hidden; display:none; position:absolute; right:0; top:30px; border:1px solid #eee; padding:10px 15px 0 15px; background:#fff;} .top-right a.cat b{ display:block; background:#e95990; width:18px; line-height:18px; border-radius:50%; color:#fff; font-size:10px; font-style:normal; text-align:center; position:absolute; top:2px; left:14px; border:1px solid #fff;} .catbox h4{ font-size:14px; font-weight:normal; color:#666;} .catbox h4 img{ width:30px; display:block; margin:0 auto;} .catbox h5{ font-size:14px; font-weight:normal; padding-bottom:12px; color:#666;} .catbox ul{ overflow:hidden;} .catbox ul li{ padding-bottom:10px;} .catbox ul li .c-img{} .catbox ul li .c-img img{ width:50px; height:50px; float:left; margin-right:10px; border:1px solid #eee;} .catbox ul li h3{ font-size:13px; font-weight:normal; height:26px; line-height:26px; overflow:hidden;} .catbox ul li p{ color:#fc5b03;} .catbox ul li a{ margin:0; float:none;} .catbox ul li .c-tex{ width:50px; overflow:hidden;} .h-top{ background:#349eae; text-align:center; color:#fff; height:38px; line-height:38px; font-size:16px; margin-bottom:10px;} /*.navbar-brand{ position:absolute; left:568px;width:153px;top:-85px; z-index:999;} .navbar-default { border: 0; background-color: #FFFFFF; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; } .navbar-default.navbar-shrink { padding:0px;background-color: #fff;} .navbar-fixed-bottom,.navbar-fixed-top{position:absolute;right:0;left:0;z-index:30;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .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} .navbar-default .navbar-brand img{display:block; width:153px; margin:0 auto;} .navbar-default .navbar-nav>li>a{color:#fff} .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent}*/ .navBar1{ position:relative;margin:0 auto; height:46px; line-height:56px; background:#303030;} .nav1{padding-left:0;margin-bottom:0;list-style:none; text-align:center; height:46px; line-height:46px;} .nav1>li{display:inline-block; padding:0 22px;} .nav1>li>a{display:inline-block;text-transform:uppercase; font-size:14px; position:relative; z-index:2; color:#fff;} .nav1>li>span{ display:inline-block; width:16px; font-size:10px; color:#fff; text-align:center; margin-left:5px;} .nav1>li>em{ display:inline-block; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/xiala_03.jpg) no-repeat; height:6px; width:10px; position:relative; left:-14px; top:-2px;} .nav1 li.on .nav1 .sub .submid dl dt a{ color:#ff6f3d;} .nav1>li.on{ background:#fe2388;} .nav1>li.on a{ color:#fff;} .nav1>li.on span{ color:#fff;} .nav1 .sub{ display:none; padding:40px 0; position:absolute; top:46px; background:#fff; line-height:30px; width:100%; left:0; right:0; z-index:1;-moz-box-shadow: 0 3px 10px rgba(0,0,0,.15);-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.15); box-shadow: 0 3px 10px rgba(0,0,0,.15); border-top:1px solid #e6e6e6;} .nav1 .sub .submid{ width:1180px; margin:0 auto; overflow:hidden;} .nav1 .sub .submid a{ border:none;} .nav1 .sub .submid dl{ float:left; margin:13px;text-align:left; padding-right:40px;} .g-gao1{ float:left; width:355px; height:235px; margin-left:10px;} .nav1 .sub .submid dl dt{ color:#222; font-size:15px; text-transform:uppercase; height:32px; line-height:32px;} .nav1 .sub .submid dl dt a{ color:#222;} .nav1 .sub .submid dl dd{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/jiantou.jpg) no-repeat left center; padding-left:15px; height:32px; line-height:32px;} .nav1 .sub .submid dl dd a{ color:#444; font-size:15px;} .nav1 .sub .submid dl dd a:hover{text-decoration:underline;} .tel{ overflow:hidden; margin-top:8px;} .tel i{ padding-right:5px;} .tel strong{ font-size:17px; color:#333;font-family:"courier_newregular";} /* ------banner----- */ .banner{ width:100%; overflow:hidden;} .focusBox{position:relative;width:100%;overflow:hidden; height:600px; text-align:center;} .focusBox .pic{position:relative;z-index:0;height:600px;} .focusBox .pic img{ height:649px; display:block; position:absolute; left:50%; margin-left:-960px;} .focusBox .hd{width:100%;position:absolute;bottom:15px;text-align:center;font-size:0;z-index:1} .focusBox .hd li{margin:0 5px;height:14px;overflow:hidden;width:14px;cursor:pointer;display:inline-block;zoom:1; background:#fff; border-radius:7px;} .focusBox .hd .on{ background:#a259aa;} .focusBox .next,.focusBox .prev{width:50px;height:50px;margin:-60px 0 0;display:none;background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;} .focusBox .prev{left:40px;} .focusBox .next{background-position:0 -50px;right:40px;} .swiper-container { width: 100%; height:auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* ------banner结束----- */ /*首页产品列表开始*/ /*首页产品列表结束*/ /*adlist*/ .dalist,.dalist1{ overflow:hidden;max-width:1190px;min-width:320px; margin:0 auto;} .dalist{border-radius:10px; padding:25px; z-index:9999; border-radius:10px; margin:25px auto;} .dalist li{ float:left; width:28%; margin:0 2.5%} .mar-lr{ margin:0 5px;} .sortlist{ overflow:hidden; position:relative; text-align:center;} .sortlist img{ width:100%; position:relative; z-index:1;} .sortlist ul{ position:absolute; z-index:9; bottom:0; right:0; left:0; width:100%;} .sortlist ul li{ float:left; width:18%; margin-left:3%; margin-right:3%; position:relative;} .sortlist ul li .backc2{ width:100%;height:280px; overflow:hidden;} .sortlist ul li h3{ color:#fff;line-height:30px;font-size:24px; width:70%; margin:50px auto;} .sortlist ul li a.more{ width:100%; height:100%; display:block; margin-right:0; position:absolute; bottom:0; right:0; padding:0;} .sortlist ul li a.more img{width:74px; display:block; position:absolute; bottom:25px;right:15px;} .sortlist ul li .li1{ background:#db4659;} .sortlist ul li .li2{ background:#bf70a0} .sortlist ul li .li3{ background:#fda102} .sortlist ul li .li4{ background:#db4659} /*about*/ .about{ overflow:hidden; width:1200px; margin:40px auto 0;} .about h1{ font-size:22px; text-transform:uppercase; letter-spacing:4px; font-weight:normal; text-align:center; font-family:"baskerville_old_faceregular";} .about h3{ font-size:17px; line-height:24px; color:#666; text-align:center; font-weight:normal; width:700px; margin:15px auto;} .about h4{ font-weight:normal; text-align:center;} .about h4 a{ text-decoration:underline; color:#7fbeb9; font-size:14px; font-style:italic;} .abmid{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/ros_17.jpg) no-repeat right center; height:400px; padding:15px 0 0; margin:50px 0;} .ablft{ width:560px; background:#fff; height:260px; margin:25px 0; padding:30px 40px 40px;} .ablft h2{ text-align:left; height:40px; line-height:40px; font-size:26px; text-transform:uppercase; color:#333;font-family:"baskerville_old_faceregular";} .ablft p{ font-size:24px; letter-spacing:1px; color:#89898A; padding:8px 0 10px; line-height:30px; text-transform:uppercase; } .abtext{ font-size:15px; line-height:26px; padding-top:10px;} /*----产品----*/ .tit2{margin:10px auto 30px; overflow:hidden; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/index_24.png) repeat; padding:25px 0;border-radius:10px;} .tit2 h3{ font-family:"courier_newregular";text-transform:capitalize; font-weight:500; height:44px; line-height:44px;letter-spacing: -2px;font-size:34px; text-align:center; margin:0 auto; color:#222;} .tit2 h4,.tit h4{ text-align:center; font-weight:normal; font-size:10px; color:#999;} .tit2 h4 a,.tit h4 a{ font-size:14px; padding:0 16px;} .tit2 h4 a:hover,.tit h4 a:hover{ color:#f98bcf;} .tit{margin:20px auto; overflow:hidden;} .tit h5{ text-align:center; font-weight:normal; font-size:14px; color:#666; position:relative; top:-20px;} .tit1{width:800px; margin:30px auto; overflow:hidden; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/tit1bg.jpg) repeat-x center;} .tit1 h3{ background:#fff; font-family:"courier_newregular";text-transform:capitalize; font-weight:500; height:60px; line-height:60px;letter-spacing: -2px;font-size:30px; text-align:center; margin:0 auto;} .tit1 span{height:1px;width:60px; margin:0 auto 20px; background:#666; display:block;} .tit h3{font-size:30px; text-align:center; color:#222;font-family:"courier_newregular";text-transform:capitalize; font-weight:500; height:60px; line-height:40px;letter-spacing: -2px;} .tit span{ height:1px;width:60px; margin:0 auto 20px; background:#666; display:block;} .tit1 h3{ width:460px;} .tit h3 span{ font-weight:normal; padding-left:10px;} .tit p{ text-align:center; height:50px; line-height:50px; text-transform:uppercase; color:#888;} .tit p a{ color:#2db8ae;} .tit p.p1{ text-transform:capitalize; font-size:15px;} .prolist{ overflow:hidden; position:relative; width:1240px; margin:0 auto 60px;} .prolist li{ display:inline-block; float:left; width:302px; margin:0 4px; overflow:hidden;} .prolist li.te .effect-duke{overflow:hidden;} .prolist li.te .effect-duke img{ height:222px;} .tuijian{ margin:25px 0;} .tuijian img{ width:100%;} figure.effect-duke img{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-duke:hover img { opacity: 1; -webkit-transform: scale3d(1.02,1.02,1); transform: scale3d(1.02,1.02,1); } .rx-list{ width:58%; max-width:773px;} .bestsale{ overflow:hidden; margin:50px 0;} .bestsale { width:100%; overflow:hidden;} .bestsale li{ float:left;} .bestsale li.best01{ width:25.2%; max-width:324px;} .bestsale li.best02{ width:33%; max-width:415px; margin:0 1%;} .bestsale li.best03{width:39.8%; max-width:503px;} .bestsale li.best04{ width:100%; margin-top:10px; overflow:hidden;} .ladyScroll{position:relative;} .ladyScroll .prev,.ladyScroll .next{width:37px;height:37px;position:absolute;top:310px;left:0;z-index:100; cursor:pointer; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/btns.png) no-repeat;} .ladyScroll .next{ left:auto; right:0; background-position:0 -74px;} .ladyScroll .prev:hover{ background-position:0 -37px; } .ladyScroll .next:hover{ background-position:0 -111px; } .ladyScroll .scrollWrap{width:100%;overflow:hidden;position:absolute;} .ladyScroll dl{float:left;width:50%;text-align:center;max-height:626px; position:relative; padding-right:20px;} .ladyScroll dt{margin:0 auto;width:100%;overflow:hidden;background:#f1f1f1;} .ladyScroll img{display:block; width:100%; max-width:360px;} .ladyScroll dd{width:100%;font-size:20px;color:#fff;text-align:center;overflow:hidden; margin:0 auto;background:#f1f1f1; height:189px;} .ladyScroll dd h3{ font-size:15px; color:#333; text-transform:uppercase; font-weight:normal; text-align:center; height:32px; line-height:32px; padding-top:40px;} .ladyScroll dd h3 a{ color:#111;} .ladyScroll dd h4{ color:#fc5b03; font-size:15px;font-weight:normal;text-align:center;height:42px; line-height:42px; font-weight:normal;} .more1{ height:32px; line-height:32px;font-size:15px; width:120px; margin:0 auto; display:block; text-align:center; color:#444; padding:0 10px;} .more1:hover{ color:#000; text-decoration:underline;} .rx-tit{ width:41%; max-width:565px;overflow:hidden;} .rx-tit img{ width:100%;} .prolft{ width:220px;border:1px solid #ddd;} .prolft h3{ font-size:15px; height:46px; line-height:46px; color:#333; text-align:center; border-bottom:1px solid #ddd; margin:0 auto} .fenlist{ overflow:hidden; margin:15px 0;} .fenlist dt{ font-size:15px; height:36px; line-height:36px; padding-left:16px;} .fenlist dd{ height:26px; line-height:26px; padding-left:8px;} .fenlist dd{ position:relative;} .fenlist dd a i.gw-checkout {display: inline-block; width: 14px; height: 14px; position:relative; top:11px; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: white; border: solid 1px #e1e1e1; border-radius: 2px; margin:0 5px;} .fenlist dd i.gw-checkout input{ width:13px; height:13px;display:inline-block; position:relative; top:1px;left:1px; display:none;} .fenlist dd a:hover i.gw-checkout:after,.fenlist dd span.m-selected-filter-item i.gw-checkout:after{font-family: "iconfont"; content: "\e614"; display: inline-block; font-weight: normal; position:relative; width: 14px; height: 14px; line-height: 14px; font-size: 7px; border: solid 1px #ff8261; background-color: #ff8261; top:8px; color:#fff; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 2px;} .fenlist dd a:hover i.gw-checkout:after{ top:6px; left:-1px;} input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + .label label:after { font-size: 8px; background-color: #ff8261;} .fenlist dd a{ font-size:13px; color:#666;} .fenlist dd a:hover,.fenlist dd.pro-on a{ color:#ff8261; text-decoration:underline;} .fenlist dd a:hover em,.fenlist dd.pro-on a em{color:#ff8261} .fenlist dd a em{font-style:normal; color:#B3B2B2; padding-left:5px;} .prorit{ margin-left:240px;} .saixuan{ overflow:hidden; background:#f6f6f6;} .view-list{ overflow:hidden;} .view-list label{ margin:10px; display:inline-block; height:37px; line-height:37px; font-size:16px;} .view-list a{ display:inline-block; width:30px; line-height:30px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/view-mode-icon.jpg) no-repeat; height:30px; position:relative; top:8px;} .view-list a.ls1{ background-position:0 0;} .view-list a.ls2{ background-position:-29px 0;} .view-list a.ls3{ background-position:-58px 0;} .view-list a:hover{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/view-mode-icon-cur.png) no-repeat;} .view-list a.ls1:hover{ background-position:0 0;} .view-list a.ls2:hover{ background-position:-29px 0;} .view-list a.ls3:hover{ background-position:-58px 0;} .narrow-by-list{ overflow:hidden;} #narrow-by-list dt{ float:left; width:120px; font-weight:bold; margin-bottom:10px;} #narrow-by-list dd{ margin-left:120px;margin-bottom:10px;} #narrow-by-list dd ol{ width:100%; overflow:hidden;} #narrow-by-list dd ol li{ float:left; padding-right:20px; padding-bottom:5px;} #narrow-by-list dd ol li a{ color:#666;} #narrow-by-list dd ol li a:hover{ color:#ff8261; text-decoration:underline;} #narrow-by-list dd ol li a.on{color:#ff8261;} .pro{ overflow:hidden; width:1280px; position:relative; margin:30px 0 0;} .pro li{overflow:hidden; float:left; width:295px; margin:0 6px 35px; position:relative;} .pro li .mo-block{ position:absolute; top:200px; width:100px; height:60px; left:100px;} .pro li .mo-block .wishbox a{ width:32px; line-height:32px; height:32px; display:inline-block; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/ax.png); margin:0 5px;} .pro li .mo-block .wishbox a.wishico{ background-position:0 0;} .pro li .mo-block .wishbox a.wishico:hover{ background-position:-32px 0;} .pro li .mo-block .wishbox a.j-cat{ background-position:-64px 0;} .pro li .mo-block .wishbox a.j-cat:hover{ background-position:-96px 0;} .pro li .quickview{ text-align:center; margin:10px 0;} .pro li .quickview a{ display:inline-block; border-radius:3px;display:block; height:32px; line-height:32px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/ax_bg.png) repeat; width:80px; margin-left:5px; color:#444;} .pro li .quickview a:hover{ color:#42a4b3; text-decoration:underline;} .pro li img{ width:100%;} .pro li em{ position:absolute; top:-8px; right:-5px; background:#f30; color:#fff; display:block; border-radius:50%; padding:14px 5px 0; font-style:normal; width:40px;height:36px; line-height:16px; text-align:center; font-size:12px;} .pro li em b{ display:block; font-size:16px;} .pro li h3{ font-size:15px; color:#666; font-weight:normal; height:44px; line-height:22px; overflow:hidden; padding:8px 5px;} .pro li h3 a{ color:#666;} .pro li h4{ text-align:center; font-size:20px; color:#333; height:32px; line-height:32px; font-weight:normal;} .pro li h4 p{ display:inline-block;} .pro li h4 .old-price{ padding:0 8px; font-size:15px; font-weight:normal; color:#999; text-decoration:line-through;} .c-show{ width:100%;overflow:hidden; clear:both; padding:20px 0;} .c-show .slick-initialized .slick-slide .showlist{-webkit-transition: -webkit-transform .2s linear 0s; transition: transform .2s linear 0s; background:#fff;} .c-show .slick-initialized .slick-slide .showlist:hover{ transform: scale(1.04);} .c-show .showlist{ float:left;width:auto;} .c-show .showlist a{ display:block; padding:8px 8px 0;border:1px solid #ccc;width:96%;} .c-show .showlist span.sbg{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/listbg.png) no-repeat bottom; display:block; height:6px;} .c-show .showlist .info{ position:relative; display:block;} .c-show .showlist .info p{ height:32px; line-height:16px; margin:5px 0;} .c-show .showlist h3{ font-size:15px; height:30px; line-height:30px; margin:0;} .c-show .showlist span.like{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/like_05.jpg) no-repeat left center; padding-left:60px; display:inline-block; position:absolute; right:5px; top:5px; font-size:12px; height:22px; line-height:30px;} /*HOT*/ #pro1 li{ min-height:460px;} .pro1 li{float:left; width:25%; position:relative;} .pro1 li .product-preview{ padding:20px; border:1px solid #d4d4d4; margin:10px; min-height:380px;} .pro1 li .product-preview .product-controls-list{ position:absolute; bottom:40px; right:20px;} .pro1 li .product-preview .product-controls-list li{ width:30px;} .pro1 li .product-preview .product-controls-list li a{ color:#ea0a7d; padding:0!important;margin:0!important;height:auto!important; opacity:1!important; -webkit-transform:none; */ /* transform: rotateX(90deg); */ -webkit-transition: none; transition: none; } .pro1 li .product-preview .product-controls-list li a span.flaticon-shopping66:before{ font-size:12px;} .pro1 li .product-preview .product-controls-list li a:hover{ background-color:#fff!important; border:1px solid #ccc;color:#ea0a7d;} .pro1 li .product-preview .rating{ float:left; height:30px; line-height:30px;} .pro1 li .product-preview .colbox{ float:right;} .pro1 li .product-preview .price-box{ padding:5px 0 0;} .pro1 li .product-preview .price-box .regular-price{ font-size:16px; color:#ea0a7d;} .pro1 li .product-preview .price-box .regular-price span.pc{ font-size:12px; color:#999; padding-left:5px;} .pro1 li .product-preview h3.title{ height:45px; line-height:18px;} .pro1 li .product-preview h3.title a{ color:#333;} .pro1 li .product-preview h3.title a:hover{ text-decoration:underline; color:#ea0a7d;} .pro1 li .li-item{ padding:8px;transition: box-shadow 0.25s linear 0s, min-height 0.35s linear 0s; border:1px solid #fff; position:absolute; width:100%;box-sizing: border-box;} .pro1 li .li-item .img{ width:100%; padding-bottom:100%; position:relative; height:0;} .pro1 li .li-item .img img{ width:100%;} .Discount {position: absolute;z-index: 999;right: 2px;top: 2px; width: 50px; height:40px; border-radius: 50px; line-height: 16px; padding-top: 10px; text-align: center; color: #fff; font-size: 12px; background: #e45384; } .Discount b{ font-size:16px;} .pro1 li .li-item:hover{border: 1px solid #ccc;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.13);z-index: 2;transition: box-shadow 0.25s linear 0s, min-height 0.35s linear 0s; background:#fff;} .pro1 li img{ width:100%;} .pro1 li h3{margin:0;font-size:15px; color:#666; font-weight:normal; height:44px; line-height:22px; overflow:hidden; padding:4px 0; } .pro1 li h3 a{ color:#666;} .pro1 li h4{margin:0;font-size:20px; color:#333; height:32px; line-height:32px; font-weight:normal;} .pro1 li h4 p{ display:inline-block;} .pro1 li h4 .old-price{ padding:0 8px; font-size:15px; font-weight:normal; color:#999; text-decoration:line-through;} .pro1 li .li-item .infomore{ overflow:hidden; height:26px; line-height:26px; display:none;} .pro1 li .li-item:hover .infomore{ display:block;} .pro1 li .infomore a{width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; float:left; margin-left:4px;} .pro1 li .infomore a.wishbox.icon-shoucang{ font-size:20px;} .pro1 li .infomore a.wishbox.icon-shoucang:hover{ color:#e95990;} .pro1 li .infomore a.bagbox.icon-gouwu{ font-size:23px; line-height:22px;} .pro1 li .infomore a.bagbox.icon-gouwu:hover{ color:#e95990;} .review{ height:30px; line-height:30px; color:#999; font-size:14px; margin-top:8px;} .review span{ display:inline-block; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/starsy.png) repeat-x; width:85px;height:16px; line-height:16px; margin-right:5px; position:relative; top:1px;} .review span b{ display:none; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/starky.png) no-repeat;width:85px; height:16px; line-height:16px; margin-right:5px;} /*sns区域*/ .subtitle{overflow:hidden;margin-bottom:25px} .subtitle.right-space{margin-right:120px} .subtitle.right-space.no-right-space{margin-right:0} .subtitle div{text-align:center} .subtitle div span{display:inline-block;position:relative;font-size:18px;line-height:20px;text-transform:uppercase;color:#000} .subtitle div span:after,.subtitle div span:before{content:"";position:absolute;height:1px;border-top:1px dotted #cacaca;top:10px;width:600px} .subtitle div span:before{right:100%;margin-right:15px} .subtitle div span:after{left:100%;margin-left:15px} .animate-bg{color:#fff;background-color: #555;margin:20px 0 15px;overflow:hidden;position:relative;z-index:101;clear:both;margin:auto; } .block-carousel .block-title strong span.more{position:absolute} .animate-bg .subtitle div span{color:#fff} .animate-bg .subtitle div span:after,.animate-bg .subtitle div span:before{border-color:#fff} .social-widget .widget-outer{margin-bottom:15px} .boxed .content.social-widget{padding-left:10px;padding-right:10px} .back-to-top{top:244px;cursor:pointer;display:none;position:fixed;right:0;text-align:center;width:80px;z-index:10000;background-color:#E4E4E4} .back-to-top span.arrow-up{position:absolute;top:-6px;-webkit-animation:bounce .4s ease-in-out infinite alternate;animation:bounce .4s ease-in-out infinite alternate} .back-to-top span.arrow-up{top:-20px\9} .subtitle,.sub-title { clear:both; padding:35px 0 0; font-size:15px; margin:0 0 36px; } .fb_outer { width: 100%;} .fb_outer , .fb_outer a , .fb_outer a:hover{ color: #fff;} .fb_outer .items_row { margin:6px 0 0 0; overflow:hidden; width:100%;} .fb_outer .items_row .item { display: block; float: left; text-align: center; width:33.333%; font-size:11px;} .fb_outer .items_row .item .name { width: 100%; text-align:center; } .fb_outer .items_row .item .name a { text-decoration:none;} .twitter-widget ul{margin:0;padding:0 0 0 26px;list-style-type:none;line-height:1.35em} .twitter-widget ul li{margin:0 0 8px;padding:7px;color:#efefef;border:1px solid #616161;background:#3a3a3a;position:relative} .twitter-widget ul li:before{content: "\e020";display:inline;font:1.167em flaticon;position:absolute;top:0;left:-26px;color:#fff} .twitter-widget ul li:last-child{margin-bottom:0;border-bottom:0} .twitter-widget a{color:#fc0ca5;text-decoration:underline} .twitter-widget .time{color:#858585;font-size:.833em;display:block;padding-top:7px} .twitter-widget .arrow{display:block;position:absolute;top:3px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #3a3a3a} .twitter-widget-aside ul{margin:0;padding:0 0 0 35px;list-style-type:none;line-height:1.35em} .twitter-widget-aside ul li{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #f4f4f4;position:relative} .twitter-widget-aside ul li:before{content:"\e053";display:inline;font:1.23em Flaticon;position:absolute;top:0;left:-35px;color:#c69c6d} .twitter-widget-aside ul li:last-child{margin-bottom:0;border-bottom:0} .twitter-widget-aside .link{display:block;padding-top:2px} .twitter-widget-aside a{color:#c69c6d;text-decoration:underline} .twitter-widget-aside .time{font-size:.917em;display:block;padding-top:7px} .testimonials-widget{ overflow:hidden; clear:both;} .testimonials-widget .slick-slider{ padding:0; width:100%;} .testimonials-widget .slick-slide{ overflow:hidden; padding-right:15px; clear:both; width:100%;} .testimonials-widget .slick-list{min-height:250px} .testimonials-widget .text{padding:10px 7px;color:#efefef;border:1px solid #616161;background:#3a3a3a;position:relative} .testimonials-widget .carousel-item{overflow:hidden;} .testimonials-widget .carousel-item img{ background:#fff; padding:20px;} .testimonials-widget .arrow{display:block;position:absolute;bottom:-6px;left:10px;width:0;height:0;border-top:6px solid #3a3a3a;border-left:6px solid transparent;border-right:6px solid transparent} .testimonials-widget .author{color:#fff;margin-top:10px} .picScroll-top{ overflow:hidden; padding:0 10px;} .picScroll-top .hd{ overflow:hidden; margin-right:15px;} .picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block; position:absolute; top:34px; width:28px; height:24px; line-height:24px; text-align:center; border:1px solid #ededed; color:#fff;right:32px; cursor:pointer;} .picScroll-top .hd .prev{right:70px;} .picScroll-top .hd .next{ right:100px;} .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-top .hd ul li.on{ background-position:0 0; } .picScroll-top .bd{ } .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .picScroll-top .bd ul li{ text-align:center; zoom:1;} .picScroll-top .bd ul li .pic{ text-align:center; } .picScroll-top .bd ul li .pic img{ width:200px; height:110px; display:block; border:1px solid #ccc; background:#fff;} .picScroll-top .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-top .bd ul li .title{ line-height:28px; height:28px; overflow:hidden; color:#fff;width:200px; font-size:12px;} /*品牌*/ .p-pai{ overflow:hidden; margin:15px 0;} .p-pai li{ float:left;padding:20px 15px; margin:15px 0; border:1px solid #eee;-webkit-box-shadow:1px 3px 4px 0px #E6E6E6; -moz-box-shadow:1px 3px 4px 0px #E6E6E6; box-shadow:1px 3px 4px 0px #E6E6E6; border:1px solid #EAE5E5;} .p-pai li:hover{ border:1px solid #D3E9EC;-webkit-box-shadow:1px 3px 4px 2px #E6E6E6; -moz-box-shadow:1px 3px 4px 2px #E6E6E6; box-shadow:1px 3px 4px 2px #E6E6E6; } .p-pai li .p-img{ width:280px; margin-right:10px;} .p-pai li h3{ height:40px; line-height:40px; overflow:hidden; font-size:16px;} .p-pai li p{ line-height:28px; font-size:14px;} .p-pai li img{ width:100%;} .pinpai_biaoti{ width:600px; margin:50px auto 10px; overflow:hidden; text-align:center; font-size:26px; text-transform:uppercase; letter-spacing:3px; font-weight:normal;} .fottop{ border-bottom:1px solid #e4e4e4; padding:10px 0 15px;} .foot{ padding-top:10px; margin:0 auto; background:#f9f9f9; clear:both; position:relative;} .backtop{ overflow:hidden; display:block; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/topbot.png) no-repeat; background-size:45px; height:45px; width:45px; position:fixed; right:15px; bottom:20px; cursor:pointer; z-index:999;} .fotmid{margin:0 auto; padding:30px 0 0; width:1120px;} .footlist{ overflow:hidden;} .footlist li{ float:left;overflow:hidden; width:20%; margin:0 2%;} .footlist li h4{ font-size:16px; text-transform:uppercase; font-weight:normal; margin-bottom:12px; border-bottom:2px solid #eaeaea; margin:0 0 15px; height:36px; line-height:36px;} .footlist li h4 img{ margin-right:10px; display:inline-block; float:left; margin-top:3px;} .footlist li p{ line-height:34px; margin:0; font-size:15px; background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/lis_08.jpg) no-repeat 8px center; padding-left:25px } .footlist li p a{ color:#666;} .footlist li p a:hover{ text-decoration:underline; color:#777;} .footlist li>div{ margin-top:15px;} .footlist li.f-te{ width:28%; margin:0;} .footlist li.f-te dd{ overflow:hidden; margin:10px 0; line-height:20px; font-size:14px;} .footlist li.f-te dd img{ float:left; margin-right:8px;} .fotrit{ font-size:13px; color:#333; font-weight:600;} .fotrit input[type="text"]{ border:1px solid #d9d9d9; padding:5px; height:30px; line-height:30px; margin-left:15px; width:200px;} .fotrit button[type="button"]{ background:#333; padding:0 10px; color:#fff; text-transform:uppercase; border:none; height:30px; line-height:30px;} .fottop{font-style:italic; color:#666; font-size:15px;} .fottop a{ display:inline-block; margin:0 5px;} .list-div{ margin:10px 40px;} .list-div a{ width:55px; height:55px; display:inline-block; float:left; margin-right:5px;} .list-div a i{ display:inline-block; height:55px; width:55px;} .newsletter{ overflow:hidden; border:1px solid #8C8C8C;height:40px; line-height:40px; margin:20px 0; padding:0 10px; position:relative; border-radius:3px;} .newsletter input{ height:40px; line-height:40px; border:none; background:none; color:#fff; font-family:"Arial"; width:100%;} .newsletter button{ background:#F51894; height:42px; line-height:42px; border:none; color:#fff; font-size:16px; padding:0 15px; float:right; position:absolute; right:0;top:0;} .newsletter button i{ color:#fff; font-size:20px} .fotbot{ text-align:center; color:#fff; height:40px; line-height:40px; background:#555; margin:15px 0 0} .find{ overflow:hidden; padding:10px 36px;} .find h4{ float:left; font-size:17px; font-weight:normal; text-transform:capitalize;} .find a{ display:block; float:left; width:32px; height:32px; margin:0 8px; line-height:32px;} .yxlist{ overflow:hidden; margin:20px 0;} .yxlist span{ padding:0 15px;height:36px; line-height:36px; display:inline-block;} .djbox{ overflow:hidden;} .djbox .xing{ background-image: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/conent_star_icon.png);display: inline-block; width: 95px;height: 14px;overflow: hidden; margin:8px 8px 0 0;} .djbox span {margin-right: 10px;} .no5{ background-position:0 0;} .no4{background-position:0 -25px;} .no3{background-position:0 -50px;} .no2{background-position:0 -75px;} .no1{background-position:0 -100px;} /*子页*/ .zy-banner{ width:100%; margin:0 auto; overflow:hidden; text-align:center;} .section_select{ margin:10px 0;} .section_select select{ background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/select.png) no-repeat right center #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; border: 1px solid #d9dbdc; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 10px 9px 8px; text-indent: 0.01px; text-overflow: ''; } .omega{ margin-left:10px;} .omega select{ width:180px;} .page{margin-top:35px; margin-bottom:25px;height: 32px;text-align: center;font-size: 0; clear:both;} .page a.pageup-dis, .page a.pagedown-dis {background-color: #eff2f0;color: #bcbebd;cursor: default;} .page a{display: inline-block;width: auto;padding: 6px 10px;padding: 6px 11px\9;border: 1px solid #dfdfdf; font: 16px/18px Arial;background: #FFF;color: #505050;margin-right: 8px;vertical-align: top;border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;overflow: hidden;} .page a.current,.page a.current:hover {background-color: #a642b0;color: #FFF;font-weight: bold;} .page a:hover{background-color: #a642b0;text-decoration: none; color:#fff;} /*物流跟踪*/ .gw_header_track_order{ float:right; padding:0 10px;font-size: 14px; font-weight: bold; text-transform: capitalize;} .gw_header_track_order:hover{ moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); background:#fff; } .Track_box{ overflow:hidden; padding:20px; -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); position:absolute; background:#fff; text-align:left; border:1px solid #ddd; border-top:none;top:35px; display:none; z-index:999;width:400px;} .Track_box p{ font-size:12px; color:#666; text-align:left; text-indent:14px;} .track-cx{ overflow:hidden; margin:15px 0} .track-cx label{ font-size:14px; display:block; margin-bottom:5px;} .track-cx label em{ color:#f00;} .track-cx select{ height:36px; line-height:36px; padding:0 12px;} .track-cx input{ border:1px solid #CDCDCD; padding:0 8px; height:36px; line-height:36px; display:block; width:100%; margin:15px 0 0;} .track-cx button{ border:none; background:#fc0cad; color:#fff; border-radius:3px; padding:0 10px; font-size:16px; margin:10px 0 0;} .track-result{ overflow:hidden;} .track-result dl{ overflow:hidden; margin:0;} .track-result dl dt{ border-bottom:1px dashed #ddd; padding:8px 0; margin:5px 0; font-weight:normal;} .track-result dl dt span,.track-result dl dd span{ float:left; width:140px; font-size:14px; display:inline-block; color:#000;} .track-result dl dt b{ font-size:14px;} .track-result dl dd{ border-bottom:1px dashed #ddd;margin:5px 0; overflow:hidden; padding:8px 0;} .track-result dl dd ul{ float:left; overflow:hidden; padding:15px 0 0;} .track-result dl dd ul li{ font-size:13px; line-height:20px; padding:2px 0 5px; color:#666;} .track-result dl dd ul li b{ font-weight:normal; color:#000;} .track-result dl dd ul li:last-child{ color:#f30;} .track-result dl dd ul li:last-child b{ color:#f30;} /*物流跟踪完*/ /*购物车 界面 调整*/ #outer #outer-canvas .container .container form .rect-nohover{ width: 70%; display: inline-block; float: left; } #outer #outer-canvas .container .container .row .col-sm-6:nth-child(1){ display: none; } #outer #outer-canvas .container .container .rows{ position: fixed; top:0; width: 364px; } #outer #outer-canvas .container .container .row .col-sm-12{ float: none; width: 100%; } #outer #outer-canvas .container .container .divider{ } #outer #outer-canvas .container .container .crosssell>h3{ display: none; } .crosssell .slider-products .pull-left .product-carousel .biaoti{ font-size: 16px; font-weight: 600; text-align: center; margin: 20px; } #outer #outer-canvas .container .container{ position: relative; } #outer #outer-canvas .container .container .MoveSlide{ position: absolute; right: 18px; } #outer #outer-canvas .container .container .MoveSlides{ top:0px!important; } #outer #outer-canvas .container .container .row .InfoBuyer{ width: 90%; float: right; margin-right: 20px; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(3){ display: none; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(4) .tax-flag{ display: none; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(5){ position: relative; padding-top: 25px; width: 126px; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(7) .price{ color: rgb(234,10,125); } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(4) .price{ color: rgb(234,10,125); } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(5) button{ display: inline-block; width: 30px; height: 30px; background-color: rgb(235,235,235); border: 1px solid rgba(0,0,0,.5); color: #000; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td:nth-child(5) input{ display: inline-block; padding: 0; text-align: center; height: 20px; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop tbody tr td .tax-flag{ display: none; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop thead tr th:nth-child(3){ display: none; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop thead tr th{ padding: 0; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop{ margin-top: 0; } #outer #outer-canvas .container .container form .rect-nohover{ padding-top: 0; } #outer #outer-canvas .container .container form .rect-nohover .inside .table-shop thead tr{ height: 60px; line-height: 60px; } .rect-nohover #discount-coupon-form .discount .discount-form .input-box{ width: 50%; display: inline-block; } .rect-nohover #discount-coupon-form .discount .discount-form .buttons-set{ display: inline; position: relative; top:1px; } .row .col-sm-6 .rect-nohover{ padding-bottom: 10px; } #outer #outer-canvas .container .container .row .col-sm-12 .rect-nohover .totals #shopping-cart-totals-contaner .Reware_points{ text-align: right; } #outer #outer-canvas .container .container .row .col-sm-12 .rect-nohover .totals #shopping-cart-totals-contaner #shopping-cart-totals-table tbody tr .a-right{ text-align: left!important; } #outer #outer-canvas .container .container .row .col-sm-12 .rect-nohover .totals #shopping-cart-totals-contaner #shopping-cart-totals-table tfoot tr .a-right{ text-align: left!important; } #outer #outer-canvas .container .container .row .col-sm-12 .rect-nohover .totals #shopping-cart-totals-contaner #shopping-cart-totals-table tbody tr .a-left .price{ color: rgb(234,10,125); } #outer #outer-canvas .container .container .row .col-sm-12 .rect-nohover .totals #shopping-cart-totals-contaner #shopping-cart-totals-table tfoot tr .a-left .price{ color: rgb(234,10,125); } .sharelist ul { width: 1260px; margin: 0 auto; } .sharelist ul li:nth-child(1) { float: left; width: 458px; height: 476px; } .sharelist ul li { display: inline-block; } .sharelist ul li:not(:first-child) { margin-left: 10px; } .sharelist ul li:nth-child(n+5) { margin-top: 20px; } .product-options dd #showsizexx{padding:0;width:415px;background:#f6f6f6;padding:8px 12px;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);margin-top:5px;} #showsizexx dd.size_notice{padding:0;color:#2a2a2a;border-top:1px dotted #303030;padding-top:5px;margin-top:6px} #showsizexx dd.size_notice span{color:#ff1d38} .product-options dd #showsizexx dl{width:205px;overflow:hidden;} .product-options dd #showsizexx dl dt{padding-bottom:3px;border-bottom:1px solid #303030;font-weight:bold;font-size:12px;color:#a10d7c;margin-bottom:6px} .product-options dd #showsizexx dl dd{padding:0;font-size:11px;color:#333} .product-options dd #showsizexx dl dd span{font-weight:bold;margin-right:5px} .product-options dd #wrap_showsizexx{padding:0;width:415px;background:#f6f6f6;padding:8px 12px;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);margin-top:5px;} #wrap_showsizexx dd.size_notice{padding:0;color:#2a2a2a;border-top:1px dotted #303030;padding-top:5px;margin-top:6px} #wrap_showsizexx dd.size_notice span{color:#ff1d38} .product-options dd #wrap_showsizexx dl{width:205px;overflow:hidden;} .product-options dd #wrap_showsizexx dl dt{padding-bottom:3px;border-bottom:1px solid #303030;font-weight:bold;font-size:12px;color:#a10d7c;margin-bottom:6px} .product-options dd #wrap_showsizexx dl dd{padding:0;font-size:11px;color:#333} .product-options dd #wrap_showsizexx dl dd span{font-weight:bold;margin-right:5px} @font-face {font-family: "iconfont"; src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/iconfont.eot?t=1488363969884'); /* IE9*/ src: url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/iconfont.eot?t=1488363969884#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/iconfont.woff?t=1488363969884') format('woff'), /* chrome, firefox */ url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/iconfont.ttf?t=1488363969884') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('https://static.cossuits.com/skin/frontend/coolbaby/default/webfont/iconfont.svg?t=1488363969884#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xiaochahao:before { content: "\e62d"; } .icon-google:before { content: "\e602"; } .icon-facebook:before { content: "\e603"; } .icon-fanhui:before { content: "\e61e"; } .icon-yonghu:before { content: "\e61d"; } .icon-time:before { content: "\e627"; } .icon-facebook2:before { content: "\e6ae"; } .icon-address:before { content: "\e61f"; } .icon-list:before { content: "\e62e"; } .icon-buy:before { content: "\e617"; } .icon-woxingerenxinxi:before { content: "\e620"; } .icon-mypoints:before { content: "\e604"; } .icon-twitter1:before { content: "\e640"; } .icon-bangzhu:before { content: "\e628"; } .icon-pinglun01:before { content: "\e605"; } .icon-logout:before { content: "\e621"; } .icon-gouwuche:before { content: "\e618"; } .icon-dianhua:before { content: "\e601"; } .icon-gouwu:before { content: "\e600"; } .icon-grxx:before { content: "\e622"; } .icon-gongyujianjie:before { content: "\e606"; } .icon-gouwudai:before { content: "\e607"; } .icon-caigou:before { content: "\e623"; } .icon-facebook1:before { content: "\e61a"; } .icon-pinterest:before { content: "\e619"; } .icon-duihao:before { content: "\e614"; } .icon-yonghu1:before { content: "\e62b"; } .icon-tuihuo:before { content: "\e608"; } .icon-iconfontdiqiu:before { content: "\e629"; } .icon-kefu-copy:before { content: "\e61b"; } .icon-iconfontxingxing:before { content: "\e613"; } .icon-jifen:before { content: "\e624"; } .icon-address1:before { content: "\e609"; } .icon-caidan:before { content: "\e62f"; } .icon-fuxuankuang:before { content: "\e615"; } .icon-icon1460191693668:before { content: "\e60a"; } .icon-shoucang:before { content: "\e60b"; } .icon-pinglun:before { content: "\e60c"; } .icon-account:before { content: "\e61c"; } .icon-fuxuankuang1:before { content: "\e616"; } .icon-pinterest1:before { content: "\e62c"; } .icon-youtube:before { content: "\e62a"; } .icon-baifangjilu:before { content: "\e625"; } .icon-youtubeyoutube7:before { content: "\e626"; } .icon-orders:before { content: "\e60d"; } .icon-gerenxinxi:before { content: "\e60e"; } .icon-sousuo:before { content: "\e60f"; } .icon-angle-down:before { content: "\e610"; } .icon-twitter:before { content: "\e611"; } .icon-google1:before { content: "\e635"; } .icon-socialinstagramoutline:before { content: "\e897"; } .icon-iconfontwodecopy:before { content: "\e612"; } .icon-instagram:before { content: "\e668"; } #openSearch input.search-input { box-shadow: 0 0 0 } .navbar-main-submenu .wrapper-border { margin: 13px 0; } .navbar-main-submenu .exclusive.top { padding-bottom: 7px; } .navbar-main-submenu .exclusive.bottom { padding-top: 2px; } a.add-to-cart { cursor: pointer } .products-nospace-outer .carousel-item.slick-slide .price, .products-isotope .price { color: #ffffff } .price-box .special-price .price { color: #f5003a } .product-view-ajax-container .price { margin: 0 } .navbar-compact .navbar-main-menu-outer { /*margin: -50px 0 0;*/ } #drop-shopcart .price .price, #drop-shopcart .total .price { display: inline } #drop-shopcart .total .price { font-weight: bold; } .shoppingcart-box .empty { display: block; } .products-list-in-row .product-preview-outer { width: 100%; } .products-list .price-box p { margin-bottom: 0 } #drop-shopcart .description a:hover { text-decoration: underline } #drop-shopcart .preview-image img:hover, .table-shop img:hover { opacity: 0.8 } .rect-nohover .buttons-set { margin-bottom: 0 } #shopping-cart-totals-table { font-weight: bold } #shopping-cart-totals-table .grand-total { font-size: 14px; text-transform: uppercase; padding-bottom: 10px !important; } #shopping-cart-totals-table .a-left { padding-left: 12px } .crosssell { margin-top: 30px } .crosssell h3 { font-size: 16px; } #checkout-progress-wrapper .block .block-title strong { font-weight: normal; font: 1.384em "Sintony", sans-serif; } #checkout-progress-wrapper .list-group-item a { font-size: 1.167em; font-weight: normal; } #checkout-progress-wrapper .block-progress .block-title { margin: 0 0 16px; } #checkout-progress-wrapper .block-progress dt { font-weight: normal; padding: 4px 0 9px; font-size: 1.167em; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #cacaca; border-style: none none dotted; border-width: medium medium 1px; } .product-prev-next .icon:after, .product-prev-next .icon:before { line-height: 1.4em; } .product-view .price { padding-bottom: 0px; } .product-options .price { font-weight: normal !important } .product-options .label { color: inherit !important; font-size: 12px !important; text-align: left; line-height: 27px; } .product-view .price { font-size: 19px; } #checkout-progress-state { margin-top: 20px } #popup-box .inline { line-height: 1.7em; } #compare-items { min-width: 260px; } #compare-items .description { display: table-cell; vertical-align: middle; } #compare-items .item { padding: 5px 7px; display: table; width: 100%; overflow: hidden; border-bottom: 1px dotted #cacaca; } #compare-items .item.last { border: none; } #compare-items { border: 0; padding: 5px 5px 0px 5px; } #compare-items .delete { display: table-cell; width: 20px; vertical-align: middle; margin: 30px 0 0 10px; } #compare-items .preview-image { display: table-cell; vertical-align: middle; width: 75px; padding-right: 15px; } #compare-items .preview-image img { width: 100%; } #compare-items ol, ul { margin-bottom: 0px; } #compare-items img:hover { opacity: 0.8 } /*animated buttons*/ .btn-animated { position: relative; backface-visibility: hidden; overflow: hidden; line-height: 37px; padding-left: 10px; padding-right: 10px; } .btn-animated:before { height: 100%; line-height: 3; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; color: #ff0075; left: 0; top: -100%; } .btn-animated:hover:before { top: 0; } .btn-animated span { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-transition: all 0.3s; -moz-backface-visibility: hidden; transition: all 0.3s; backface-visibility: hidden; } .btn-animated:hover span { -webkit-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } /* Effect 1: Brackets */ a.link-animated-brakets::before, a.link-animated-brakets::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; vertical-align: middle; font-size: 1.167em; line-height: 25px; font-size: 18px; } a.link-animated-brakets::before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } a.link-animated-brakets::after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } a.link-animated-brakets:hover::before, a.link-animated-brakets:hover::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .filters-panel a.sort-icon { display: inline-block !important; float: none !important } .pagination a { margin-bottom: 7px; margin-right: 8px; } .navbar { } #newsLine { z-index: 100; } #openSearch { z-index: 8000; } .back-to-top { z-index: 8000; } .block .block-content li.item { padding: 7px 0; } .header-type-2 .navbar-welcome { float: right; text-align: center; } .header-type-2 .navbar-logo { text-align: left !important } @media (max-width: 767px) { .header-type-2 .navbar-secondary-menu .btn-group { margin-top: -10px } } .header-type-2 .navbar-secondary-menu .btn-default { text-align: center } .header-type-2 .navbar-secondary-menu .drop-title { display: none; } .block-carousel .block-content { padding-bottom: 43px; } .select-stores { margin-top: -8px } footer .footer-bottom .container { padding: 13px 0; } .container .messages { margin-top: 15px } .std .container .messages { margin-top: 0 } .container .messages li.error-msg li a { color: #f00; font-weight: bold; } .navbar-main-submenu .wrapper { padding: 0 0 0; } .navbar-main-submenu .submenu-block { padding-bottom: 10px } .products-list-in-row .configurable-swatch-list { display: none } .no-touch .product-preview .product-controls-list li, .no-touch .product-preview .product-controls-list-row li { vertical-align: top; } .block-compare .actions { padding: 10px 0px 10px 20px } .in_product_view li a { background-color: #fff; border: 1px solid #ccc; color: #c69c6d; display: block; line-height: 25px; text-align: center; text-decoration: none; width: 30px; } .in_product_view li { display: inline-block; } .in_product_view li a:hover { background-color: #242424 !important; border-color: #242424; color: #fff } .in_product_view li a { -ms-transform: none; -webkit-transform: none; transform: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1 } .products-widget.vertical .old-price { display: none } .products-widget.vertical .special-price .price { margin-left: 0 } .form-control { text-transform: inherit } #box0 li { line-height: 19px; } /*ElevateZoom custom style*/ .product-view-type-1.cloudzoom-free .zoomContainer { z-index: 10000; height: 0 !important; } @media (min-width: 480px) { /* CSS for zoom window. */ .product-view-type-1.cloudzoom-free .zoomWindow { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .27); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .27); box-shadow: 0 0 4px rgba(0, 0, 0, .27); overflow: hidden; margin: 0 0 0 15px; padding: 0; border: 5px solid #fff !important; z-index: 10000; } /* CSS for lens */ .product-view-type-1.cloudzoom-free .zoomLens { border: 2px solid #888; background-color: #fff; width: 100px; height: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, .4); cursor: crosshair; z-index: 10000; } } .product-view-type-2.cloudzoom-free .zoomContainer { height: 0 !important; } .product-view-type-2.cloudzoom-free .zoomContainer:hover { z-index: 10000; } @media (min-width: 480px) { /* CSS for zoom window. */ .product-view-type-2.cloudzoom-free .zoomWindow { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .27); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .27); box-shadow: 0 0 4px rgba(0, 0, 0, .27); overflow: hidden; margin: 0 0 0 15px; padding: 0; border: 5px solid #fff !important; z-index: 10000; } /* CSS for lens */ .product-view-type-2.cloudzoom-free .zoomLens { border: 2px solid #888; background-color: #fff; width: 100px; height: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, .4); cursor: crosshair; z-index: 10000; } } .post-navigation .pull-right { float: right !important; margin-right: 32px; } .marina .swatch-link.has-image img, .marina .swatch-link, .marina .swatch-label, .marina .colors-list img { border-radius: 50%; } .btn-cool.btn-lg, .filters-by-category li a.btn-lg { border-radius: 0; font-size: 1.5em; height: 53px !important; line-height: 1.222em; padding: 15px 18px; } .btn-group.block-compare .actions button { margin-left: 13px !important } .boxed .content.social-widget { padding-bottom: 20px; padding-top: 35px; padding-right: 10px; padding-left: 10px; } .label-grey { background-color: #8e8e8e !important; } .label-grey::after { border-top-color: #8e8e8e !important; } .blue { background-color: blue !important; } .services-block a.item { padding: 17px 0; } section.container .container { width: auto !important; padding-left: 0; right: 0; margin-left: 0; margin-right: 0; margin-top: 20px } .boxed .breadcrumbs > .container::after { border: 0 } /****DEMO KIDS*****/ .demo-kids .services-block a.item .icon { color: #fff } .demo-kids .services-block a.item { padding: 24px 0; } /****DEMO KIDS END*****/ /****DEMO ART*****/ .demo-art .services-block .title { font-size: 1.2em; } .demo-art .services-block a.item .icon { color: #69462A } /****DEMO ART END*****/ /****DEMO TOOLS*****/ .demo-tools .services-block .title { font-size: 1.05em; } .demo-tools .services-block a.item .icon { color: #3D5E9B } .demo-tools .std > .container { margin-bottom: 26px } /****DEMO TOOLS*****/ /****DEMO BIO*****/ .demo-bio .navbar-secondary-menu .dropdown-toggle .drop-title { display: none } .demo-bio .products-widget.vertical .preview-image { height: 98px } .demo-bio .dotted-line { display: none } /****DEMO BIO*****/ /****DEMO Lingerie*****/ .demo-lingerie .services-block a.item .icon { color: #40001B } /****DEMO Lingerie*****/ .fb_outer { width: 100%; } .fb_outer, .fb_outer a, .fb_outer a:hover { color: #fff; } .fb_outer .items_row { margin: 6px 0 0 0; overflow: hidden; width: 100%; } .fb_outer .items_row .item { display: block; float: left; text-align: center; width: 33.333%; font-size: 11px; } .fb_outer .items_row .item .name { width: 100%; text-align: center; } .fb_outer .items_row .item .name a { text-decoration: none; } .rtl select { padding-right: 22px; } .ajax-index-options .product-info-cell { margin-right: 0 } .catalog-product-view .product-view #product_addtocart_form .col-sm-6{width: 50%; position:relative;padding:0;} .catalog-product-view .product-view #product_addtocart_form .col-lg-8{width: 50%; position:relative;} .speprice{display:none;} .speprice label{color: #cf0000;font-size: 12px;} .speprice .sleft{color: #cc0003;font-size: 24px;font-weight: bold;} .speprice .sright{background:rgba(0, 0, 0, 0) url("https://static.cossuits.com/skin/frontend/coolbaby/default/images/sale.png") no-repeat scroll 0 0; display:block;color: #fff; font-size:13px; font-weight:bold; width:72px; height:29px; line-height:25px;padding: 0 5px; position:absolute; right:27%; top:5px;} .catalog-product-view .product-view h1{ color: #222; font-family: helvetica; font-size:18px; line-height: 22px; margin-top: 5px; text-transform: none; padding-bottom:0px; } .catalog-product-view .product-view h2{ color: #222; font-family: helvetica; font-size:18px; line-height: 22px; margin-top: 5px; text-transform: none; padding-bottom:0px; } .checknow{text-transform:uppercase;} .short-description{margin:10px 0px;} .short-reward{margin:10px 0px; color:#f61A4e; font-size:12px; display: none;} .product-view .product-options em,.product-view .product-options p.required{display: none;} .product-view .product-options dl{clear: both;overflow: hidden;margin-bottom: 0;padding-left: 5px;} .product-view .product-options dt{float:none; clear:both; margin:0;} .product-view .product-options dt label{color:#000;font-weight: normal;font-size:13px; text-transform:uppercase;} .product-view .product-options dd {border:none;} .product-view .product-options dd .input-box,.product-view .product-options dd .swatch-attr{} .product-view .product-options .swatches-container{} .product-view .product-options .swatches-container a.swatch-span { border: 1px solid #ccc; float: left;margin: 5px 5px 5px 0; text-align: center; width: 43%;text-decoration: none;background: #fff; width:115px; height:26px; line-height:26px; overflow:hidden; padding-left:10px; padding-right:10px; border-radius:3px; cursor:pointer; } .product-view .product-options .swatches-container a.current{border-color: #FE2388; background-color: #FE2388; color: #fff;} .product-view .product-options .configurable-swatch-list{margin-left: 0;} .form-inputs label{float:left;color:#888;margin-right: 5px;} .quantity{float:left;} .quantity .fleft{float:left} .quantity #qty{text-align: center;width: 70px;float: left;height: 28px;padding:0} .product-view .block .block-content{max-width: 100%;} #Decrease{border: 1px solid #bbb;border-right: none;background: #f5f5f5;padding:3px 10px;text-decoration: none;cursor: pointer;color: #222;font-weight:bold;} #Increase{border: 1px solid #bbb;border-left: none;background: #f5f5f5;padding:3px 10px;text-decoration: none;cursor: pointer;color: #222;font-weight:bold;} #shipping-estimation-form label{line-height: 38px;} #shipping-estimation-form .input-box{width:260px;} #shipping-estimation-form .input-box select{width: 140px;} #shipping-estimation-form{float:left;width: 260px;} .block-shipping-estimate .actions{float:left;margin-top: 8px;} .block-shipping-estimate .block-content{border: none;margin-bottom: 0;padding-bottom: 0;} .spinfo span{color:#000;font-weight: bold;} .spinfo{margin: 10px 0;} #product_addtocart_form{position: relative;} #product_addtocart_form .fprice{bottom:3px;z-index: 9999;} .product-view .fprice .old-price{display: none;} .product-view .fprice .price{color:#cc0003;float:left;line-height: 18px; font-weight:bold; font-size:24px;} .category-products .pro_info .price-box .special-price .price{color:#cc0057; font-size:24px; font-weight:bold;} .catalog-product-view .product-view .pro_info .regular-price .price{ color:#cc0003; font-size:24px; font-weight:bold;} .fprice span.tot{display: inline-block;float:left;color:#222} .fprice .price-box{float:left} #product_addtocart_form .btn-cool{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/addcart_ru.jpg) no-repeat; width:208px;height:47px;border: none;font-size:13px; font-weight:bold; font-family:unset;text-transform:uppercase; display:block; float:left; color:#fff;} .cart-info .btn-cool i{ display:none;} #product_addtocart_form .btn-cool:hover{ color:#fff !important;} #product_addtocart_form a.link-wishlist{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/addwish.jpg) no-repeat; width:25px;height:24px;text-indent: -2000em;border: none;margin-top: 10px;display: inline-block;margin-left: 40px;cursor: pointer;} .catalog-product-view .product-view .single-product-wrapper{float: left;width: 79%;margin-right: 10px;} .catalog-product-view .product-view .single-product-wrapper #bigImg{border: 1px solid #bbb;} .catalog-product-view .product-view .slider-nav-simple { width: 16%; margin: 0px 0 0px; float: right; margin-right: 20px; } .catalog-product-view .product-view div.slick-slide{padding: 3px 0;} .catalog-product-view .product-view a.elevatezoom-gallery img{border: 1px solid #bbb;} .catalog-product-view .product-view #smallGallery .slick-prev{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/dtprev.png) no-repeat; width:29px;height: 16px;border: none;top:-20px;left: 34px;} .catalog-product-view .product-view #smallGallery .slick-next{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/dtnext.png) no-repeat; width: 27px;height: 18px;border: none;top:595px;left: 34px;} .catalog-product-view .col-sm-8 .product-view #smallGallery .slick-prev{ left:17px;} .catalog-product-view .col-sm-8 .product-view #smallGallery .slick-next{ top:265px; left:18px;} .catalog-product-view .product-view #smallGallery .slick-prev::before{content:none} .catalog-product-view .product-view #smallGallery .slick-next::before{content:none} .eq-separator{background: url(https://static.cossuits.com/skin/frontend/coolbaby/default/images/eqsep.png) no-repeat center center;width: 33px;} #m-bought-together-form li label,#m-bought-together-form li label a{font-size: 14px;color:#000;text-decoration: none;} #m-bought-together-form li input{margin-bottom: 44px;} #m-bought-together-form .price{color:#f5003a} #m-bought-together-form .m-bought-together .m-separator,.eq-separator{margin:0 12px 12px} #m-bought-together-form .btn-cart{background:#e9006b;border: 1px solid #e9006b;border-radius: 3px;padding:3px 20px} #m-bought-together-form .btn-cart span span{color:#fff;font-weight: bold;} #m-bought-together-form .m-bought-together-summary{margin-top:50px} #m-bought-together-form span.m-bought-together-subtotal-label{color:#000} #product_addtocart_form .product-options-bottom .btn-cool .icon{display: none;} .producttab .nav-tabs li{margin-left: 0;} .producttab .nav-tabs li.active{background:#f5003a;border: none;} .producttab .nav-tabs > li.active > a,.producttab .nav-tabs > li.active > a:focus, .producttab .nav-tabs > li.active > a:hover{background:#FE2388;border: none;} .producttab{margin-top: 10px;} .producttab .nav-tabs li a{text-transform: none;padding:10px 18px} .producttab .nav-tabs{border-bottom: 2px solid #FE2388;} .slider-products h3{text-align: center;} .catalog-product-view .slider-products .carousel_outer{padding-left: 0;} .catalog-product-view .slider-products .upsell-products{ padding-left:50px;} .upsell-products .product-preview .preview .img-responsive{ max-width:218px;} .resubtitle { overflow: hidden; margin-bottom: 25px } .resubtitle.right-space { margin-right: 70px } .resubtitle.right-space.no-right-space { margin-right: 0 } .resubtitle div { text-align: center } .resubtitle div span { display: inline-block; position: relative; font-size: 18px; line-height: 20px; text-transform: uppercase; color: #000 } .resubtitle div span:before, .resubtitle div span:after { content: ""; position: absolute; height: 1px; border-top: 1px dotted #cacaca; top: 10px; width: 600px } .resubtitle div span:before { right: 100%; margin-right: 15px } .resubtitle div span:after { left: 100%; margin-left: 15px } .pintv{color:#000;margin-left:50px;display: inline-block;margin-top: 5px;font-weight: bold;font-size: 13px;} .pintv span{color:#f5003a} .pro_info{ position:relative;} #product_addtocart_form #checknow{ background:#EC006C; color:#fff; text-transform:uppercase; width:200px; height:45px; line-height:45px; display:block; float:left; border-radius:5px; text-align:center; font-weight:bold; margin-left:10px;cursor:pointer; font-size: 13px;} #product_addtocart_form #checknow:hover{ text-decoration:none;} .catalog-product-view .slider-products .carousel_outer h3.title{ text-align:left; text-transform:none; height:45px; overflow:hidden; } @media (max-width: 450px) { .header-left .header-tools{ clear:both; margin-top:10px; float:left !important; width:100%; } .touch .products-nospace .product-preview h3.title{ height:45px; overflow:hidden; padding:0px; } #product_addtocart_form #checknow{ margin-left:0px; width:208px;} .paypal-logo{ margin-top:10px;} .touch .products-nospace .product-preview h3.title a{ display:block; } .touch .products-nospace .product-preview .price-box{ height:35px; overflow:hidden; } .touch .products-nospace .product-preview .rating, .touch .products-nospace .product-preview .product-controls-list{ display:none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6{ width:100%; height:100%; float:left; } .catalog-product-view .product-view .slider-nav-simple{ width:16%; } .catalog-product-view .product-view #smallGallery .slick-prev{ left:14px; } .catalog-product-view .product-view #smallGallery .slick-next{ left:12px; top:210px; } .combopro{ display:none; } .spepric{ clear:both; margin-top:15px; } .content-aside{ display:none; } footer{ margin-top:10px; clear:both; } } @media (max-width: 550px) { .touch .products-nospace .product-preview h3.title{ height:45px; overflow:hidden; padding:0px; } .touch .products-nospace .product-preview h3.title a{ display:block; } .touch .products-nospace .product-preview .price-box{ height:35px; overflow:hidden; } .touch .products-nospace .product-preview .rating, .touch .products-nospace .product-preview .product-controls-list{ display:none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6{ width:100%; height:100%; float:left; } .catalog-product-view .product-view .slider-nav-simple{ width:16%; } .catalog-product-view .product-view #smallGallery .slick-prev{ left:14px; } .catalog-product-view .product-view #smallGallery .slick-next{ left:12px; top:210px; } .combopro{ display:none; } .spepric{ clear:both; margin-top:15px; } .content-aside{ display:none; } footer{ margin-top:10px; clear:both; } } @media (max-width: 350px) { .touch .products-nospace .product-preview h3.title{ height:37px; overflow:hidden; padding:0px; } .touch .products-nospace .product-preview h3.title a{ display:block; } .touch .products-nospace .product-preview .price-box{ height:35px; overflow:hidden; } .touch .products-nospace .product-preview .rating, .touch .products-nospace .product-preview .product-controls-list{ display:none; } .catalog-product-view .product-view #product_addtocart_form .col-sm-6{ width:100%; height:100%; float:left; } .catalog-product-view .product-view .slider-nav-simple{ width:16%; } .catalog-product-view .product-view #smallGallery .slick-prev{ left:14px; } .catalog-product-view .product-view #smallGallery .slick-next{ left:12px; top:210px; } .combopro{ display:none; } .spepric{ clear:both; margin-top:15px; } .content-aside{ display:none; } footer{ margin-top:10px; clear:both; } } .catalog-product-compare-index{overflow-x:scroll;} .block-shipping-estimate .block-content li.item{ display:block; } .block-shipping-estimate .block-content li .input-box input,.block-shipping-estimate .block-content li .input-box span{ float:left; width:20px !important; margin-left:0px; } #shipping-estimation-form .cartra{ margin-top:10px; } .product-view .product-options dt label span#select_label_colorful{ display:none;} .ui-widget-content { color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-slider-horizontal { height: 1.2em; } .ui-slider { position: relative; text-align: left; } .ui-state-default{ background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/slider_handle.gif") no-repeat scroll 0 0 transparent; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default:HOVER, .ui-state-default:FOCUS{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/slider_handle_hover.gif") no-repeat scroll 0 0 transparent;} .ui-slider-horizontal .ui-slider-handle { top: 0em; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 2em; cursor: default; margin-top: 4px;} .ui-state-default { background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/slider_handle.gif") no-repeat scroll 0 0 transparent; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } #incr_handle, #decr_handle{width: 20px;height: 18px;float:left;margin-top: 2px;} #incr_handle{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/incr.gif") no-repeat scroll 0 0 transparent;position: absolute;right: -20px;} #incr_handle:HOVER{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/incr_hover.gif") no-repeat scroll 0 0 transparent;} #decr_handle{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/decr.gif") no-repeat scroll 0 0 transparent;position: absolute;margin-left: -20px;} #decr_handle:HOVER{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/decr_hover.gif") no-repeat scroll 0 0 transparent;} .slider_contaner{background:url(https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/slider_rail.gif) repeat-x scroll 0 0 transparent;margin-top: 10px;margin-bottom: 5px;margin-left:20px;padding-right: 10px;position: relative;} .checkout_cart_{width:auto!important;float:none!important;display:block;border-top:none!important;} .apply_coupon span{background:none!important;} .checkout_cart_coupon_{background:none!important;border:none!important;} .cart-collaterals .col-1{margin-bottom:10px;} a.textbtn, button.textbtn, a.textbtnDisabled, button.textbtnDisabled, a.textbtnPending, button.textbtnPending, a.textbtnGray, button.textbtnGray { background:#FDEFB7; border: 1px solid #D0AF76; border-radius: 2px 2px 2px 2px; color: #996633; display: inline-block; font: 12px/12px Verdana; margin: 0 10px 0 0; padding: 5px 10px; text-decoration: none; text-shadow: 0 1px 0 #FFF9A0; transition: border-color 0.218s ease 0s; } .checkout-types .btn-checkout{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/buttom_bg_01.gif") repeat-x scroll 0 0 #FDEFB7;padding-left:3px!important;height:32px;} .checkout-types .btn-checkout span{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/buttom_bg_04.gif") no-repeat scroll right 0 #FDEFB7;padding:0 30px 0 0!important;height:32px;} .checkout-types .btn-checkout span span{background: url("https://static.cossuits.com/skin/frontend/coolbaby/default/mw_rewardpoints/images/buttom_bg_02.gif") repeat-x scroll right 0 #FDEFB7;padding:0 5px 0 5px!important;margin:0!important;height:32px;font:bold 15px/32px Arial,Helvetica,sans-serif;color:#000000;} .cart-table .product-name,.data-table thead th,.item-options dt{font-weight:normal;} .item-options dd{color:#80000A;} .cursor_ {cursor:pointer;} .new_crosssell{background: none!important;} .new_crosssell li{float:left;width:144px;display:inline-block;padding:0 2px 0 2px;position:relative;} .new_crosssell li .product-name{color:#333333;font-size:11px;font-weight:normal;} .prodPrice_ .price-box .price-label {display: none;} .prodPrice_ .price-box .old-price .price { color: #333333;font-size: 11px;font-weight: lighter;} .prodPrice_ .price-box .special-price .price {color: #990000;font-size: 16px;font-weight: normal!important;} .w-mini-productList li a .imageHover {display: none;left: 0;position: absolute;top: 0;} .w-mini-productList li a:hover .imageHover {display: block;} #mw_reward_incr_handle, #mw_reward_decr_handle{ width: 20px; height: 18px; float:left; margin-top: 2px; } #mw_reward_incr_handle{ background: url("https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/incr.gif") no-repeat scroll 0 0 transparent; position: absolute; right: -20px; } #mw_reward_incr_handle:HOVER{ background: url("https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/incr_hover.gif") no-repeat scroll 0 0 transparent; } #mw_reward_decr_handle{ background: url("https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/decr.gif") no-repeat scroll 0 0 transparent; position: absolute; margin-left: -20px; } #mw_reward_decr_handle:HOVER{ background: url("https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/decr_hover.gif") no-repeat scroll 0 0 transparent; } .mw_reward_select { background: url("https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/slider_handle.gif") no-repeat scroll 0 0 transparent; font-weight: normal; color: #555555; min-height: 16px; cursor: default; height: 2em; margin-top: 4px; position: absolute; width: 0.9em; z-index: 2; } .mw_reward_slider_contaner{ background:url(https://static.cossuits.com/skin/frontend/base/default/mw_rewardpoints/images/slider_rail.gif) repeat-x scroll 0 0 transparent; margin-top: 10px; margin-bottom: 5px; margin-left:20px; padding-right: 10px; position: relative; min-height: 16px; }