@charset "UTF-8"; .button.active, .button.is-active, .button:focus, .button:hover, table { background-color: transparent } .card-title>a, .compare-link a:hover, .mfp-close, .navPages-container nav ul.navPages-list a:hover { text-decoration: none } abbr, acronym, nav.navBar--sub~main h2, nav.navBar--sub~main h3 { text-transform: uppercase } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel.owl-refresh .owl-item { display: none } .mfp-counter, .text-nowrap { white-space: nowrap } .alert .alert-link, dt { font-weight: 700 } .mfp-arrow, .owl-carousel, .owl-carousel .owl-item, html { -webkit-tap-highlight-color: transparent } .card-figcaption, .pace, a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } @font-face { font-family: Arimo; font-style: italic; font-weight: 400; src: local("Arimo Italic"), local("Arimo-Italic"), url(https://fonts.gstatic.com/s/arimo/v11/P5sCzZCDf9_T_10c9CNkjQ.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: italic; font-weight: 700; src: local("Arimo Bold Italic"), local("Arimo-BoldItalic"), url(https://fonts.gstatic.com/s/arimo/v11/P5sHzZCDf9_T_10c_JhBnZCP0Q.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: normal; font-weight: 400; src: local("Arimo Regular"), local("Arimo-Regular"), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10ZxCQ.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: normal; font-weight: 700; src: local("Arimo Bold"), local("Arimo-Bold"), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRDrZc.ttf) format("truetype") } @font-face { font-family: Karla; font-style: italic; font-weight: 400; src: local("Karla Italic"), local("Karla-Italic"), url(https://fonts.gstatic.com/s/karla/v6/qkBVXvYC6trAT7RQHt6e5A.ttf) format("truetype") } @font-face { font-family: Karla; font-style: italic; font-weight: 700; src: local("Karla Bold Italic"), local("Karla-BoldItalic"), url(https://fonts.gstatic.com/s/karla/v6/qkBQXvYC6trAT7RQFmW79LlvmA.ttf) format("truetype") } @font-face { font-family: Karla; font-style: normal; font-weight: 400; src: local("Karla"), local("Karla-Regular"), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtk.ttf) format("truetype") } @font-face { font-family: Karla; font-style: normal; font-weight: 700; src: local("Karla Bold"), local("Karla-Bold"), url(https://fonts.gstatic.com/s/karla/v6/qkBWXvYC6trAT7zuC8m5xL4.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format("truetype") } @font-face { font-family: Oswald; font-style: normal; font-weight: 400; src: local("Oswald Regular"), local("Oswald-Regular"), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8D.ttf) format("truetype") } @font-face { font-family: Oswald; font-style: normal; font-weight: 700; src: local("Oswald Bold"), local("Oswald-Bold"), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9H.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfedw.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 600; src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNc.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format("truetype") } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format("truetype") } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format("truetype") } @font-face { font-family: "Bebas Neue"; src: url(../fonts/bebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix); src: url(../fonts/bebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix) format("eot"), url(../fonts/bebas-neue/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff2) format("woff2"), url(../fonts/bebas-neue/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff) format("woff"), url(../fonts/bebas-neue/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf) format("truetype"), url(../fonts/bebas-neue/849e0009-7435-46a3-b88d-c41c3ff639d4.svg#849e0009-7435-46a3-b88d-c41c3ff639d4) format("svg") }/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: FontAwesome; src: url(../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0); src: url(../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal }/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .invisible, .tab-content.has-jsContent { visibility: hidden } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .mCSB_inside>.mCSB_container { margin-right: 0 } .mfp-wrap { -webkit-backface-visibility: hidden } .mfp-preloader a:hover { color: #FFF } .mfp-arrow:after, .mfp-arrow:before { content: '' } .mfp-figure { line-height: 0 } .mfp-image-holder .mfp-content { max-width: 100% } #mobile-categories .cateArea, #mobile-categories .imageArea, .u-inlineBlock { max-width: 100%!important }/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle, .open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle, .open>.btn-success.dropdown-toggle, .open>.btn-warning.dropdown-toggle { background-image: none } .breadcrumb a, abbr, acronym { color: #2d2d2d } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table } *, :after, :before { box-sizing: border-box } .text-left { text-align: left } .accordion:after, .actionBar-section:after, .actionBar:after, .card-footer:after, .clearfix:after, .container-fluid:after, .container:after, .definitionList:after, .form-actions:after, .form-field:after, .form-minMaxRow:after, .form-row:after, .navBar:after, .navList-section:after, .navList:after, .pagination-list:after, .row:after, .tabs-contents:after, .tabs:after { clear: both } blockquote { border-left: 5px solid #eee } .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, .table-tfoot, .table-thead { border: 1px solid #e8e8e8 } caption { text-align: left } @-ms-viewport { width:device-width } .dropdown-menu--content.open, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } .u-textNoWrap { white-space: nowrap!important } .jstree-node, .mfp-counter, .text-nowrap { white-space: nowrap }/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ sub, sup { position: relative } input[type=search] { box-sizing: content-box } ol, ul { margin-left: 1.15rem } dl dd { margin-bottom: 1.5rem } .dropdown-menu--content>:last-child, .dropdown-menu>:last-child, .form-field-errors ol, .form-field-errors ul { margin-bottom: 0 } .button--icon { padding:.75rem } .navList-section:after, .navList-section:before, .navList:after, .navList:before { display: table } .form-select.radius { border-radius: 3px } .form-checkbox[disabled]+.form-label::before, .form-radio[disabled]+.form-label::before { background-color: #fff } .actionBar .buttonGroup, .alertBox-column { vertical-align: middle } .panel, .tab { position: relative } .breadcrumb.unavailable, .breadcrumb.unavailable a { color: #a5a5a5 } .navBar ol ol, .navBar ol ul, .navBar ul ol, .navBar ul ul, .navList ol ol, .navList ol ul, .navList ul ol, .navList ul ul { margin-bottom: 0; list-style: none } .accordion { margin: 0 0 1.5rem } @media (min-width:480px) { .actionBar-section, .navBar-item { float: left } .modal { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .actionBar-section .form-label { display: inline-block; margin:0 .41667rem 0 0 } .actionBar-section .form-input, .actionBar-section .form-select { display: inline-block; width: 16.66667rem } .actionBar-section--alt { float: right } } .card-body>:last-child, .card-button, .card-figcaption-body>:last-child { margin-bottom: 0 } @media (max-width:600px) { .product-pagination.top .pagination { width: 100%; clear: both } .product-pagination.bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; display: block } .product-pagination.bottom .pagination { width: 100%; text-align: center } .pagination-list .pagination-item { margin-bottom: 15px } } @media (min-width:768px) { .accordion--navList { border: 0 } .accordion--navList .accordion-block, .sidebarBlock+.accordion--navList { margin-top: 2rem } .accordion--navList .accordion-content { padding: 0 } .accordion--navList .accordion-navigation { background-position: right 0 top 50%; border: 0 } .accordion--navList .accordion-title { margin-bottom:.75rem; margin-top: 0; padding: 0 } .accordion--navList .accordion-indicator { visibility: hidden } .accordion--navList .accordion-navigation-actions { right: 0; top: 0 } } @media (min-width:480px) { .form-actions { margin-top: 1.5rem } .form-actions .button, .form-actions a, .form-actions input { margin-bottom: 0; width: auto } .form-column { padding-left: 15px; padding-right: 15px; width: 50%; float: left } .form-row--half>.form-field:nth-child(odd) { clear: left } } .account--addReturn-row:after, .banner:after, .cart-actions:after, .cart-gift-certificate-form:after, .cart-total:after, .coupon-form:after, .dl-horizontal dd:after, .estimator-form-row:after, .facetedSearch-toggle:after, .quickView:after { clear: both } .imageArea .four-images, .social-icons a, .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item, .subMegaMenu .imageArea .featured-categories h4, .tags { text-align: center } .card--alternate:hover .card-body .card-text, .card--alternate:hover .card-title>a { color: #fff } .navList-action--checkbox.is-disabled { cursor: default } .navPages-container li.hasMegamenu.fullWidth>.subMegaMenu, .navPages-container li.hasMegamenu>.subMegaMenu { padding: 20px } .imageArea .col-right a+a, .imageArea .col-right-full a+a { margin-top: 20px } .slide-item-0 .heroCarousel-content .heroCarousel-description, .slide-item-0 .heroCarousel-content .heroCarousel-title, .slide-item-1 .heroCarousel-content .heroCarousel-description, .slide-item-1 .heroCarousel-content .heroCarousel-title, .slide-item-2 .heroCarousel-content .heroCarousel-description, .slide-item-2 .heroCarousel-content .heroCarousel-title, .slide-item-3 .heroCarousel-content .heroCarousel-description, .slide-item-3 .heroCarousel-content .heroCarousel-title, .slide-item-4 .heroCarousel-content .heroCarousel-description, .slide-item-4 .heroCarousel-content .heroCarousel-title { color: #000 } @media (min-width:480px) { .account--addReturn .table td, .account--addReturn .table th { display: table-cell; padding-bottom:.75rem; padding-top:.75rem } .account--addReturn .table td+td, .account--addReturn .table td+th, .account--addReturn .table th+td, .account--addReturn .table th+th { padding-left: 1.5rem } .account--addReturn .table .return-itemPrice { text-align: center } .account--addReturn .table .return-itemQuantity { text-align: right } .account--addReturn .table-tbody { display: table-row-group } .return-itemName { font-size: 1rem; font-weight: 400 } .return-itemPrice { color: inherit; margin-bottom: 0; text-align: center } .return-itemQuantity .form-label { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } } .account--addReturn-row:after, .account--addReturn-row:before, .quickView:after, .quickView:before { display: table } .compareTable-row { vertical-align: top } .blocker-container { position: relative } .toggleLink-text--on, .toggleLink.is-open .toggleLink-text--off { display: none } .cart-item-info:not(.cart-item-quantity) strong, .cart-item-info:not(.cart-item-quantity):last-of-type strong { font-weight: 600 } @media (max-width:767px) { #homeTopBanners .col-sm-4.banner-item { max-width: 370px; margin-left: auto; margin-right: auto } #homeTopBanners .col-sm-6.banner-item { margin-left: auto; margin-right: auto } #homeBottomBanners>.container { max-width: 570px } .cart-item-figure { height: auto } .cart-item-info { display: block; width: 100%!important; padding-top: 5px!important; text-align: right; padding-left: 15px; padding-right: 15px } .cart-item-info .cart-item-label { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; float: left; width: 33.33%; text-align: left } .cart-item-info.cart-item-quantity .cart-item-label { padding-top: 7px; margin-bottom: 20px; width: 100% } .cart-item-info.cart-item-quantity .form-increment { display: inline-block; float: left; margin-left: 0!important; margin-bottom: 20px!important } } @media (min-width:768px) { .cart-header-quantity, .cart-item-quantity { text-align: center } .cart-item-quantity .form-increment { margin-left: 0 } .cart-item-label { display: none } .cart-item-value { padding-left: 0 } } .cart-gift-certificate-form:after, .cart-gift-certificate-form:before, .coupon-form:after, .coupon-form:before, .estimator-form-row:after, .estimator-form-row:before { display: table } @media (max-width:480px) { .cart-gift-certificate-form .btn, .coupon-form .btn { font-size: 10px } .cart-actions .btn-lg { max-width: 100% } #cart-preview-dropdown .cart-preview-inner { border-radius: 0 } #cart-preview-dropdown .cart-total-label { text-align: left } #cart-preview-dropdown .preview-cart-titles { display: none } } .previewCartAction-checkout, .previewCartAction-viewCart { display: inline-block } @media (max-width:991px) { #cart-preview-dropdown { top: 100%; margin-top: 0 } #cart-preview-dropdown .triangle-with-shadow::before { right: 15px } .previewCart .productView { display: block } } @media (max-width:767px) { .previewCart #mayAlsoLike>h3 { margin: 0 } .previewCart #mayAlsoLike .owl-nav>div.owl-prev { right: 40px } .previewCart #mayAlsoLike .owl-nav>div.owl-next { right: 0 } .previewCart .productView { width: 100%; display: block; padding-left: 0; padding-right: 0 } } @media (max-width:991px) { .previewCart .productView-image { float: none; margin: 0 auto; max-width: 210px; padding-bottom: 15px } } .account-downloadsList ol, .account-downloadsList ul, .account-order-address ol, .account-order-address ul { margin-bottom: 0; list-style: none } .account-list { list-style: none } @media (min-width:480px) { .search-price-range label input { display: inline; width: 6rem } .search-price-range label span { display: inline; padding-left: 1.5rem; padding-right: 1.5rem } .account-product-body { padding-bottom: 0 } .account-product-detail { width: 33.33333% } .account-product-detail+.account-product-detail { margin-top: 0 } .account-product-detail+.account-product-detail--full { margin-top: 1.5rem } .account-orderStatus { float: right; position: inherit; text-align: right } .account-orderStatus-action { display: block; margin-left: 0 } } @media (min-width:1200px) { .account-product-detail { width: 25% } .account-product-detail--large { width: 50% } .account-product--alignMiddle .account-product-checkItem { left: -2.5rem } .account-product--alignMiddle .account-product-figure { left: -2rem } .account-product--alignMiddle .account-product-body { padding-left: 0 } } .header-top .customer-dropdown-login .customer-login>a { font-weight: 400 } @media (max-width:991px) { .header-top nav.navUser ul li { border-left: 0 } .header-top nav.navUser ul li a, .header-top nav.navUser ul li>span { border-right: 0; text-transform: uppercase } .header-top #accountDropdown>ul { left: auto!important; -webkit-transform: none; -ms-transform: none; transform: none; right: 0 } .header-top #accountDropdown>ul .triangle-with-shadow::before { left: auto; right: 20px } .header-top #currency-converter { margin-right: 5px } .header-top #currency-converter>a { background-color: transparent!important; border: 0 } .header-top #currency-converter>a i { color: #fff } .header-top #currency-converter span { position: relative; color: #fff!important; font-size: 11px; text-transform: uppercase } } @media (min-width:991px) { #quickSearch, .header-logo, .header-middle-right { float: left } .header-logo { width: 200px } .header-middle-right { width: 170px; position: relative; background: #2469d9; border-radius: 3px } .header-middle-right:before { position: absolute; background-color: #3b81e0; content: ''; height: 1px; width: 100%; left: 0; top: 1px } #quickSearch { width: calc(100% - 370px); padding: 0 30px } #top-cart { height: 40px; padding-top: 8px; box-shadow: 0 1px 6px rgba(9,63,152,.4); border-radius: 3px; border: 1px solid #0e56cc; position: relative } #top-cart span.countPill { background: #0e56cc; color: #fff; font-size: 12px; border-radius: 3px; min-width: 22px; height: 22px; line-height: 22px; padding: 0 8px; text-align: center; position: relative; margin-left: 18px; font-weight: 400; display: inline-block } #top-cart .cart-name { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff } #top-cart>a { padding-right: 20px!important } } .header-middle .header-middle-right #top-cart>a strong { font-weight: 400 } nav#mobile-customer ul li#currency-converter.expanded>a { border-bottom: 1px solid #e5e5e5 } .footerInfo a { color: #cbcbcb } .breadcrumbs .breadcrumb .breadcrumb-label.is-active, .breadcrumbs .breadcrumb .breadcrumb-label:hover, [data-wishlist-add]>button:hover i.fa, [data-wishlist-add]>button:hover span { color:#094996 } main.page .page-content .pad-content, main.page .page-content.page-content--centered { padding: 20px 30px } body.has-newsletter { overflow: hidden } .warpBlock .desc-textCate { overflow: hidden } .warpBlockBanner .haloProductsByCategory .bannerBlock img { box-shadow: 0 0 5px rgba(0,0,0,.08) } .blog .socialLinks, .blog .tags, .blog-author, .blog-date { text-align: left } .brands { overflow: hidden } @media (max-width:991px) { .warpBlock { margin-bottom: 0 } .warpBlock .owl-item { padding-bottom: 25px!important } .warpBlock .owl-nav>div { display: none } .page-type-brand .page, .page-type-category .page, .page-type-search .page { -ms-flex-wrap: wrap; flex-wrap: wrap } } .blog .addthis_toolbox { margin-top: 3rem } .pad-content, .page-type-blog_post .brg-content .blog, .page-type-search .brg-content .page-content { padding: 30px } @media (max-width:991px) { aside.page-sidebar.col-sm-3 { width: 100% } .page-type-category aside.page-sidebar>nav, aside.page-sidebar.col-sm-3>nav { display: none } #sidebar-toggle { display: block!important; clear: both; box-shadow: 0 2px 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; overflow: hidden; margin: 0 auto 20px; max-width: 100rem; width: 100%; padding: 14px 20px } #sidebar-toggle .title-sidebar-toggle { width: 75%; float: left; padding: 0; text-align: left } #sidebar-toggle .btn-sidebar-toggle { width: 25%; float: left; padding: 0; text-align: right } #sidebar-toggle a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; text-transform: capitalize } #sidebar-toggle a i { font-size: 10px; margin-left: 10px; line-height: 20px } #sideTopSellers .owl-nav>div { top: 45% } .page-sidebar .accordion-navigation.is-open .accordion-title.side-module-heading { border-bottom: 1px solid #eaeaea } .page-sidebar .accordion-navigation .accordion-title.side-module-heading { border-bottom: 0 } } .brandGrid .brand figure { border: 1px solid #d0d0d0 } .prod-item .prod-image.has-img-swap .card-image.img-swap, .prod-item .prod-image.has-img-swap:hover .card-image:not(.img-swap) { display: none } @media (min-width:480px) { .listItem { margin: 0 -15px; max-width: none; width: auto; display: table } .listItem:after, .listItem:before { content: " "; display: table } .listItem:after { clear: both } .listItem-body, .listItem-figure { display: table-cell; vertical-align: top } .listItem-figure { margin-bottom: 0 } .listItem-body { padding-left: 1.25rem; padding-right:.75rem; width: 75% } } @media (min-width:1200px) { .listItem-body, .listItem-figure { vertical-align: middle } .listItem-content { display: table } .listItem-actions, .listItem-details { display: table-cell; vertical-align: top } .listItem-details { padding-right: 6rem } .listItem-details>:last-child { margin-bottom: 0 } .listItem-actions { vertical-align: middle; width: 22% } .listItem-actions .button--compare { font-size: 13px; padding:.58333rem 1.5rem } .listItem-actions .button { width: 100% } .listItem-actions .button+.button { margin:.75rem 0 0 } .page-sidebar+.page-content .productList .listItem-details { padding-right: 3rem } .page-sidebar+.page-content .productList .listItem-actions { width: 30% } } .productView--quickView .productView-details, .productView-product>:last-child { margin-bottom: 0 } @media (min-width:480px) { .productView-reviewLink+.productView-reviewLink { display: inline-block } .productView-options { text-align: left } .productView-options .form-input[type=number] { width: 100px } } [data-wishlist-add]>button:active, [data-wishlist-add]>button:focus { border:1px solid transparent } .jstree-default .jstree-disabled, .jstree-default .jstree-disabled.jstree-hovered, .jstree-default-large .jstree-disabled, .jstree-default-large .jstree-disabled.jstree-hovered, .jstree-default-small .jstree-disabled, .jstree-default-small .jstree-disabled.jstree-hovered { background: 0 0 } .fa.fa-pull-left, .fa.pull-left { margin-right: .3em } .fa, .fa-stack { display: inline-block } .mfp-title, pre { word-wrap: break-word } @font-face { font-family: Arimo; font-style: italic; font-weight: 400; src: local("Arimo Italic"), local("Arimo-Italic"), url(https://fonts.gstatic.com/s/arimo/v11/P5sCzZCDf9_T_10c9CNkjQ.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: italic; font-weight: 700; src: local("Arimo Bold Italic"), local("Arimo-BoldItalic"), url(https://fonts.gstatic.com/s/arimo/v11/P5sHzZCDf9_T_10c_JhBnZCP0Q.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: normal; font-weight: 400; src: local("Arimo Regular"), local("Arimo-Regular"), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10ZxCQ.ttf) format("truetype") } @font-face { font-family: Arimo; font-style: normal; font-weight: 700; src: local("Arimo Bold"), local("Arimo-Bold"), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRDrZc.ttf) format("truetype") } @font-face { font-family: Karla; font-style: italic; font-weight: 400; src: local("Karla Italic"), local("Karla-Italic"), url(https://fonts.gstatic.com/s/karla/v6/qkBVXvYC6trAT7RQHt6e5A.ttf) format("truetype") } @font-face { font-family: Karla; font-style: italic; font-weight: 700; src: local("Karla Bold Italic"), local("Karla-BoldItalic"), url(https://fonts.gstatic.com/s/karla/v6/qkBQXvYC6trAT7RQFmW79LlvmA.ttf) format("truetype") } @font-face { font-family: Karla; font-style: normal; font-weight: 400; src: local("Karla"), local("Karla-Regular"), url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtk.ttf) format("truetype") } @font-face { font-family: Karla; font-style: normal; font-weight: 700; src: local("Karla Bold"), local("Karla-Bold"), url(https://fonts.gstatic.com/s/karla/v6/qkBWXvYC6trAT7zuC8m5xL4.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format("truetype") } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format("truetype") } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format("truetype") } @font-face { font-family: Oswald; font-style: normal; font-weight: 400; src: local("Oswald Regular"), local("Oswald-Regular"), url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8D.ttf) format("truetype") } @font-face { font-family: Oswald; font-style: normal; font-weight: 700; src: local("Oswald Bold"), local("Oswald-Bold"), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9H.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 300; src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfedw.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 600; src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format("truetype") } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format("truetype") } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNc.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format("truetype") } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format("truetype") } @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format("truetype") } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format("truetype") } @font-face { font-family: "Bebas Neue"; src: url(../fonts/bebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix); src: url(../fonts/bebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix) format("eot"), url(../fonts/bebas-neue/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff2) format("woff2"), url(../fonts/bebas-neue/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff) format("woff"), url(../fonts/bebas-neue/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf) format("truetype"), url(../fonts/bebas-neue/849e0009-7435-46a3-b88d-c41c3ff639d4.svg#849e0009-7435-46a3-b88d-c41c3ff639d4) format("svg") }/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: FontAwesome; src: url(../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0); src: url(../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal } .fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none } .fa.fa-pull-right, .fa.pull-right { margin-left: .3em } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: .14286em; text-align: center } .fa-li.fa-lg { left: -1.85714em } .fa-border { padding: .2em .25em .15em; border: .08em solid #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { -webkit-filter: none; filter: none } .fa-stack { position: relative; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "" } .fa-music:before { content: "" } .fa-search:before { content: "" } .fa-envelope-o:before { content: "" } .fa-heart:before { content: "" } .fa-star:before { content: "" } .fa-star-o:before { content: "" } .fa-user:before { content: "" } .fa-film:before { content: "" } .fa-th-large:before { content: "" } .fa-th:before { content: "" } .fa-th-list:before { content: "" } .fa-check:before { content: "" } .fa-close:before, .fa-remove:before, .fa-times:before { content: "" } .fa-search-plus:before { content: "" } .fa-search-minus:before { content: "" } .fa-power-off:before { content: "" } .fa-signal:before { content: "" } .fa-cog:before, .fa-gear:before { content: "" } .fa-trash-o:before { content: "" } .fa-home:before { content: "" } .fa-file-o:before { content: "" } .fa-clock-o:before { content: "" } .fa-road:before { content: "" } .fa-download:before { content: "" } .fa-arrow-circle-o-down:before { content: "" } .fa-arrow-circle-o-up:before { content: "" } .fa-inbox:before { content: "" } .fa-play-circle-o:before { content: "" } .fa-repeat:before, .fa-rotate-right:before { content: "" } .fa-refresh:before { content: "" } .fa-list-alt:before { content: "" } .fa-lock:before { content: "" } .fa-flag:before { content: "" } .fa-headphones:before { content: "" } .fa-volume-off:before { content: "" } .fa-volume-down:before { content: "" } .fa-volume-up:before { content: "" } .fa-qrcode:before { content: "" } .fa-barcode:before { content: "" } .fa-tag:before { content: "" } .fa-tags:before { content: "" } .fa-book:before { content: "" } .fa-bookmark:before { content: "" } .fa-print:before { content: "" } .fa-camera:before { content: "" } .fa-font:before { content: "" } .fa-bold:before { content: "" } .fa-italic:before { content: "" } .fa-text-height:before { content: "" } .fa-text-width:before { content: "" } .fa-align-left:before { content: "" } .fa-align-center:before { content: "" } .fa-align-right:before { content: "" } .fa-align-justify:before { content: "" } .fa-list:before { content: "" } .fa-dedent:before, .fa-outdent:before { content: "" } .fa-indent:before { content: "" } .fa-video-camera:before { content: "" } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "" } .fa-pencil:before { content: "" } .fa-map-marker:before { content: "" } .fa-adjust:before { content: "" } .fa-tint:before { content: "" } .fa-edit:before, .fa-pencil-square-o:before { content: "" } .fa-share-square-o:before { content: "" } .fa-check-square-o:before { content: "" } .fa-arrows:before { content: "" } .fa-step-backward:before { content: "" } .fa-fast-backward:before { content: "" } .fa-backward:before { content: "" } .fa-play:before { content: "" } .fa-pause:before { content: "" } .fa-stop:before { content: "" } .fa-forward:before { content: "" } .fa-fast-forward:before { content: "" } .fa-step-forward:before { content: "" } .fa-eject:before { content: "" } .fa-chevron-left:before { content: "" } .fa-chevron-right:before { content: "" } .fa-plus-circle:before { content: "" } .fa-minus-circle:before { content: "" } .fa-times-circle:before { content: "" } .fa-check-circle:before { content: "" } .fa-question-circle:before { content: "" } .fa-info-circle:before { content: "" } .fa-crosshairs:before { content: "" } .fa-times-circle-o:before { content: "" } .fa-check-circle-o:before { content: "" } .fa-ban:before { content: "" } .fa-arrow-left:before { content: "" } .fa-arrow-right:before { content: "" } .fa-arrow-up:before { content: "" } .fa-arrow-down:before { content: "" } .fa-mail-forward:before, .fa-share:before { content: "" } .fa-expand:before { content: "" } .fa-compress:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-asterisk:before { content: "" } .fa-exclamation-circle:before { content: "" } .fa-gift:before { content: "" } .fa-leaf:before { content: "" } .fa-fire:before { content: "" } .fa-eye:before { content: "" } .fa-eye-slash:before { content: "" } .fa-exclamation-triangle:before, .fa-warning:before { content: "" } .fa-plane:before { content: "" } .fa-calendar:before { content: "" } .fa-random:before { content: "" } .fa-comment:before { content: "" } .fa-magnet:before { content: "" } .fa-chevron-up:before { content: "" } .fa-chevron-down:before { content: "" } .fa-retweet:before { content: "" } .fa-shopping-cart:before { content: "" } .fa-folder:before { content: "" } .fa-folder-open:before { content: "" } .fa-arrows-v:before { content: "" } .fa-arrows-h:before { content: "" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "" } .fa-twitter-square:before { content: "" } .fa-facebook-square:before { content: "" } .fa-camera-retro:before { content: "" } .fa-key:before { content: "" } .fa-cogs:before, .fa-gears:before { content: "" } .fa-comments:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-star-half:before { content: "" } .fa-heart-o:before { content: "" } .fa-sign-out:before { content: "" } .fa-linkedin-square:before { content: "" } .fa-thumb-tack:before { content: "" } .fa-external-link:before { content: "" } .fa-sign-in:before { content: "" } .fa-trophy:before { content: "" } .fa-github-square:before { content: "" } .fa-upload:before { content: "" } .fa-lemon-o:before { content: "" } .fa-phone:before { content: "" } .fa-square-o:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-phone-square:before { content: "" } .fa-twitter:before { content: "" } .fa-facebook-f:before, .fa-facebook:before { content: "" } .fa-github:before { content: "" } .fa-unlock:before { content: "" } .fa-credit-card:before { content: "" } .fa-feed:before, .fa-rss:before { content: "" } .fa-hdd-o:before { content: "" } .fa-bullhorn:before { content: "" } .fa-bell:before { content: "" } .fa-certificate:before { content: "" } .fa-hand-o-right:before { content: "" } .fa-hand-o-left:before { content: "" } .fa-hand-o-up:before { content: "" } .fa-hand-o-down:before { content: "" } .fa-arrow-circle-left:before { content: "" } .fa-arrow-circle-right:before { content: "" } .fa-arrow-circle-up:before { content: "" } .fa-arrow-circle-down:before { content: "" } .fa-globe:before { content: "" } .fa-wrench:before { content: "" } .fa-tasks:before { content: "" } .fa-filter:before { content: "" } .fa-briefcase:before { content: "" } .fa-arrows-alt:before { content: "" } .fa-group:before, .fa-users:before { content: "" } .fa-chain:before, .fa-link:before { content: "" } .fa-cloud:before { content: "" } .fa-flask:before { content: "" } .fa-cut:before, .fa-scissors:before { content: "" } .fa-copy:before, .fa-files-o:before { content: "" } .fa-paperclip:before { content: "" } .fa-floppy-o:before, .fa-save:before { content: "" } .fa-square:before { content: "" } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "" } .fa-list-ul:before { content: "" } .fa-list-ol:before { content: "" } .fa-strikethrough:before { content: "" } .fa-underline:before { content: "" } .fa-table:before { content: "" } .fa-magic:before { content: "" } .fa-truck:before { content: "" } .fa-pinterest:before { content: "" } .fa-pinterest-square:before { content: "" } .fa-google-plus-square:before { content: "" } .fa-google-plus:before { content: "" } .fa-money:before { content: "" } .fa-caret-down:before { content: "" } .fa-caret-up:before { content: "" } .fa-caret-left:before { content: "" } .fa-caret-right:before { content: "" } .fa-columns:before { content: "" } .fa-sort:before, .fa-unsorted:before { content: "" } .fa-sort-desc:before, .fa-sort-down:before { content: "" } .fa-sort-asc:before, .fa-sort-up:before { content: "" } .fa-envelope:before { content: "" } .fa-linkedin:before { content: "" } .fa-rotate-left:before, .fa-undo:before { content: "" } .fa-gavel:before, .fa-legal:before { content: "" } .fa-dashboard:before, .fa-tachometer:before { content: "" } .fa-comment-o:before { content: "" } .fa-comments-o:before { content: "" } .fa-bolt:before, .fa-flash:before { content: "" } .fa-sitemap:before { content: "" } .fa-umbrella:before { content: "" } .fa-clipboard:before, .fa-paste:before { content: "" } .fa-lightbulb-o:before { content: "" } .fa-exchange:before { content: "" } .fa-cloud-download:before { content: "" } .fa-cloud-upload:before { content: "" } .fa-user-md:before { content: "" } .fa-stethoscope:before { content: "" } .fa-suitcase:before { content: "" } .fa-bell-o:before { content: "" } .fa-coffee:before { content: "" } .fa-cutlery:before { content: "" } .fa-file-text-o:before { content: "" } .fa-building-o:before { content: "" } .fa-hospital-o:before { content: "" } .fa-ambulance:before { content: "" } .fa-medkit:before { content: "" } .fa-fighter-jet:before { content: "" } .fa-beer:before { content: "" } .fa-h-square:before { content: "" } .fa-plus-square:before { content: "" } .fa-angle-double-left:before { content: "" } .fa-angle-double-right:before { content: "" } .fa-angle-double-up:before { content: "" } .fa-angle-double-down:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-angle-up:before { content: "" } .fa-angle-down:before { content: ""; color: #333; } .fa-desktop:before { content: "" } .fa-laptop:before { content: "" } .fa-tablet:before { content: "" } .fa-mobile-phone:before, .fa-mobile:before { content: "" } .fa-circle-o:before { content: "" } .fa-quote-left:before { content: "" } .fa-quote-right:before { content: "" } .fa-spinner:before { content: "" } .fa-circle:before { content: "" } .fa-mail-reply:before, .fa-reply:before { content: "" } .fa-github-alt:before { content: "" } .fa-folder-o:before { content: "" } .fa-folder-open-o:before { content: "" } .fa-smile-o:before { content: "" } .fa-frown-o:before { content: "" } .fa-meh-o:before { content: "" } .fa-gamepad:before { content: "" } .fa-keyboard-o:before { content: "" } .fa-flag-o:before { content: "" } .fa-flag-checkered:before { content: "" } .fa-terminal:before { content: "" } .fa-code:before { content: "" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "" } .fa-location-arrow:before { content: "" } .fa-crop:before { content: "" } .fa-code-fork:before { content: "" } .fa-chain-broken:before, .fa-unlink:before { content: "" } .fa-question:before { content: "" } .fa-info:before { content: "" } .fa-exclamation:before { content: "" } .fa-superscript:before { content: "" } .fa-subscript:before { content: "" } .fa-eraser:before { content: "" } .fa-puzzle-piece:before { content: "" } .fa-microphone:before { content: "" } .fa-microphone-slash:before { content: "" } .fa-shield:before { content: "" } .fa-calendar-o:before { content: "" } .fa-fire-extinguisher:before { content: "" } .fa-rocket:before { content: "" } .fa-maxcdn:before { content: "" } .fa-chevron-circle-left:before { content: "" } .fa-chevron-circle-right:before { content: "" } .fa-chevron-circle-up:before { content: "" } .fa-chevron-circle-down:before { content: "" } .fa-html5:before { content: "" } .fa-css3:before { content: "" } .fa-anchor:before { content: "" } .fa-unlock-alt:before { content: "" } .fa-bullseye:before { content: "" } .fa-ellipsis-h:before { content: "" } .fa-ellipsis-v:before { content: "" } .fa-rss-square:before { content: "" } .fa-play-circle:before { content: "" } .fa-ticket:before { content: "" } .fa-minus-square:before { content: "" } .fa-minus-square-o:before { content: "" } .fa-level-up:before { content: "" } .fa-level-down:before { content: "" } .fa-check-square:before { content: "" } .fa-pencil-square:before { content: "" } .fa-external-link-square:before { content: "" } .fa-share-square:before { content: "" } .fa-compass:before { content: "" } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: "" } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "" } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "" } .fa-eur:before, .fa-euro:before { content: "" } .fa-gbp:before { content: "" } .fa-dollar:before, .fa-usd:before { content: "" } .fa-inr:before, .fa-rupee:before { content: "" } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "" } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "" } .fa-krw:before, .fa-won:before { content: "" } .fa-bitcoin:before, .fa-btc:before { content: "" } .fa-file:before { content: "" } .fa-file-text:before { content: "" } .fa-sort-alpha-asc:before { content: "" } .fa-sort-alpha-desc:before { content: "" } .fa-sort-amount-asc:before { content: "" } .fa-sort-amount-desc:before { content: "" } .fa-sort-numeric-asc:before { content: "" } .fa-sort-numeric-desc:before { content: "" } .fa-thumbs-up:before { content: "" } .fa-thumbs-down:before { content: "" } .fa-youtube-square:before { content: "" } .fa-youtube:before { content: "" } .fa-xing:before { content: "" } .fa-xing-square:before { content: "" } .fa-youtube-play:before { content: "" } .fa-dropbox:before { content: "" } .fa-stack-overflow:before { content: "" } .fa-instagram:before { content: "" } .fa-flickr:before { content: "" } .fa-adn:before { content: "" } .fa-bitbucket:before { content: "" } .fa-bitbucket-square:before { content: "" } .fa-tumblr:before { content: "" } .fa-tumblr-square:before { content: "" } .fa-long-arrow-down:before { content: "" } .fa-long-arrow-up:before { content: "" } .fa-long-arrow-left:before { content: "" } .fa-long-arrow-right:before { content: "" } .fa-apple:before { content: "" } .fa-windows:before { content: "" } .fa-android:before { content: "" } .fa-linux:before { content: "" } .fa-dribbble:before { content: "" } .fa-skype:before { content: "" } .fa-foursquare:before { content: "" } .fa-trello:before { content: "" } .fa-female:before { content: "" } .fa-male:before { content: "" } .fa-gittip:before, .fa-gratipay:before { content: "" } .fa-sun-o:before { content: "" } .fa-moon-o:before { content: "" } .fa-archive:before { content: "" } .fa-bug:before { content: "" } .fa-vk:before { content: "" } .fa-weibo:before { content: "" } .fa-renren:before { content: "" } .fa-pagelines:before { content: "" } .fa-stack-exchange:before { content: "" } .fa-arrow-circle-o-right:before { content: "" } .fa-arrow-circle-o-left:before { content: "" } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: "" } .fa-dot-circle-o:before { content: "" } .fa-wheelchair:before { content: "" } .fa-vimeo-square:before { content: "" } .fa-try:before, .fa-turkish-lira:before { content: "" } .fa-plus-square-o:before { content: "" } .fa-space-shuttle:before { content: "" } .fa-slack:before { content: "" } .fa-envelope-square:before { content: "" } .fa-wordpress:before { content: "" } .fa-openid:before { content: "" } .fa-bank:before, .fa-institution:before, .fa-university:before { content: "" } .fa-graduation-cap:before, .fa-mortar-board:before { content: "" } .fa-yahoo:before { content: "" } .fa-google:before { content: "" } .fa-reddit:before { content: "" } .fa-reddit-square:before { content: "" } .fa-stumbleupon-circle:before { content: "" } .fa-stumbleupon:before { content: "" } .fa-delicious:before { content: "" } .fa-digg:before { content: "" } .fa-pied-piper-pp:before { content: "" } .fa-pied-piper-alt:before { content: "" } .fa-drupal:before { content: "" } .fa-joomla:before { content: "" } .fa-language:before { content: "" } .fa-fax:before { content: "" } .fa-building:before { content: "" } .fa-child:before { content: "" } .fa-paw:before { content: "" } .fa-spoon:before { content: "" } .fa-cube:before { content: "" } .fa-cubes:before { content: "" } .fa-behance:before { content: "" } .fa-behance-square:before { content: "" } .fa-steam:before { content: "" } .fa-steam-square:before { content: "" } .fa-recycle:before { content: "" } .fa-automobile:before, .fa-car:before { content: "" } .fa-cab:before, .fa-taxi:before { content: "" } .fa-tree:before { content: "" } .fa-spotify:before { content: "" } .fa-deviantart:before { content: "" } .fa-soundcloud:before { content: "" } .fa-database:before { content: "" } .fa-file-pdf-o:before { content: "" } .fa-file-word-o:before { content: "" } .fa-file-excel-o:before { content: "" } .fa-file-powerpoint-o:before { content: "" } .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "" } .fa-file-archive-o:before, .fa-file-zip-o:before { content: "" } .fa-file-audio-o:before, .fa-file-sound-o:before { content: "" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "" } .fa-file-code-o:before { content: "" } .fa-vine:before { content: "" } .fa-codepen:before { content: "" } .fa-jsfiddle:before { content: "" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "" } .fa-circle-o-notch:before { content: "" } .fa-ra:before, .fa-rebel:before, .fa-resistance:before { content: "" } .fa-empire:before, .fa-ge:before { content: "" } .fa-git-square:before { content: "" } .fa-git:before { content: "" } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "" } .fa-tencent-weibo:before { content: "" } .fa-qq:before { content: "" } .fa-wechat:before, .fa-weixin:before { content: "" } .fa-paper-plane:before, .fa-send:before { content: "" } .fa-paper-plane-o:before, .fa-send-o:before { content: "" } .fa-history:before { content: "" } .fa-circle-thin:before { content: "" } .fa-header:before { content: "" } .fa-paragraph:before { content: "" } .fa-sliders:before { content: "" } .fa-share-alt:before { content: "" } .fa-share-alt-square:before { content: "" } .fa-bomb:before { content: "" } .fa-futbol-o:before, .fa-soccer-ball-o:before { content: "" } .fa-tty:before { content: "" } .fa-binoculars:before { content: "" } .fa-plug:before { content: "" } .fa-slideshare:before { content: "" } .fa-twitch:before { content: "" } .fa-yelp:before { content: "" } .fa-newspaper-o:before { content: "" } .fa-wifi:before { content: "" } .fa-calculator:before { content: "" } .fa-paypal:before { content: "" } .fa-google-wallet:before { content: "" } .fa-cc-visa:before { content: "" } .fa-cc-mastercard:before { content: "" } .fa-cc-discover:before { content: "" } .fa-cc-amex:before { content: "" } .fa-cc-paypal:before { content: "" } .fa-cc-stripe:before { content: "" } .fa-bell-slash:before { content: "" } .fa-bell-slash-o:before { content: "" } .fa-trash:before { content: "" } .fa-copyright:before { content: "" } .fa-at:before { content: "" } .fa-eyedropper:before { content: "" } .fa-paint-brush:before { content: "" } .fa-birthday-cake:before { content: "" } .fa-area-chart:before { content: "" } .fa-pie-chart:before { content: "" } .fa-line-chart:before { content: "" } .fa-lastfm:before { content: "" } .fa-lastfm-square:before { content: "" } .fa-toggle-off:before { content: "" } .fa-toggle-on:before { content: "" } .fa-bicycle:before { content: "" } .fa-bus:before { content: "" } .fa-ioxhost:before { content: "" } .fa-angellist:before { content: "" } .fa-cc:before { content: "" } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "" } .fa-meanpath:before { content: "" } .fa-buysellads:before { content: "" } .fa-connectdevelop:before { content: "" } .fa-dashcube:before { content: "" } .fa-forumbee:before { content: "" } .fa-leanpub:before { content: "" } .fa-sellsy:before { content: "" } .fa-shirtsinbulk:before { content: "" } .fa-simplybuilt:before { content: "" } .fa-skyatlas:before { content: "" } .fa-cart-plus:before { content: "" } .fa-cart-arrow-down:before { content: "" } .fa-diamond:before { content: "" } .fa-ship:before { content: "" } .fa-user-secret:before { content: "" } .fa-motorcycle:before { content: "" } .fa-street-view:before { content: "" } .fa-heartbeat:before { content: "" } .fa-venus:before { content: "" } .fa-mars:before { content: "" } .fa-mercury:before { content: "" } .fa-intersex:before, .fa-transgender:before { content: "" } .fa-transgender-alt:before { content: "" } .fa-venus-double:before { content: "" } .fa-mars-double:before { content: "" } .fa-venus-mars:before { content: "" } .fa-mars-stroke:before { content: "" } .fa-mars-stroke-v:before { content: "" } .fa-mars-stroke-h:before { content: "" } .fa-neuter:before { content: "" } .fa-genderless:before { content: "" } .fa-facebook-official:before { content: "" } .fa-pinterest-p:before { content: "" } .fa-whatsapp:before { content: "" } .fa-server:before { content: "" } .fa-user-plus:before { content: "" } .fa-user-times:before { content: "" } .fa-bed:before, .fa-hotel:before { content: "" } .fa-viacoin:before { content: "" } .fa-train:before { content: "" } .fa-subway:before { content: "" } .fa-medium:before { content: "" } .fa-y-combinator:before, .fa-yc:before { content: "" } .fa-optin-monster:before { content: "" } .fa-opencart:before { content: "" } .fa-expeditedssl:before { content: "" } .fa-battery-4:before, .fa-battery-full:before, .fa-battery:before { content: "" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "" } .fa-battery-2:before, .fa-battery-half:before { content: "" } .fa-battery-1:before, .fa-battery-quarter:before { content: "" } .fa-battery-0:before, .fa-battery-empty:before { content: "" } .fa-mouse-pointer:before { content: "" } .fa-i-cursor:before { content: "" } .fa-object-group:before { content: "" } .fa-object-ungroup:before { content: "" } .fa-sticky-note:before { content: "" } .fa-sticky-note-o:before { content: "" } .fa-cc-jcb:before { content: "" } .fa-cc-diners-club:before { content: "" } .fa-clone:before { content: "" } .fa-balance-scale:before { content: "" } .fa-hourglass-o:before { content: "" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "" } .fa-hourglass:before { content: "" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "" } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: "" } .fa-hand-scissors-o:before { content: "" } .fa-hand-lizard-o:before { content: "" } .fa-hand-spock-o:before { content: "" } .fa-hand-pointer-o:before { content: "" } .fa-hand-peace-o:before { content: "" } .fa-trademark:before { content: "" } .fa-registered:before { content: "" } .fa-creative-commons:before { content: "" } .fa-gg:before { content: "" } .fa-gg-circle:before { content: "" } .fa-tripadvisor:before { content: "" } .fa-odnoklassniki:before { content: "" } .fa-odnoklassniki-square:before { content: "" } .fa-get-pocket:before { content: "" } .fa-wikipedia-w:before { content: "" } .fa-safari:before { content: "" } .fa-chrome:before { content: "" } .fa-firefox:before { content: "" } .fa-opera:before { content: "" } .fa-internet-explorer:before { content: "" } .fa-television:before, .fa-tv:before { content: "" } .fa-contao:before { content: "" } .fa-500px:before { content: "" } .fa-amazon:before { content: "" } .fa-calendar-plus-o:before { content: "" } .fa-calendar-minus-o:before { content: "" } .fa-calendar-times-o:before { content: "" } .fa-calendar-check-o:before { content: "" } .fa-industry:before { content: "" } .fa-map-pin:before { content: "" } .fa-map-signs:before { content: "" } .fa-map-o:before { content: "" } .fa-map:before { content: "" } .fa-commenting:before { content: "" } .fa-commenting-o:before { content: "" } .fa-houzz:before { content: "" } .fa-vimeo:before { content: "" } .fa-black-tie:before { content: "" } .fa-fonticons:before { content: "" } .fa-reddit-alien:before { content: "" } .fa-edge:before { content: "" } .fa-credit-card-alt:before { content: "" } .fa-codiepie:before { content: "" } .fa-modx:before { content: "" } .fa-fort-awesome:before { content: "" } .fa-usb:before { content: "" } .fa-product-hunt:before { content: "" } .fa-mixcloud:before { content: "" } .fa-scribd:before { content: "" } .fa-pause-circle:before { content: "" } .fa-pause-circle-o:before { content: "" } .fa-stop-circle:before { content: "" } .fa-stop-circle-o:before { content: "" } .fa-shopping-bag:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-hashtag:before { content: "" } .fa-bluetooth:before { content: "" } .fa-bluetooth-b:before { content: "" } .fa-percent:before { content: "" } .fa-gitlab:before { content: "" } .fa-wpbeginner:before { content: "" } .fa-wpforms:before { content: "" } .fa-envira:before { content: "" } .fa-universal-access:before { content: "" } .fa-wheelchair-alt:before { content: "" } .fa-question-circle-o:before { content: "" } .fa-blind:before { content: "" } .fa-audio-description:before { content: "" } .fa-volume-control-phone:before { content: "" } .fa-braille:before { content: "" } .fa-assistive-listening-systems:before { content: "" } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content: "" } .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content: "" } .fa-glide:before { content: "" } .fa-glide-g:before { content: "" } .fa-sign-language:before, .fa-signing:before { content: "" } .fa-low-vision:before { content: "" } .fa-viadeo:before { content: "" } .fa-viadeo-square:before { content: "" } .fa-snapchat:before { content: "" } .fa-snapchat-ghost:before { content: "" } .fa-snapchat-square:before { content: "" } .fa-pied-piper:before { content: "" } .fa-first-order:before { content: "" } .fa-yoast:before { content: "" } .fa-themeisle:before { content: "" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "" } .fa-fa:before, .fa-font-awesome:before { content: "" } .fa-handshake-o:before { content: "" } .fa-envelope-open:before { content: "" } .fa-envelope-open-o:before { content: "" } .fa-linode:before { content: "" } .fa-address-book:before { content: "" } .fa-address-book-o:before { content: "" } .fa-address-card:before, .fa-vcard:before { content: "" } .fa-address-card-o:before, .fa-vcard-o:before { content: "" } .fa-user-circle:before { content: "" } .fa-user-circle-o:before { content: "" } .fa-user-o:before { content: "" } .fa-id-badge:before { content: "" } .fa-drivers-license:before, .fa-id-card:before { content: "" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "" } .fa-quora:before { content: "" } .fa-free-code-camp:before { content: "" } .fa-telegram:before { content: "" } .fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before { content: "" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "" } .fa-shower:before { content: "" } .fa-bath:before, .fa-bathtub:before, .fa-s15:before { content: "" } .fa-podcast:before { content: "" } .fa-window-maximize:before { content: "" } .fa-window-minimize:before { content: "" } .fa-window-restore:before { content: "" } .fa-times-rectangle:before, .fa-window-close:before { content: "" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "" } .fa-bandcamp:before { content: "" } .fa-grav:before { content: "" } .fa-etsy:before { content: "" } .fa-imdb:before { content: "" } .fa-ravelry:before { content: "" } .fa-eercast:before { content: "" } .fa-microchip:before { content: "" } .fa-snowflake-o:before { content: "" } .fa-superpowers:before { content: "" } .fa-wpexplorer:before { content: "" } .fa-meetup:before { content: "" }/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%, 43% { -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%, 43% { -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } } @keyframes pulse { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } } @keyframes rubberBand { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } } @keyframes tada { 0%, to { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0%, to { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } } @keyframes wobble { 0%, to { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.39062deg) skewY(.39062deg); transform:skewX(.39062deg) skewY(.39062deg) } 88.8% { -webkit-transform:skewX(-.19531deg) skewY(-.19531deg); transform:skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.39062deg) skewY(.39062deg); transform:skewX(.39062deg) skewY(.39062deg) } 88.8% { -webkit-transform:skewX(-.19531deg) skewY(-.19531deg); transform:skewX(-.19531deg) skewY(-.19531deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity:0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity:1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY, .flipOutX { -webkit-backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } .mfp-wrap, .owl-carousel .owl-item, .owl-carousel .owl-video-play-icon { -webkit-backface-visibility: hidden } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg) } 60%, 80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg) } 60%, 80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, to { -webkit-transform-origin:center } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, to { -webkit-transform-origin:center } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { transform-origin:center; opacity:1 } 0%, to { -webkit-transform-origin:center } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { transform-origin:center; opacity:1 } 0%, to { -webkit-transform-origin:center } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { transform-origin:top left } 0%, 20%, 60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left } 40%, 80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { transform-origin:top left } 0%, 20%, 60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left } 40%, 80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity:1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50%, to { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50%, to { opacity:0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .invisible, .modal, .tab-content.has-jsContent { visibility: hidden } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel { display: none; width: 100%; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after { content: '' } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); height: 100%!important; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel.owl-refresh .owl-item { display: none } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: scale .1s ease } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3) } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 8px; height: auto; left: auto; top: 0; right: 0; bottom: 0 } .mCSB_outside+.mCSB_scrollTools { right: -26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 8px; height: 100%; margin: 0 auto; background-color: #f5f5f5 } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 8px; height: 100%; margin: 0 auto; text-align: center; background-color: #2d2d2d } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0 } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #ccc } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #2d2d2d } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,.85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0,0,0,.9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,.75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,.2); box-shadow: inset 1px 0 1px rgba(0,0,0,.5), inset -1px 0 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); box-shadow: inset 1px 0 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px } .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255,255,255,.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4); height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,.4), inset -1px 0 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mfp-bg, .mfp-wrap { position: fixed; left: 0; top: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,.2); box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,.2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) } .mfp-bg { width: 100%; height: 100%; z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8 } .mfp-wrap { width: 100%; height: 100%; z-index: 1043; outline: 0!important } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { 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-close, .mfp-preloader { text-align: center; position: absolute } .mfp-ajax-holder .mfp-content, .mfp-inline-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: zoom-out } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn, .pace { -moz-user-select: none; -ms-user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #CCC; top: 50%; width: auto; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-close, .mfp-preloader a:hover { color: #FFF } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } .mfp-figure:after, .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0,0,0,.6); position: absolute; left: 0 } button::-moz-focus-inner { padding:0; border:0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; right: 0; top: 0; opacity: .65; padding: 0 0 18px 10px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-title, .text-left { text-align: left } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-arrow { position: absolute; opacity: .65; margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100% } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000 } .mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block } img.mfp-img { box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure:after { top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444 } .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-gallery .mfp-image-holder .mfp-figure, [role=button] { cursor:pointer } .mfp-title { line-height: 18px; color: #F3F3F3; padding-right: 36px } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .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,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; 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,.6); position: fixed; text-align: center; padding: 0 } } hr, input[type=search] { box-sizing: content-box } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } meta.foundation-version { font-family: "/5.5.3/" } meta.foundation-mq-small { font-family: "/only screen/"; width: 0 } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 480px)/"; width: 0 } meta.foundation-mq-medium { font-family: "/only screen and (min-width:480px)/"; width: 480px } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:480px) and (max-width:768px)/"; width: 480px } meta.foundation-mq-large { font-family: "/only screen and (min-width:768px)/"; width: 768px } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:768px) and (max-width:1200px)/"; width: 768px } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:1200px)/"; width: 1200px } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:1200px) and (max-width:1681px)/"; width: 1200px } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:1681px)/"; width: 1681px } meta.foundation-data-attribute-namespace { font-family: false }/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { blockquote, img, pre, tr { page-break-inside: avoid } *, :after, :before { background: 0 0!important; color: #000!important; box-shadow: none!important; text-shadow: none!important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #999 } thead { display: table-header-group } img { max-width: 100%!important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td, .table th { background-color: #fff!important } .table-bordered td, .table-bordered th { border: 1px solid #ddd!important } } .btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle, .open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle, .open>.btn-success.dropdown-toggle, .open>.btn-warning.dropdown-toggle { background-image: none } .img-thumbnail, .table { max-width: 100% } .img-thumbnail, body { background-color: #f5f5f5 } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; display: inline-block; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; 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: #777 } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 18px } .h5, h5 { font-size: 14px } .h6, h6 { font-size: 12px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } dt, kbd kbd { font-weight: 700 } @media (min-width:768px) { .lead { font-size: 21px } } .small, small { font-size: 85% } .mark, mark { background-color: #fcf8e3; padding: .2em } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-lowercase { text-transform: lowercase } .initialism, .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .btn, .form-label small, .navPages-container nav ul.navPages-list>li>a, .pagination-list .pagination-item a, .panel-title, .ribbon, .switch-label, abbr, acronym, h5, h6, nav.navBar--sub~main h2, nav.navBar--sub~main h3 { text-transform: uppercase } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:focus, a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:focus, a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:focus, a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:focus, a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:focus, a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9 } pre code, table { background-color: transparent } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } dl, ol, ul { margin-top: 0; list-style-position: outside } .list-inline { margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dd, dt { line-height: 1.42857 } dd { margin-left: 0 } .dl-horizontal dd:after, .dl-horizontal dd:before { content: " "; display: table } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } .container { width: 750px } } .accordion:after, .actionBar-section:after, .actionBar:after, .card-footer:after, .clearfix:after, .container-fluid:after, .container:after, .definitionList:after, .form-actions:after, .form-field-errors, .form-field:after, .form-minMaxRow:after, .form-row:after, .navBar-section:after, .navBar:after, .navList-section:after, .navList:after, .note_input, .pagination-list:after, .row:after, .tabs-contents:after, .tabs:after, hr { clear: both } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90% } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857; color: #777 } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } code, kbd { padding: 2px 4px } caption, th { text-align: left } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014' } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-field:after, .form-field:before, .form-row:after, .form-row:before, .row:after, .row:before { content: " " } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857 } code { background-color: #f9f2f4; border-radius: 4px } kbd { color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } .table .table, pre { background-color: #f5f5f5 } kbd kbd { padding: 0; font-size: 100%; box-shadow: none } pre { display: block; line-height: 1.42857; word-break: break-all; color: #333; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0 } .container, .container-fluid { padding-left: 15px; padding-right: 15px } .pre-scrollable { max-height: 340px; overflow-y: scroll } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .container-fluid { margin-right: auto; margin-left: auto } .row { margin-left: -15px; margin-right: -15px } .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-left: 15px; padding-right: 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-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @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-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @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-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @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-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } .btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } table { border-collapse: collapse; border-spacing: 0 } caption { padding-top: 8px; padding-bottom: 8px; color: #777 } #mobile-categories .bottomCate, #mobile-categories .cateArea, #mobile-categories .descArea, #mobile-categories .imageArea, .u-inlineBlock, .u-textTruncate { max-width: 100%!important } .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: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #e8e8e8 } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #e8e8e8 } .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 #e8e8e8 } .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>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f5f5f5 } table col[class*=col-] { position: static; float: none; display: table-column } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } .table-responsive { overflow-x: auto; min-height: .01% } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e8e8e8 } .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 } } .collapsing, .embed-responsive { position: relative; height: 0; overflow: hidden } .btn { margin-bottom: 0; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; -webkit-user-select: none; user-select: none } .u-textNoWrap, .u-textTruncate { white-space: nowrap!important } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none } .btn.active, .btn:active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover { color: #fff; background-color: #398439; border-color: #255625 } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, 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.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info.active, .btn-info:active, .btn-info:hover, .open>.btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, 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-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, 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.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, 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-link { color: #337ab7; font-weight: 400; border-radius: 0 } .alert .alert-link, .close { font-weight: 700 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #23527c; 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: #777; text-decoration: none } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px } .btn-sm, .btn-xs { font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-sm { padding: 5px 10px } .btn-xs { padding: 1px 5px } .btn-block { display: block } .btn-block+.btn-block { margin-top: 5px } .fade { opacity: 0; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { transition-property: height, visibility; transition-duration: .35s; transition-timing-function: ease } .alert { margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert>p, .alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } .embed-responsive { display: block; padding: 0 } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; 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; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .btn.disabled, .btn[disabled], .close:focus, .close:hover, fieldset[disabled] .btn { filter: alpha(opacity=50); opacity: .5 } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .text-hide, a { background-color: transparent } .clearfix:after, .clearfix:before { display: table } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; border: 0 } .affix { position: fixed } @-ms-viewport { width:device-width } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } td.visible-xs, th.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } .visible-lg-block { display: block!important } .visible-lg-inline { display: inline!important } .visible-lg-inline-block { display: inline-block!important } .hidden-lg { display: none!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } td.visible-print, th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } .hidden-print { display: none!important } } .u-block { display: block!important } .u-inlineBlock { display: inline-block!important } .u-hidden { display: none!important } article, aside, cite, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } .is-srOnly, .u-hiddenVisually { border: 0!important; clip: rect(1px,1px,1px,1px)!important; height: 1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important } button, img, legend { border: 0 } .button, body, sub, sup { position: relative } .u-textAlignCenter { text-align: center!important } .u-textAlignLeft { text-align: left!important } .u-textAlignRight { text-align: right!important } .u-textBreak { word-wrap: break-word!important } .u-textInheritColor { color: inherit!important } a, abbr, acronym, body { color: #6d6e6e; } .u-textKern { text-rendering: optimizeLegibility!important; -webkit-font-feature-settings: "kern" 1!important; font-feature-settings: "kern" 1!important; -webkit-font-kerning: normal!important; font-kerning: normal!important } .u-textLead { line-height: 1.6!important; font-size: 1.1em!important } .u-textTruncate { overflow: hidden!important; text-overflow: ellipsis!important; word-wrap: normal!important } pre, textarea { overflow: auto } .u-fontSmoothing { -moz-osx-font-smoothing: grayscale!important; -webkit-font-smoothing: antialiased!important }/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display:none } .icon, .icon svg, img { display: inline-block } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline } .icon, img { vertical-align: middle } sup { top: -.5em } sub { bottom: -.25em } img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } .button, body, h1, h2, h3, h4, h5, h6 { font-family: Arimo, Arial, Helvetica, sans-serif; } .form-input, body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } .form-label small, em, i { font-style: italic } button { overflow: visible; background: 0 0 } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance: textfield } .button, .form-input { -webkit-appearance: none; -moz-appearance: none } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { padding: 0 } textarea { height: auto; min-height: 50px } body { background: #f5f5f5; cursor: auto } a:hover { cursor: pointer } figure { margin: 0 0 1.5rem } button:active, button:focus { box-shadow: none; outline: 0 } select { width: 100% } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0 } html { font-size: 12px } @media (min-width:480px) { html { font-size: 12px } } @media (min-width:768px) { html { font-size: 12px } } @media (min-width:1200px) { html { font-size: 12px } } a { line-height: inherit } a:focus, a:hover { color: #1c4587; } p { margin-bottom: 1.5rem } h1, h2, h3, h4, h5, h6 { color: #777; letter-spacing: .25px; margin-bottom:.75rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #2d2d2d; font-size: 60%; line-height: 0 } h1 { font-size: 28px } h2 { font-size: 25px } h3 { font-size: 22px } h4 { font-size: 20px } h5 { font-size: 15px } h6 { font-size: 13px } .subheader { font-weight: 400; line-height: 24px; margin-bottom:.75rem } b, em, i, small, strong { line-height: inherit } dl, dl dd, ol, ul { margin-bottom: 1.5rem } hr { border: solid #e8e8e8; border-width: 1px 0 0; height: 0; margin: 2rem 0 1.91667rem } small { font-size: 60% } code { color: #c7254e } ol ol, ol ul, ul ol, ul ul { margin-left: 1.2rem; margin-bottom: 0 } dl dt { font-weight: 700; margin-bottom:.41667rem } abbr, acronym { border-bottom: 1px dotted #dfdfdf; cursor: help; font-size: 90% } .table, .table-tfoot, .table-thead { border: 1px solid #e8e8e8 } abbr { text-transform: none } blockquote, blockquote p { font-size: 22px; line-height: 29px } .button, cite { font-size: 1rem } cite { color: #a5a5a5 } .icon { width: 16px; height: 16px } .icon svg { fill: #f14d48; height: 100%; vertical-align: top; width: 100% } .dropdown-menu, .dropdown-menu--content { left: -9999px; list-style: none; height: auto; z-index: 89; max-width: 200px; width: 100% } .inlineList { list-style: none; overflow: hidden; padding: 0; margin: 0 0 1.41667rem -1.83333rem } .inlineList>li { display: block; float: left; list-style: none; margin-left: 1.83333rem } .inlineList>li>* { display: block } .table { background: 0 0; margin-bottom: 2rem; table-layout: auto; width: 100% } .table thead { background: #f2f2f2 } .button, .button.active, .button.is-active, .button:active, .button:focus, .button:hover { background-color: transparent } .table thead tr td, .table thead tr th { font-size: 1rem; font-weight: 700; padding:.75rem 1.5rem } .table tr td, .table tr th { padding:.75rem 1.5rem; text-align: left } .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr th, .table tr td { display: table-cell } .table td.table-cell--numericData, .table th.table-header--numericData { text-align: right } .table-tbody tr { border-bottom: 1px solid #e8e8e8 } .table-tbody tr:last-child { border-bottom: 0 } .button { border-style: solid; border-width: 1px; cursor: pointer; font-weight: 400; margin: 0 0 1rem; text-align: center; text-decoration: none; display: inline-block; padding:.91667rem 2.25rem; border-radius: 3px; outline: 0; vertical-align: middle } .dropdown-menu--content>:first-child, .dropdown-menu>:first-child { margin-top: 0 } .dropdown-menu--content>:last-child, .dropdown-menu>:last-child { margin-bottom: 0 } .button:active { border: 1px solid } .button.active, .button.is-active, .button:focus { outline: 0 } @media (min-width:481px) { .button+.button { margin-left:.75rem } } .button--primary { background-color: #1c4587; border-color: #1c4587; color: #fff } .button--primary.active, .button--primary.is-active, .button--primary:focus, .button--primary:hover { background-color: #2469d9; border-color: #2469d9; color: #fff } .button[disabled] { background-color: #dadada; border-color: #dadada; color: #fff } .button--large { font-size: 15px } .button--small { font-size: 13px; padding:.58333rem 1.5rem } .button--icon, .dropdown-menu--content { padding:.75rem; font-size: 1rem } .button--slab { display: block; width: 100% } .button+.button--slab { margin-left: 0 } .buttonGroup { display: inline-block } .buttonGroup>.button { border-radius: 0; border-right-width: 0; float: left; margin-left: 0 } .buttonGroup>.button:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .buttonGroup>.button:last-child { border-bottom-right-radius: 3px; border-right-width: 1px; border-top-right-radius: 3px } .dropdown-menu { display: none; margin-left: 0; position: absolute; font-size: 1rem } .dropdown-menu.open { display: block } .dropdown-menu--content { display: none; margin-left: 0; position: absolute; background: #e8e8e8 } .dropdown-menu--content.open, .form-input, .form-label, .form-legend { display: block } .dropdown-menu-item { cursor: pointer; font-size: 1rem; line-height: 1.5; margin: 0; padding:.41667rem .83333rem } .dropdown-menu-item a { display: block; padding:.41667rem; margin:-.41667rem } .form { margin: 0 0 1.5rem } .form-fieldset { border-width: 0; margin: 0; padding: 0 } .form-legend { background: 0 0; border: solid #454545; border-width: 0 0 1px; line-height: 32px; margin-bottom:.75rem; padding: 0; width: 100% } .form-input, .form-select.radius { border-radius: 3px } .form-label { color: #6d6e6e; cursor: pointer; line-height: 1.5; margin-bottom:.5rem; } .form-input, .form-select { border-style: solid; border-width: 1px; font-family: inherit; margin: 0; font-size: 1rem } .form-label small { vertical-align: bottom } .form-input { appearance: none; background-color: #fff; border-color: #cbcbcb; color: #777; font-smoothing: antialiased; height: 3rem; padding:.75rem 1rem; transition: border-color .1s ease-out; width: 100%; } .form-input:disabled { background-color: #fff; color: #a5a5a5; cursor: not-allowed } .form-input[readonly] { background-color: #f8f8f8; border-color: #454545; color: #989898; cursor: text } .form-body, .form-checkbox[disabled]+.form-label::before, .form-radio[disabled]+.form-label::before, .form-select:disabled { background-color: #fff } .form-input:focus, .form-select:focus { border-color: #cbcbcb } .form-input:focus { outline: 0 } .form-input[rows] { height: auto } .form-input[type=search] { box-sizing: border-box } .form-input::-ms-clear { height:0; width:0 } .form-select { -webkit-appearance: none!important; -moz-appearance: none!important; background-position: 100% center; background-repeat: no-repeat; line-height: normal; cursor: pointer; height: 3rem; outline: 0 } .accordion-navigation>a, .modal-header-title, .pagination-list .pagination-item a, .titlePagination { font-family: Arimo, Arial, Helvetica, sans-serif } .form-select::-ms-expand { display:none } .form-select:disabled { cursor: not-allowed } .form-body { border: 1px solid #454545; box-shadow: 0 1px 2px rgba(0,0,0,.13); margin-bottom: 1.5rem; max-width: none; padding: 1.5rem } .form-row { margin: 0 -15px; max-width: none; width: auto } .form-row:after, .form-row:before { display: table } .form-row .form-field { padding-left: 15px; padding-right: 15px; width: 100%; float: none; max-width: none; } @media (min-width:480px) { .form-row--half .form-field { width: 50% } .form-row--third .form-field { width: 33.33333% } .form-row--quarter .form-field { width: 25% } .tab { float: left } } .form-field { display: block; margin: 0 0 2rem; max-width: none } .form-field:after, .form-field:before { display: table } .form-select[multiple] { height: auto } .form-select[multiple] option { padding: 5px } .form-checkbox, .form-radio { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .form-checkbox+.form-label, .form-radio+.form-label { display: inline-block; font-size: 1rem; font-weight: 400; padding-left: 1.91667rem; position: relative; vertical-align: baseline; width: 100% } .form-checkbox+.form-label::after, .form-checkbox+.form-label::before, .form-radio+.form-label::after, .form-radio+.form-label::before { content: ""; display: block; position: absolute; transition: all 50ms ease-out } .switch-label, .switch-toggle, .switch-toggle::before { transition: all .1s ease-out } .form-checkbox+.form-label::before, .form-radio+.form-label::before { background-color: #fff; border: solid #dfdfdf; border-width: 1px; height: 1.33333rem; left: 0; width: 1.33333rem } .form-checkbox+.form-label::after, .form-radio+.form-label::after { height: 1.16667rem; left: 1px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 1.16667rem } .form-checkbox:checked+.form-label::after, .form-radio:checked+.form-label::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .form-checkbox[disabled]+.form-label, .form-radio[disabled]+.form-label { cursor: default } .form-checkbox+.form-label::before { border-radius: 3px } .form-checkbox+.form-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(79, 79, 79, 0.999)' /%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: rgba(79,79,79,.999); content: ""; font-size: 1.16667rem; line-height: 1; text-align: center } .form-radio+.form-label::before { border-radius: 50% } .form-radio+.form-label::after { background: rgba(79,79,79,.999); border: 3px solid #fff; border-radius: 1.16667rem } .form-input.has-action { float: left; padding-right: 2.83333rem } .form-input.has-action+.button--inputAction { background: 0 0; border: 0; border-radius: 0; float: left; height: 2.83333rem; margin:.08333rem 0 0 -2.91667rem; width: 2.83333rem } .form-input.has-icon { float: left; padding-right: 3rem } .form-input.has-icon+.icon { height: 3rem; margin-left: -3rem; width: 1.66667rem } .form-prefixPostfix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .form-prefixPostfix .button { height: 3rem } .form-prefixPostfix-input { border-radius: 0 } .form-prefixPostfix-label { background-color: #fff; border: solid #454545; border-width: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 300; height: 3rem; line-height: normal; max-width: 7.5rem; padding:.75rem; text-align: center } .switch-ariaDescription, .switch-checkbox { padding: 0; overflow: hidden; clip: rect(1px,1px,1px,1px) } .form-prefixPostfix-label--prefix { border-radius: 0; border-width: 1px 0 1px 1px } .form-prefixPostfix-label--prefix+.form-input { border-radius: 0 } .form-prefixPostfix-label--postfix { border-radius: 0; border-width: 1px 1px 1px 0 } .form-prefixPostfix-button--prefix { margin:0 .75rem 0 0 } .form-prefixPostfix-button--postfix { margin:0 0 0 .75rem } .switch-checkbox { border: 0; height: 1px; position: absolute; width: 1px } .switch-checkbox:focus+.switch-toggle { border-color: #2d2d2d; box-shadow: 0 0 4px rgba(45,45,45,.4) } .switch-toggle { background-color: #989898; border: 1px solid #989898; border-radius: 2.33333rem; cursor: pointer; display: inline-block; height: 2.33333rem; position: relative; vertical-align: middle; width: 5rem } .switch--important .switch-toggle { background-color: #d4cb49; border-color: #d4cb49 } .switch--checked .switch-toggle { background-color: #69d66f; border-color: #69d66f } .switch--disabled .switch-toggle { background-color: #e8e8e8; border-color: #a5a5a5; cursor: default } .switch-toggle::before { background: #fff; border-radius: 1.6667rem; box-shadow: 0 1px 1px rgba(0,0,0,.1); content: ""; height: 1.6667rem; left:.24998rem; position: absolute; top:.24998rem; width: 1.6667rem } .switch--checked .switch-toggle::before { left: 2.91665rem } .switch-label { color: #fff; height: 26px; line-height: 2.25; position: absolute; right:.5rem } .switch--checked .switch-label { font-weight: 600; left:.5rem; right: auto } .switch--disabled .switch-label { color: #989898 } .switch-label--icon.icon { width: 26px; height: 26px } .switch-label--icon.icon svg { width: 26px; height: 26px; fill: #fff } .switch--disabled .switch-label--icon.icon svg { fill: #989898 } .form-field--success .form-input-indicator>svg, .form-input-indicator>svg { fill: #69d66f } .switch-description--off { color: #2d2d2d; margin-right: 5px } .switch--checked .switch-description--off { color: #989898 } .switch-description--on { color: #989898; margin-left: 5px } .switch--checked .switch-description--on { color: #2d2d2d } .switch-ariaDescription { border: 0; height: 1px; position: absolute; width: 1px } .form-actions { background: 0 0; border: 0; text-align: center } .form-actions>* { display: inline-block; margin-bottom: 1rem; width: 100% } @media (min-width:481px) { .form-actions { text-align: left } .form-actions>* { vertical-align: baseline; width: auto } .form-actions--fixed { background: #fff; border-top: 1px solid #454545; bottom: 0; left: 0; padding: 1.5rem 2rem; position: fixed; right: 0; text-align: right; z-index: 20 } } .actionBar .buttonGroup, .alertBox-column, ul.tabs li.tab a { vertical-align: middle } .alertBox, .breadcrumb:before, .panel, .tab { position: relative } .form-input-indicator { width: 22px; height: 22px; float: left; margin: 0 0 0 -2.5rem; position: relative; top:.83333rem } .form-field-errors, .form-field-errors ol, .form-field-errors ul { margin-bottom: 0; list-style: none } .form-prefixPostfix .form-input-indicator { top: 0 } .form-field-errors { margin-left: 0; margin-top:.16667rem } .form-inlineMessage { line-height: 24px; margin:.41667rem 0 -.5rem; width: 100% } .form-field--error .form-input, .form-field--success .form-input, .form-field--warning .form-input { float: left } .form-field--success .form-checkbox+.form-label::before, .form-field--success .form-input, .form-field--success .form-prefixPostfix-label, .form-field--success .form-radio+.form-label::before, .form-field--success .form-select { border-color: #69d66f } .form-field--success .form-field-error, .form-field--success .form-inlineMessage { color: #69d66f } .form-field--error .form-checkbox+.form-label::before, .form-field--error .form-input, .form-field--error .form-prefixPostfix-label, .form-field--error .form-radio+.form-label::before, .form-field--error .form-select { border-color: #ff7d7d } .form-field--error .form-field-error, .form-field--error .form-inlineMessage { color: #ff7d7d } .form-field--error .form-input-indicator>svg { fill: #ff7d7d } .form-field--warning .form-checkbox+.form-label::before, .form-field--warning .form-input, .form-field--warning .form-prefixPostfix-label, .form-field--warning .form-radio+.form-label::before, .form-field--warning .form-select { border-color: #d4cb49 } .form-field--warning .form-field-error, .form-field--warning .form-inlineMessage { color: #d4cb49 } .breadcrumb, .breadcrumb a { color: #2d2d2d } .form-field--warning .form-input-indicator>svg { fill: #d4cb49 } .panel-header { background-color: #f2f2f2; margin: 0; padding: 1.5rem 2rem 0 } .panel-title { line-height: 1.5; margin: 0 } .panel-body { margin-bottom: 1.5rem; padding: 1rem 2rem 1.5rem } .panel-body>:first-child { margin-top: 0 } .panel-body>:last-child { margin-bottom: 0 } .breadcrumbs { display: block; list-style: none; margin-left: 0; overflow: hidden } .breadcrumb { float: left; font-size: 13px; margin: 0; line-height: 1.5 } .breadcrumb.current, .breadcrumb.current a { color: #2d2d2d; cursor: default } .breadcrumb.current:focus, .breadcrumb.current:focus a, .breadcrumb.current:hover, .breadcrumb.current:hover a { text-decoration: none } .breadcrumb.unavailable a:focus, .breadcrumb.unavailable:focus, .breadcrumb.unavailable:hover, .breadcrumb.unavailable:hover a { color: #a5a5a5; cursor: not-allowed; text-decoration: none } .breadcrumb:before { color: #2d2d2d; content: "/"; margin: 0; top: 1px } .accordion:after, .accordion:before, .breadcrumb:first-child:before, .navList-section:after, .navList-section:before, .navList:after, .navList:before, .tabs-contents:after, .tabs-contents:before, .tabs:after, .tabs:before { content: " " } .breadcrumb:first-child:before { margin: 0 } .breadcrumb::before { margin:0 .5rem } @media (min-width:481px) { .breadcrumb::before { margin:0 .5rem } } .breadcrumb-label { cursor: pointer } .breadcrumb-label:hover { color: #848484; text-decoration: none } .breadcrumb.is-active>.breadcrumb-label { color: #2d2d2d; cursor: default } .breadcrumb.is-unavailable>.breadcrumb-label { color: #a5a5a5; cursor: default } .tabs { border-bottom: 1px solid #e8e8e8; margin: 0 } .tabs:after, .tabs:before { display: table } .tab { border-bottom: #f5f5f5; display: block; list-style: none; margin: 0; padding: 0 } .tab-title { color: #2d2d2d; display: block; font-size: 15px } .tab-title:hover { color: #2d2d2d } .tab.is-active .tab-title { color: #2d2d2d; font-weight: 700 } @media (min-width:480px) { .tabs--vertical { border-bottom: 0; float: left; margin: 0 0 1.5rem; max-width: 20%; width: 20% } } .tabs--vertical .tab { float: none } .tabs-contents { margin-bottom: 1.5rem } .tabs-contents:after, .tabs-contents:before { display: table } @media (min-width:480px) { .tabs-contents--vertical { float: left; max-width: 80%; padding-left: 1.5rem; width: 80% } .tabs-contents--vertical>.tab-content { padding: 0 1.5rem } } .tab-content { display: none; padding: 1.5rem 0 } .tab-content.is-active { display: block } .no-js .tab-content { display: block; float: none } .navBar-section:after, .navBar-section:before, .navBar:after, .navBar:before { content: " "; display: table } .alertBox, .navBar-action, .navBar-item, .navList-action, .navList-item, .pagination-list, .pagination-list li { display: block } .navBar ol, .navBar ul { list-style: none; margin: 0; padding: 0 } .navBar ol li, .navBar ul li { margin: 0; padding: 0 } .navBar-section { float: left } .navBar-section--alt { float: right; margin-left: 1.5rem } .navBar-section+.navBar-section { margin-left: 1.5rem } @media (min-width:480px) { .navBar-item { float: left } .modal { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .navBar-action { color: #2d2d2d; padding:.75rem } .navList ol, .navList ul { list-style: none; margin: 0; padding: 0 } .navList ol li, .navList ul li { margin: 0; padding: 0 } .navList-section--alt { float: right; margin-left: 1.5rem } .navList-section+.navList-section { margin-top: 1.5rem } .navList-action { color: #2d2d2d; padding:.16667rem 0 } .pagination-list { margin-left: 0 } .pagination-list li { color: #2d2d2d; font-size: 1rem; margin-left:.41667rem } .pagination-list li a, .pagination-list li button { border-radius: 3px; transition: background-color, .3s, ease-out; background: 0 0; color: #2d2d2d; display: block; font-size: 1em; font-weight: 400; line-height: inherit; padding:.33333rem .5rem } li.pagination-item { cursor: pointer } li.pagination-item:first-child { margin-left: 0 } li.pagination-item a:hover { color: #2d2d2d } li.pagination-item--current a, li.pagination-item--current button { color: #2d2d2d; cursor: default } .alertBox { border-style: none; font-size: 1rem; font-weight: 400; margin-bottom:.75rem; padding:.75rem 1.16667rem; transition: opacity, .3s, ease-out; background-color: #e8e8e8; border-color: #e8e8e8 } .alertBox .icon { width: 20px; height: 20px } .alertBox .button { margin:0 0 0 .75rem } .alertBox--info { background-color: #666; border-color: #666 } .alertBox--info svg { fill: #dfdfdf } .alertBox--success { background-color: #d5ffd8; border-color: #d5ffd8; color: #fff } .alertBox--success svg { fill: #69d66f } .alertBox--warning { background-color: #fffdea; border-color: #fffdea; color: #fff } .alertBox--warning svg { fill: #d4cb49 } .alertBox--error { background-color: #fdd; border-color: #fdd; color: #fff } .accordion-navigation.is-open>a, .accordion-navigation>a { background: #fff; color: #2d2d2d } .alertBox--error svg { fill: #ff7d7d } .alertBox-close svg, .button--icon svg { fill: #4f4f4f } .alertBox-column { display: table-cell; text-align: center } .alertBox-message { margin: 0; text-align: left; width: 100% } .alertBox-heading { margin: 0 } .alertBox-close { cursor: pointer; padding-left: 1.16667rem } .alertBox-close .icon { width: 20px; height: 20px } .accordion:after, .accordion:before { display: table } .accordion-navigation { display: block; margin-bottom: 0!important; cursor: pointer } .accordion-navigation>a { padding: 1.91667rem; display: block; font-size: 1rem } .accordion-navigation>a:hover { background: #f2f2f2 } .accordion-navigation .accordion-title { padding: 1.5rem 1.91667rem } .accordion-title { font-weight: 700; line-height: 24px } .accordion-content { display: none; padding: 2rem } .accordion-content.is-open { display: block } .accordion-navigation--success .accordion-title, .accordion-navigation--success.is-open>a { color: #69d66f } .accordion-navigation--error .accordion-title, .accordion-navigation--error.is-open>a { color: #ff7d7d } .accordion-navigation--warning .accordion-title, .accordion-navigation--warning.is-open>a { color: #d4cb49 } body.has-activeModal { overflow: hidden } .modal-background { background: #2d2d2d; background: rgba(45,45,45,.8); bottom: 0; display: none; position: fixed; right: 0; top: 0; z-index: 1004; left: 0 } .has-activeModal .modal-background { display: block } .modal { display: none; width: 100%; z-index: 1005; border: 0 solid #e8e8e8; box-shadow: none; position: fixed } @media only screen and (max-width:480px) { .modal { min-height: 100vh } } .modal .column, .modal .columns { min-width: 0 } .modal>:first-child { margin-top: 0 } .modal>:last-child { margin-bottom: 0 } @media only screen and (min-width:480px) { .modal { left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px; top: 50%!important } } .modal--large { max-height: 90%; width: 1024px } .modal--small { width: 500px } .modal-header { border-bottom: 1px solid #e8e8e8; position: relative } .modal-header-title { margin: 0 } .modal-body>:last-child { margin-bottom: 0 } .modal-footer { border-top: 1px solid #e8e8e8; padding:.75rem 1.5rem; text-align: center } .modal-footer .button { display: block } @media (min-width:481px) { .modal-footer { text-align: right } .modal-footer .button { display: inline-block; margin-bottom: 0 } } .modal-footer-link { display: inline-block; font-size: 15px; margin:0 0 .75rem } @media (min-width:481px) { .modal-footer-link { display: inline; margin: 1.5rem } } .modal-close { cursor: pointer; font-weight: 400; line-height: 1; -webkit-transform: translateY(none); -ms-transform: translateY(none); transform: translateY(none) } .modal-close .icon { width: 20px; height: 20px } @media print { .modal { background: #FFF!important; display: none } } .loadingNotification { left: 50%; position: fixed; text-align: center; top: 3rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .2s ease-out; z-index: 500 } .loadingNotification.ng-hide-add-active, .loadingNotification.ng-hide-remove { opacity: 0; top: 3.6rem; -webkit-transform: scale(.9) translateX(-50%); -ms-transform: scale(.9) translateX(-50%); transform: scale(.9) translateX(-50%) } .loadingNotification.ng-hide-remove-active { opacity: 1; top: 3rem; -webkit-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%) } .loadingNotification-label { background: #666; border-radius: 3px; color: #fff; display: inline-block; font-size: 15px; padding:.41667rem .75rem } .card-body .card-text, .card-figcaption-body .card-text, .card-figcaption-button { color: #2d2d2d } .loadingOverlay-container { min-height: 120px; position: relative } .loadingOverlay { background: rgba(45,45,45,.9); bottom: 0; height: 100%; left: 0; opacity: 1; position: absolute; right: 0; top: 0; transition: all 250ms ease-out; width: 100% } .loadingOverlay::before { width: 40px; height: 40px; border-radius: 3.33333rem; border: 2px solid; border-color: #fff #fff #989898 #989898; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83); animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83) } .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active { opacity: 0 } .loadingOverlay.ng-enter.ng-enter-active, .loadingOverlay.ng-leave { opacity: 1 } @-webkit-keyframes spin { 0% { -webkit-transform:translateY(-50%) rotate(0); transform:translateY(-50%) rotate(0) } 100% { -webkit-transform:translateY(-50%) rotate(360deg); transform:translateY(-50%) rotate(360deg) } } @keyframes spin { 0% { -webkit-transform:translateY(-50%) rotate(0); transform:translateY(-50%) rotate(0) } 100% { -webkit-transform:translateY(-50%) rotate(360deg); transform:translateY(-50%) rotate(360deg) } } .actionBar { margin: 1.5rem 0 } .actionBar:after, .actionBar:before { content: " "; display: table } .actionBar .button { margin-bottom: 0 } .actionBar-link { display: block; padding:.75rem 0 } .actionBar-section:after, .actionBar-section:before { content: " "; display: table } @media (min-width:480px) { .actionBar-section { float: left } .actionBar-section .form-label { display: inline-block; margin:0 .41667rem 0 0 } .actionBar-section .form-input, .actionBar-section .form-select { display: inline-block; width: 16.66667rem } .actionBar-section--alt { float: right } } .card-body>:first-child, .card-figcaption-body>:first-child { margin-top: 0 } .actionBar-item { margin-bottom: 1.5rem } @media (min-width:480px) { .actionBar-item { display: inline-block; margin-bottom: 0; margin-right: 1.5rem; vertical-align: middle } .actionBar-item:last-child { margin-right: 0 } } .card { background-color: transparent; margin-bottom: 3rem; padding: 0 } .card-body>:last-child, .card-button, .card-figcaption-body>:last-child, .card-figure { margin-bottom: 0 } .card-figure { background-color: #fff; padding: 0; position: relative } .card-figcaption { bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0 } .card-figcaption:hover { opacity: 1 } .card-figcaption-action { display: block; height: 100% } .card-figcaption-body { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .card-figcaption-button { background-color: rgba(255,255,255,.9) } .card-figcaption-button:hover { background-color: #fff; color: #2d2d2d } .card-body { padding:.75rem 0 0 } .card-surTitle { float: right; margin-left: 1.5rem; max-width: 40%; text-align: right } .card-footer { background-color: transparent; margin: 0 } .card-footer:after, .card-footer:before { content: " "; display: table } .pace { -webkit-user-select: none; user-select: none } .pace-inactive { display: none } .pace-progress { background-color: #989898; height:.41667rem; position: fixed; right: 100%; top: 0; width: 100%; z-index: 2000 } body, html { height: auto } body { padding-top: 55px } @media (min-width:768px) { body { padding-top: 0 } } figure { margin-bottom: 2rem; margin-top: 2rem } figure>figcaption { margin-bottom:-.5rem } figcaption { color: #a5a5a5; margin-top:.75rem } body { font-size: 1rem; font-weight: 400; line-height: 20px; padding: 0; margin: 0 } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-top: 2.25rem } .body { margin: 0; padding: 0; min-height: 400px } * { outline: 0 } button, input[type=button], input[type=submit] { transition: all .3s ease 0s } a:active, a:focus, img:active, img:focus { text-decoration: none } cite { line-height: 1.5; margin:.5rem 0 0 } .definitionList:after, .definitionList:before { content: " "; display: table } .definitionList-key { color: #6d6e6e; float: left; font-weight: 400; margin:0 .41667rem 0 0; padding: 3px 0; min-width: 40px; } .definitionList-value { margin: 0; padding: 3px 0 } .form-input::-webkit-input-placeholder { color:#303843 } .form-input::-moz-placeholder { color:#303843 } .form-input:-ms-input-placeholder { color:#303843 } .form-input:-moz-placeholder { color:#303843 } .form-select { appearance: none; /*background-image: url(../img/select-arr.png);*/ background-color: #fff; border-radius: 3px; padding:.75rem 3rem .75rem 1rem; border-color: #c2c2c2; color: #303843 } .form-select:focus { /*background-image: url(../img/select-arr-focus.png)*/ } .form-label { position: relative } .form-label small { margin-top:.41667rem; color: #969696; float: none; font-size: 10px; font-weight: 700; position: absolute; right: 0 } .form-label--inlineSmall small { color: #969696; float: none; font-size: 10px; font-style: italic; font-weight: 400; margin-left: 12px; position: static } .table { margin-top: 2rem } .table td+td { border-left: 1px solid #e8e8e8 } .table--line, .table--line .table-thead { border-color: #e8e8e8; border-width: 0 0 1px } .table .table-alignCenter { text-align: center } .table .table-alignRight { text-align: right } .table-actions { margin: 1.5rem; text-align: center } .table-actions .form { margin-bottom: 0 } .table-actions .button { display: block; margin-left: 0; margin-right: 0; width: 100% } .table--line .table-thead { background-color: #f5f5f5 } .table--line .table-thead tr th { padding-left: 0; padding-right: 0 } @media (min-width:480px) { .table-actions .button { display: inline-block; margin-bottom: 0; width: auto } .table-actions .button+.button { margin-left:.41667rem } .table--line .table-thead tr th { text-align: center } .table--line .table-thead tr th:first-child { text-align: left } .table--line .table-thead tr th:last-child { text-align: right } .table--line tr td { text-align: center } .table--line tr td:first-child { text-align: left } .table--line tr td:last-child { text-align: right } } .table--line .table-thead tr th+th { padding-left: 1.5rem } .table--line tr { border-color: 1px solid #e8e8e8 } .table--line tr td { display: block; padding-left: 0; padding-right: 0 } .table--line tr td+td { padding-left: 1.5rem } .table--line td+td { border-left: 0 } .dropdown { left: -9999px; outline: 0; position: absolute } .dropdown-menu.is-loading .loadingOverlay { background: 0 0; padding: 4.5rem 0; position: relative } .dropdown-menu.is-open { display: block } .dropdown-menu-item { text-align: left } .dropdown-menu-item:first-child>a { padding-top:.75rem } .dropdown-menu-item:last-child>a { padding-bottom: 1rem } .dropdown-menu-item>a { margin: 0; padding:.25rem 1.16667rem; text-decoration: none } .dropdown-menu { border-radius: 0; background: #fff; padding: 0; border: 1px solid #d0d0d0; box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1) } .modal { left: 50%; margin: 0 auto; max-height: 90%; max-width: 95%; min-height: 240px; outline: 0; overflow: visible; padding: 0; right: 0; top: 50%!important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius: 4px } @media (min-width:1200px) { .modal--large { width: 1024px } } .modal-header { padding: 1.2rem 3.25rem 1.2rem 2.25rem } .modal-header-title { font-size: 14px; letter-spacing: 0; font-weight: 400; color: #969696; line-height: 18px } .modal-close { width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; font-size: 25px; padding: 0 0 1px; border-radius: 50%; color: #fff; text-align: center; text-decoration: none!important; z-index: 50; background: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .compare-link a:hover, .modal-close:hover, .tab-title { text-decoration: none } .modal-close:hover { color: #fff; background: #fb641b } .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; padding: 2.25rem } .modal-body.quickView .productView { padding: 0 } .modal-body.quickView .productViewTop { box-shadow: none; border-radius: 0; padding: 0 } .modal-body.quickView #customCMS-detail { display: none } .panel-title { font-size: 16px; font-weight: 700 } .panel--large .panel-body { margin-bottom: 2rem; padding: 2rem } .product-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .product-pagination.top .pagination { width: calc(100% - 75px); text-align: center } @media (max-width:1200px) { .product-pagination.top .pagination { padding-top: 10px; width: 100% } } @media (max-width:550px) { .product-pagination.top .pagination { padding-top: 50px } } .product-pagination.bottom { padding: 12px 17px; border-top: 1px solid #eaeaea; margin-top: -1px } @media (max-width:600px) { .product-pagination.top .pagination { width: 100%; clear: both } .product-pagination.bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; display: block } } .product-pagination.top { position: relative; background: #fff; padding: 0 20px 0 12px; border-bottom: 1px solid #eaeaea } @media (max-width:1200px) { .product-pagination.top { -ms-flex-wrap: wrap; flex-wrap: wrap; display: block } } .product-pagination.bottom .pagination { width: calc(100% - 177px); text-align: center } .page-type-account_recentitems .product-pagination.bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .titlePagination { font-size: 12px; text-transform: uppercase; color: #2d2d2d; font-weight: 700; padding: 12px 20px; margin-right: 3px; border: 1px solid #d7d7d7; border-radius: 3px } .titlePagination:hover { text-decoration: none; color: #2d2d2d } @media (max-width:480px) { .titlePagination { display: block; margin-bottom: 35px; padding: 9px 20px } } .pagination-list { font-size: 0; margin-bottom: 0; text-align: center } .pagination-list:after, .pagination-list:before { content: " "; display: table } .pagination-list .pagination-item { display: inline-block; margin: 0; cursor: default } @media (max-width:600px) { .product-pagination.bottom .pagination { width: 100%; text-align: center } .pagination-list .pagination-item { margin-bottom: 15px } } .pagination-list .pagination-item a { font-size: 12px; color: #6d6e6e; font-weight: 700; min-width: 16px; padding: 8px 15px; border-radius: 3px; margin-right: 5px; border: 1px solid transparent; } @media (max-width:991px) { .pagination-list .pagination-item a { margin-right: 1px } } .pagination-list .pagination-item a:hover { color: #2d2d2d; border: 1px solid #d7d7d7 } .pagination-list .pagination-item.pagination-item--next a, .pagination-list .pagination-item.pagination-item--previous a { padding: 8px 20px; border-radius: 3px; border: 1px solid #d7d7d7; color: #ccc; text-indent: -9999px; width: 45px; position: relative; z-index: 1 } .pagination-list .pagination-item.pagination-item--current a, .pagination-list .pagination-item.pagination-item--next a:hover, .pagination-list .pagination-item.pagination-item--previous a:hover { color: #6d6d6f; border: 1px solid #d7d7d7; } .pagination-list .pagination-item.pagination-item--next { position: relative; height: 38px } .pagination-list .pagination-item.pagination-item--next:before { content: ''; /*background: url(../img/list-sprite.png) 0 -188px no-repeat;*/ position: absolute; width: 23px; height: 14px; top: 13px; left: 12px } .pagination-list .pagination-item.pagination-item--previous { position: relative; height: 38px } .pagination-list .pagination-item.pagination-item--previous:before { content: ''; /*background: url(../img/list-sprite.png) 0 -227px no-repeat;*/ position: absolute; width: 23px; height: 14px; top: 13px; left: 12px } .compare-link { -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: none; } .btn, .compare-link a { -webkit-box-align: center; letter-spacing: 0 } @media (max-width:600px) { .compare-link { width: 100%; display: block; border-width: 1px 0 0 } } .compare-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; font-size: 12px; padding: 0 15px } .compare-link a .countPill { display: none } .compare-link.link-show .countPill { display: inline-block } .compare-link .countPill { display: inline-block; min-width: 24px; margin-left: 10px; padding: 0 4px; text-align: center; border-radius: 50%; background-color: #fee01b; color: #000; line-height: 24px; font-size: 11px; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif } .btn { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; height: 40px; line-height: initial; padding: 0 44px; border-radius: 3px; background: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0 1px 5px rgba(0,0,0,.2) } .compareTable-action .btn { padding: 6px 10px; white-space: normal; line-height: 1.5; height: auto; width: 100% } #back-to-top, .jstree-anchor, .jstree-node, .vakata-context li>a { white-space: nowrap } .btn.btn-sm { font-size: 11px; line-height: 25px; height: 28px; padding: 0 15px; border-width: 1px!important } .btn.btn-md { height: 36px } .btn.btn-lg { line-height: 39px; height: 42px; letter-spacing: 0; padding: 0 35px } .btn.btn-oranges { color: #fff; border: 2px solid #6d6d6f; background: #6d6d6f; } .btn.btn-oranges:hover { color: #fff; border: 2px solid #bdbec0; background: #bdbec0; } .btn.btn-out-of-stock { color: #fff; border: 2px solid #bcbcbc; background: #bcbcbc } .btn.btn-out-of-stock:hover { color: #fff; border: 2px solid #000; background: #000 } .btn.btn-primary { color: #fff; border: 2px solid #6d6d6f; background: #6d6d6f; } .btn.btn-primary:hover { color: #fff; background: #bdbec0; border: 2px solid #bdbec0; } .category-title .btn.btn-primary:hover { color: #fff; border: 2px solid #bdbec0; background: #bdbec0; } .category-title .btn.btn-primary { color: #fff; background: #777777; border: 0px solid #777; } .btn.btn-primary[disabled], .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:hover { color: #fff; border: 2px solid #1c4587; background: #1c4587 } .btn-sm.btn-primary { line-height: 24px } .btn>i.fa.fa-caret-right { font-size: 16px; position: relative; top: 1px; margin-left: 9px } .btn.btn-alt { color: #fff; border: 2px solid #6d6d6f; background: #6d6d6f; } .btn.btn-alt:hover { color: #fff; background: #bdbec0!important; border: 2px solid #bdbec0!important; } .btn.btn-alt-white { color: #fff; border: 2px solid #fff; background: #000 } .btn.btn-alt-white:hover { color: #000; background: #fff } .btn.btn-alt[disabled], .btn.btn-alt[disabled]:active, .btn.btn-alt[disabled]:focus, .btn.btn-alt[disabled]:hover { color: #fff; border: 2px solid #5b5b5b; background: #5b5b5b } .btn.btn-default { border-color: #cbcbcb } .btn.btn-default:hover { background: #f5f5f5 } .btn.btn-checkout { max-width: 270px; padding: 0 25px; height: 52px; color: #fff; border-color: #777; background: #777; } .btn.btn-checkout:hover { border-color: #ccc; background: #ccc; } .button { line-height: 1rem; transition: all .15s ease } .button+.button { margin-left: 0 } .button[disabled] { cursor: not-allowed } .tab { border-top: 1px solid #e8e8e8; float: none } .tab.is-active { border-left-color: #f5f5f5; border-right-color: #f5f5f5 } .tab-title { padding: 1.16667rem 0; text-align: center } @media (min-width:480px) { .tab.is-active { margin-bottom: -1px } .tab-title { text-align: left } } @media (min-width:768px) { .button+.button { margin-left:.75rem } .tab { border-top-color: #f5f5f5; float: left } .tab.is-active { border: 1px solid #e8e8e8; border-bottom: 1px solid #f5f5f5 } .tab-title { padding:.75rem 1.5rem } } .tab-content.has-jsContent { display: block; height: 0; overflow: hidden; padding: 0 } .tab-content.has-jsContent.is-active { height: auto; overflow: visible; padding: 1.5rem 0; visibility: visible } .tabs-contents { padding: 0 30px; overflow: hidden } .tabs-contents h1, .tabs-contents h2, .tabs-contents h3, .tabs-contents h4, .tabs-contents h5, .tabs-contents h6 { font-family: Arimo, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; text-transform: capitalize; margin-bottom: 16px } .tabs-contents .tab-content>h1, .tabs-contents .tab-content>h2, .tabs-contents .tab-content>h3, .tabs-contents .tab-content>h4, .tabs-contents .tab-content>h5, .tabs-contents .tab-content>h6 { position: relative; padding-left: 16px } .tabs-contents .tab-content>h1:before, .tabs-contents .tab-content>h2:before, .tabs-contents .tab-content>h3:before, .tabs-contents .tab-content>h4:before, .tabs-contents .tab-content>h5:before, .tabs-contents .tab-content>h6:before { content: "\f054"; color: #ea8e0a; position: absolute; left: 0; top: 2px; font: normal normal normal 9px/1 FontAwesome } .tabs-contents img { margin-top: 14px; margin-bottom: 8px } .tabs-contents ol, .tabs-contents ul { margin-left: 33px } .tabs-contents ol li, .tabs-contents ul li { line-height: 30px } ul.tabs { position: relative; width: 100%; border: 0; float: left } ul.tabs:after { position: absolute; bottom: 0; width: 100%; z-index: 1; height: 1px; content: ''; background: #eaeaea } @media (max-width:1200px) { ul.tabs:after { position: static } } ul.tabs li.tab { position: relative; z-index: 1; display: table; float: left; height: 53px; margin-left: -1px; border: 1px solid #eaeaea; border-top: 0; padding: 0 15px; border-bottom: 0 } @media (max-width:1200px) { ul.tabs li.tab { width: 100%; margin-left: 0; margin-bottom: -1px; border: 0 } } .accordion .navList, .accordion-content .form:only-child { margin-bottom: 0 } @media (min-width:1200px) { ul.tabs li.tab:first-child { margin-left: 0; border-left: 0 } ul.tabs li.tab:first-child.is-active:before, ul.tabs li.tab:last-child.is-active:before { border-left: 1px solid #6d6d6f; content: ''; left: 0; } ul.tabs li.tab:first-child.is-active:after, ul.tabs li.tab:last-child.is-active:after { content: ''; left: 0 } } ul.tabs li.tab a { font-size: 13px; font-weight: 700; display: block; display: table-cell; padding: 0 15px; line-height: 51px; transition: background .3s ease 0s; color: #777; font-family: Arimo, Arial, Helvetica, sans-serif; text-decoration: none!important; } @media (max-width:480px) { ul.tabs li.tab a { font-size: 12px; padding: 0 15px; letter-spacing: 0 } } ul.tabs li.tab a:focus { outline: 0 } ul.tabs li.tab.is-active { border-top: 0; border-bottom: 0; background: #fff; position: relative; z-index: 2 } @media (max-width:1200px) { ul.tabs li.tab.is-active { border: 0!important; background: #1c4587; } ul.tabs li.tab.is-active:before { left: 0!important; width: 100%!important } } ul.tabs li.tab.is-active:before { position: absolute; top: 0; left: -1px; width: 101%; height: 3px; z-index: 3; content: ''; background: #6d6d6f; border-left: 1px solid #6d6d6f; border-right: 1px solid #6d6d6f; } @media (min-width:1200px) { ul.tabs li.tab.is-active:after { position: absolute; bottom: -10px; left: -1px; width: 101%; height: 10px; z-index: 3; content: ''; background: #fff } } ul.tabs li.tab.is-active a { border-bottom-color: #fff; background: #fff; color: #777; } @media (max-width:1200px) { ul.tabs li.tab.is-active a { background: 0 0; border-bottom-color: #fff; color: #fff } } .accordion { border-radius: 3px; box-shadow: none; border: 0 } .accordion-content { border: 0 } .accordion-title { margin: 0 } .accordion-navigation { margin-top: -1px; position: relative; text-decoration: none; border: 0; } .accordion--navList .accordion-content { padding: 1rem } @media (min-width:768px) { .accordion--navList { border: 0 } .accordion--navList .accordion-block, .sidebarBlock+.accordion--navList { margin-top: 2rem } .accordion--navList .accordion-content { padding: 0 } .accordion--navList .accordion-navigation { background-position: right 0 top 50%; border: 0 } } .accordion--navList .accordion-title { font-weight: 400; padding: 1rem; text-decoration: none; text-transform: inherit } .accordion--navList .accordion-indicator { fill: #a5a5a5 } .accordion--navList .accordion-navigation-actions { right: 1rem; top: 1.16667rem } @media (min-width:768px) { .accordion--navList .accordion-title { margin-bottom:.75rem; margin-top: 0; padding: 0 } .accordion--navList .accordion-indicator { visibility: hidden } .accordion--navList .accordion-navigation-actions { right: 0; top: 0 } } .accordion--navList .accordion-navigation-actions i { margin-left: 10px } .accordion-block:first-child { margin-top: 0 } .accordion-block:first-child .accordion-navigation { border-radius: 3px 3px 0 0 } .accordion-block:last-child .accordion-content, .accordion-block:last-child .accordion-navigation { border-radius: 0 0 3px 3px } .accordion-block:last-child .accordion-navigation { border-bottom-width: 0 } .accordion-block:last-child .accordion-navigation.is-open { border-bottom-width: 1px; border-radius: 0 } .accordion-navigation-actions { position: absolute; right: 20px; top: 15px } .accordion-navigation-actions>a { color: #2d2d2d; vertical-align: middle } .accordion-navigation-actions>a i { font-size: 10px } .form-label, .form-label--alternate { font-size: 12px; font-family: Arimo, Arial, Helvetica, sans-serif } .accordion-navigation-actions>a:hover { color: #848484 } .inlineList--labels { margin-bottom: 0; margin-left:-.75rem } .inlineList--labels>li { margin-bottom:.75rem; margin-left:.75rem } .alertBox { border-radius: 4px; color: #4f4f4f } .alertBox-icon { padding-right: 9px } .alertBox-icon .icon { width: 22px; height: 22px } .alertBox--info { color: #fff } .alertBox--info .alertBox-close svg { fill: #dfdfdf } .form--hiddenLabels .form-label { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .form-label { font-weight: 700 } .alert { padding: 11px 11px 11px 27px } .form-inlineMessage { display: block } .giftCertificate-block .form-label { float: left; width: 200px } @media (max-width:600px) { .giftCertificate-block .form-label { width: 100%; margin-bottom: 15px } .giftCertificate-block .form-label .note_optional { margin-left: 0; display: inline-block } .giftCertificate-block .form-label .form-actions { margin-left: 0 } } @media (min-width:600px) { .giftCertificate-block .form-field { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (min-width:880px) { .giftCertificate-block .form-actions { margin-left: 150px; margin-top: 15px } } .form-check .form-inlineMessage, .form-input-group .form-inlineMessage { margin-left: 0 } .form-radio-group { max-width: 378px; width: 100%; float: left } .form-radio-group .form-label { width: 100%; margin-bottom: 5px } .form-textarea { max-width: 378px; width: 100%; float: left } .form-textarea textarea { width: 100%; border-radius: 3px; padding:.75rem 1rem; border-color: #cbcbcb } .form-textarea textarea:focus { border-color: #cbcbcb } @media (min-width:991px) { .form-textarea { max-width: 545px } } .form-field-group, .form-input-group { max-width: 378px; float: left; width: 100% } .form-input-item { margin-bottom: 5px } .form-input-group .form-input { width: 100% } .note_optional { color: #464646; opacity: .6; font-weight: 400; display: block } .note_input { color: #464646; opacity: .6; font-style: italic; margin-bottom: 0 } .form-check { width: 100%; margin-top: 36px } .form-check .form-label { float: none; width: 100% } * ::-webkit-input-placeholder { opacity:1; position:relative; left:0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; visibility:visible } * ::-moz-placeholder { opacity:1; position:relative; left:0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; visibility:visible } * :-ms-input-placeholder { opacity:1; position:relative; left:0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; visibility:visible } * :-moz-placeholder { opacity:1; position:relative; left:0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; visibility:visible } * :focus::-webkit-input-placeholder { opacity:0; left:5%; visibility:hidden } .form-field--error .form-input { float: none } .form-field--error .form-inlineMessage:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(255, 125, 125, 0.999)' /%3E%3C/svg%3E") no-repeat; background-size: 100%; content: ""; display: inline-block; height: 1.16667rem; left:-.16667rem; margin-right:.08333rem; position: relative; top:.25rem; width: 1.16667rem } .form-field--success .form-input[type=text] { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(105, 214, 111, 0.999)' /%3E%3C/svg%3E"); background-position:right .66667rem center; background-repeat: no-repeat; padding-right: 3rem } .form-checkbox+.form-label, .form-radio+.form-label { font-family: Arimo, Arial, Helvetica, sans-serif; margin-bottom: 11px } .form-checkbox+.form-label:last-child, .form-radio+.form-label:last-child { display: block; margin-bottom:-.33333rem } .form-checkbox+.form-label::after, .form-radio+.form-label::after { top: 2px } .form-checkbox+.form-label::before, .form-radio+.form-label::before { top: 1px } .form-radio::before { border-radius: 50% } .gift-certificate-form .form-actions { margin-top: 27px; padding-top: 30px } .gift-certificate-form .form-actions .btn { height: 40px } form div.form-actions { margin-top: 3px!important } .form-actions { margin: 0 auto; max-width: 100rem; width: 100%; display: block } .form-actions:after, .form-actions:before { content: " "; display: table } .form-actions .button, .form-actions a, .form-actions input { vertical-align: top; width: 100% } @media (min-width:480px) { .form-actions { margin-top: 1.5rem } .form-actions .button, .form-actions a, .form-actions input { margin-bottom: 0; width: auto } } .form-actions .button+.button, .form-actions .button+a, .form-actions .button+input, .form-actions a+.button, .form-actions a+a, .form-actions a+input, .form-actions input+.button, .form-actions input+a, .form-actions input+input { margin-top:.75rem } @media (min-width:480px) { .form-actions .button+.button, .form-actions .button+a, .form-actions .button+input, .form-actions a+.button, .form-actions a+a, .form-actions a+input, .form-actions input+.button, .form-actions input+a, .form-actions input+input { margin:0 0 0 .75rem } } .form-label--alternate { font-weight: 700; margin-bottom:.75rem; color: #777; } .form-select--date { width: initial; margin-right:.41667rem; margin-bottom:.41667rem } .form-select--date:last-of-type { margin-right: 0 } .form-select--date, .form-select--small { background-position: right; background-size: auto; font-size: 1rem; height: 3rem; line-height: 1rem; max-width: 20rem; padding:.58333rem 2rem .58333rem .75rem; min-width: 90px } .form-select--short { max-width: 6rem; width: 4.5rem } .form-file { margin-bottom:.5rem } .form-fileDescription { color: #a5a5a5; font-size: 13px } .form-field-group { border: 1px solid #cbcbcb; border-radius: 3px; padding: 1.5rem } .form-column { padding-left: 15px; padding-right: 15px; width: 100%; float: left } @media (min-width:480px) { .form-column { padding-left: 15px; padding-right: 15px; width: 50%; float: left } .form-row--half>.form-field:nth-child(odd) { clear: left } } .page-type-404 .form-prefixPostfix { max-width: 770px; margin: auto } .form-prefixPostfix.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .form-prefixPostfix .button, .form-prefixPostfix .form-input { display: block; width: 100% } @media (min-width:768px) { .form-prefixPostfix .button { width: auto } } .form-prefixPostfix .form-inlineMessage { margin-bottom:.41667rem } @media (min-width:1200px) { .form-prefixPostfix .form-input { width: auto } .form-prefixPostfix .form-inlineMessage { margin-bottom: 0 } } .form-prefixPostfix-button--postfix { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 36px } @media (max-width:480px) { .page-type-404 .form-prefixPostfix { display: block } .form-prefixPostfix-button--postfix { margin: 20px 0 0 } } @media (min-width:1200px) { .form-prefixPostfix-button--postfix { margin:0 0 0 .75rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } } .form-prefixPostfix .form-input { -ms-flex: 1; -webkit-box-flex: 1; flex: 1 } @media (max-width:480px) { .form-prefixPostfix .form-input { -ms-flex: none; -webkit-box-flex: 0; flex: none } } .form-increment .button { margin: 0; padding:3px .41667rem .25rem; width: 36px; height: 36px; border-color: #cbcbcb; font-size: 12px; color: #7b7b7b } .form-increment .button[data-action=dec] { border-top-right-radius: 0; border-bottom-right-radius: 0 } .form-increment .button[data-action=inc] { border-top-left-radius: 0; border-bottom-left-radius: 0 } .form-increment .button:hover { border-color: #000 } .form-input--incrementTotal { display: inline-block; font-size: 1rem; padding: 0; text-align: center; vertical-align: middle; width: 2.91667rem; min-width: 50px; height: 36px; border: 1px solid #cbcbcb; border-width: 1px 0; border-radius: 0 } .form-input--incrementTotal:disabled { border: transparent } [data-product-attribute=swatch] .form-option { width: 36px; height: 36px } [data-product-attribute=swatch] .form-option>span { position: relative; box-shadow: inset 0 0 0 1px #eaeaea } [data-product-attribute=swatch] .form-radio:checked+.form-option>span { box-shadow: inset 0 0 0 2px #000; font-weight: 700 } [data-product-attribute=set-rectangle] .form-option { min-width: 36px; height: 36px; text-align: center; padding: 8px 7px 7px } .form-option { border: 0!important; box-shadow: inset 0 0 0 1px #eaeaea; border-radius: 3px; color: #000; cursor: pointer; display: inline-block; font-size: 0; margin-bottom: 9px; margin-right: 9px; transition: all .15s ease } .navList-action--checkbox.is-disabled, .ribbon { cursor: default } .form-option:hover { border-color: #000 } .form-radio:checked+.form-option { box-shadow: inset 0 0 0 2px #000; font-weight: 700 } .form-option-variant { display: inline-block; font-size: 1rem; pointer-events: none; text-align: center } .form-option-variant--color, .form-option-variant--pattern { width: 100%; height: 100%; min-width: initial; padding: 0 } .form-option-variant--pattern { background-position: center; background-repeat: no-repeat } .form-input--small { font-size: 13px; height: 3rem; line-height: 1rem; padding:.58333rem .75rem } .form-minMaxRow { margin-left: -7.5px; margin-right: -7.5px } .form-minMaxRow:after, .form-minMaxRow:before { content: " "; display: table } .form-minMaxRow .form-field { width: 33.33333%; float: left; margin-bottom: 0; padding-left: 7.5px; padding-right: 7.5px } .form-minMaxRow .button { margin-bottom: 0; padding-left: 0; padding-right: 0; width: 100% } .account--addReturn-row:after, .banner:after, .cart-item, .cart-item-info, .cateArea>ul>.bottomCate, .facetedSearch-toggle, .facetedSearch-toggle:after, .quickView:after { clear: both } [data-product-attribute] .form-option { position: relative } [data-product-attribute] .form-option.unavailable { background-color: #ddd; opacity: .3 } [data-product-attribute] .form-option.unavailable:before { background-color: #000; content: ""; height: 2px; left: -7px; position: absolute; top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 141% } [data-product-attribute=product-list] .unavailable, [data-product-attribute=set-radio] .unavailable { opacity: .6; text-decoration: line-through } .card-title>a, .navPages-container nav ul.navPages-list a:hover { text-decoration: none } .card-figure { margin-top: 0; height: 100%; width: 100% } .card-figure:hover .card-figcaption { opacity: 1 } .card-figcaption { display: none; margin: 0 } @media (min-width:768px) { .card-figcaption { display: block } } .card-figcaption-body { display: inline-block; pointer-events: all; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .card-image { border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; width: auto } .card-title { font-size: 15px; margin:0 0 .25rem } .card-title>a { color: #094996 } .card-title>a:hover { color: #4cc1ed } .card-text { margin-bottom:.16667rem; min-height: 25px } .card-text abbr { border: 0; color: inherit; font-size: inherit } .card-figcaption-button { border: none; display: block; margin:.41667rem 0 0 } .card-figcaption-button:active { background-color: #fff; border: none } .card-figcaption-button+.card-figcaption-button { margin:.41667rem 0 0 } .card-body { text-align: center } .card--alternate { border: 3px solid #fff; transition: all .15s ease } .card--alternate .card-body { background-color: #fff; padding:.75rem; transition: all .15s ease } @media (min-width:480px) { .card-body { text-align: left } .card--alternate .card-body { padding: 1.5rem } } .card--alternate:hover { border-color: #2d2d2d } .card--alternate:hover .card-body { background-color: #2d2d2d } .navBar, .navList { margin-left: 0; margin-top: 12px; } .navBar-action, .navList-action { text-decoration: none; font-size: 1rem } .navList-action.is-active { font-weight: 700 } .navList-action--checkbox { display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom:.41667rem; padding-left: 1.91667rem; position: relative; vertical-align: baseline; width: 100% } .compareTable-row, .productReview { vertical-align: top } .navList-action--checkbox::after, .navList-action--checkbox::before { content: ""; display: block; position: absolute; transition: all 50ms ease-out } .navList-action--checkbox::before { background-color: #fff; border: solid #dfdfdf; border-width: 1px; height: 1.33333rem; left: 0; top: 0; width: 1.33333rem; border-radius: 3px } .navList-action--checkbox::after { height: 1.16667rem; left: 1px; opacity: 0; top: 1px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 1.16667rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(79, 79, 79, 0.999)' /%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: rgba(79,79,79,.999); content: ""; font-size: 1.16667rem; line-height: 1; text-align: center } .navList-action--checkbox:after, .navList-action--checkbox:before { top: 50% } .navList-action--checkbox:before { margin-top:-.66667rem } .navList-action--checkbox:after { margin-top:-.58333rem } .navList-action--checkbox.is-disabled::before { background-color: #fff } .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .navList-action-close { background: #f2f2f2; border-radius: 100%; display: inline-block; float: right; line-height: 0; opacity: 0; padding:.25rem; transition: opacity .3s ease; visibility: hidden } .navList-action-close .icon { width: 13px; height: 13px; fill: #2d2d2d } .black-icons .social-icons a svg, .social-icons a:hover svg { fill: #fff } .navList-action.is-selected:hover .navList-action-close { opacity: 1; visibility: visible } nav.navBar--sub { display: block; display: none; } nav.navBar--sub~main h2, nav.navBar--sub~main h3 { font-size: 14px; letter-spacing: 0; font-weight: 700; margin-bottom: 1.5rem; margin-top: 0 } @media (max-width:991px) { nav.navBar--sub ul.navBar-section.account-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } nav.navBar--sub ul.navBar-section.account-navigation li.navBar-item { width: 100%; margin-left: 0; margin-bottom: -1px } nav.navBar--sub ul.navBar-section.account-navigation li.navBar-item:last-child { margin-bottom: 0 } nav.navBar--sub.navBar--account ul.navBar-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item { width: 100%; margin-bottom: -1px } nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(4) { margin-left: 0 } nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(4), nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(5), nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(6) { margin-bottom: 0 } } .icons-svg-sprite, .navPages-container .navPages-quickSearch, .navPages-container nav ul.navPages-list.navPages-list--user { display: none } @media (max-width:991px) and (max-width:767px) { nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item { width: 100%; margin-left: 0 } nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(4), nav.navBar--sub.navBar--account ul.navBar-section li.navBar-item:nth-child(5) { margin-bottom: -1px } } .loadingOverlay { background-color: rgba(255,255,255,.9); display: none; z-index: 20 } .icon, .icon svg { transition: all .15s ease } .has-ribbon { position: relative } .ribbon { background-color: #454545; color: #fff; font-weight: 700; margin:-.91667rem -.91667rem 0 0; padding:.08333rem 1rem; position: absolute; right: 0; top: 0; z-index: 1 } .navPages-container .navPages { text-align: center; } @media (max-width:990px) { .navPages-container { display: none } } .navPages-container nav ul.navPages-list { margin: 0 auto } .navPages-container nav ul.navPages-list>li { display: inline-block; position: relative; padding: 10px 8px 11px; padding: 1% 1.1%; } @media (max-width:1600px) and (max-width:1200px) { aside.page-sidebar.col-sm-3~main.page-content.col-sm-9 { /* width: calc(100% - 314px); */ padding: 0 0 0 30px; } .navPages-container nav ul.navPages-list>li { display: inline-block; position: relative; padding: 10px 11px 11px; padding: 10px 1%; } } @media (max-width:1350px) { .navPages-container nav ul.navPages-list>li { padding: 19px 11px 16px } .navPages-container nav ul.navPages-list>li>a { font-size: 11px!important } } .navPages-container nav ul.navPages-list>li>a { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; line-height: 18px; display: block; color: #6d6d6f; text-decoration: none!important; border-bottom: 1px solid transparent; position: relative; text-transform: capitalize; } .navPages-container nav ul.navPages-list>li>a.has-subMenu::after { position: absolute; top: 0; right: -10px; content: '\f107'; font-family: FontAwesome; color: #6d6d6f; font-size: 12px; font-weight: 400; } .navPages-container nav ul.navPages-list>li:hover>a { color: #6d6d6f; border-bottom: 1px solid #fff } .navPages-container nav ul.navPages-list>li>.navPage-subMenu { position: absolute; z-index: 102; top: auto; display: none; min-width: 220px; text-align: left; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); margin-top: 5px; border: 1px solid #d0d0d0; border-radius: 3px; } .navPages-container nav ul.navPages-list>li>.navPage-subMenu ul { list-style: none; margin: 0; padding: 5px 0 } .navPages-container nav ul.navPages-list>li>.navPage-subMenu ul>li { position: relative } .navPages-container nav ul.navPages-list>li>.navPage-subMenu ul>li+li { border-top: 1px solid #f3f3f3 } .navPages-container nav ul.navPages-list>li>.navPage-subMenu ul li>a { position: relative; display: block; padding: 7px 15px; text-transform: capitalize; color: #6d6e6e; } .navPages-container nav ul.navPages-list>li>.navPage-subMenu ul li:hover>a { color: #094996 } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList { position: absolute; z-index: 1; top: 0; left: 100%; display: none; width: 100%; min-width: 220px; margin-left: -10px; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); border: 1px solid #d0d0d0; border-radius: 3px } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList::before { position: absolute; width: 7px; height: 100%; margin-left: -7px; content: ''; background-color: transparent } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList li:hover:before { position: absolute; color: #fb641b; left: 0; top: 9px; content: "\f0da"; font: normal normal normal 12px/1 FontAwesome; transition: all .3s ease 0s; opacity: 1; filter: alpha(opacity=0) } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList li:hover>a { margin-left: 15px } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li:hover>.navPage-childList { display: block; -webkit-animation: fadeIn .3s; animation: fadeIn .3s } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-subMenu { position: absolute; z-index: 1; top: 0; left: 100%; display: none; width: 100%; min-width: 220px; margin-left: 6px; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); border: 1px solid #d0d0d0 } .navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-subMenu::before { position: absolute; width: 7px; height: 100%; margin-left: -7px; content: ''; background-color: transparent } .navPages-container nav ul.navPages-list>li:hover>.navPage-subMenu, .navPages-container nav ul.navPages-list>li:hover>a>span.triangle-with-shadow, .navPages-container nav ul.navPages-list>li>.navPage-subMenu li:hover>.navPage-subMenu { display: block; -webkit-animation: fadeIn .3s; animation: fadeIn .3s } .navPages-container nav ul.navPages-list>li:not(.hasMegamenu)>.navPage-subMenu ul li:hover:before { position: absolute; color: #878787; left: 15px; top: 11px; content: "\f0da"; font: normal normal normal 12px/1 FontAwesome; transition: all .3s ease 0s; opacity: 1; filter: alpha(opacity=0) } .navPages-container nav ul.navPages-list>li:not(.hasMegamenu)>.navPage-subMenu ul li:hover>a { margin-left: 15px; color: #094996 } .navPages-container li.hasMegamenu>.subMegaMenu .imageArea { float: left; min-height: 1px } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea { float: left; min-height: 1px; margin-top: -10px } .navPages-container li.hasMegamenu>.subMegaMenu .container.hasBottomCate .cateArea { padding-bottom: 56px } .navPages-container li.hasMegamenu>.subMegaMenu.imageLeft .cateArea { padding-left: 20px } .navPages-container li.hasMegamenu>.subMegaMenu.imageRight .cateArea { padding-right: 20px } .navPages-container li.hasMegamenu.alignLeft>.subMegaMenu { left: 0 } .navPages-container li.hasMegamenu.alignRight>.subMegaMenu { right: 0; left: auto } .navPages-container li.hasMegamenu.alignCenter>.subMegaMenu { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .navPages-container li.hasMegamenu.fullWidth>.subMegaMenu { left: 0 } .navPages-container li.hasMegamenu.fullWidth>.subMegaMenu .container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .navPages-container li.hasMegamenu>.subMegaMenu { position: absolute; z-index: 102; top: auto; display: none; min-width: 220px; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1) } .navPages-container li.hasMegamenu:hover>.subMegaMenu { display: block; -webkit-animation: fadeIn .3s; animation: fadeIn .3s } .navPages-container li.hasMegamenu>.subMegaMenu ul { padding: 0; list-style: none; border: 0!important } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul li { border: 0 } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul li>a { padding-top: 5px; padding-bottom: 5px } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea ul li a { position: relative; display: block; color: #2d2d2d; padding-left: 0; padding-right: 0 } .descLeft h4, .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>a { font-weight: 700; color: #6d6e6e; padding-top: 5px; font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 13px; } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>a { margin-bottom: 3px } .descLeft h4 { display: block; margin: 0 0 3px } .descLeft h4:hover { color: #094996 } .descLeft .prod-image { margin-bottom: 8px!important } .descLeft .star-rating { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important } .descLeft .btnAbs a { height: 30px; width: 100%; line-height: 28px; background: #ff9f00; color: #fff; text-transform: uppercase; font-weight: 400; border: 0 } .descLeft .btnAbs a:hover { background: #f04723; border: #f04723; color: #fff; font-weight: 400 } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>a:hover { color: #094996 } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>a:hover>span { border-bottom-color: #094996 } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>ul { position: inherit; margin: 0; display: block; -webkit-animation: none; animation: none; padding: 0 0 20px; box-shadow: none; left: 0; background: 0 0 } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li:hover>ul { -webkit-animation: none; animation: none } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea ul li:hover>a { text-decoration: none; background: 0 0 } .navPages-container li.hasMegamenu>.subMegaMenu .imageArea.colLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .navPages-container li.hasMegamenu>.subMegaMenu .imageArea.colRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea.columns-2>ul>li { float: left; width: 50%; padding-left: 10px; padding-right: 10px } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea.columns-3>ul>li { float: left; width: 33.33%; padding-left: 10px; padding-right: 10px } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea.columns-4>ul>li { float: left; width: 25%; padding-left: 10px; padding-right: 10px } .navPages-container li.hasMegamenu>.subMegaMenu .cateArea.columns-5>ul>li { float: left; width: 20%; padding-left: 10px; padding-right: 10px } .imageArea .col-left { display: inline-block; padding-right: 20px; width: 50.5% } .imageArea a { display: block } .descArea { float: left; padding-right: 30px } #mobile-categories .imageArea a { padding: 10px; border-bottom: 0 } .bottomMegamenu .col-img-full a+a { margin-left: 30px } .rightCate { position: relative } .rightCate .right-cates { width: 318px; position: absolute!important; right: 0; bottom: -34px } .imageArea .col-right { width: 49.5% } .subMegaMenu.imageLeft .imageArea .col-left { float: left } .subMegaMenu .imageArea .shop-by-brands { width: 100%; padding-top: 30px } .subMegaMenu .imageArea .shop-by-brands label { font-size: 13px; font-weight: 700; text-align: left; margin-bottom: 15px; display: block } .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item .cate-name, .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item .cate-shop-now { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 } .desc-line p, .imageArea .four-images, .social-icons a, .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item, .subMegaMenu .imageArea .featured-categories h4, .tags { text-align: center } .subMegaMenu .imageArea .shop-by-brands ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0!important; margin-left: -10px!important; margin-right: -10px!important } .subMegaMenu .imageArea .shop-by-brands ul li { width: 33.33%; border: 0!important; padding-left: 10px; padding-right: 10px } .subMegaMenu .imageArea .shop-by-brands ul li a { height: 100%; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0!important; border: 1px solid #d0d0d0; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.1); overflow: hidden } .subMegaMenu .imageArea .featured-categories { width: 100%; padding-left: 30px } @media (max-width:991px) { .subMegaMenu .imageArea .featured-categories { padding-left: 20px; padding-right: 20px; padding-bottom: 20px } } .subMegaMenu .imageArea .featured-categories h4 { display: block; margin: 0 } .subMegaMenu .imageArea .featured-categories .owl-carousel.owl-hidden { opacity: 0 } .subMegaMenu .imageArea .featured-categories .owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item a { background: 0 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item .cate-desc { font-style: italic; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 10px } .subMegaMenu .imageArea .featured-categories .owl-carousel .cate-item .cate-shop-now { color: #f4590d } .subMegaMenu .imageArea .featured-categories .owl-carousel .owl-nav { position: absolute; top: -40px; right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex } .subMegaMenu .imageArea .featured-categories .owl-carousel .owl-nav>div { position: static; -webkit-transform: none; -ms-transform: none; transform: none; border: 0 } .imageArea .four-images a { display: inline-block; max-width: 49%; padding: 2.5px 1px } #menu .cateArea>ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px!important; margin-right: -10px!important } .social-icons li, .tag, .tag a { display: inline-block } .cateArea>ul>.bottomCate { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px 20px } .cateArea>ul>.bottomCate .col-left { float: left; width: 50%; padding-right: 20px } .cateArea>ul>.bottomCate .col-right { float: left; width: 50% } .cateArea>ul>.bottomCate .col-right a.find-more { text-transform: uppercase; font-weight: 700; font-size: 11px; color: #000 } .cateArea>ul>.bottomCate .col-right a.find-more i { color: #ea8e0a; margin-left: 10px } @media (max-width:991px) { .cateArea.has-bottom-cates { padding-bottom: 25px } } .subMegaMenu.imageLeft .cateArea>ul>.bottomCate { right: 0; left: auto; padding-right: 0; padding-left: 20px } .cateArea>ul>.bottomCate>.own-text { width: 100%; padding: 5px; background-color: #fef8e7 } .bottomMegamenu { float: left; width: 100% } .desc-line p { font-size: 11px; font-weight: 700; line-height: 20px; margin-bottom: 0; padding: 7px; letter-spacing: 0; text-transform: uppercase; color: #e06868; background: #fef8e7; border-bottom: 1px solid #fdefc9 } li.hasMegamenu.fullWidth .cateArea .navPage-childList { min-width: auto!important } .tags { list-style: none; margin-left: 0; font-size: 0 } .tags ol, .tags ul { list-style: none; margin-bottom: 0 } .tag { font-size: 1rem; margin-right: 10px; margin-bottom: 10px } .tag a { color: #969696; text-decoration: none; font-weight: 700 } .tag a:hover { color: #000; border-bottom: 1px solid #000; line-height: 1.3 } .social-icons { margin: 2px 0 0; padding-right: 36px } .social-icons li { list-style: none; margin-right: 15px; margin-bottom: 9px } .social-icons a { width: 42px; height: 42px; background: #fff; border-radius: 50% } .social-icons a svg { width: 16px; fill: #fff } .social-icons a.icon--facebook:hover { background: #4a73bd } .social-icons a.icon--twitter:hover { background: #46b0e2 } .social-icons a.icon--google:hover { background: #ea3b02 } .social-icons a.icon--instagram:hover { background: #527fa6 } .social-icons a.icon--rss:hover { background: #f9bc2e } .social-icons a.icon--pinterest:hover { background: #cc2127 } .social-icons a.icon--tumblr:hover { background: #33465d } .social-icons a.icon--youtube:hover { background: #cf3427 } .social-icons a.icon--linkedin:hover { background: #0077b5 } .social-icons a.icon--stumbleupon:hover { background: #eb4924 } .social-icons a.icon--facebook { background: #4a73bd } .social-icons a.icon--twitter { background: #46b0e2 } .social-icons a.icon--google { background: #ea3b02 } .social-icons a.icon--instagram { background: #527fa6 } .social-icons a.icon--rss { background: #f9bc2e } .social-icons a.icon--pinterest { background: #cc2127 } .social-icons a.icon--tumblr { background: #33465d } .social-icons a.icon--youtube { background: #cf3427 } .social-icons a.icon--linkedin { background: #0077b5 } .social-icons a.icon--stumbleupon { background: #eb4924 } .black-icons .social-icons a { background-color: #6d6e6e; } .owl-nav>div { position: absolute; top: 50%; width: 35px; height: 75px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-bottom: 1px solid #e6e6e6; transition: all .3s ease 0s; font-family: FontAwesome; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: #777; } #InstagramGallery .feed-item .feed-action, .heroCarousel .owl-nav { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .owl-nav>div::before { font-size: 35px; position: relative } .owl-nav>div.owl-prev { left: -1px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .owl-nav>div.owl-prev::before { content: '\f104'; left: -1px } .owl-nav>div.owl-next { right: -1px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px } .owl-nav>div.owl-next::before { content: '\f105'; left: 1px } .owl-carousel .owl-item img { max-width: 100%; width: 100%!important; -webkit-transform-style: unset; transform-style: unset; } .heroCarousel { margin-bottom: 25px; min-width: 300px; background: #fff; z-index: 0; box-shadow: 0 1px 17px rgba(0,0,0,.07); max-width: 1600px; margin: auto; } @media (max-width:1199px) { .heroCarousel { margin-bottom: 45px } } .heroCarousel .owl-nav { max-width: 1200px; position: absolute; margin: auto; left: 0; right: 0; top: 50%; transform: translateY(-50%) } .heroCarousel:hover .owl-nav>div { opacity: .5 } .heroCarousel .owl-nav>div { width: 60px; height: 60px; border: 0; color: #000; opacity: 0; background: 0 0 } .heroCarousel .owl-nav>div:hover { opacity: 1 } .heroCarousel .owl-nav>div.owl-prev { left: -15% } .heroCarousel .owl-nav>div.owl-prev::before { content: '\f104'; font-family: FontAwesome; font-size: 50px } .heroCarousel .owl-nav>div.owl-next { right: -15% } .heroCarousel .owl-nav>div.owl-next::before { content: '\f105'; font-family: FontAwesome; font-size: 50px } #facetedSearch-navList .accordion-content>ul.navList li a, .compareTable-heading, .compareTable-headingText, .facetedSearch-navList a.toggleLink span.toggleLink-text, .heroCarousel-content .heroCarousel-action, .heroCarousel-content .heroCarousel-description, .heroCarousel-content .heroCarousel-title { font-family: Arimo, Arial, Helvetica, sans-serif } .heroCarousel .heroCarousel-image { width: auto; max-width: 100%; margin: 0 auto } @media (max-width:1200px) { .heroCarousel .heroCarousel-image { min-width: 400px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: auto!important; max-width: calc(100% + 450px)!important; } } @media (max-width:880px) { .heroCarousel .heroCarousel-image { max-width: calc(100% + 340px)!important } } @media (max-width:600px) { .heroCarousel .heroCarousel-image { max-width: calc(100% + 150px)!important } } .heroCarousel .owl-dots { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (max-width:1199px) { .heroCarousel .owl-dots { bottom: -35px } } .heroCarousel .owl-dots>div { position: relative; display: inline-block; margin: 0 6px!important; width: 12px; height: 12px } .heroCarousel .owl-dots>div span { top: 0; left: 0; width: 100%; height: 100%; outline: 0; border-radius: 50%; background-color: rgba(0,0,0,.4); text-indent: -999em; cursor: pointer; position: absolute; border: 1px solid rgba(0,0,0,.4); transition: border-color .3s ease } .heroCarousel .owl-dots>div span:focus { outline: 0 } .heroCarousel .owl-dots>div span::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: rgba(0,0,0,.4); border-radius: 50%; box-shadow: 0 0 1px rgba(0,0,0,.4); opacity: 0; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); transition: opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, visibility 0s .3s; transition: opacity .3s ease, transform .3s ease, visibility 0s .3s, -webkit-transform .3s ease } .heroCarousel .owl-dots>div span:focus, .heroCarousel .owl-dots>div span:hover, .heroCarousel .owl-dots>div.active span { border-color: #2974F0 } .heroCarousel .owl-dots>div.active span::after { background: #fff; visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease } .owl-item .heroCarousel-slide::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.45); transition: all .3s ease 0s; opacity: 0; visibility: hidden; z-index: 99 } .owl-item:not(.center) .heroCarousel-slide::before { opacity: 0; visibility: visible; transition: all .3s ease 0s } .heroCarousel-content .heroCarousel-content-info { padding: 0 20px } .heroCarousel-content .heroCarousel-title { font-weight: 700; font-size: 30px; letter-spacing: 0; margin-top: 0; margin-bottom: 12px; color: #000 } @media (max-width:991px) { .heroCarousel-content .heroCarousel-title { color: #000!important; line-height: 28px; font-size: 18px } } .heroCarousel-content .heroCarousel-description { font-size: 14px; font-weight: 400; letter-spacing: 0; margin-bottom: 33px; line-height: 24px; color: #000 } @media (max-width:991px) { .heroCarousel-content .heroCarousel-description { font-size: 12px } } @media (max-width:767px) { .heroCarousel-content .heroCarousel-description { color: #000!important; font-weight: 400; margin-bottom: 20px; line-height: 22px; font-size: 12px } } @media (max-width:480px) { .heroCarousel-content .heroCarousel-description { padding-left: 10px; padding-right: 10px; font-size: 12px } } .heroCarousel-content .heroCarousel-action { background: 0 0; padding: 17px 40px; height: 40px; min-width: 150px; font-size: 14px; text-transform: capitalize; letter-spacing: 0; line-height: 18px; font-weight: 700; color: #000; border-color: #000; border-width: 1px; box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) } .cart-header, .facetedSearch-toggle { box-shadow: 0 2px 5px rgba(0,0,0,.08) } @media (max-width:767px) { .heroCarousel-content .heroCarousel-action { height: 32px; font-size: 12px; top: 20%; left: 13% } } @media (max-width:991px) { .heroCarousel-content .heroCarousel-action { position: absolute; top: 20%; left: 6.5% } } @media (max-width:430px) { .heroCarousel-content .heroCarousel-action { position: inherit } } .heroCarousel-content .heroCarousel-action:hover { background: #000!important; color: #fff!important; border-color: #000!important; border-width: 1px } .slide-item-0 .heroCarousel-content .heroCarousel-description, .slide-item-0 .heroCarousel-content .heroCarousel-title, .slide-item-1 .heroCarousel-content .heroCarousel-description, .slide-item-1 .heroCarousel-content .heroCarousel-title { color: #000 } @media (min-width:1200px) { .heroCarousel-content { position: absolute; top: 0; left: 0; right: auto; width: 100% } .heroCarousel-content .heroCarousel-content-info { text-align: left; max-width: 650px; margin-top: 127px } } @media (max-width:1199px) { .owl-item .heroCarousel-slide::before { display: none } .heroCarousel-content { padding: 30px 0; text-align: center!important } } @media (max-width:991px) { .heroCarousel-content .container { position: inherit } } @media (max-width:767px) { .heroCarousel-content { text-align: center!important } } .slide-item-0 .heroCarousel-content { left: auto; right: 0 } .slide-item-1 .heroCarousel-content, .slide-item-2 .heroCarousel-content { left: 0; right: auto; text-align: left } .slide-item-0 .heroCarousel-content .heroCarousel-action { color: #000; border-color: #dcdcdc; background-color: #fff } .slide-item-1 .heroCarousel-content .heroCarousel-action { color: #fff; border-color: #000; background-color: #000 } .slide-item-2 .heroCarousel-content .heroCarousel-description, .slide-item-2 .heroCarousel-content .heroCarousel-title, .slide-item-3 .heroCarousel-content .heroCarousel-description, .slide-item-3 .heroCarousel-content .heroCarousel-title { color: #000 } .slide-item-2 .heroCarousel-content .heroCarousel-action { color: #000; border-color: #dcdcdc; background-color: #fff } .slide-item-3 .heroCarousel-content .heroCarousel-action, .slide-item-4 .heroCarousel-content .heroCarousel-action { color: #fff; border-color: #3998d9; background-color: #3998d9 } .slide-item-3 .heroCarousel-content { left: auto; right: 0; text-align: left } .slide-item-4 .heroCarousel-content { left: auto; right: 0 } .heroCarousel .owl-item.active { z-index: 99 } .heroCarousel .owl-item .heroCarousel-action, .heroCarousel .owl-item .heroCarousel-description, .heroCarousel .owl-item .heroCarousel-title { visibility: visible; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } .heroCarousel .owl-item.active .heroCarousel-title { visibility: visible; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .heroCarousel .owl-item.active .heroCarousel-description { visibility: visible; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .heroCarousel .owl-item.active .heroCarousel-action { visibility: visible; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .writeReview-productDetails img { margin-bottom: 20px } .writeReview-productDetails .product-brand { color: #8c8c8c; font-size: 12px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px } .writeReview-productDetails .product-title { margin-top: 0; text-transform: none; font-size: 13px; font-weight: 600; line-height: 22px; color: #094996; letter-spacing: 0 } #modal-review-form .modal-header { border: 0 } #modal-review-form .modal-header-title { margin-bottom: 25px; font-size: 15px; font-weight: 700; color: #2d2d2d; text-transform: uppercase } @media (min-width:768px) { .writeReview-form, .writeReview-productDetails { padding-left: 15px; padding-right: 15px; width: 50%; float: left } } .writeReview-form .form-label { font-weight: 700; color: #000 } .account--addReturn .table { display: block; margin-bottom: 3rem } @media (min-width:480px) { .account--addReturn .table { display: table; margin-bottom: 6rem } } .account--addReturn .table tr { display: block; padding: 1.5rem 0 } @media (min-width:480px) { .account--addReturn .table tr { display: table-row; padding: 0 } } .account--addReturn .table td, .account--addReturn .table th { display: block; padding: 0 } .account--addReturn .table td+td, .account--addReturn .table td+th, .account--addReturn .table th+td, .account--addReturn .table th+th { padding-left: 0 } .account--addReturn .table .return-itemTitle+.definitionList { margin-top:.16667rem } @media (min-width:480px) { .account--addReturn .table td, .account--addReturn .table th { display: table-cell; padding-bottom:.75rem; padding-top:.75rem } .account--addReturn .table td+td, .account--addReturn .table td+th, .account--addReturn .table th+td, .account--addReturn .table th+th { padding-left: 1.5rem } .account--addReturn .table .return-itemPrice { text-align: center } .account--addReturn .table .return-itemQuantity { text-align: right } } .account--addReturn .table-thead { display: none } @media (min-width:480px) { .account--addReturn .table-thead { display: table-header-group } } .account--addReturn .table-thead th { font-size: 15px } .account--addReturn .table-thead th:first-child { width: 60% } .account--addReturn .table-tbody { display: block } .return-itemName { font-size: 15px; font-weight: 700 } .return-itemPrice { color: #a5a5a5; margin-bottom:.41667rem } @media (min-width:480px) { .account--addReturn .table-tbody { display: table-row-group } .return-itemName { font-size: 1rem; font-weight: 400 } .return-itemPrice { color: inherit; margin-bottom: 0; text-align: center } .return-itemQuantity .form-label { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } } .return-itemQuantity .form-label { display: inline; margin-right:.41667rem } .account--addReturn-row:after, .account--addReturn-row:before, .quickView:after, .quickView:before { content: " " } .account--addReturn-row { max-width: none; width: auto; margin: 0 -1rem } .account--addReturn-column { width: 100%; float: left; padding: 0 1rem } @media (min-width:480px) { .account--addReturn-column { width: 50% } } .quickView article.productView-description { display: none } .quickView .productView-images { margin-bottom: 0 } .productReviews-list { list-style: none; font-size: 0; margin-left: 0!important } .productReviews-list ol, .productReviews-list ul { list-style: none; margin-bottom: 0 } .productReview { display: block; float: none; font-size: 1rem; margin-bottom: 30px; width: 100% } .productReview-title { margin: 0; text-transform: none } .productReview-author { color: #2d2d2d; margin-bottom: 1rem } .productReview-rating { display: inline-block; margin-bottom:.41667rem } .productReview-ratingNumber { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } #productReviews-content .pagination-list { margin-bottom: 30px } #productReviews-content .pagination-list li, #productReviews-content .pagination-list li a { padding-left: 0; padding-right: 0 } #productReviews-content .pagination-list li+li { margin-left: 20px } .price--discounted, .price--rrp { text-decoration: line-through; color: #8c8c8c } .price-section--minor { color: #a5a5a5 } .compareTable { border-top: 1px solid #e8e8e8; table-layout: fixed; width: 100% } .compareTable-row+.compareTable-row .compareTable-heading, .compareTable-row+.compareTable-row .compareTable-item { border-top: 1px solid #e8e8e8; padding-top: 30px } .compareTable-row+.compareTable-row .compareTable-heading:empty { border-top: 0 } .compareTable-heading { font-size: 15px; font-weight: 400; padding: 1.25rem 1rem; position: relative; text-align: right; width: 0 } .compareTable-headingText { position: absolute; top: 1.25rem; white-space: nowrap; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0 } .compareTable-item { padding: 3.25rem 1rem 30px } @media (min-width:768px) { .compareTable-heading { width: 25% } .compareTable-headingText { position: inherit; top: inherit } .compareTable-item { padding-top: 1.25rem } } .compareTable-removeProduct { border-radius: 50%; height: 2.5rem; position: absolute; right: -1rem; top: -1rem; transition: background-color .15s ease; width: 2.5rem; text-align: center } .compareTable-removeProduct .icon { fill: #f14d48; height: 1.5rem; margin-top:.5rem; width: 1.5rem } .compareTable-product { font-weight: 400; padding: 2rem 1rem 1.25rem; padding-top: 32px!important } .compareTable-product .card-text a { color: #848484; display: inline-block; margin-bottom: 5px } .compareTable-product .card-title { margin-bottom: 10px; line-height: 1.5em; font-size: 12px; letter-spacing: 0 } .compareTable-product .card-title a { color: #000 } .compareTable-product .card { margin-bottom: 0 } .compareTable-product .card-body { min-height: 6rem; padding-top: 1rem } .compareTable-product .price-section { color: #000; font-size: 13px; font-weight: 700; line-height: 25px; margin-bottom: 5px } .compareTable-product .price-section .price--rrp { color: #969696; margin-right: 5px } .compareTable-product .price-section .price--rrp~.price--withoutTax { color: #e95144 } .compareTable-action { padding: 0 1rem 30px } .compareTable-action .button { display: block; padding-left:.75rem; padding-right:.75rem; width: 100% } .toggleLink-text--off, .toggleLink.is-open .toggleLink-text--on { display: inline-block } .blocker { background: rgba(245,245,245,.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 500 } .blocker-container, .textTruncate { position: relative } .textTruncate { padding-bottom: 1.5rem; transition: max-height .1s ease-out } .js .textTruncate { max-height: 110px; overflow: hidden } .js .textTruncate--visible { max-height: 83.33333rem } .textTruncate-viewMore { background-color: #f5f5f5; bottom: 0; padding-top: 10px; position: absolute; width: 100% } .toggle { border-top: 1px solid #e8e8e8; margin-bottom: 2.25rem } .toggle:last-of-type { margin-bottom: 4.5rem } .toggle-title { margin-bottom: 2.25rem } .toggleLink { color: #2d2d2d } .toggleLink:hover { color: #848484 } .toggle-title .toggleLink { float: right; line-height: 24px } .toggleLink-text { font-size: 1rem; font-weight: 400 } .toggleLink-text i { margin-left: 10px } .toggle-content { display: none } .toggle-content.is-open { display: block } .facetedSearch-toggle { border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; overflow: hidden; margin: 0 auto; max-width: 100rem; width: 100%; display: block; padding: 14px 20px } .facetedSearch-toggle:after, .facetedSearch-toggle:before { content: " "; display: table } @media (min-width:768px) { .facetedSearch-toggle { display: none!important } } .facetedSearch-toggle.is-open { margin-bottom: 20px } .facetedSearch-toggle-indicator, .facetedSearch-toggle-text { display: block; font-weight: 400 } .facetedSearch-toggle-text { width: 58.33333%; float: left; padding: 0; text-align: left } .facetedSearch-toggle-indicator { width: 41.66667%; float: left; font-weight: 700; padding: 0; text-align: right } .facetedSearch-navList { display: none } @media (min-width:768px) { .facetedSearch-navList { display: block!important } } .facetedSearch-navList.is-open { display: block } .facetedSearch-navList.is-open .accordion--navList, .facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation { border-top-left-radius: 0; border-top-right-radius: 0 } .facetedSearch-toggle+.facetedSearch-navList, .sidebarBlock+.facetedSearch-navList { margin-top: 2rem } .facetedSearch-toggle+.facetedSearch-navList.is-open, .sidebarBlock+.facetedSearch-navList.is-open { margin-top: -1px } @media (min-width:768px) { .facetedSearch-toggle+.facetedSearch-navList.is-open, .sidebarBlock+.facetedSearch-navList.is-open { margin-top: 2rem } } .facetedSearch-navList .navList--inner { margin-left: 1.5rem } .facetedSearch-navList .accordion--navList .accordion-navigation-actions { top: 14px; right: 20px } @media (max-width:767px) { .facetedSearch-navList .accordion--navList .accordion-navigation-actions { top: 14px; right: 20px } } .banner-item .hover-text-bottom::before, .banner-item a::before { top: 0; content: ""; position: absolute } .banner:after, .banner:before, .cart-actions:after, .cart-actions:before, .cart-gift-certificate-form:after, .cart-gift-certificate-form:before, .cart-total:after, .cart-total:before, .coupon-form:after, .coupon-form:before, .estimator-form-row:after, .estimator-form-row:before { content: " " } .facetedSearch-navList .accordion--navList .accordion-indicator { visibility: visible } .facetedSearch-navList a.toggleLink { display: inline-block; margin-top: 10px } .facetedSearch-navList a.toggleLink span.toggleLink-text { font-size: 14px } .facet-quick-heading { text-transform: capitalize } .facetedSearch-optionColumns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 20px; column-gap: 20px } .facetedSearch-refineFilters { display: none } @media (min-width:768px) { .facetedSearch-refineFilters { display: block } } .facetedSearch-refineFilters ul.inlineList { margin-bottom: 10px } #facetedSearch-navList .accordion-content>ul.navList li a { border: 0!important; font-size: 12px; line-height: 30px; color: #2d2d2d } .cart-list, .cart-total+.cart-total { border-top: 1px solid #e8e8e8 } #facetedSearch-navList .accordion-content>ul.navList li a:hover { color: #094996 } #facetedSearch-navList .accordion-content>ul.navList li a::before { position: static; display: inline-block; vertical-align: -3px; margin-right: 3px } #facetedSearch-navList .accordion--navList .accordion-block { margin: 0 0 30px; clear: both; padding-top: 1px } #facetedSearch-navList .accordion--navList .accordion-block .pad-block { padding-bottom: 20px } #facetedSearch-navList .accordion--navList .accordion-block:last-of-type { margin-bottom: 0 } @media (max-width:991px) { #facetedSearch-navList .accordion--navList .accordion-block { margin-bottom: 20px } } #facetedSearch-navList .form-minMaxRow { margin-bottom: 15px } #facetedSearch-navList .form-minMaxRow .form-field { width: 50% } #facetedSearch-navList .rating--small { display: inline } #facetedSearch { margin-bottom: 20px; background: #fff; } .banners { /* background-color: #2d2d2d; */ /* color: #fff; */ /* padding:.75rem 0; */ /* text-align: center; */ } .banners p:last-child { margin-bottom: 0 } .banners a { color: #fff } .banner { /* margin: 0 auto; */ /* max-width: 100rem; */ /* width: 100%; */ } .banner:after, .banner:before { display: table } .banner+.banner { margin-top: 1.5rem } .categoryBanner { margin-top: 30px } .banner-item { overflow: hidden; margin-bottom: 30px } .banner-item a { position: relative; display: block; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .banner-item a img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .banner-item a::before { background-color: rgba(255,255,255,.2); display: block; width: 100%; height: 100%; left: -100%; transition: all .3s ease 0s; z-index: 1 } .banner-item a:hover::before { left: 0 } @media (max-width:991px) { .banner-item { overflow: inherit } .banner-item a::before { display: none } .banner-item a:hover { opacity: .8 } } .banner-item .hover-text-bottom { position: absolute; bottom: 0; left: 15px; right: 15px; padding: 17px 20px 15px; color: #fff } .banner-item .hover-text-bottom::before { display: block; background: #000; opacity: .5; filter: alpha(opacity=50); left: 0; right: 0; bottom: 0 } .banner-item .hover-text-bottom h5 { margin: 0; padding: 0 0 5px; display: block; font-size: 26px; text-transform: uppercase; position: relative; font-family: Poppins, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 0 } #cart-preview-dropdown .cart-total-value, #cart-preview-dropdown .preview-cart-titles>div, .banner-item .hover-text-bottom p, .cart-header-item, .cart-item-brand, .cart-item-info:not(.cart-item-quantity), .cart-item-name, .cart-item-options--giftWrapping, .cart-item-options--giftWrapping .cart-item-option-description a, .cart-item-title a[data-item-edit], .cart-remove span, .cart-total-label, .cart-total-value, .estimator-form-label .form-label:not(.estimator-form-label-text), .previewCart #mayAlsoLike>h3, .previewCart .productView-title, .previewCartItem-brand, .previewCartItem-name h6, .previewCartItem>div.item-price, .previewCartItem>div.item-qty, .previewCartItem>div.item-total, .video-title { font-family: Arimo, Arial, Helvetica, sans-serif } .banner-item .hover-text-bottom p { font-size: 14px; color: #fff; position: relative; margin-bottom: 0 } .banner-item .hover-text-bottom p i.fa { vertical-align: middle; margin-left: 5px } .banner-item .hover-text-bottom p.img { position: absolute; right: 20px; top: 20px } #homeBottomBanners { padding-top: 40px; padding-bottom: 20px } #homeBottomBanners .banner-item .hover-text-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #homeBottomBanners .banner-item .hover-text-bottom h5 { font-size: 20px; padding-bottom: 0; width: calc(100% - 50px) } #homeBottomBanners .banner-item .hover-text-bottom i.fa { width: 50px; text-align: right; position: relative; font-size: 20px } .cart-header-item, .cart-item-title a[data-item-edit] { font-size: 12px; font-weight: 700 } @media (max-width:767px) { #homeTopBanners .col-sm-4.banner-item { max-width: 370px; margin-left: auto; margin-right: auto } #homeTopBanners .col-sm-6.banner-item { margin-left: auto; margin-right: auto } #homeBottomBanners>.container { max-width: 570px } } @media (max-width:480px) { #homeBottomBanners>.container>.row>.col-sm-6:first-of-type>.row:last-of-type .banner-item { max-width: 270px; width: 100%; margin-left: auto; margin-right: auto; float: none } } .facetLabel { background: #f2f2f2; border-radius: 4px; padding:.16667rem .5rem .16667rem .66667rem; text-decoration: none } .facetLabel .icon { width: 12px; height: 12px; display: inline-block; fill: #2d2d2d; position: relative; top: -1px } .cart { display: block; width: 100% } @media (min-width:768px) { .cart { display: table } } .cart-header { background: #fff; border-bottom: 1px solid #e5e5e5; display: none } @media (min-width:768px) { .cart-header { display: table-header-group; text-align: left } } .cart-header-item { min-height: 41px; padding: 16px 30px 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; text-transform: uppercase; color: #000 } .cart-header-item:last-child { text-align: right } .cart-list { display: block } @media (min-width:768px) { .cart-list { display: table-row-group } } .cart-item { display: block; padding: 1.5rem 0; border-bottom: 1px solid #e8e8e8 } @media (min-width:480px) { .cart-item { padding-left: 0 } .cart-item:after, .cart-item:before { content: " "; display: table } .cart-item:after { clear: both } .cart-item-figure { width: 33.33333% } } @media (min-width:768px) { .cart-item { display: table-row; padding-left: 0 } .cart-item:after, .cart-item:before { display: none } } .cart-item-block { display: block } @media (min-width:768px) { .cart-item-block { display: table-cell; padding: 35px 0; vertical-align: top } } .cart-item-block .definitionList { margin-bottom:.41667rem; color: #8c8c8c } .cart-item-figure { float: left; width: 33.33333%; height: 8.33333rem; margin-bottom: 1.5rem; padding-right: 0; padding-left: 18px; text-align: right } @media (min-width:768px) { .cart-item-figure { float: none; width: 12.5%; text-align: left } } .cart-item-fixed-image { width: 100% } .cart-item-image { width: auto } .cart-item-title { display: table-cell; padding-left: 42px } @media (min-width:480px) { .cart-item-title { display: block; overflow: hidden; height: auto; margin-bottom: 1.5rem } } .cart-item-title a[data-item-edit] { color: #777; } .cart-item-title a[data-item-edit]:hover { color: #ccc; } .bgr-cart { box-shadow: 0 0 5px rgba(0,0,0,.08); background-color: #fff; border-radius: 3px; overflow: hidden } .bgr-cart .alert { margin: 20px } .warp-border { border-radius: 3px; margin-bottom: 30px } .cart-item-info { width: 100% } @media (min-width:480px) { .cart-item-info { float: left; clear: none; overflow: hidden; width: 33.33333% } .cart-item-info+.cart-item-info { margin-top: 0 } } .cart-actions, .cart-actions:after, .cart-gift-certificate-form:after, .cart-remove-button, .cart-total:after, .coupon-form:after, .estimator-form-label, .estimator-form-row:after { clear: both } @media (min-width:768px) { .cart-item-title { display: table-cell } .cart-item-info { float: none; width: 16.66667% } .cart-item-info:last-child { text-align: right } } .cart-item-info+.cart-item-info { margin-top:.75rem } .cart-item-info:not(.cart-item-quantity) { font-size: 13px; padding-top: 45px } @media (min-width:767px) { .cart-item-info:not(.cart-item-quantity):last-of-type strong { padding-right: 20px } } @media (min-width:992px) { .cart-item-info.cart-item-quantity { width: 15.5% } } @media (max-width:991px) { .cart-item-info.cart-item-quantity { width: 25% } } @media (max-width:767px) { .cart-item-figure { height: auto } .cart-item-info { display: block; width: 100%!important; padding-top: 5px!important; text-align: right; padding-left: 15px; padding-right: 15px } .cart-item-info .cart-item-label { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; float: left; width: 33.33%; text-align: left } .cart-item-info.cart-item-quantity .cart-item-label { padding-top: 7px; margin-bottom: 20px; width: 100% } .cart-item-info.cart-item-quantity .form-increment { display: inline-block; float: left; margin-left: 0!important; margin-bottom: 20px!important } } .cart-item-quantity .form-increment { display: inline-block; margin:0 .16667rem 1px 1.5rem; vertical-align: middle } @media (min-width:768px) { .cart-header-quantity, .cart-item-quantity { text-align: center } .cart-item-quantity .form-increment { margin-left: 0 } } .cart-item-quantity .form-increment button[data-action=dec] { margin-right: -4px } .cart-item-quantity .form-increment button[data-action=inc] { margin-left: -4px } .cart-item-label { display: block; float: left; width: 33.33333%; width: 100%; margin-bottom:.41667rem; text-align: right; text-align: left } .cart-item-value { padding-left: 1.5rem } @media (min-width:768px) { .cart-item-label { display: none } .cart-item-value { padding-left: 0 } } .cart-item-value.price--discounted { margin-right: 5px } .cart-item-brand { margin-bottom: 10px; margin-top: 10px; color: #8c8c8c; letter-spacing: 0 } .cart-item-name { font-size: 13px; font-weight: 400; margin: 0 0 10px; letter-spacing: 0 } .cart-item-name a { line-height: 1.5em; color: #094996; letter-spacing: 0; font-weight: 500 } .cart-item-name a:hover { color: #2d2d2d } .cart-item-name+.definitionList { margin-top:.41667rem } .cart-item-options--giftWrapping { margin-top: 20px; letter-spacing: 0 } .cart-item-options--giftWrapping dl, .cart-item-options--giftWrapping dt { font-weight: 600; display: inline-block } .cart-item-options--giftWrapping .cart-item-option-description { color: #2d2d2d; display: inline-block } .cart-item-options--giftWrapping .cart-item-option-description a { font-weight: 600; background: #969696; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 1.3; padding: 4px 8px 3px; border-radius: 3px; margin-left: 10px } .cart-item-options--giftWrapping .cart-item-option-description a:hover { background: #777; } .cart-item-options--giftWrapping .cart-item-option-description .cart-item-option-actions { margin-left: 10px } .cart-remove-button { display: inline-block; padding: 7px 0; margin-right: 30px } @media (max-width:767px) { .cart-remove-button { margin-right: 0; padding-left: 30px } } .cart-remove { width: auto; height: auto; padding: 0; cursor: pointer; transition: background-color .15s ease; text-align: center; color: #f14d48 } .cart-remove.cart-remove--spacer { visibility: hidden } .cart-remove svg { position: relative; top: -2px; left: 2px; width: 16px; height: 16px; vertical-align: middle; fill: #f14d48 } .cart-remove span { font-weight: 400; margin-left: 5px; letter-spacing: 0; color: #e84625 } .cart-remove:hover span { border-bottom: 1px solid #f14d48 } .cart-totals { width: 100%; text-align: right; margin-bottom: 0; list-style: none } @media (min-width:767px) { .cart-totals { margin-left: 0 } } .cart-total { border-bottom: 0; margin-right: 30px } .cart-total:after, .cart-total:before { display: table } .cart-total .form-input { display: inline-block; width: 75%; padding:.5rem; vertical-align: top } .cart-total .form-select { margin-bottom:.75rem; padding:.5rem .75rem } .cart-total .form-inlineMessage { text-align: left } .cart-total:first-child .cart-total-value { font-size: 1.33333rem; font-weight: 700; letter-spacing: 0 } .cart-total-label { display: block; padding-left: 0; text-align: left; width: 70%; font-size: 13px; line-height: 20px; letter-spacing: 0 } @media (max-width:991px) { .cart-total-label { width: 50% } } .cart-total-value { text-align: right; width: 30%; font-size: 16px; line-height: 20px; letter-spacing: 0; font-weight: 600 } @media (max-width:991px) { .cart-total-value { width: 50% } } .shipping-estimator { width: 100%; float: right } .cart-total-label, .cart-total-value { float: left; padding: 17px 0; color: #777; } .cart-total-grandTotal { font-size: 1.83333rem; font-weight: 700; position: relative; letter-spacing: 0; padding: 17px 0 } .coupon-code-add, .coupon-code-cancel, .gift-certificate-add, .gift-certificate-cancel, .shipping-estimate-hide, .shipping-estimate-show { padding: 0; transition: color .15s ease; color: #8c8c8c; font-size: 12px; font-weight: 400; font-family: Arimo, Arial, Helvetica, sans-serif } .coupon-code-add:hover, .coupon-code-cancel:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover, .shipping-estimate-hide:hover, .shipping-estimate-show:hover { text-decoration: none; color: #094996 } .coupon-code-add:hover span, .coupon-code-cancel:hover span, .gift-certificate-add:hover span, .gift-certificate-cancel:hover span, .shipping-estimate-hide:hover span, .shipping-estimate-show:hover span { border-bottom: 1px solid #094996 } .coupon-code-cancel, .shipping-estimate-hide { font-style: inherit } .cart-gift-certificate-form, .coupon-form { font-size: 0; margin-bottom: 1rem } .cart-gift-certificate-form .btn, .cart-gift-certificate-form .form-input, .coupon-form .btn, .coupon-form .form-input { float: left } .cart-gift-certificate-form .form-input, .coupon-form .form-input { width: 78% } .cart-gift-certificate-form .btn, .coupon-form .btn { width: 20%; height: 36px; margin: 0 0 0 2%; padding-right:.75rem; padding-left:.75rem } @media (max-width:480px) { .cart-gift-certificate-form .btn, .coupon-form .btn { font-size: 10px } .cart-actions .btn-lg { max-width: 100% } } .cart-form.coupon-code, .cart-form.gift-certificate-code { width: 100%; float: right } .estimator-form { margin-bottom: 0 } .estimator-form .form-input { width: 100%; margin-bottom:.75rem } .estimator-form .btn-primary { width: 72.5%; margin-top: 8px; margin-bottom: 12px } @media (max-width:600px) { .estimator-form .btn-primary { width: 100% } } .estimator-form-label { font-weight: 400; float: left; margin-bottom: 0 } .estimator-form-label .form-label:not(.estimator-form-label-text) { font-size: 12px; line-height: 2.66667rem; margin-top: 2px; margin-bottom: 0; font-weight: 600 } .estimator-form-input { float: right; width: 72.5%; margin-bottom: 1em } @media (max-width:600px) { .estimator-form-input { width: 100% } } .estimator-form-input .form-input, .estimator-form-input .form-select { margin-bottom: 0 } .estimator-form-input--price { width: 30% } .estimator-form-toggleUPSRate { display: block; margin-bottom: 1em } .shipping-quotes .btn.select-shipping-quote { margin-bottom: 15px } .cart-additionalCheckoutButtons { clear: both; float: right; text-align: center; margin-bottom: 50px } @media (max-width:600px) { .cart-additionalCheckoutButtons { width: 100% } } .cart-actions { float: right; text-align: center } .cart-actions:after, .cart-actions:before { display: table } @media (min-width:767px) { .cart-actions { margin-right: 30px; padding-left: 43px; padding-right: 0 } } .cart-actions .btn-lg { font-size: 16px; width: 100%; max-width: 100% } .cart-actions .checkoutMultiple { display: block; float: none; clear: right; padding-top: 21px; padding-bottom: 15px; font-size: 11px; line-height: 18px; letter-spacing: 0; font-weight: 700; text-transform: uppercase } .cart-additionalCheckoutButtons .FloatRight:after, .cart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons:after, .cart-additionalCheckoutButtons:before { content: " "; display: table } .cart-actions .checkoutMultiple i { font-size: 14px; padding-left: 10px } .cart-additionalCheckoutButtons .FloatRight:after, .cart-additionalCheckoutButtons:after { clear: both } .cart-additionalCheckoutButtons .FloatRight p { float: none!important; margin:.5rem 0; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #6d6e6e; } .cart-additionalCheckoutButtons .FloatRight div { float: none } .triangle-with-shadow { position: absolute; top: -15px; left: 0; overflow: hidden; width: 100%; height: 15px; display: none } .triangle-with-shadow::before { position: absolute; top: 11px; left: 50%; width: 30px; height: 30px; margin-left: -15px; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #d0d0d0; background: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,.2) } .triangle-with-shadow.triangle-grey::before { background: #f5f5f5 } @media (max-width:480px) { .triangle-with-shadow.triangle-grey::before { background: #fff } } #cart-preview-dropdown { position: absolute; z-index: 111; top: auto; right: 0; left: auto; display: none; width: 100%; min-width: 374px; max-width: 600px; margin-top: 15px; padding: 0; border: 1px solid #d0d0d0; border-radius: 3px; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1) } @media (max-width:767px) { #cart-preview-dropdown { max-width: 100% } } @media (max-width:400px) { #cart-preview-dropdown { min-width: 280px } } @media (min-width:1169px) { #cart-preview-dropdown { min-width: 600px } } #cart-preview-dropdown .triangle-with-shadow::before { right: 53px; left: auto; margin: 0 } @media (max-width:1199px) { #cart-preview-dropdown .triangle-with-shadow::before { right: 33px } } @media (max-width:991px) { #cart-preview-dropdown { top: 100%; margin-top: 0 } #cart-preview-dropdown .triangle-with-shadow::before { right: 15px } } #cart-preview-dropdown .cart-preview-inner { overflow: hidden; width: 100%; border-radius: 3px; background: #f8f8f8 } #cart-preview-dropdown .cart-total-label { width: 67%; text-align: right; color: #000; padding-left: 0!important; font-size: 12px } #cart-preview-dropdown .cart-total-label strong { font-weight: 600 } @media (max-width:480px) { #cart-preview-dropdown .cart-preview-inner { border-radius: 0 } #cart-preview-dropdown .cart-total-label { text-align: left } #cart-preview-dropdown .preview-cart-titles { display: none } } #cart-preview-dropdown .cart-total-value { font-size: 12px; font-weight: 600; width: 33%; text-align: right; padding-right: 0!important } #cart-preview-dropdown .preview-cart-grand-total .cart-total-value { font-size: 16px } #cart-preview-dropdown .preview-cart-titles { min-height: 41px; padding: 10px 20px 9px; border-bottom: 1px solid #e5e5e5; background: #fff } #cart-preview-dropdown .preview-cart-titles>div { font-size: 11px; font-weight: 700; float: left; letter-spacing: 0; text-transform: uppercase; color: #797979 } #cart-preview-dropdown .preview-cart-titles>div.item-info { width: 57%; text-align: left } #cart-preview-dropdown .preview-cart-titles>div.item-qty { width: 13%; text-align: center } #cart-preview-dropdown .preview-cart-titles>div.item-price { width: 15%; text-align: left } #cart-preview-dropdown .preview-cart-titles>div.item-total { width: 15%; text-align: right } #top-cart.is-open #cart-preview-dropdown { display: block } .previewCartList { overflow: hidden; width: 100%; max-height: 200px; margin: 0; background: #fff } .previewCartItem { overflow: hidden; padding: 20px } .previewCartItem>div { float: left } .previewCartItem>div.item-info { width: 57% } .previewCartItem>div.item-qty { font-size: 12px; font-weight: 400; width: 13%; text-align: center; padding-top: 20px } .previewCartItem>div.item-price, .previewCartItem>div.item-total { font-size: 12px; width: 15%; padding-top: 20px } .previewCartItem>div.item-price { font-weight: 700; letter-spacing: 0; text-align: left } .previewCartItem>div.item-total { font-weight: 400; text-align: right } .previewCartItem>div.item-total strong { font-weight: 600 } @media (max-width:480px) { .previewCartItem>div.item-price, .previewCartItem>div.item-total { width: 100%; text-align: left } .previewCartItem>div { padding-top: 4px; padding-bottom: 4px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .previewCartItem>div.item-info { width: 100% } .previewCartItem>div.item-qty { font-weight: 700; width: 100%; text-align: left } .previewCartItem>div.item-qty::before { content: 'Quantity'; font-weight: 600 } .previewCartItem>div.item-price::before { content: 'Price'; font-weight: 600 } .previewCartItem>div.item-total::before { content: 'Total'; font-weight: 600 } .previewCartItem>div.item-total strong { padding-left: 0 } } .previewCartItem .price--discounted { margin-right: 0!important } .previewCartItem-content, .previewCartItem-image { display: table-cell; vertical-align: top } .previewCartItem-image { float: left; padding-right: 20px } .previewCartItem-image img { max-width: 60px } .previewCartItem-name { float: left; width: 68%; text-align: left } .previewCartItem-name h6 { font-size: 12px!important; font-weight: 500!important; line-height: 1.5em; margin: 8px 0 5px; letter-spacing: 0; text-transform: none } .previewCartItem-name h6 a:hover { color: #4cc1ed } .previewCartItem-name h6>a { text-decoration: none; color: #094996 } .previewCartItem-brand { color: #8c8c8c; font-size: 12px; font-weight: 500; letter-spacing: 0 } .preview-cart-grand-total, .preview-cart-total { display: block; clear: both; padding-right: 20px; padding-left: 20px; border-top: 1px solid #e5e5e5 } .preview-cart-grand-total>div, .preview-cart-total>div { padding-top: 9px; padding-bottom: 9px } .previewCartAction { display: block; clear: both; padding: 20px; text-align: right } @media (max-width:480px) { .previewCartAction { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 10px } .previewCartAction .previewCartAction-checkout, .previewCartAction .previewCartAction-viewCart { width: 50%; padding: 0 10px } .previewCartAction .previewCartAction-checkout a, .previewCartAction .previewCartAction-viewCart a { width: 100%; padding-right: 0; padding-left: 0 } } .address, .previewCartAction-checkout, .previewCartAction-viewCart { display: inline-block } @media (max-width:480px) and (max-width:360px) { .previewCartAction .previewCartAction-checkout a, .previewCartAction .previewCartAction-viewCart a { font-size: 11px } } .previewCartAction-viewCart a.btn { margin-right: 15px; height: 46px; box-shadow: 0 0 5px rgba(0,0,0,.15) } .previewCartAction-checkout a.btn { height: 46px } .previewCart .previewCartAction-checkoutMultiple { padding-right: 0; padding-bottom: 0; margin-top: 15px } #cart-preview-dropdown .previewCartAction-checkoutMultiple { padding-bottom: 15px; padding-right: 20px } .previewCartAction-checkoutMultiple { clear: both; font-size: 12px; line-height: 18px; letter-spacing: 0; font-weight: 400 } .previewCartAction-checkoutMultiple a { color: #646464 } .previewCartAction-checkoutMultiple i { font-size: 14px; padding-left: 10px; color: #646464; position: relative; top: 2px } .previewCart-emptyBody { padding: 20px } .previewCart-emptyBody>.alert { margin-bottom: 0 } .addressList { font-size: 0; list-style: none; margin-left:-.75rem; margin-right:-.75rem } .addressList .form-actions a.btn { margin-right: 12px } .address { padding:0 .75rem; vertical-align: top; width: 100% } @media (min-width:480px) { .address { width: 50% } } @media (min-width:1200px) { .address { width: 33.33333% } } .panel--address { font-size: 1rem; position: relative } .panel--address .panel-body { min-height: 20.83333rem; padding: 1.5rem; background-color: transparent; border: 1px solid #e8e8e8; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .panel--address .form-actions { margin-bottom:-.75rem; margin-top: 1.5rem; text-align: left } .panel--address .form-actions .button { margin-bottom:.75rem } .panel--address .form-actions .button+.button { margin-left: 0; margin-top: 0 } @media (min-width:480px) { .panel--address .panel-body { padding: 1.5rem 1.5rem 4.5rem } .panel--address .form-actions { bottom: 1.5rem; position: absolute; width: auto } .panel--address .form-actions .button+.button { margin-left:.41667rem } } .address-title { margin:0 0 .75rem; font-size: 14px; font-weight: 700; text-transform: capitalize } .address-details { list-style: none; margin:0 0 .75rem } .address-details--postal { font-size: 1rem; color: #2d2d2d } .address-description, .address-label { display: inline-block; font-size: 1rem; margin: 0 } .address-label { color: #2d2d2d; font-weight: 400 } .previewCart #mayAlsoLike>h3, .video-title { font-weight: 700; letter-spacing: 0 } .panel--newAddress { display: block; text-align: center; text-decoration: none } .panel--newAddress:hover .address-title { color: #094996 } .panel--newAddress .panel-body { background-color: transparent; border: 1px solid #e8e8e8; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .panel--newAddress .address-title { margin-bottom: 0; transition: all .15s ease } .address-addNew { left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-55%); -ms-transform: translateX(-50%) translateY(-55%); transform: translateX(-50%) translateY(-55%) } .address-symbol { font-size: 50px; line-height: 1 } .address-symbol svg { width: 64px; height: 64px; fill: #9c9c9c; margin-bottom: 16px } .address-symbol .address-title { text-transform: uppercase; line-height: 1.3; border-bottom: 1px dotted; font-size: 12px } .videoGallery-main { height: 0; overflow: hidden; padding-bottom: 67.5%; padding-top: 2.08333rem; position: relative; margin-bottom: 1.91667rem } .videoGallery-main.widescreen { padding-bottom: 56.34% } .videoGallery-main.vimeo { padding-top: 0 } .videoGallery-main embed, .videoGallery-main iframe, .videoGallery-main object, .videoGallery-main video { height: 100%; position: absolute; top: 0; width: 100%; left: 0 } .videoGallery-list { list-style: none; margin: 0 -15px; max-width: none; width: auto; font-size: 0 } .videoGallery-list ol, .videoGallery-list ul { list-style: none; margin-bottom: 0 } .videoGallery-list:after, .videoGallery-list:before { content: " "; display: table } .videoGallery-list:after { clear: both } .videoGallery-item { padding-left: 15px; padding-right: 15px; width: 100%; display: inline-block; float: none; vertical-align: top } .video { display: block; margin-bottom: 1.91667rem; opacity: .4; text-decoration: none; transition: opacity .1s ease-out } .video:after, .video:before { content: " "; display: table } .video:after { clear: both } .video-figure { float: left } .video-figure>img { display: block } .video-figure--opposite { float: right; margin-left:.75rem; margin-right: 0 } .video-body:after, .video-body:before { content: " "; display: table } .video-body:after { clear: both } @media (min-width:768px) { .videoGallery-item { width: 50% } .video { margin-bottom: 1.91667rem } } .video-description, .video-title { font-size: 1rem; margin-bottom: 0 } .video.is-active, .video:hover { color: #454545; opacity: 1 } .video-figure { margin-right: 1.91667rem } .video-title { margin-top: 0; text-transform: none; line-height: 20px } #previewModal .modal-content { position: relative } @media (min-width:767px) { #previewModal:before { content: ''; position: absolute; right: 0; top: 0; width: 300px; height: 100%; background-color: #f5f5f5; z-index: 1 } #previewModal .modal-body { padding: 0 } } @media (min-width:768px) and (max-width:991px) { #previewModal { max-width: 768px } } .previewCart #mayAlsoLike { width: calc(100% - 285px); float: left } @media (max-width:991px) { .previewCart #mayAlsoLike { display: block } } @media (max-width:767px) { .previewCart #mayAlsoLike { width: 100%; display: block; padding-left: 0; padding-right: 0 } } .previewCart #mayAlsoLike .productCarousel { padding: 30px 30px 60px } @media (max-width:767px) { .previewCart #mayAlsoLike .productCarousel { padding: 0 } } .previewCart #mayAlsoLike>h3 { background: #fff; border-top: 1px solid #eaeaea; padding: 35px 30px 17px 0; margin: 0 30px; font-size: 14px; text-align: left; color: #2f2f2f; line-height: 1.1; text-transform: uppercase } .previewCart #mayAlsoLike .owl-nav>div { top: 25%; background: #5b5b5b; border: 0; width: 32px; height: 32px; border-radius: 3px } .previewCart #mayAlsoLike .owl-nav>div:hover { background: #000 } .previewCart #mayAlsoLike .owl-nav>div.owl-prev { right: 70px; left: auto; top: -27px } @media (max-width:767px) { .previewCart #mayAlsoLike>h3 { margin: 0 } .previewCart #mayAlsoLike .owl-nav>div.owl-prev { right: 40px } } .previewCart #mayAlsoLike .owl-nav>div.owl-prev::before { content: '\f053'; color: #fff; font-size: 14px } .previewCart #mayAlsoLike .owl-nav>div.owl-next { right: 30px; left: auto; top: -27px } .previewCart #mayAlsoLike .owl-nav>div.owl-next::before { content: '\f054'; color: #fff; font-size: 14px } .previewCart .productView { width: calc(100% - 285px); display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding-bottom: 0; padding-left: 30px; padding-top: 30px!important } @media (max-width:767px) { .previewCart #mayAlsoLike .owl-nav>div.owl-next { right: 0 } .previewCart .productView { width: 100%; display: block; padding-left: 0; padding-right: 0 } } .previewCart .productView-image { padding-left: 15px; padding-right: 15px; width: 41.66667%; float: left } @media (max-width:991px) { .previewCart .productView { display: block } .previewCart .productView-image { float: none; margin: 0 auto; max-width: 210px; padding-bottom: 15px } } .previewCart .productView-image--cart { -ms-flex-item-align: start; align-self: flex-start; margin: 0 auto; width: auto } .previewCart .productView-details { padding-left: 15px; padding-right: 15px; width: 58.33333%; float: left } @media (max-width:991px) { .previewCart .productView-details { padding-left: 0; padding-right: 0; width: 100%; float: none; margin: 0 } } .previewCart .productView-brand { margin-bottom: 15px!important; font-size: 11px!important } .previewCart .productView-title { font-size: 16px; font-weight: 600; margin: -4px 10px 14px 0; letter-spacing: 0; line-height: 22px; color: #777; } @media (max-width:767px) { .previewCart .productView-title { margin-top: 0; padding-top: 5px } } .previewCart .productView-info { padding-bottom: 7px } .previewCart .productView-info .productView-info-name { margin-bottom: 0; margin-right: 30px; text-transform: capitalize; font-weight: 600; min-width: 100px } .previewCart .productView-info .productView-info-value { margin-bottom: 0; color: #646464 } .previewCart .productView-price { font-family: Arimo; font-size: 13px; margin-bottom: 20px } .previewCart .productView-price span { font-weight: 600; color: #8c8c8c } .previewCartCheckout { text-align: center; position: absolute; z-index: 2; right: 0 } @media (min-width:768px) { .previewCartCheckout { float: right; max-width: 240px; width: 100%; margin: 0 30px 50px; padding: 0 } } .previewCartCheckout p[data-cart-quantity] { margin-bottom: 15px; padding-top: 15px; color: #646464; border-top: 1px solid #eaeaea } .previewCartCheckout .btn { margin: 0; width: 100%; max-width: 100%; height: 40px } .previewCartCheckout .btn+.btn, .previewCartCheckout .btn+p { margin-top: 15px } .previewCartCheckout .btn.btn-lg { height: 48px } @media (max-width:360px) { .previewCartCheckout .btn { font-size: 11px } } @media (max-width:767px) { .previewCartCheckout { margin-bottom: 15px; position: relative } } .previewCartCheckout-price { display: block; font-size: 24px; margin-top: 10px; font-weight: 700; text-align: center } .previewCartCheckout-subtotal { display: block; margin-bottom: 1.5rem; margin-top: 1.5rem; padding-top: 15px; border-top: 1px solid #eaeaea; font-weight: 700; text-transform: uppercase } .previewCartCheckout-additionalCheckoutButtons p { float: none!important; margin: 15px 0; font-size: 12px; font-weight: 400; color: #646464 } .suggestiveCart { display: none; text-align: center } @media (min-width:768px) { .suggestiveCart { display: block } } .maintenanceNotice { background-color: #fffdea; box-shadow: 0 0 5px #a5a5a5; color: #454545; left: 1.16667rem; padding: 1rem 1.33333rem; position: fixed; top: 1.16667rem; width: 24rem; z-index: 500 } .maintenanceNotice>:last-child { margin-bottom: 0 } .maintenanceNotice a { color: #454545 } .maintenanceNotice-header { font-family: Arimo; margin:0 0 .75rem } #quickSearch .quickSearchResults .productItems>li article figcaption h4, #quickSearch>form .form-field #search_category, #quickSearch>form .form-field #search_category option, #quickSearch>form .form-field input#search_query { font-family: Arimo, Arial, Helvetica, sans-serif } .cookieMessage { background: #e8e8e8; color: #454545; display: none } .new-customer .panel-body, .new-customer .panel-header { background: 0 0 } .cookieMessage .button { width: 100% } @media (min-width:768px) { .cookieMessage .button { vertical-align: middle; width: 25% } .cookieMessage-container { width: 83.33333% } } .cookieMessage-container { margin: 0 auto; padding: 1.5rem } @media (min-width:1200px) { .cookieMessage .button { vertical-align: top } .cookieMessage-container { width: 58.33333% } } @media (min-width:768px) { .cookieMessage-text { display: inline-block; padding:0 .75rem; vertical-align: middle; width: 66.66667% } } .login-form .form-actions { text-align: left } .login-form .form-actions a.forgot-password, .login-form .form-actions input.btn { display: inline-block; vertical-align: middle } @media (max-width:480px) { .login-form .form-actions a.forgot-password { margin-left: 0!important; display: inline } .login-form .form-actions input.btn { width: 100% } } .login-form .form-actions a.forgot-password { color: #094996; border-bottom: 1px dotted #094996; line-height: 15px; margin-top: 6px; margin-left: 37px } .login-form .form-actions a.forgot-password:hover { color: #2d2d2d; border-bottom: 1px dotted #2d2d2d } p.new-customer-intro { margin-bottom: 19px } .new-customer-fact-list { margin-bottom: 25px; margin-left: 1rem } .new-customer-fact-list .new-customer-fact { line-height: 25px } .new-customer .panel { border-radius: 3px } @media (min-width:991px) { .login-form { padding-top: 26px; padding-left: 45px } .new-customer .panel-header { padding: 33px 0 0 69px } } @media (max-width:480px) { .new-customer .panel-header { padding-left: 0; padding-right: 0 } } @media (min-width:991px) { .new-customer .panel-body { padding: 19px 0 40px 68px } } @media (max-width:480px) { .new-customer .panel-body { padding-right: 0; padding-left: 0 } } .new-customer-intro { margin-bottom: 0 } .new-customer-fact { padding-left:.75rem } #quickSearch { position: relative; width: 100%; padding: 15px 20px 20px } #quickSearch>form { margin: 0 } #quickSearch>form .form-field { margin: 0; position: relative; width: 100%; border-radius: 3px; box-shadow: 0 1px 6px rgba(130, 130, 130, 0.4); } #quickSearch>form .form-field input#search_query { font-size: 12px; height: 40px; padding: 7px 45px 6px 15px; margin: 0; border: 0 #d3d3d3; width: calc(100% - 55px); color: #777; border-radius: 0 4px 4px 0; box-sizing: border-box; } #quickSearch>form .form-field input#search_query::-webkit-input-placeholder { color:#505050; font-size:12px } #quickSearch>form .form-field input#search_query::-moz-placeholder { color:#505050; font-size:12px } #quickSearch>form .form-field input#search_query:-ms-input-placeholder { color:#505050; font-size:12px } #quickSearch>form .form-field input#search_query:-moz-placeholder { color:#505050; font-size:12px } #quickSearch>form .form-field button { cursor: pointer; border: 0!important; vertical-align: top; margin: 0; width: 60px; height: 40px; padding: 0; position: absolute; top: 0; right: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #6d6d6f; transition: all .3s ease 0s } #quickSearch>form .form-field button svg { width: 22px; padding: 3px; height: 100%; fill: #fff; } @media (max-width:991px) { #quickSearch>form .form-field button svg { width: 22px; height: 42px; fill: #706f75; } #quickSearch>form .form-field button { background: 0 0 } #quickSearch .quickSearchResults { margin-top: 0 } } @media (max-width:480px) { #quickSearch>form .form-field button { width: 40px; height: 40px; bottom: 0; top: auto } } #quickSearch>form .form-field button:hover { transition: all .3s ease 0s; background: #bdbec0; } #quickSearch>form .form-field button:hover svg { fill: #fff } #quickSearch>form .form-field #search_category { width: 55px; background: #f5f5f5; color: #6d6e6e; font-weight: 700; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; overflow: hidden; min-height: 15px; float: left; font-size: 13px; height: 40px; line-height: 20px; position: relative; } #quickSearch>form .form-field #search_category select { border: none; height: 40px; -moz-appearance: none!important; appearance: none!important; -webkit-appearance: none!important; position: relative; z-index: 2; background: 0 0; padding: 8px 15px 8px 12px } #quickSearch>form .form-field #search_category i { font-size: 10px; position: absolute; top: 14px; right: 10px } #quickSearch .quickSearchResultsWrap { position: absolute; width: calc(100% - 60px); min-width: 320px; right: 30px; z-index: 99; top: auto; opacity: 0; visibility: hidden } @media (max-width:480px) { #quickSearch .quickSearchResultsWrap { width: 100%; padding-left: 0; padding-right: 24px; right: auto; left: auto } } #quickSearch .quickSearchResultsWrap.hasResults { opacity: 1; visibility: visible } #quickSearch .quickSearchResultsWrap.hasNoResults .quickSearchResults { padding: 15px } #quickSearch .quickSearchResultsWrap.hasNoResults .alert { margin: 0 } #quickSearch .quickSearchResultsWrap.hasNoResults .alert .quickSearchMessage { margin: 0; font-size: 1rem } #quickSearch .quickSearchResults { box-shadow: 0 1px 10px rgba(0,0,0,.1); border: 1px solid #d0d0d0; background: #fff; padding: 0; overflow: hidden; max-height: 405px; border-radius: 3px } #quickSearch .quickSearchResults .productItems { margin: 0 } #quickSearch .quickSearchResults .productItems>li { width: 100%; list-style: none; float: none; clear: both; padding: 15px; overflow: hidden } #quickSearch .quickSearchResults .productItems>li+li { border-top: 1px solid #eaeaea } #quickSearch .quickSearchResults .productItems>li:hover { background: #f5f5f5 } #quickSearch .quickSearchResults .productItems>li article { margin: 0; padding: 0; border: 0 } #quickSearch .quickSearchResults .productItems>li article figure { float: left; width: 20%; text-align: center; border-radius: 3px; margin: 0; background-color: #fff } #quickSearch .quickSearchResults .productItems>li article figure a img { max-height: 70px } #quickSearch .quickSearchResults .productItems>li article figcaption { float: left; margin: 0; text-align: left; width: 80%; padding-left: 15px } #quickSearch .quickSearchResults .productItems>li article figcaption h4 { margin: 0 0 8px; font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: 0 } #quickSearch .quickSearchResults .productItems>li article figcaption h4 a { color: #094996 } #quickSearch .quickSearchResults .productItems>li article figcaption h4:hover a { color: #6d6d6f; text-decoration: none } #quickSearch .quickSearchResults .productItems>li article figcaption .item-price { margin-bottom: 5px; color: #000; font-weight: 700 } #quickSearch .quickSearchResults .productItems>li article figcaption .item-price .price--rrp { color: #969696; margin-right: 5px } #quickSearch .quickSearchResults .productItems>li article figcaption .item-price .price--rrp~.price--withoutTax { color: #e95144 } @media (max-width:991px) { .mobile-search-toggle { width: 62px; height: 100%; position: absolute; left: 0; top: 0; padding: 0 } .mobile-search-toggle svg { width: 20px; height: 100%; padding: 3px; fill: #fff } .mobile-search-toggle svg:first-child { display: none } .mobile-search-toggle:hover svg { fill: #fff } #quickSearch.searchSidebar { position: relative; top: 0; left: 0; width: 100%; min-width: auto; z-index: 99; padding: 11px 12px 12px; background-color: #2e305a; display: block; margin-top: 1px } #quickSearch.searchSidebar>form .form-field { max-width: 100%; border: 0; border-radius: 3px } #quickSearch.searchSidebar>form .form-field input#search_query { padding-right: 50px; width: 100%!important; border-radius: 4px } #quickSearch.searchSidebar>form .form-field button { width: 40px; height: 40px; bottom: 0; top: auto } body.st-off-canvas { overflow: hidden } body.st-off-canvas .mobile-search-toggle svg:last-child { display: none } body.st-off-canvas .mobile-search-toggle svg:first-child { display: inline-block; width: 28px } body.st-off-canvas .mobile-search-toggle~.navUser>ul>li#quickSearch { display: block } } .search-suggestion { margin-bottom: 2rem } .search-suggestion>:last-child { margin-bottom: 0 } .suggestion-title { margin-top: 0; text-transform: inherit } .advancedSearch-form { margin-bottom: 3rem } .advancedSearch-form .form-row { margin-bottom: -1.5rem } .advancedSearch-separator { display: none } .advancedSearch-title { margin: 0 0 1.5rem; text-transform: inherit } .search-price-range label { display: inline } .search-price-range label input { display: block; padding-left: 1.5rem } @media (min-width:480px) { .search-price-range label input { display: inline; width: 6rem } .search-price-range label span { display: inline; padding-left: 1.5rem; padding-right: 1.5rem } } .category-suggestion-list { margin: 0 -15px; max-width: none; width: auto; list-style-type: none } .category-suggestion-list:after, .category-suggestion-list:before { content: " "; display: table } .category-suggestion-list:after { clear: both } .category-suggestion { padding-left: 15px; padding-right: 15px; width: 33.33333%; float: left; font-size: 15px } .search-refine { margin-left: 1.5rem } .quickSearchMessage { font-size: 28px; margin: 1.5rem 0 0; text-align: center } .page-type-search .category-suggestion, .page-type-search .suggestion-title { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0 } .account-list, .navBar--account ul li:first-child, .navBar--sub ul li:first-child { margin-left: 0 } .page-type-search .product-pagination.top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .page-type-search .product-pagination.top .actionBar[data-sort-by] { width: auto } .page-type-search .panel-body { background: #fff; padding: 0 } .page-type-search .search-suggestion { border: 1px solid #d7d7d7; border-radius: 3px; overflow: hidden } .page-type-search .suggestion-title { background: #f8f8f8; border-bottom: 1px solid #d7d7d7; padding: 20px 20px 17px; margin-top: 0; margin-bottom: 0; text-align: left; font-weight: 700; color: #2f2f2f; line-height: 1.1; text-transform: uppercase } .account-heading, .account-listItem, .account-listShipping, .account-orderTotal-value { border-bottom: 1px solid #e8e8e8 } .page-type-search .category-suggestion-list { padding: 20px } .page-type-search .category-suggestion { font-weight: 500; line-height: 22px; color: #787878 } .page-type-search .category-suggestion a { color: #094996 } .page-type-search .category-suggestion a:hover { color: #4cc1ed; text-decoration: none } .navBar--account, .navBar--sub { display: none } @media (min-width:768px) { .navBar--account, .navBar--sub { display: block } } .navBar--account ul, .navBar--sub ul { text-align: left } .navBar--account ul li a:hover, .navBar--sub ul li a:hover { text-decoration: none } .account-heading { margin: 0; padding-bottom: 1rem; font-size: 14px; font-weight: 700; text-transform: uppercase } .account-listItem { padding: 1.5rem 0; position: relative } .account-listItem img { width: 100% } .account-listItem .account-product-image { width: auto } .account-listShipping { font-weight: 700; padding: 2rem 0 } .account-listShipping .account-listShipping-title { margin: 0; text-transform: inherit } .account-product:after, .account-product:before { content: " "; display: table } .account-product:after { clear: both } .account-product-figure { float: left; margin-right:.75rem } .account-product-figure>img { display: block } .account-product-figure--opposite { float: right; margin-left:.75rem; margin-right: 0 } .account-product-body:after, .account-product-body:before { content: " "; display: table } .account-product-body:after { clear: both } .account-product-figure { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 2rem 0 0; position: relative; width: 70px } .account-product-download { border-radius: 50%; height: 2.75rem; padding: 0; position: absolute; right:-.75rem; top:-.75rem; width: 2.75rem; z-index: 1 } .account-product-download .icon { height: 1.5rem; margin-top:.41667rem; width: 1.5rem } .account-product-download svg { fill: #fff } .account-product-body { overflow: hidden; padding-bottom: 3.5rem; position: relative } .account-product-body .definitionList { font-size: 15px; margin-bottom: 0 } .account-product-title { margin:0 0 .16667rem; text-transform: inherit; letter-spacing: 0; font-size: 14px; font-family: Roboto; font-weight: 700 } .account-product-detail-heading, .account-product-subtitle { font-family: Arimo, Arial, Helvetica, sans-serif } .account-product-title>a { text-decoration: none } .account-product-title+.definitionList { margin-top:.75rem } .account-product-subtitle { color: #a5a5a5; font-size: 15px; margin:-.16667rem 0 1rem; text-transform: inherit } .account-product-price { float: right; font-size: 15px } .account-product-description+.definitionList { margin: -1.41667rem 0 1.5rem } .account-product-refundQty { color: #a5a5a5; margin-bottom: 0 } .account-product-details { margin: 0 -15px; max-width: none; width: auto } .account-product-details:after, .account-product-details:before { content: " "; display: table } .account-product-details:after { clear: both } .account-product-detail { padding-left: 15px; padding-right: 15px; width: 100%; float: left } .account-product-detail+.account-product-detail { margin-top: 1rem } @media (min-width:480px) { .account-product-body { padding-bottom: 0 } .account-product-detail { width: 33.33333% } .account-product-detail+.account-product-detail { margin-top: 0 } .account-product-detail+.account-product-detail--full { margin-top: 1.5rem } } @media (min-width:1200px) { .account-product-detail { width: 25% } .account-product-detail--large { width: 50% } .account-product--alignMiddle .account-product-checkItem { left: -2.5rem } } .account-product-detail--full { width: 100% } .account-product-detail-heading { color: #2d2d2d; font-size: 11px; margin:0 0 .41667rem } .account-product--alignMiddle { display: table; width: 100% } .account-product--alignMiddle .account-product-checkItem { display: table-cell; position: relative; vertical-align: middle; width: 2rem } .account-product--alignMiddle .account-product-checkItem .form-label { height: 1.5rem; margin: 0; padding: 0; width: 1.5rem } .account-product--alignMiddle .account-product-body, .account-product--alignMiddle .account-product-figure { display: table-cell } .account-product--alignMiddle .account-product-figure { float: none; margin-right: 0 } .account-product--alignMiddle .account-product-body { padding-left: 2rem; vertical-align: middle } @media (min-width:1200px) { .account-product--alignMiddle .account-product-figure { left: -2rem } .account-product--alignMiddle .account-product-body { padding-left: 0 } } .account-orderTotal { float: right; font-size: 15px; margin-top: -1.5rem; width: 66.66667% } .account-orderTotal-key, .account-orderTotal-value { margin: 0; padding: 1.5rem 0 } .account-orderTotal-key { color: #2d2d2d; float: left; font-weight: 400 } .account-orderTotal-key:last-of-type { position: relative; top:.33333rem } .account-orderTotal-value { text-align: right } .account-orderTotal-value:last-child { border-bottom: 0; font-size: 20px } .account-orderStatus { bottom: 0; left: 0; position: absolute } .account-orderStatus-label { background-color: #bfbfbf; color: #fff; display: inline-block; font-size: 11px; line-height: 15px; margin:0 0 .41667rem; padding:.16667rem .5rem } .account-downloadsItem, .account-sidebar-block .account-heading { margin-bottom: 1.5rem } .account-orderStatus-action { color: #2d2d2d; display: inline-block; font-size: 11px; font-style: italic; letter-spacing: .25px; margin-left:.75rem; text-align: right; text-decoration: underline; vertical-align: top } @media (min-width:480px) { .account-orderStatus { float: right; position: inherit; text-align: right } .account-orderStatus-action { display: block; margin-left: 0 } } .account-orderStatus-action:hover { color: #848484 } .account .pagination { color: #a5a5a5; margin-top: 3rem; text-align: center } .account .productBlockContainer { margin-left: 0!important; margin-right: 0!important } .account-downloadsList, .account-order-address { margin-left: 0; list-style: none } .account-message .is-read { color: #a5a5a5 } .account-sidebar-block { font-size: 1rem } .account-sidebar-block+.account-sidebar-block { margin-top: 3rem } .account-reorder-form { display: inline-block } .order-payments-description { color: #2d2d2d; font-weight: 400; margin-top: 1.5rem } .account-downloads-summary { border-bottom: 1px solid #e8e8e8; font-size: 15px; padding-bottom: 1.5rem } .account-downloadsItem>:first-child { margin-top: 0 } .account-downloadsItem>:last-child { margin-bottom: 0 } .account-downloadsItem-title { color: #2d2d2d; font-size: 15px; margin-bottom:.16667rem; text-transform: inherit } .account-downloadsItem-description { margin-bottom: 0 } .account-downloadsItem-availability { color: #2d2d2d } @media (min-width:1200px) { .login .form-field { width: 470px } } .login .login-row { background: #fff; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,.1) } @media (max-width:991px) { .login .login-row { padding: 20px } } .wishlists-table { margin-left: auto; margin-right: auto; max-width: 100rem } .wishlist-header { display: none; text-align: center } .modal .wishlist-header { display: block } .wishlist-form { margin: 0 auto; width: 100%; max-width: 45.83333rem } .wishlist-form:after, .wishlist-form:before { content: " "; display: table } .wishlist-form:after { clear: both } .wishlist-form .form-field { width: 100%; float: left; padding: 0 } .share-wishlist { margin-left: auto; margin-right: auto; max-width: 54.16667rem; text-align: center } .page-type-wishlist .prod-item>form { position: absolute; left: 0; right: 0; bottom: -55px; z-index: 99 } .fa.fa-star { /* color: #ffd400; */ } .fa.fa-star.color { color: #ffd400; } .rating--small { display: inline-block } .rating--small i.fa { font-size: 14px } .apple-pay-checkout-button { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 60%; border-radius:.33333rem; cursor: pointer; display: none; max-height: 5.33333rem; min-height: 2.66667rem; min-width: 11.16667rem; padding: 1.5rem; background-color: #000; background-image: -webkit-named-image(apple-pay-logo-white) } .cart-additionalCheckoutButtons .apple-pay-checkout-button { margin-top:.75rem } .apple-pay-supported .apple-pay-checkout-button { display: block } @media (min-width:480px) { .apple-pay-supported .apple-pay-checkout-button { display: inline-block; float: right } } .previewCartCheckout .apple-pay-checkout-button { display: block; float: none; margin-top:.75rem } .header { background-color: #fff; } .header-report { position: relative; background-color: #6d6d6f } @media (max-width:991px) { .header-report { display: none } } .header-report .imgPromotion { display: block } .header-report .close { position: absolute; top: 35%; right: 36px; line-height: 1; font-size: 25px; opacity: 1; color: #fff } .header-bottom .title-top, .header-bottom ul.list-top li a { color: #5a5a5a; font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 12px } .header-report .close svg { width: 21px; height: 21px; fill: #fff } @media (max-width:1340px) { .header-report .close { right: 10px } } @media (max-width:991px) { .header-report .close { top: 23% } } @media (max-width:800px) { .header-report .close { display: none } } .header-bottom { padding: 10px 0 9px; height: 40px; overflow: hidden; background-color: #f5f5f5; display: none; } @media (max-width:992px) { .header-bottom { padding: 10px 10px 9px } } .header-bottom ul.list-top li.showMore { display: none; position: absolute; right: 0; top: 0; padding-left: 10px; margin-bottom: 0!important; background: #fff } .header-bottom ul.list-top li.showMore a { font-weight: 700!important; border: 0 } .header-bottom ul.list-top li.showMore:hover a { border-bottom: 0!important } .header-bottom.is-open { height: auto } .header-bottom.is-open ul.list-top li.showMore { position: static } .header-bottom.active ul.list-top li.showMore { display: inline-block; margin-right: 20px; padding-right: 0 } .header-bottom.active ul.list-top { padding-left: 0; padding-right: 0; } .header-bottom .title-top { font-weight: 700; position: relative; text-transform: uppercase; margin-right: 41px } .header-bottom ul.list-top li a, .header-middle .header-middle-right #top-cart>a strong, .header-top .customer-dropdown-login .customer-login>a { font-weight: 400 } .header-bottom .title-top:before { /*background: url(../img/list-sprite.png) 0 -209px no-repeat;*/ position: absolute; content: ""; width: 26px; height: 15px; top: 0; right: -35px } .header-bottom ul.list-top { margin: 0; display: inline-block } .header-bottom ul.list-top li { list-style: none; display: inline-block; margin-bottom: 10px } .header-bottom ul.list-top li+li { margin-bottom: 10px } .header-bottom ul.list-top li+li a { border-right: 1px solid rgba(90,90,90,.3) } .header-bottom ul.list-top li:last-child { border-right: 0 } .header-bottom ul.list-top li a { line-height: 20px; padding-right: 8px; margin-right: 5px } .header-bottom ul.list-top li a:hover span { color: #094996; border-bottom: 1px solid #094996 } @media (max-width:991px) { header.header .container { padding: 0; width: 100% } } .header-top { padding-top: 18px; padding-bottom: 0; position: relative; margin-bottom: -16px; z-index: 2; } @media (max-width:991px) { .header-top { border-bottom: 1px solid rgba(0,0,0,.12); padding: 0 8px; background-color: #1c4587 } .header-top .mobile-search-toggle { width: 42px; height: 100%; position: absolute; left: 0; top: 0; padding: 0 } .header-top .mobile-search-toggle svg { width: 20px; height: 100%; padding: 3px; fill: #fff } } .header-top nav.navUser { width: 100%; padding: 0 0; } .header-top nav.navUser ul { list-style: none; margin: 0; text-align: right } .header-top nav.navUser ul li { display: inline-block; padding-left: 12px; margin-left: 8px; line-height: 15px; border-left: 1px solid rgba(255,255,255,.3) } .header-top nav.navUser ul li#storeCredit-toggle { position: relative } .header-top nav.navUser ul li#storeCredit-toggle .dropdown-menu { position: absolute!important; left: -23%!important; right: 0; top: 30px!important; min-width: 200px; padding: 20px; text-align: left } .header-top nav.navUser ul li:first-child { border-left: 0; margin-bottom: -5px; } .header-top nav.navUser ul li a, .header-top nav.navUser ul li>span { position: relative; color: #6d6e6e; font-size: 13px; text-transform: capitalize; font-weight: 400; border-bottom: 1px solid transparent; line-height: 1.3; margin-top: 0px; } .header-top .customer-dropdown-login .customer-login>a:hover, .header-top nav.navUser ul li>a:hover>span { color: #ccc; border-bottom: 1px solid } @media (max-width:991px) { .header-top nav.navUser ul li { border-left: 0 } .header-top nav.navUser ul li a, .header-top nav.navUser ul li>span { border-right: 0; text-transform: uppercase } } .header-top nav.navUser ul li a strong, .header-top nav.navUser ul li>span strong { color: #fff } .header-top nav.navUser ul li i.fa { margin-right: 9px } .header-top .customer-dropdown-login .customer-login #dropdown-login { opacity: 0; visibility: hidden; overflow: hidden; position: absolute; width: 100%; max-width: 300px; margin-left: -20px; right: 150px; margin-top: 10px; background: #fff; z-index: 10; border-radius: 3px; box-shadow: 0 1px 5px rgba(0,0,0,.2); transition: all .1s ease 0s } .header-top #accountDropdown, .header-top #currency-converter { position: relative } .header-top .customer-dropdown-login .customer-login #dropdown-login h3 { font-size: 13px; font-weight: 700; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; margin: 0 0 17px; padding: 13px 20px 12px; text-align: left } .header-top .customer-dropdown-login .customer-login #dropdown-login .pad-popup { padding: 0 20px 20px } .header-top .customer-dropdown-login .customer-login #dropdown-login .form-field { margin-bottom: 15px; text-align: left } .header-top .customer-dropdown-login .customer-login #dropdown-login .form-inlineMessage { line-height: 20px; margin-bottom: 5px } .header-top .customer-dropdown-login .customer-login #dropdown-login .form-actions { margin-top: 10px; text-align: center } .header-top .customer-dropdown-login .customer-login #dropdown-login .form-actions .btn { width: 100% } .header-top .customer-dropdown-login .customer-login #dropdown-login a.forgot-password { color: #094996; border-bottom: 1px dotted #094996; line-height: 15px; margin-top: 20px; margin-bottom: 30px } .header-top .customer-dropdown-login .customer-login #dropdown-login a.forgot-password:hover { color: #2d2d2d; border-bottom: 1px dotted #2d2d2d } .header-top .customer-dropdown-login .customer-login #dropdown-login .separated-form a.forgot-password { border-bottom: 1px dotted #000; margin: 17px 0 30px; line-height: 16px; display: inline-block } .header-top .customer-dropdown-login .customer-login #dropdown-login .separated-form a.forgot-password:hover { border-color: #094996 } .header-top .customer-dropdown-login .customer-login #dropdown-login .separated-form a.btn { width: 100%; font-weight: 700; text-transform: uppercase; color: #fff; } .header-top .customer-dropdown-login .customer-login.is-open #dropdown-login { opacity: 1; visibility: visible } .header-top #accountDropdown>a .fa { margin-left: 10px; margin-right: 0 } .header-top #accountDropdown>ul { padding-top: 6px; padding-bottom: 6px; left: 50%!important; min-width: 200px; top: auto!important; margin-top: 9px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: left; border-radius: 3px } .header-top #accountDropdown>ul>li { padding: 0; display: block; margin-left: 0 } .header-top #accountDropdown>ul>li>a { padding: 7px 15px; display: block; color: #303030 } .header-top #accountDropdown>ul>li>a:hover { background-color: #f5f5f5; text-decoration: none; color: #094996 } .header-top #accountDropdown>ul>li>a img { vertical-align: -1px; margin-right: 5px } .header-top #accountDropdown>ul>li+li { border-top: 1px solid #f3f3f3 } .header-top #accountDropdown .logged-in { position: relative; color: #787878; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 7px 15px; line-height: 1.5; display: block } .header-top #accountDropdown .logged-in strong { color: #000 } @media (max-width:991px) { .header-top #accountDropdown>ul { left: auto!important; -webkit-transform: none; -ms-transform: none; transform: none; right: 0 } .header-top #accountDropdown>ul .triangle-with-shadow::before { left: auto; right: 20px } .header-top #currency-converter { margin-right: 5px } .header-top #currency-converter>a { background-color: transparent!important; border: 0 } .header-top #currency-converter>a i { color: #fff } .header-top #currency-converter span { position: relative; color: #fff!important; font-size: 11px; text-transform: uppercase } } .header-top #currency-converter>a { font-weight: 700; display: block; color: #fff; border-radius: 3px; border: 0 } .header-top #currency-converter>a span { color: #6d6e6e; font-weight: normal; } .header-top #currency-converter>a img { vertical-align: -1px; margin-right: 9px } .header-top #currency-converter>a .fa { margin-left: 9px; margin-right: 0 } .header-top #currency-converter>ul { padding-top: 6px; padding-bottom: 6px; left: 50%!important; min-width: 200px; top: auto!important; margin-top: 9px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 3px } .header-top #currency-converter>ul>li { padding: 0; display: block; margin-left: 0 } .header-top #currency-converter>ul>li strong { color: #000 } .header-top #currency-converter>ul>li>a { padding: 7px 15px; color: #787878 } .header-top #currency-converter>ul>li>a:hover { background-color: #f5f5f5; text-decoration: none } .header-top #currency-converter>ul>li>a img { vertical-align: -1px; margin-right: 5px } .header-top #currency-converter>ul>li a:hover span { color: #000!important; border-bottom: 0 } .st-menu ul>li>a, nav#mobile-customer ul li#currency-converter.expanded>a { border-bottom: 1px solid #e5e5e5 } .header-top #currency-converter>ul>li+li { border-top: 1px solid #f5f5f5 } .header-top #mobileAccountSidebar>a { text-transform: uppercase; font-weight: 700 } .header-top #mobileAccountSidebar>a .fa { font-size: 14px; margin-right: 6px } @media (max-width:991px) { .header-top #mobileAccountSidebar>a .fa { display: none } } .sticky_logo { display: none } a, a:hover, img, img:hover { text-decoration: none; transition: all .3s ease 0s } @media (min-width:991px) { #quickSearch, .header-logo, .header-middle-right { float: left } .header-logo { width: 300px } .header-middle-right { width: 170px; position: relative; background: #6d6d6f; border-radius: 3px } .header-middle-right:before { position: absolute; background-color: #fff; content: ''; height: 1px; width: 100%; left: 0; top: 1px; } #quickSearch { width: calc(100% - 850px); padding: 0 30px; margin-top: 10px; /* max-width: 76%; */ margin-left: 355px; } #top-cart { height: 40px; padding-top: 8px; box-shadow: 0 1px 6px #b5b5b5; border-radius: 3px; border: 1px solid #6d6d6f; position: relative; } #top-cart span.countPill { background: #bdbec0; color: #fff; font-size: 12px; border-radius: 3px; min-width: 22px; height: 22px; line-height: 22px; padding: 0 8px; text-align: center; position: relative; margin-left: 18px; font-weight: 400; display: inline-block } #top-cart .cart-name { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff } #top-cart>a { padding-right: 20px!important } } .header-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 0; margin-top: 0; } .header-middle .header-middle-right { text-align: right; margin-top: 10px; } @media (max-width:991px) { .header-middle { padding-top: 15px } .header-middle .header-middle-right { -ms-flex-line-pack: stretch; align-content: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 20px; top: 16px; padding-top: 10px } .header-middle .header-middle-right #need-help-phone { display: inline-block!important } } .header-middle .header-middle-right #need-help-phone { display: none; margin-top: -17px; margin-right: 40px; color: #fff } .header-middle .header-middle-right #need-help-phone a { display: inline-block; color: #6e6d70; } @media (max-width:600px) { .header-middle .header-middle-right { padding-top: 5px; } .header-middle .header-middle-right #need-help-phone { display: none!important } } @media (max-width:991px) { .header-middle .header-middle-right #top-cart { height: auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .header-middle .header-middle-right #top-cart>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 62px; height: auto; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0 } .header-middle .header-middle-right #top-cart>a svg { margin-right: 25px!important } .header-middle .header-middle-right #top-cart>a .countPill { position: absolute; right: auto; left: 57%; top: 45%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -6px; margin-left: 14px; line-height: 23px; display: inline-block; min-width: 24px; padding: 0 4px; text-align: center; border-radius: 3px; background: #706f75; color: #fff; font-size: 11px; } } .st-menu::after, .st-pusher::after { right: 0; content: '' } .header-middle .header-middle-right #top-cart>a { letter-spacing: 0; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header-middle .header-middle-right #top-cart>a span { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 23px; text-transform: capitalize; } .header-middle .header-middle-right #top-cart>a svg { height: 30px; width: 32px; fill: #ffffff; margin-right: 5px; transition: all .3s ease 0s; } .header-middle .header-logo { margin: 0; margin-left: -5px; margin-right: 28px; } .header-middle .header-logo .header-logo-text { font-family: Poppins, Arial, Helvetica, sans-serif; color: #fff; text-transform: capitalize; font-style: italic; font-size: 35px; font-weight: 300 } @media (max-width:600px) { .header-middle .header-logo img.header-logo-image { width: 65%; margin-left: 26px; } } @media (max-width:991px) { #st-trigger-effects { width: 62px; text-align: center } #st-trigger-effects a { width: 62px; height: auto; font-size: 22px; z-index: 10; position: relative } #st-trigger-effects a svg { width: 21px; height: 21px; margin-left: -5px; margin-top: 7px; fill: #6e6d70; } #st-trigger-effects a.close-canvas { display: none } #st-trigger-effects:hover a svg { fill: #ffe11b } } #mobile-categories .imageArea .col-left a+a, #mobile-categories .imageArea .col-right a+a, #mobile-categories .imageArea .col-right-full a+a { margin-top: 0 } body.st-off-canvas { overflow: hidden } body.st-off-canvas #st-trigger-effects a { display: none } body.st-off-canvas #st-trigger-effects a svg { width: 25px; height: 25px } .st-container, .st-content, .st-pusher { height: 100% } body.st-off-canvas #st-trigger-effects a.close-canvas { display: inline-block; position: relative; z-index: 10; background: #0e56cc; padding: 10px; top: -20px } body.st-off-canvas #st-trigger-effects a.close-canvas svg { fill: #ffe11b } .st-content { overflow-y: scroll; background: #f3efe0 } .st-content, .st-content-inner { position: relative } .st-container { position: relative; overflow: hidden } .st-pusher { position: relative; left: 0; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; /* background: #333; */ } .st-menu, .st-menu::after, .st-pusher::after { position: absolute; top: 0 } .st-pusher::after { z-index: 9; width: 0; height: 0; transition: opacity .3s, width .1s .3s, height .1s .3s; opacity: 0; background: rgba(255,255,255,.5); filter: alpha(opacity=0) } .st-menu-open .st-pusher::after, .st-menu::after { height: 100%; opacity: 1; filter: alpha(opacity=100) } .st-menu-open .st-pusher::after { width: 100%; transition: opacity .3s } .st-menu { z-index: 100; left: 0; visibility: hidden; width: calc(100% - 55px); height: 100%; transition: all .3s; box-shadow: inset -16px -1px 8px -18px #BFBFBF; -webkit-box-shadow: inset -16px -1px 8px -18px #BFBFBF; -moz-box-shadow: inset -16px -1px 8px -18px #BFBFBF; -o-box-shadow: inset -16px -1px 8px -18px #BFBFBF; border-right: 1px solid #e5e5e5; background: #fff } .st-menu::after { width: 100%; transition: opacity .3s; background: rgba(0,0,0,.2) } .st-menu-open .st-menu::after { width: 0; height: 0; transition: opacity .3s, width .1s .3s, height .1s .3s; opacity: 0; filter: alpha(opacity=0) } .st-menu ul { margin: 0; padding: 0; list-style: none } .st-menu>ul { overflow-y: auto; height: 100%; min-height: 320px } .st-menu h2 { font-size: 2em; font-weight: 300; margin: 0; padding: 1em; color: rgba(0,0,0,.4); -moz-text-shadow: 0 0 1px rgba(0,0,0,.1); -webkit-text-shadow: 0 0 1px rgba(0,0,0,.1); text-shadow: 0 0 1px rgba(0,0,0,.1) } nav#mobile-customer ul li { position: relative } nav#mobile-customer ul li>span.toggle-expand~div { display: none } nav#mobile-customer ul li>span.toggle-close~div { display: block; position: static!important } nav#mobile-customer ul li#currency-converter ul li a img, nav#mobile-customer ul li#currency-converter>a>img { display: inline-block; vertical-align: -1px; margin-right: 3px } nav#mobile-customer ul li#currency-converter>a>img { margin-left: 8px } nav#mobile-customer ul li#currency-converter ul li a strong { color: #e06868 } nav#mobile-customer ul li#side-account-menu ul { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px } nav#mobile-customer ul li.mobile-call-us { font-weight: 700; text-transform: uppercase; padding: 13px 20px 12px } nav#mobile-customer ul li.mobile-call-us a { display: inline; padding: 0 } nav#mobile-customer ul li.mobile-call-us a:hover { background: 0 0; color: #000; border-bottom: 1px solid #000 } nav#mobile-customer ul li .not-logged { font-size: 0; line-height: normal!important; color: #969696 } nav#mobile-customer ul li .not-logged a { display: block } nav#mobile-customer ul li .not-logged a:hover { color: #fff; background: #000 } nav#mobile-customer ul li .logged-in { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 20px; border-bottom: 1px solid #e5e5e5; padding-top: 13px; padding-bottom: 12px } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu>ul>li>a { text-transform: none } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu>ul>li.hasSub>ul { display: none } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu>ul>li.hasSub>ul>li>a { text-transform: none; font-weight: 400 } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu>ul>li.hasSub.expanded>ul { display: block } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu ul>li.hasSub>span.toggle-expand::before { font-family: FontAwesome; top: 10px; right: 17px; content: '\f067'; border: none } .st-menu>ul>li.hasSub:not(.hasMegamenu)>.navPage-subMenu ul>li.hasSub>span.toggle-close::before { font-family: FontAwesome; top: 10px; right: 17px; content: '\f068'; border: none } .st-menu ul>li>a { text-decoration: none!important; font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; display: block; padding: 13px 20px 12px; letter-spacing: 0; text-transform: uppercase; color: #000; outline: 0 } .st-menu>ul>li.hasSub:hover>a, .st-menu>ul>li>a:hover { color: #094996; background: #f5f5f5 } .st-menu ul li ul li a { margin-right: 20px; margin-left: 20px; padding-right: 0; padding-left: 0; border-bottom: 1px solid #e5e5e5; background: #fff; text-transform: none } .st-menu ul li:last-child>a { border-bottom: 0 } .st-menu ul li.hasSub { position: relative } .st-menu ul li span.toggle-close, .st-menu ul li span.toggle-expand { position: absolute; top: 3px; right: 0; width: 40px; height: 40px; cursor: pointer } .st-menu ul li span.toggle-expand::before { position: absolute; top: 17px; right: 16px; content: ''; border: 5px solid transparent; border-top: 5px solid #000 } .st-menu>ul>li:hover>span.toggle-expand::before { border-top-color: #094996 } .st-menu ul li span.toggle-close::before { position: absolute; top: 11px; right: 16px; content: ''; border: 5px solid transparent; border-bottom: 5px solid #000 } .st-menu>ul>li:hover>span.toggle-close::before { border-bottom-color: #094996 } .st-menu ul li.expanded>a { color: #000 } .st-menu>ul>li.expanded:hover>a { color: #094996; background: #f5f5f5 } .st-menu ul li .navPage-subMenu, .st-menu ul li .subMegaMenu { display: none; border-bottom: 1px solid #e5e5e5 } .st-menu ul li .navPage-subMenu .container, .st-menu ul li .subMegaMenu .container { width: 100% } .st-menu ul li .subMegaMenu.sub-expand, .st-menu ul li.hasSub.expanded .navPage-subMenu { display: block } .st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul li.hasSub>ul { display: none } .st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul li.hasSub.expanded>ul { display: block } #mobile-categories .triangle-with-shadow, .st-effect-1.st-menu::after, .st-effect-2.st-menu::after, .st-effect-3.st-menu::after { display: none } .st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul>li.hasSub>ul>li>a { font-weight: 400; padding-left: 15px; text-transform: none } .st-menu ul li.hasSub>ul.navPage-childList>li>a { padding-left: 15px } .st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul>li.hasSub>span.toggle-expand::before { font-family: FontAwesome; top: 10px; right: 17px; content: '\f067'; border: none } .st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul>li.hasSub>span.toggle-close::before { font-family: FontAwesome; top: 10px; right: 17px; content: '\f068'; border: none } #footerSubcribeForm input[type=submit], #main-footer h5, .giftCertificate-block .navBars>ul li a, .giftCertificate-block h3 { font-family: Arimo, Arial, Helvetica, sans-serif } .st-menu>ul>li:last-child { margin-bottom: 100px } #mobile-categories .cateArea>ul { max-height: 100%!important } #mobile-categories .imageArea { width: 100%!important; clear: both; height: auto!important; float: left } #mobile-categories .imageArea .col-left, #mobile-categories .imageArea .col-right { float: none; clear: both; padding: 0; width: 100% } #mobile-categories .imageArea .col-right-full { text-align: center; margin-bottom: 20px } #mobile-categories .container { min-width: auto; padding: 0 } #mobile-categories .container .row { margin: 0 } #mobile-categories .subMegaMenu { width: 100%!important; overflow: hidden } #mobile-categories .subMegaMenu .imageArea .shop-by-brands label { padding-left: 20px } #mobile-categories .subMegaMenu .imageArea .shop-by-brands ul li { width: 100%; padding: 10px } .st-effect-1.st-menu-open .st-pusher, .st-effect-2.st-menu-open .st-pusher, .st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(calc(100% - 55px), 0, 0); -ms-transform: translate3d(calc(100% - 55px), 0, 0); transform: translate3d(calc(100% - 55px), 0, 0) } .st-effect-1.st-menu, .st-effect-2.st-menu, .st-effect-3.st-menu { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .st-effect-1.st-menu-open .st-effect-1.st-menu, .st-effect-2.st-menu-open .st-effect-2.st-menu, .st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .no-csstransforms3d .st-pusher, .no-js .st-pusher { padding-left: 0 } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all .3s ease-out } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1 } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: .8 } #mobile-categories .mobile-currency .toggle-expand, .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 } #mobile-categories .btnAbs a { padding: 0; line-height: 33px } #mobile-categories .descArea { padding: 20px; float: none } #mobile-categories .rightCate { position: static; margin-top: 20px } #mobile-categories .rightCate .right-cates { position: static!important; width: 100%; margin: 0; padding: 0 20px } #mobile-categories .bottomMegamenu { padding: 0 20px 20px } #mobile-categories .bottomMegamenu .col-img-full { text-align: center } #mobile-categories .bottomMegamenu .col-img-full a { margin-top: 20px; display: inline-block } #mobile-categories .bottomMegamenu .col-img-full a+a { margin-bottom: 20px; margin-left: 0 } #mobile-categories .bottomCate { position: relative; float: left } #mobile-categories .bottomCate .col-left { width: 100%; padding: 20px 0 } #mobile-categories .bottomCate .col-right { width: 100%; padding-bottom: 0 } #mobile-categories #mobileAccountSidebar a { text-transform: capitalize; border-bottom: 0 } #mobile-categories li.subAccount .logged-in, #mobile-categories li.subAccount a { width: 100%; display: block; padding: 0 20px 10px } #mobile-categories .mobile-currency a.navUser-action { padding: 13px 20px 12px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display: block; position: relative } #mobile-categories .mobile-currency a.navUser-action i.fa-angle-down:before { position: absolute; top: 45%; right: 16px; content: ''; border: 5px solid transparent; border-top: 5px solid #000 } #mobile-categories .mobile-currency a.navUser-action.is-open i.fa-angle-down:before { position: absolute; top: 35%; right: 16px; content: ''; border: 5px solid transparent; border-bottom: 5px solid #000 } #mobile-categories .mobile-currency:hover { background: #f5f5f5 } #mobile-categories .mobile-currency:hover span { color: #094996 } #mobile-categories .mobile-currency:hover a.navUser-action.is-open i.fa-angle-down:before { border-bottom-color: #094996; border-top: 0; top: 45% } #mobile-categories .mobile-currency:hover a.navUser-action i.fa-angle-down:before { border-top-color: #094996 } #mobile-categories .mobile-currency span { font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; color: #000; padding-left: 10px; outline: 0 } #mobile-categories .mobile-currency .dropdown-menu.is-open { position: static!important; max-width: 100%!important; width: 100%!important; border: 0; box-shadow: none } #mobile-categories .mobile-currency .dropdown-menu-item { padding: 0 } #mobile-categories .mobile-currency .dropdown-menu-item a { margin: 0; padding: 13px 20px 12px } #mobile-categories .mobile-currency .dropdown-menu-item a span, #mobile-categories .mobile-currency .dropdown-menu-item a strong { padding-left: 10px; color: #000 } #mobile-categories .mobile-currency .dropdown-menu-item a span:hover, #mobile-categories .mobile-currency .dropdown-menu-item a strong:hover { color: #094996 } #mobile-categories .mobile-currency .dropdown-menu-item a span { font-weight: 400 } #mobile-categories .mobile-currency .dropdown-menu-item a img { margin-top: -4px } #embed-newsletter, #subscribe_form { position: relative; background: #fff; border: 1px solid #d3d3d3; padding: 8px 90px 8px 110px; border-radius: 4px } #embed-newsletter .name, #subscribe_form #nl_first_name { width: 90px; border-right: 1px solid #e9e9e9; position: absolute; left: 10px; top: 8px } #SearchForm .Button, #subscribe_form .btn { background: #111011; background: linear-gradient(to bottom, #111011 0, #161516 51%, #1e1d1e 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='darken(@color-search-button,5%)', endColorstr='@color-search-button', GradientType=0) } #embed-newsletter .Textbox, #subscribe_form .Textbox { display: inline-block; border: none; background: 0 0; height: 24px; padding: 5px; color: #bababb; text-transform: lowercase; box-shadow: none } .newsletter-subscription label { display: none } .bottom-columns, .footer-columns { display: -webkit-box; display: -ms-flexbox } #footer-wrapper { padding-top: 47px; background: #fff } #footer-wrapper .social-icons { padding-right: 0 } @media (max-width:991px) { #main-footer .container { padding-bottom: 0 } } #main-footer .col-1, #main-footer .col-2, #main-footer .col-3 { float: left; width: 20%; padding: 0 15px } @media (max-width:991px) { #main-footer .col-1, #main-footer .col-2, #main-footer .col-3 { width: 33.33%; margin-bottom: 20px } } @media (max-width:480px) { #main-footer .col-1, #main-footer .col-2, #main-footer .col-3 { width: 50% } #main-footer .col-3 { width: 100% } } @media (max-width:320px) { #main-footer .col-1, #main-footer .col-2, #main-footer .col-3 { width: 100% } } #main-footer .col-4 { float: left; width: 40%; padding: 0 15px } @media (max-width:991px) { #main-footer .col-4 { width: 100% } } #main-footer h5 { font-size: 13px; font-weight: 700; margin: 0 0 15px; letter-spacing: 0; width: 100%; text-transform: capitalize; color: #6d6e6e; } .wrapSocialBlock h5 { font-weight: 400!important } .footer-columns { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer-columns .column-item { margin-bottom: 35px } .footer-columns .column-item.col-md-4 { width: 33% } @media (max-width:991px) { .footer-columns .column-item { width: 33.33%; margin-bottom: 30px } .footer-columns .column-item.col-md-4 { width: 65% } } @media (max-width:600px) { .footer-columns .column-item { width: 49%; margin-bottom: 30px } .footer-columns .column-item.col-md-4 { width: 100% } #bottom-footer ul.footer-payment-icons { text-align: center } } @media (max-width:320px) { .footer-columns .column-item, .footer-columns .column-item.col-md-4 { width: 100% } } .footer-columns .column-item p.noteSubcribeForm { line-height: 25px; color: #777; margin-bottom: 5px; } .footer-columns .column-item ul { margin-left: 0; list-style: none } .footer-columns .column-item ul>li a { line-height: 25px; color: #6d6e6e; } .footer-columns .column-item ul>li a:hover { border-bottom: 1px solid } .footer-columns .column-item ul>li a:hover.icon { border: 0 } .bottom-columns { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 50px } .bottom-columns .column-item { width: 33.33%; text-align: center; margin-bottom: 25px; padding-bottom: 25px } @media (max-width:767px) { .bottom-columns .column-item { width: 100%; border-bottom: 1px solid; padding-bottom: 15px } .bottom-columns .column-item:last-child { border: 0 } } .bottom-columns .column-item ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; list-style: none } .bottom-columns .column-item ul li { display: inline-block; padding: 2px 5px } .bottom-columns .column-item .social-icons { padding: 0; margin: 0 } .bottom-columns .column-item .social-icons a { width: 44px; height: 44px } .bottom-columns .column-item .social-icons a:not(:hover) { background: #000 } .bottom-columns .column-item .social-icons a svg { fill: #fff; width: 16px } .bottom-columns .column-item.second ul li+li { margin-left: 10px } .bottom-columns p { color: #303030 } #footerSubcribeForm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } #footerSubcribeForm>form { margin-top: 5px; margin-bottom: 5px; width: 100% } #footerSubcribeForm>form .form-field { margin-bottom: 0; position: relative; background: #fff; border: 1px solid #d3d3d3; padding: 8px 88px 8px 8px; border-radius: 4px } #footerSubcribeForm input[type=email], #footerSubcribeForm input[type=text] { display: inline-block; border: none; background: 0 0; height: 24px; padding: 5px; color: #bababb; box-shadow: none } #footerSubcribeForm input[type=email]::-webkit-input-placeholder, #footerSubcribeForm input[type=text]::-webkit-input-placeholder { color:#303843 } #footerSubcribeForm input[type=email]::-moz-placeholder, #footerSubcribeForm input[type=text]::-moz-placeholder { color:#303843 } #footerSubcribeForm input[type=email]:-ms-input-placeholder, #footerSubcribeForm input[type=text]:-ms-input-placeholder { color:#777 } #footerSubcribeForm input[type=email]:-moz-placeholder, #footerSubcribeForm input[type=text]:-moz-placeholder { color:#777 } #footerSubcribeForm input[type=text] { width: 90px; border-right: 1px solid #e9e9e9; position: absolute; left: 10px; top: 8px } #footerSubcribeForm input[type=email] { width: 100% } #footerSubcribeForm input[type=submit] { position: absolute; right: -1px; top: -1px; color: #fff; background: #6d6d6f; font-size: 12px; text-transform: uppercase; line-height: 38px; height: 42px; padding: 0 25px; box-shadow: none; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; font-weight: 700; } @media (min-width:992px) and (max-width:1199px) { #footerSubcribeForm input[type=submit] { padding-left: 20px; padding-right: 20px } } #bottom-footer { color: #6d6e6e; padding: 35px 0 90px; line-height: 24px; } #bottom-footer ul.footer-payment-icons { margin-left: 0; margin-top: 0; float: right; width: 100%; } #bottom-footer .template-by { text-align: right } #bottom-footer .footer-copyright, #bottom-footer .powered-by { display: block } #bottom-footer .footer-copyright p, #bottom-footer .powered-by p, #bottom-footer .template-by p { line-height: 25px; margin-bottom: 0; font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 12px } #bottom-footer .footer-copyright p a, #bottom-footer .powered-by p a, #bottom-footer .template-by p a { color: #777; } #bottom-footer .footer-copyright p a:hover, #bottom-footer .powered-by p a:hover, #bottom-footer .template-by p a:hover { color: #094996; border-bottom: 1px solid #094996 } .footer-payment-icons li { width: 58px; height: 36px; margin-right: 10px; margin-bottom: 10px; float: right; /* background: url(../img/payment-methods.png) no-repeat; */ display: block; } @media (max-width:991px) { .footer-payment-icons li { display: inline-block; float: none } } .footer-payment-icons li a { display: block; text-indent: -999em; height: 22px; font-size: 0px; } .footer-payment-icons li.PaymentVisa { background-position: 0 0 } .footer-payment-icons li.PaymentVisaElectron { background-position: -68px 0 } .footer-payment-icons li.PaymentMasterCard { background-position: -136px 0 } .footer-payment-icons li.PaymentMaestro { background-position: -204px 0 } .footer-payment-icons li.PaymentAmericanExpress { background-position: -272px 0 } .footer-payment-icons li.PaymentSolo { background-position: -340px 0 } .footer-payment-icons li.PaymentPaypal { background-position: -408px 0 } #accept-cookies { position: fixed; z-index: 9999; right: 10px; bottom: 10px; width: 100%; min-width: 300px; max-width: 390px; min-height: 200px; padding: 30px 30px 20px 16px; border: 1px solid #000; border-radius: 3px; background: #141414 } @media (max-width:400px) { #accept-cookies { max-width: 354px } } #accept-cookies .cookies-inner { padding-left: 54px; /*background: url(../img/cookie-info.png) top left no-repeat*/ } #accept-cookies p { font-style: italic; position: relative; top: -5px; letter-spacing: 0; color: #fff } #accept-cookies button { font-size: 11px; padding: 0 16px; letter-spacing: 0 } #back-to-top { position: fixed; z-index: 10; bottom: 10%; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; overflow: hidden; width: 52px; height: 52px; margin-top: -26px; transition: opacity .3s 0s, visibility 0s .3s; font-size: 45px; opacity: 0; border: 2px solid #6d6e6e; color: #6d6e6e; filter: alpha(opacity=0); border-radius: 3px; } @media (max-width:991px) { #back-to-top { right: 10px; width: 36px; height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -18px; font-size: 36px } #back-to-top i.fa { position: relative; top: -2px } } #back-to-top:hover { background-color: #6d6e6e; color: #fff; } #back-to-top.fade-out, #back-to-top.is-visible, .no-touch #back-to-top:hover { transition: opacity .3s 0s, visibility 0s 0s } #back-to-top.is-visible { visibility: visible; opacity: 1; filter: alpha(opacity=100) } #back-to-top.fade-out { opacity: .5; filter: alpha(opacity=50) } #back-to-top.fade-out:hover { opacity: 1; filter: alpha(opacity=100) } #NeedHelp { background: #6d6d6f; padding: 25px 0; } #NeedHelp p { font-size: 14px; display: inline-block; color: #fff } #NeedHelp i { vertical-align: -5px; margin-right: 15px; font-size: 33px; color: #ff0 } #NeedHelp a { color: #fff } #NeedHelp a:not(.help-btn) { border-bottom: 1px solid #fff } #NeedHelp a.help-btn { height: 40px; line-height: 28px; display: inline-block; box-shadow: 0 1px 3px rgba(0,0,0,.2); border-radius: 3px; background: #2469d9; border: 1px solid #0e56cc; color: #fff; padding: 6px 20px; width: 125px; text-transform: uppercase; font-weight: 700; margin-left: 20px; position: relative } @media (max-width:767px) { #bottom-footer .template-by { text-align: left } #NeedHelp a.help-btn { display: block; margin: 20px auto auto } } #NeedHelp a.help-btn:before { position: absolute; background-color: #3b81e0; content: ''; height: 1px; width: 98%; left: 1px; top: 0 } #WhyUsSection { border-bottom: 1px solid #e2e2e2; background-color: #fff } #WhyUsSection .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 } #WhyUsSection .container .why-item { width: 24%; text-align: center; padding: 15px } #WhyUsSection .container .why-item+.why-item { border-left: 1px solid #e2e2e2 } @media (max-width:600px) { #bottom-footer .footer-copyright, #bottom-footer .powered-by, #bottom-footer .template-by { text-align: center } #WhyUsSection .container .why-item { width: 50% } } @media (max-width:480px) { #WhyUsSection .container .why-item { border-top: 1px solid #e2e2e2; border-left: 0!important; width: 100% } } #WhyUsSection .container .why-item p { margin: 0; font-size: 16px; color: #6d6e6e; } @media (max-width:991px) { #WhyUsSection .container .why-item { padding: 10px } #WhyUsSection .container .why-item p { font-size: 14px } .container { width: 100% } } #WhyUsSection .container .why-item p i.fa { margin-right: 15px; font-size: 24px; color: #777; vertical-align: -3px; } #MostSearched .container { text-align: center; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px dotted #d1d1d1; border-top: 1px dotted #d1d1d1 } #MostSearched label { font-weight: 700; margin: 0; color: #6d6e6e; } #MostSearched ul { margin-bottom: 0; margin-left: 0 } #MostSearched ul li { display: inline-block; padding-right: 12px; margin-left: 10px; line-height: 20px; margin-bottom: 10px; border-right: 1px solid #d1d1d1 } #MostSearched ul li a { color: #646464; border-bottom: 1px solid transparent } #MostSearched ul li a:hover { color: #094996!important; border-bottom: 1px solid #094996 } .footerInfo, .footerInfo a { color: #cbcbcb } #MostSearched ul li:first-child, #MostSearched ul li:last-child { border-right: 0 } #MostSearched ul li.showMore-footer { display: none; position: absolute; background: #fff; right: 0; bottom: 0; font-weight: 700; padding-left: 10px } #MostSearched ul.active { max-height: 90px; overflow: hidden; position: relative } #MostSearched ul.active .showMore-footer { display: inline-block } #MostSearched ul.is-open { max-height: 100%!important } #MostSearched ul.is-open .showMore-footer { position: static } .footerInfo { background: #272727; padding: 22px 0 19px; text-align: center } .footerInfo p { margin: 0 } .container { margin-left: auto; margin-right: auto; position: relative; min-width: 300px } @media (min-width:992px) { .container { width: 100% } } @media (min-width:1200px) { .container { width: 1200px; max-width: 1600px; width: 95%; } } .container_page { padding-bottom: 80px; margin: 0 auto; max-width: 2020px } .page-type-category .container_page { padding-bottom: 30px } .page-type-default .container_page { padding-bottom: 0; clear: both; } .giftCertificate-block h3 { font-size: 16px; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #d0d0d0; margin-top: 19px; padding-bottom: 16px } @media (max-width:767px) { .giftCertificate-block nav { display: none } } .giftCertificate-block .balanceImg { margin-bottom: 20px } .giftCertificate-block .navBars { margin-bottom: 30px; clear: both; border: 1px solid #d7d7d7; border-radius: 3px; overflow: hidden; margin-top: 0 } .giftCertificate-block .navBars>ul { list-style: none; margin-bottom: 10px } .giftCertificate-block .navBars>ul li { border-bottom: 1px solid #d7d7d7; float: none } .giftCertificate-block .navBars>ul li a { font-size: 12px; padding: 16px 20px 14px; display: block; position: relative; color: #2d2d2d } .giftCertificate-block .navBars>ul li a:hover { text-decoration: none; color: #094996 } .giftCertificate-block .navBars>ul li.is-active a { color: #094996 } .giftCertificate-block .navBars>ul li:last-child { border-bottom: 0 } #breadcrumbs-wrapper { background: transparent; margin-bottom: 21px; } .breadcrumbs { padding-top: 13px; padding-bottom: 9px; margin-bottom: 0; padding: 13px 5px; } .breadcrumbs .breadcrumb { display: inline-block; font-size: 1rem; padding-right: 10px } .breadcrumbs .breadcrumb::before { content: "\f0da"; font-family: FontAwesome; color: #d0d0d0; position: relative; top: 1px; margin: 0 7px 0 0 } #homeBlockContent p.name-author span, #homeShopByCategory .cate-columns .column-item h3, .TitleHeading, .actionBar[data-sort-by] label, .module-heading, .page-heading, .view-mode-btn a>span { font-family: Arimo, Arial, Helvetica, sans-serif } .breadcrumbs .breadcrumb:first-child::before { display: none } .breadcrumbs .breadcrumb a:hover { border-bottom: 1px solid #094996 } .breadcrumbs .breadcrumb .breadcrumb-label { color: #505050 } .category-heading { clear: both; margin-bottom: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .category-heading .page-heading { display: inline-block; padding: 0 0 20px; margin-bottom: 0; width: 100% } @media (max-width:600px) { .category-heading { -ms-flex-wrap: wrap; flex-wrap: wrap } } .page-heading { font-size: 20px; font-weight: 700; margin: 0 0 27px; text-align: left } .item-cart { color: #969696; font-size: 14px; font-weight: 400 } .col-sm-9>main.page-content, main.page .page-content { box-shadow: 0 1px 5px rgba(0,0,0,.06); border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; overflow: hidden } [data-page-no-breadcrumb] .page-heading { margin-top: 27px } .category-image { padding-bottom: 26px } .category-description { padding-bottom: 27px; box-shadow: 0 2px 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc; border-radius: 3px; overflow: hidden; background: #fff; padding: 20px; margin-bottom: 30px; font-size: 14px; } .category-description p { margin: 0; margin-bottom: 1rem; } .category-description p:last-of-type { margin-bottom: 0 } .TitleHeading { font-size: 26px; font-weight: 700; margin-top: 0; margin-bottom: 20px; letter-spacing: 0; color: #6d6e6e; text-transform: capitalize; } .view-mode-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #fff; border: 1px solid #d7d7d7 } @media (max-width:1200px) { .view-mode-btn { margin-top: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: right } } @media (max-width:600px) { .view-mode-btn { margin-bottom: 10px; float: left } } @media (max-width:550px) { .view-mode-btn { float: right } } .view-mode-btn a, .view-mode-btn a:active, .view-mode-btn a:focus, .view-mode-btn a:hover { font-size: 11px; font-weight: 700; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 36px; margin-right: 0; margin-left: 0; color: rgba(0,0,0,.41); text-decoration: none } .actionBar[data-sort-by] label, .view-mode-btn a>span { font-size: 12px; text-transform: uppercase; font-weight: 700 } .view-mode-btn a>div { width: 30px; margin-left: 4px; margin-right: 2px } .view-mode-btn a>span { margin-top: 2px; padding-right: 12px } .view-mode-btn a.current-view { cursor: default; color: #000 } .view-mode-btn a .icon-bar { position: relative; top: -1px; width: 14px; height: 4px; margin: 1px auto 0; transition: all .15s ease; opacity: .41; background: #6d6d6f; filter: alpha(opacity=41); } .view-mode-btn a#grid-view { border-right: 1px solid #d7d7d7 } .view-mode-btn a#grid-view .icon-bar { width: 4px } .view-mode-btn a#grid-view .icon-bar:after, .view-mode-btn a#grid-view .icon-bar:before { position: absolute; display: block; width: 4px; height: 4px; content: ''; transition: all .15s ease; background: #6d6d6f; } .view-mode-btn a#grid-view .icon-bar:before { left: -5px } .view-mode-btn a#grid-view .icon-bar:after { right: -5px } .view-mode-btn a.current-view .icon-bar { opacity: 1; filter: alpha(opacity=100) } .actionBar[data-sort-by] { text-align: right; padding: 0; margin: 12px 0 } .actionBar[data-sort-by] fieldset { float: none; min-width: 280px; width: 100% } .actionBar[data-sort-by] .form-field { margin: 0 } .actionBar[data-sort-by] label { display: inline-block; position: relative; top: 1px; margin-right: 8px } .actionBar[data-sort-by] select { display: inline-block; width: 210px; background-color: #fff; padding: 0 14px } @media (max-width:767px) { .actionBar[data-sort-by] select { width: 220px } } @media (max-width:600px) { .actionBar[data-sort-by] fieldset { min-width: auto } .actionBar[data-sort-by] select { width: 160px } .actionBar[data-sort-by] { float: none; text-align: right; width: 100%; clear: both; right: 20px; top: 0; position: absolute } } @media (max-width:550px) { .actionBar[data-sort-by] { top: 45px } } .showMoreProduct a.btn { width: 100%; max-width: 344px; margin-bottom: 40px } #homeShopByCategory { padding-top: 40px } #homeShopByCategory .container { border-bottom: 1px solid #dcdcdc } #homeShopByCategory .cate-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 960px; margin-left: auto; margin-right: auto } #homeShopByCategory .cate-columns .column-item { width: 25%; margin-bottom: 40px } @media (max-width:600px) { #homeShopByCategory .cate-columns .column-item { width: 50% } } @media (max-width:320px) { #homeShopByCategory .cate-columns .column-item { width: 100% } } #homeShopByCategory .cate-columns .column-item h3 { font-size: 16px; font-weight: 700; letter-spacing: 0; margin-top: 0 } #homeShopByCategory .cate-columns .column-item ul { margin: 0; list-style: none } #homeShopByCategory .cate-columns .column-item ul li a { color: #094996; line-height: 25px } #homeShopByCategory .cate-columns .column-item ul li a:hover { color: #2d2d2d; border-bottom: 1px solid #2d2d2d } #homeShopByCategory .cate-columns .column-item ul li.more-link a { color: #2d2d2d; font-weight: 700; font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 14px } #homeShopByCategory .cate-columns .column-item ul li.more-link a:hover { color: #094996; border-bottom: 1px solid #094996 } .page-type-default .heroCarousel~.container_page #homeBrands { margin-top: -30px } #homeBrands { background-color: #fff } #homeBrands .container { padding-top: 25px; padding-bottom: 25px } #homeBrands .owl-carousel { margin: 0; padding: 0; list-style: none } #homeBrands .owl-carousel .owl-item a { display: block; text-align: center } #homeBrands .owl-carousel .owl-item img { display: inline-block } #homeBrands .owl-nav>div { border: transparent } #homeBrands .owl-nav>div.owl-prev { left: -10px; font-weight: 700; background: 0 0; color: #000; top: 48% } #homeBrands .owl-nav>div.owl-prev::before { color: #000; font-size: 20px } #homeBrands .owl-nav>div.owl-next { right: -10px; font-weight: 700; background: 0 0; color: #000; top: 48% } #homeBrands .owl-nav>div.owl-next::before { color: #000; font-size: 20px } .module-heading { font-weight: 700; margin-top: 18px; margin-bottom: 30px; font-size: 24px; text-transform: capitalize; letter-spacing: 0 } .module-heading>span { color: #000; display: inline-block; position: relative } #homeBlockContent { margin-bottom: 74px } @media (max-width:767px) { #homeBlockContent .aboutBlock { margin-bottom: 60px } } #homeBlockContent p { line-height: 20px; letter-spacing: 0; margin-bottom: 0 } #homeBlockContent .rating-compare { margin-top: 19px; margin-bottom: 15px } #homeBlockContent .testimonialsCarousel .owl-stage-outer { padding: 30px 28px 28px; margin: -29px -28px -28px } #homeBlockContent .item p { line-height: 18px } #homeBlockContent p.name-author span { color: #094996; font-size: 12px; line-height: 18px; font-weight: 500 } #InstagramGallery { padding-top: 50px; padding-bottom: 70px; text-align: center; border-top: 1px solid #dcdcdc } #InstagramGallery .widget-title { padding-bottom: 27px } #InstagramGallery .widget-title h3 { font-family: Poppins; font-size: 32px; margin-top: 0; margin-bottom: 5px; letter-spacing: 0; text-transform: uppercase } .newsletter-left h2.newsletter-heading, .newsletter-left p.newsletter-sub-heading, .page-type-page_contact_form .storeLocation h3 { font-family: Arimo, Arial, Helvetica, sans-serif } #InstagramGallery .widget-title p.instagram-desc { line-height: 18px; position: relative; display: inline-block; letter-spacing: 0 } #InstagramGallery .widget-title p.instagram-desc svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px } #InstagramGallery .widget-title p.instagram-desc span { display: inline-block; vertical-align: middle } @media (max-width:640px) { #InstagramGallery .widget-title p.instagram-desc span { width: 85%; vertical-align: top } } #InstagramGallery .owl-item>a { display: block } #InstagramGallery a.insta-btn { margin-top: 40px; min-width: 210px } #InstagramGallery .feed-item::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: all .3s ease 0s; opacity: .8; background: linear-gradient(to bottom, transparent 53%, rgba(0,0,0,.81) 97%) } #InstagramGallery .feed-item:hover::before { transition: all .3s ease 0s; background: rgba(255,255,255,.7) } #InstagramGallery .feed-item .feed-action { position: absolute; top: 50%; right: 0; left: 0; visibility: hidden; transition: all .3s ease 0s; transform: translateY(-50%); opacity: 0; filter: alpha(opacity=0) } #InstagramGallery .feed-item:hover .feed-action { visibility: visible; transition: all .3s ease 0s; opacity: 1; filter: alpha(opacity=100) } #InstagramGallery .feed-item .feed-action .btn { font-size: 14px; width: 36px; margin: 3px; padding-right: 0; padding-left: 0; text-align: center } .mfp-gallery figure>figcaption { margin: 0 } .page-type-page_contact_form .storeLocation h3 { font-size: 15px; font-weight: 600; margin-top: 0; margin-bottom: 20px; padding-top: 30px; padding-bottom: 10px; border-bottom: 0 } .page-type-page_contact_form .storeLocation { padding-bottom: 30px; color: #000 } .page-type-page_contact_form .storeLocation .store-address, .page-type-page_contact_form .storeLocation .store-phone { padding-bottom: 20px } .page-type-page_contact_form .storeLocation a { color: #2d2d2d } .page-type-page_contact_form .storeLocation a:hover { color: #094996 } .page-type-page_contact_form .storeLocation .store-email { margin-right: 25px } .page-type-page_contact_form .storeLocation .store-email i, .page-type-page_contact_form .storeLocation .store-phone i { margin-right: 12px; font-size: 14px } .page-type-page_contact_form .storeLocation label { padding-bottom: 10px; display: block } @media (min-width:991px) { .page-type-page_contact_form .page-content>.row>.col-sm-7 { padding-right: 100px } } #halo-newsletter-popup { position: relative; z-index: 9999 } #halo-newsletter-popup .popup-overlay { position: fixed; z-index: 10000; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; opacity: .8; background: #2d2d32; filter: alpha(opacity=80) } .newsletter-popup-container { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 16px; text-align: center } .blog .socialLinks, .blog .tags, .blog-author, .blog-date, .blog-post { text-align: left } .newsletter-popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 10000; top: 50%; width: 100%; min-width: 288px; max-width: 847px; height: 360px; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; vertical-align: middle; background: #fff; border-radius: 5px } .newsletter-popup-inner [data-close-newsletter-popup] { width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; background: #000; font-size: 25px; text-align: center; padding: 0 0 1px; border-radius: 50%; color: #fff } .newsletter-popup-inner [data-close-newsletter-popup]:hover { color: #fff; background: #fb641b } @media (max-width:991px) { .newsletter-popup-inner { max-width: 767px } } @media (max-width:767px) { .newsletter-popup-inner { max-width: 600px; height: 100%; max-height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width:640px) { .newsletter-popup-inner { height: 100% } .newsletter-popup-inner .social-icons { padding-right: 0; margin-bottom: 0 } } .newsletter-popup-inner .newsletter-left { width: calc(100% - 350px); padding: 52px 4px 0 60px; overflow: auto } .newsletter-popup-inner .newsletter-left h5 { display: none } @media (min-width:768px) and (max-width:991px) { .newsletter-popup-inner .newsletter-left { padding: 20px 35px 30px } } @media (max-width:767px) { .newsletter-popup-inner .newsletter-left { width: 100%; padding: 25px } } @media (max-width:400px) { .newsletter-popup-inner .newsletter-left { padding: 25px } } @media (max-width:991px) { .newsletter-popup-inner .newsletter-left { padding-bottom: 20px } } .newsletter-popup-inner .newsletter-left .social-icons { padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .newsletter-left h2.newsletter-heading { font-size: 20px; font-weight: 700; line-height: 16px; position: relative; margin-top: 0; margin-bottom: 14px; letter-spacing: 0 } .newsletter-left p.newsletter-sub-heading { font-size: 12px; letter-spacing: 0; font-weight: 400; margin-bottom: 18px; color: #666 } .newsletter-left { width: 56.5%; float: left; padding: 0 0 0 50px } @media (max-width:991px) { .newsletter-left { width: 100% } } @media (max-width:640px) { .newsletter-left { padding: 30px 20px } } @media (max-width:480px) { .newsletter-left { overflow: auto; height: 100% } } .brands, .haloProductsByCategory .category-title, .warpBlock .desc-textCate, body.has-newsletter { overflow: hidden } .newsletter-left .form { margin-bottom: 13px } .newsletter-left .form-label { padding-left: 33px; line-height: 1.3; font-size: 12px; color: #8d8d8d; padding-top: 2px } .newsletter-left .form-wrap { width: calc(100% - 120px); height: 40px; padding: 8px 7px; float: left; border: 1px solid #c8c8c8; border-radius: 3px 0 0 3px } @media (max-width:480px) { .newsletter-left .form-wrap { width: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px } } .newsletter-left .form-wrap input[type=email] { width: 100%; padding: 4px 8px; float: left; border: none; height: auto; background: 0 0 } .newsletter-left .form-wrap input[type=text] { width: 40%; float: left; height: auto; padding: 6px 8px; border-radius: 0; border: none; background: 0 0; border-right: 1px solid #ccc } .newsletter-left .form-wrap:after, .newsletter-left .form-wrap:before { content: ''; clear: both } .newsletter-left input[type=submit] { padding: 0 30px; max-width: 120px; color: #FFF; float: left; height: 40px; margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none } @media (max-width:480px) { .newsletter-left input[type=submit] { margin-left: 0; margin-top: 10px; float: none; width: 100%; text-align: center; border-top-left-radius: 3px; border-bottom-left-radius: 3px } } .newsletter-left .form-field { margin: 0 } .newsletter-left .likeFacebook { display: inline-block; height: 12px; margin-top: 12px } .bannerNewletter img, .newsletter-popup-inner .newsletter-right img { height: 100% } .bannerNewletter { width: 43.5%; float: right } @media (max-width:991px) { .bannerNewletter { display: none } } .newsletter-left #mailistBox { margin-top: 0 } .newsletter-left .newsletter-message { font-size: 12px; line-height: 20px; clear: both; margin-bottom: 0; padding: 0 0 22px; color: #666; display: inline-block; font-style: italic } @media (max-width:480px) { .newsletter-left .newsletter-message { padding: 5px 0 15px } } .newsletter-popup-inner .newsletter-right { width: 350px; height: 100%; text-align: right; overflow: hidden; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px } @media (max-width:767px) { .newsletter-popup-inner .newsletter-right { display: none; width: 100%; position: absolute; z-index: -1; left: 0; right: 0; text-align: center; height: 100% } .newsletter-popup-inner .newsletter-right>img { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: .3; filter: alpha(opacity=30) } } @media (min-width:1170px) { body.is-sticky .header { position: fixed; width: 100%; background: #ffffff; padding-top: 15px; top: 0; left: 0; right: 0; z-index: 90; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-bottom: 1px solid #ccc; display: none; } body.is-sticky .header .header-bottom, body.is-sticky .header .header-report, body.is-sticky .header .header-top { display: none } } @media (max-width:991px) { .st-pusher>.body { margin-top: 0!important } .cart-num { display: block!important } .cart-text { display: none } } #CartEditProductFieldsForm { padding-bottom: 30px } .no-js .owl-carousel { display: none } button[data-reveal-id=halo-ask-an-expert-form] { position: fixed; bottom: 50px; right: 0; padding: 0; z-index: 99 } @media (max-width:767px) { button[data-reveal-id=halo-ask-an-expert-form] { right: -8px } } #halo-ask-an-expert-form { min-height: 120px; max-width: 786px; width: 100%; right: auto } @media (max-width:991px) { #halo-ask-an-expert-form { max-width: 600px } } #halo-ask-an-expert-form .modal-close { background: #fb641b } #halo-ask-an-expert-form .modal-close:hover { background: #000 } #halo-ask-an-expert-form .modal-header { padding: 0; height: 92px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; border-bottom: 0 } #halo-ask-an-expert-form .modal-header h2 { font-family: 'Bebas Neue', Arial, Helvetica, sans-serif; font-size: 32px } #halo-ask-an-expert-form .alert, #halo-ask-an-expert-form .form-inner .sub-title, #halo-ask-an-expert-form .form-inner .sub-title-question, #halo-ask-an-expert-form .form-inner h3, #halo-ask-an-expert-form .form-label, .haloProductsByCategory .module-heading { font-family: Arimo, Arial, Helvetica, sans-serif } #halo-ask-an-expert-form .alert { text-align: center; font-size: 14px; margin-bottom: 0 } #halo-ask-an-expert-form .form-inner { max-width: 500px; margin: 0 auto } #halo-ask-an-expert-form .form-inner h3 { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #3c3c3c; text-align: center; line-height: 20px; margin: 0 0 20px } #halo-ask-an-expert-form .form-inner .sub-title { text-align: center; color: #3c3c3c; font-size: 14px; border-bottom: 1px solid #d7d7d7; padding-bottom: 25px; margin-bottom: 25px } #halo-ask-an-expert-form .form-inner .sub-title-question { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #3c3c3c; text-align: center; line-height: 20px; margin: 0 0 25px } #halo-ask-an-expert-form .form-field { margin-bottom: 20px } #halo-ask-an-expert-form .form-label { display: inline-block!important; width: auto; margin-right: 25px; font-size: 14px } #halo-ask-an-expert-form .form-label.label-last { display: block!important; margin-bottom: 20px } #halo-ask-an-expert-form .form-input { box-shadow: none } #halo-ask-an-expert-form .form-input[name=message], #halo-ask-an-expert-form .form-input[name=phone] { margin-bottom: 10px } #halo-ask-an-expert-form button.fasubmit { width: 100%; max-width: 100%; height: 42px } .page-type-giftcertificates .form-row .form-fieldset.form-column .form-field:not(.form-field-group) { padding-left: 0; padding-right: 0 } .page-type-giftcertificates .form-row .form-fieldset.form-column .form-field:not(.form-field-group) textarea { width: 100%!important } .wow { visibility: hidden } .panel-body { background: #f5f5f5; border-radius: 3px } .haloProductsByCategory .module-heading { font-weight: 700; margin-top: 18px; line-height: 32px; margin-bottom: 20px; font-size: 24px; text-transform: capitalize; letter-spacing: 0; color: #6d6d6f; background: #ffffff4f; } @media (max-width:992px) { .haloProductsByCategory .module-heading { margin-bottom: 17px } } .haloProductsByCategory .module-heading>span { color: #000; display: inline-block; position: relative } .haloProductsByCategory #countDowntimer { margin-top: 17px; visibility: hidden; display: none; } @media (max-width:600px) { .haloProductsByCategory #countDowntimer { margin-top: 0; margin-bottom: 28px } } .haloProductsByCategory #countDowntimer span { font-size: 18px; color: #646464; letter-spacing: 0 } .haloProductsByCategory #countDowntimer i.fa { margin-right: 12px; font-size: 24px; color: #646464; position: relative; top: 2px } .haloProductsByCategory .view-action { margin-top: 10px; height: 40px; padding: 0 37px; box-shadow: 0 1px 3px rgba(0,0,0,.2); } @media (max-width:992px) { .haloProductsByCategory .view-action { margin-top: 35px; padding: 0 35px; margin-bottom: 14px } } .haloProductsByCategory { width: 100%; float: left; border-radius: 3px; position: relative; height: 420px; background: 0 0 } .haloProductsByCategory::before { position: absolute; box-shadow: 0 0 5px rgba(0,0,0,.08); border: 1px solid #dcdcdc; border-radius: 3px; background: #fff; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: "" } @media (max-width:600px) { .haloProductsByCategory { height: auto; margin-bottom: 25px } } @media (max-width:992px) { .haloProductsByCategory { width: 100%; height: auto; margin-bottom: 25px } } .haloProductsByCategory .category-title { width: 280px; float: left; text-align: center; position: relative; z-index: 1; padding: 250px 20px 20px; border: 1px solid #dcdcdc; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; height: 100%; } .haloProductsByCategory .category-title::before { position: absolute; /*background: url(../img/brg-gradient.png);*/ bottom: 0; left: 0; width: 100%; height: 55%; z-index: -1; content: "" } @media (min-width:991px) { .haloProductsByCategory .category-title::before { border-bottom-left-radius: 3px } } @media (max-width:992px) { .haloProductsByCategory .category-title { width: 100%; padding: 15px 20px 20px; border-bottom-left-radius: 0; border-top-right-radius: 3px } } @media (max-width:600px) { .haloProductsByCategory .category-title { width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 35px; padding-top: 15px } } .haloProductsByCategory .category-products { width: calc(100% - 280px); float: left; background: #fff; position: relative; z-index: 2; border: 1px solid #dcdcdc; border-left: 0; height: 420px; padding: 30px 20px 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px } @media (max-width:600px) { .haloProductsByCategory .category-products { width: 100%; height: auto; border-left: 0 } } @media (max-width:992px) { .haloProductsByCategory .category-products { height: auto; width: 100%; padding-bottom: 48px; left: 0; border-left: 1px solid #dcdcdc; border-top: 0; border-radius: 0 0 3px 3px } } .haloProductsByCategory .category-products .owl-item { position: relative } .haloProductsByCategory .category-products .owl-item .prod-image { height: 200px!important; margin-bottom: 16px } @media (min-width:992px) { .haloProductsByCategory .category-products .owl-item .prod-name { max-height: 40px; overflow: hidden } .warpBlock .owl-dots { display: none } } .main { padding: 0 28px } .main .container-fluid { padding: 0 } @media (max-width:600px) { .main { padding: 0 10px } } .warpBlock { margin-bottom: 30px } .warpBlock .desc-textCate p { margin-bottom: 0 } @media (min-width:600px) { .warpBlock .desc-textCate { max-height: 60px; } } .warpBlock:hover .owl-nav>div { opacity: 1 } .warpBlock .owl-nav>div { opacity: 0 } @media (max-width:991px) { .warpBlock { margin-bottom: 0 } .warpBlock .owl-item { padding-bottom: 25px!important } .warpBlock .owl-nav>div { display: none } } .warpBlock .owl-nav>div.owl-prev { left: -21px } .warpBlock .owl-nav>div.owl-next { right: -21px } .warpBlock .owl-dots { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (max-width:1199px) { .warpBlock .owl-dots { bottom: -20px; width: 200px; overflow: hidden; height: 15px; text-align: center } } .warpBlock .owl-dots>div { position: relative; display: inline-block; margin: 0 6px!important; width: 12px; height: 12px } .warpBlock .owl-dots>div span { top: 0; left: 0; width: 100%; height: 100%; outline: 0; border-radius: 50%; background-color: rgba(0,0,0,.4); text-indent: -999em; cursor: pointer; position: absolute; border: 1px solid rgba(0,0,0,.4); transition: border-color .3s ease } .warpBlock .owl-dots>div span:focus { outline: 0 } .warpBlock .owl-dots>div span::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: rgba(0,0,0,.4); border-radius: 50%; box-shadow: 0 0 1px rgba(0,0,0,.4); opacity: 0 } .brands, .warpBlockBanner .haloProductsByCategory .bannerBlock img { box-shadow: 0 0 5px rgba(0,0,0,.08) } .warpBlock .owl-dots>div span:focus, .warpBlock .owl-dots>div span:hover, .warpBlock .owl-dots>div.active span { border-color: #2974F0 } .warpBlock .owl-dots>div.active span::after { background: #fff; visibility: visible; opacity: 1 } .warpBlockBanner .haloProductsByCategory { float: left; border-radius: 3px; background: 0 0; position: relative; height: 420px } .warpBlockBanner .haloProductsByCategory::before { position: absolute; box-shadow: 0 0 5px rgba(0,0,0,.08); border: 1px solid #dcdcdc; background: #fff; bottom: 0; left: 0; width: calc(100% - 279px); height: 100%; z-index: -1; content: ""; border-radius: 3px } @media (max-width:600px) { .warpBlockBanner .haloProductsByCategory { height: auto; padding-bottom: 0!important } } @media (max-width:992px) { .warpBlockBanner .haloProductsByCategory { width: 100%; height: auto; margin-bottom: 25px; padding-bottom: 48px } .warpBlockBanner .haloProductsByCategory::before { width: 100% } } .warpBlockBanner .haloProductsByCategory .category-title { width: 280px; float: left; text-align: center; position: relative; z-index: 1; padding: 250px 20px 20px; border: 1px solid #dcdcdc; height: 100%; } .warpBlockBanner .haloProductsByCategory .category-title::before { position: absolute; /*background: url(../img/brg-gradient.png);*/ bottom: 0; left: 0; width: 100%; height: 55%; z-index: -1; content: "" } @media (min-width:991px) { .warpBlockBanner .haloProductsByCategory .category-title::before { border-bottom-left-radius: 3px } } @media (max-width:992px) { .warpBlockBanner .haloProductsByCategory .category-title { width: 100%; padding: 15px 20px 20px; border-bottom-left-radius: 0; border-top-right-radius: 3px } } @media (max-width:600px) { .warpBlockBanner .haloProductsByCategory .category-title { width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 35px; padding-top: 15px } } .warpBlockBanner .haloProductsByCategory .category-products { width:calc(100% - (280px + 278px)); float: left; background: #fff; position: relative; z-index: 2; top: 0; bottom: -8px; left: -1px; right: -1px; border: 1px solid #dcdcdc; height: 420px } @media (max-width:600px) { .warpBlockBanner .haloProductsByCategory .category-products { width: 100%!important; margin-bottom: 20px; border-right: 1px solid #dcdcdc!important } } @media (max-width:992px) { .warpBlockBanner .haloProductsByCategory .category-products { height: auto; border-bottom: 0; border-top: 0; border-right: 0; left: 0; width: calc(100% - 275px); padding: 20px 20px 0 } } .warpBlockBanner .haloProductsByCategory .category-products .owl-item { position: relative } .warpBlockBanner .haloProductsByCategory .bannerBlock { display: inline-block; float: right; width: 278px; padding-left: 0; } @media (max-width:992px) { .warpBlockBanner .haloProductsByCategory .bannerBlock { width: 254px; text-align: center; padding: 20px 20px 35px 0 } } @media (max-width:600px) { .warpBlockBanner .haloProductsByCategory .bannerBlock { width: 100%; padding-right: 0 } } .brands { border: 1px solid #dcdcdc; border-radius: 3px; background: 0 0; margin-bottom: 25px } .featured-brands { position: relative; max-width: 1600px; width: 99%; margin: auto; } .featured-brands .banner-item { margin-bottom: 0; z-index: -1; position: relative; min-height: 153px; } .featured-brands .banner-item img { width: 100%; border-radius: 0 } .featured-brands .module-heading { margin-top: -4px; margin-bottom: 24px; margin-left: 55px } @media (max-width:991px) { .featured-brands .module-heading { margin-left: 0 } } .featured-brands .owl-nav>div { top: 25%; background: #fff; width: 32px; height: 32px; border: 1px solid #ccc; box-shadow: 0 2px 5px rgba(0,0,0,.08); border-radius: 3px } .featured-brands .owl-nav>div:hover { color: #228dd6 } .featured-brands .owl-nav>div.owl-prev { right: 31px; left: auto; top: -37px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .featured-brands .owl-nav>div.owl-prev::before { content: '\f053'; color: #000; font-size: 14px } .featured-brands .owl-nav>div.owl-next { right: 0; left: auto; top: -37px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .featured-brands .owl-nav>div.owl-next::before { content: '\f054'; color: #000; font-size: 14px } .featured-brands .brands-title { font-size: 14px; margin: 10px 0 0; line-height: 28px; font-weight: 600; letter-spacing: 0 } .featured-brands .brands-text { float: left; width: calc(100% - 109px); padding-right: 10px } .featured-brands .content-brands { padding: 0 17px 13px; background-color: #fff; float: left; width: 100%; } .featured-brands .des-brands { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .featured-brands .brands_btn { float: right } .featured-brands .brands_btn a:hover {background:#bdbec0;color:#fff} .featured-brands .brands_btn a { padding: 0 20px; height: 32px; letter-spacing: 0; background: 0 0; color: #777; border: 1px solid #C8C8C8; box-shadow: 0 1px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); } .brg-content, .sidebarBlock { border-radius: 3px; background-color: #fff; overflow: hidden } .blog { margin-bottom: 1.5rem; padding: 0 3rem 3rem } @media (min-width:768px) { .blog { margin: auto; width: 100% } } .blog .addthis_toolbox, .blog .tags { margin-top: 3rem } .blog+.blog { border-top: 1px solid #e8e8e8; padding-top: 3rem } .blog+.blog .blog-title { padding-top: 0 } .blog blockquote, .blog blockquote p { font-size: 12px; line-height: 18px; padding-left: 20px; margin-bottom: 20px } .blog .blog-post h1, .blog .blog-post h2, .blog .blog-post h3, .blog .blog-post h4, .blog .blog-post h5, .blog .blog-post h6 { position: relative; padding-left: 16px } .blog .blog-post h1:before, .blog .blog-post h2:before, .blog .blog-post h3:before, .blog .blog-post h4:before, .blog .blog-post h5:before, .blog .blog-post h6:before { content: "\f054"; color: #ea8e0a; position: absolute; left: 0; top: 4px; font: normal normal normal 9px/1 FontAwesome } .blog-readmore, .blog-title, ul.all-categories-list a, ul.all-categories-list>li #navPages-level-3>li>a { font-family: Arimo, Arial, Helvetica, sans-serif } .blog-title { margin: 0; font-weight: 700; padding: 15px 0 16px; font-size: 20px } @media (max-width:480px) { .blog-title { font-size: 20px } } .blog-title a { text-decoration: none; color: #094996 } .blog-author, .blog-date, .blog-title a:hover { color: #2d2d2d } .brg-content { box-shadow: 0 0 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc } .page-type-blog_post .blog-title { padding-top: 0; margin-bottom: -3px; font-size: 20px } .page-type-blog_post h1, .page-type-blog_post h2, .page-type-blog_post h3, .page-type-blog_post h4, .page-type-blog_post h5, .page-type-blog_post h6 { font-family: Arimo, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0; line-height: 20px; text-transform: inherit } .blog-date { margin-bottom: 26px } .blog-author { margin-bottom: 2.5rem } .blog-post { font-size: 1rem; margin-bottom: 20px } .blog-thumbnail { margin: 0 0 36px; text-align: center } .blog-post-figure { display: block; margin: auto; text-align: left } .blog-post-body { display: block; margin: 0 auto; text-align: left; width: 100% } .blog-readmore { border-width: 1px; font-size: 12px; letter-spacing: 0; margin-bottom: 20px; color: #2d2d2d; height: 40px; font-weight: 700; box-shadow: 0 0 5px rgba(0,0,0,.15) } .blog-readmore:hover { color: #094996 } .blog-readmore~ul.tags { margin-top: 10px; margin-bottom: 10px } .page-type-brand .page, .page-type-category .page, .page-type-search .page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 } aside.page-sidebar.col-sm-3 { width: 20%; min-width: 240px; padding: 0 } @media (min-width:992px) and (max-width:1199px) { aside.page-sidebar.col-sm-3 { width: 20% } } @media (min-width:992px) { aside.page-sidebar.col-sm-3>nav { display: block!important } } @media (max-width:991px) { .page-type-brand .page, .page-type-category .page, .page-type-search .page { -ms-flex-wrap: wrap; flex-wrap: wrap } aside.page-sidebar.col-sm-3 { width: 100% } aside.page-sidebar.col-sm-3>nav { display: none } } @media (min-width:992px) { .page-type-category aside.page-sidebar>nav { display: block!important } } @media (max-width:991px) { .page-type-category aside.page-sidebar>nav { display: none } #sidebar-toggle { display: block!important; clear: both; box-shadow: 0 2px 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; overflow: hidden; margin: 0 auto 20px; max-width: 100rem; width: 100%; padding: 14px 20px } #sidebar-toggle .title-sidebar-toggle { width: 75%; float: left; padding: 0; text-align: left } #sidebar-toggle .btn-sidebar-toggle { width: 25%; float: left; padding: 0; text-align: right } #sidebar-toggle a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; text-transform: capitalize } #sidebar-toggle a i { font-size: 10px; margin-left: 10px; line-height: 20px } } aside.page-sidebar.col-sm-3~main.page-content.col-sm-9 { /* width: calc(100% - 269px); */ padding: 0 0 0 30px; width: 79%; } @media (min-width:992px) and (max-width:1199px) { aside.page-sidebar.col-sm-3~main.page-content.col-sm-9 { width: calc(100% - 240px) } } @media (max-width:991px) { aside.page-sidebar.col-sm-3~main.page-content.col-sm-9 { width: 100%; padding-left: 0 } } .sidebarBlock { margin-bottom: 20px; clear: both; box-shadow: 0 0 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc } .sidebarBlock .pad-block { padding: 20px 20px 0 } .sidebarBlock+.sidebarBlock { border-top: 1px solid #eaeaea; background-color: #fff } .sidebarBlock ul.navList>li.navList-item { padding: 0 0; } .sidebarBlock ul.navList>li.navList-item>a.navList-action { padding: 0; display: inline; position: relative; display: block; padding: 10px 15px; text-transform: capitalize; color: #6d6e6e; border-bottom: 1px solid #eee; } .sidebarBlock ul.navList>li.navList-item>a.navList-action:hover { border-bottom: 1px solid #094996 } #sideBannerImage.sidebarBlock-img { border: 0; text-align: center; padding-top: 0; border-radius: 3px; overflow: hidden; margin-bottom: 30px } ul.all-categories-list { margin: 0; list-style: none } ul.all-categories-list a { font-size: 13px; border-bottom: 1px solid transparent; padding: 0; letter-spacing: 0; display: inline-block } ul.all-categories-list i.fa.fa-chevron-up { position: absolute; right: 9px; padding: 8px; width: 30px; text-align: center; top: 10px; cursor: pointer; font-size: 10px; color: #cacaca } ul.all-categories-list i.fa.fa-chevron-up.is-clicked::before { content: "\f054"; position: relative; top: -1px; color: #fb641b } ul.all-categories-list>li { padding: 15px 20px 12px; position: relative; border-top: 1px solid #eaeaea } ul.all-categories-list>li:first-child { border-top: 0 } ul.all-categories-list>li>a { font-weight: 700; color: #6d6e6e; border-bottom: 1px dotted transparent; line-height: 1.3; } ul.all-categories-list>li>a:hover { color: #094996; border-bottom: 1px dotted #094996; line-height: 1.3 } ul.all-categories-list>li.current-cat>a { color: #094996; line-height: 1.3 } ul.all-categories-list>li.current-cat i.fa.fa-chevron-up.is-clicked::before { content: "\f054"; position: relative; top: -1px; color: #094996; } ul.all-categories-list>li>ul { margin: 0; border-left: 0!important } ul.all-categories-list>li>ul>li>ul { border: 0!important } ul.all-categories-list>li>ul>li:last-of-type { border-bottom-color: transparent } ul.all-categories-list>li ul.dropdown-category-list { /* opacity: 1; */ /* visibility: visible; */ /* height: 0; */ /* margin: 0; */ border-left: 1px dotted #eaeaea; } ul.all-categories-list>li ul.dropdown-category-list.cat-expanded { opacity: 1; visibility: visible; height: auto; padding-top: 8px } ul.all-categories-list>li #navPages-level-3>li>a { color: #2f2f2f; line-height: 1.3; display: inline-block; font-weight: 400 } ul.all-categories-list>li #navPages-level-3>li>a:hover { color: #094996 } ul.all-categories-list>li #navPages-level-3>li.current-cat::before { position: absolute; left: 35px; top: 6px; color: #cacaca; filter: alpha(opacity=100); content: "\f0da"; font: normal normal normal 13px/1 FontAwesome; transition: all .3s ease 0s } ul.all-categories-list>li #navPages-level-3>li.current-cat a { padding-left: 0; border-bottom: 1px dotted #094996; margin-left: 15px; line-height: 1; color: #094996!important; display: inline-block } ul.all-categories-list ul { list-style: none } ul.all-categories-list ul>li { position: relative; padding: 10px 0; border-top: 1px dotted #eaeaea } ul.all-categories-list ul>li i { right: -11px!important; top: 5px!important; color: #cacaca; z-index: 1 } ul.all-categories-list ul>li a { display: inline-block; position: relative; color: #6d6e6e; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1.1; } ul.all-categories-list ul>li a:hover { text-decoration: none; color: #094996 } ul.all-categories-list ul>li.current-cat>a { text-decoration: none; color: #2d2d2d; font-weight: 600 } ul.all-categories-list ul>li .selected { font-weight: 600; color: #094996 } ul.all-categories-list ul>li ul li { position: relative; padding: 4px 0 4px 20px; border: 0 } ul.all-categories-list ul>li ul li:hover::before { position: absolute; right: 0; top: 6px; color: #cacaca; filter: alpha(opacity=100); content: "\f0da"; font: normal normal normal 13px/1 FontAwesome; transition: all .3s ease 0s } #customCMS-detail .heading-customCMS span, #sideRecentPosts ul li a, #sideShopByBrands .view-all-brands, #sideShopByPrice ul li a, .brandGrid .brand .card-title, .page-sidebar .side-module-heading, .prod-item .btn-compare span, .prod-item article.card { font-family: Arimo, Arial, Helvetica, sans-serif } ul.all-categories-list ul>li ul li a { padding-left: 0 } ul.all-categories-list ul>li ul li:hover a { color: #094996!important; display: inline-block } #sideShopByBrands ul { list-style: none; margin-bottom: 15px; max-height: 300px; overflow: auto } #sideShopByBrands ul::-webkit-scrollbar { background:#f8f8f8; width:8px; height:8px } #sideShopByBrands ul::-webkit-scrollbar-track { background:#f8f8f8 } #sideShopByBrands ul::-webkit-scrollbar-thumb { background:#505050 } #sideShopByBrands ul li { padding: 5px 0 } #sideShopByBrands ul li a { padding: 0; display: inline; font-size: 12px; color: #6d6e6e; } #sideShopByBrands ul li a:hover { color: #094996; border-bottom: 1px solid #094996 } #sideShopByBrands .navList { padding: 20px } #sideShopByBrands .view-all-brands { padding-top: 25px; font-weight: 600; margin-top: 5px; color: #094996 } #sideShopByBrands .view-all-brands i { margin-right: 10px; color: #cacaca } #sideShopByBrands .view-all-brands:hover { color: #2d2d2d; border-bottom-color: #094996 } #sideRecentPosts ul { list-style: none; margin-bottom: 10px } #sideRecentPosts ul li { padding: 14px 22px 16px; border-bottom: 1px solid #eaeaea } #sideRecentPosts ul li a { font-size: 12px; display: inline; position: relative; color: #094996 } #sideRecentPosts ul li a:hover { text-decoration: none; color: #2d2d2d } #sideRecentPosts ul li:last-child { border-bottom: 0 } #sideTopSellers .productCarousel { padding-top: 20px; padding-bottom: 30px } #sideTopSellers .prod-item { margin-bottom: 0; text-align: center } @media (min-width:480px) and (max-width:991px) { #sideTopSellers .prod-item .card-figure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100% } #sideTopSellers .prod-item .card-figure .prod-image { width: 20%; margin-bottom: 0; margin-top: 0; margin-left: 70px } #sideTopSellers .prod-item .card-figure .prod-desc { width: 80%; padding-right: 50px; padding-bottom: 0; text-align: left } } #sideTopSellers .prod-image { min-height: auto; margin: 20px 20px 0; height: 215px } #sideTopSellers .prod-image a img { max-width: 130px } #sideTopSellers .owl-nav>div { top: 25%; background: #fff; width: 37px; height: 37px; border: 1px solid #ccc; box-shadow: 0 2px 5px rgba(0,0,0,.08); border-radius: 3px } #sideTopSellers .owl-nav>div:hover { color: #228dd6 } #sideTopSellers .owl-nav>div.owl-prev { left: 20px } #sideTopSellers .owl-nav>div.owl-prev::before { content: '\f053'; color: #000; font-size: 14px } #sideTopSellers .owl-nav>div.owl-next { right: 20px } #sideTopSellers .owl-nav>div.owl-next::before { content: '\f054'; color: #000; font-size: 14px } #sideTopSellers .prod-desc { text-align: center; padding-bottom: 0; margin: 0 20px } .productList, .sitemapPage>ul { margin-left: 0 } #sideTopSellers .star-rating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; visibility: visible } #sideTopSellers .productCarousel .owl-stage { -ms-flex-wrap: wrap; flex-wrap: wrap } #customCMS-detail { background-color: #eff7fd; border-radius: 3px; padding: 25px 25px 7px; border-bottom: 1px solid #d2e9fb; display: none; margin-top: 35px; margin-bottom: 35px; } #customCMS-detail .heading-customCMS { margin: 0; padding-bottom: 15px } #customCMS-detail .heading-customCMS i { font-size: 25px; color: #505050 } #customCMS-detail .heading-customCMS span { padding-left: 12px; font-size: 14px; font-weight: 700 } #sideCustomCMS a { color: #094996 } #sideCustomCMS a:hover { color: #2d2d2d; border-bottom: 1px solid #2d2d2d } #sideShopByPrice ul { list-style: none; margin: 0; padding: 20px } #sideShopByPrice ul li { padding: 5px 0 } #sideShopByPrice ul li a { padding: 0; display: inline; font-size: 12px; color: #6d6e6e; } #sideShopByPrice ul li a:hover { color: #094996; border-bottom: 1px solid #094996 } #sideShopByPrice ul li a.is-active { color: #2d2d2d } .page-sidebar .side-module-heading { background: #fff; border-bottom: 1px solid #eaeaea; padding: 17px 20px; margin-top: 0; margin-bottom: 0; font-size: 14px; letter-spacing: 0; text-align: left; font-weight: 700; color: #6d6e6e; line-height: 1.1; text-transform: uppercase; } @media (max-width:991px) { #sideTopSellers .owl-nav>div { top: 45% } .page-sidebar .accordion-navigation.is-open .accordion-title.side-module-heading { border-bottom: 1px solid #eaeaea } .page-sidebar .accordion-navigation .accordion-title.side-module-heading { border-bottom: 0 } } .page-sidebar .accordion-content { background: #fff; padding: 20px; /* display: none; */ } .page-sidebar #sideAllCategories .accordion-content, .page-sidebar #sideRecentPosts .accordion-content, .page-sidebar #sideTopSellers .accordion-content, .page-sidebar .navList-action { padding: 0 } .page-sidebar .accordion-block { box-shadow: none; border-bottom: 0px solid #dcdcdc; border-radius: 3px; overflow: hidden; /* display: none; */ } .page-sidebar .accordion-block .accordion-navigation.is-open .accordion-title.side-module-heading { border-bottom: 1px solid #eaeaea } .page-sidebar .accordion-block .accordion-navigation .accordion-title.side-module-heading { border-bottom: 0 } .page-sidebar .facetedSearch-refineFilters { padding-bottom: 20px } .page-sidebar .facetedSearch-refineFilters .alert { margin-bottom: 0 } .page-sidebar .side-cms-content { padding: 20px } @media (min-width:991px) { .page-sidebar #sideTopSellers .prod-name { color: #094996 } } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC { margin-top: 5px; font-size: 12px; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: color .3s ease 0s; -moz-transition: color .3s ease 0s; -webkit-transition: color .3s ease 0s; -ms-transition: color .3s ease 0s; -o-transition: color .3s ease 0s; padding: 0 25px; line-height: 32px; min-height: 40px; border: 0; border-radius: 3px } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC i.icon-cart { margin-right: 8px; width: 22px; height: 20px; position: relative } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC i.icon-cart svg { height: 28px; width: 28px; fill: #fff; margin-right: 10px } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC:focus { box-shadow: none } .brandGrid .brand .card, .sitemapPage>ul>li { background-color: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.06); overflow: hidden } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC:hover { transition: color .3s ease 0s; -moz-transition: color .3s ease 0s; -webkit-transition: color .3s ease 0s; -ms-transition: color .3s ease 0s; -o-transition: color .3s ease 0s } @media (max-width:480px) { .page-sidebar #sideTopSellers .prod-name { color: #094996 } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC { letter-spacing: 0; font-weight: 700; font-size: 11px; padding: 0; width: 87% } .page-sidebar #sideTopSellers .productCarousel .owl-stage .owl-item .prod-item a.btnATC i { display: none } } .page-sidebar #sideTopSellers .star-rating { display: inline-block!important; margin-bottom: 8px } .sitemapPage>ul>li { border-radius: 3px; margin-bottom: 30px } .sitemapPage>ul>li>ul { padding: 10px 30px 20px } .sitemapPage>ul>li>ul>li>a { font-size: 13px; color: #000; font-weight: 700 } .sitemapPage>ul>li>ul>li>ul>li>a { font-size: 12px; color: #2255a4; font-weight: 700 } .sitemapPage>ul>li>ul>li>ul>li>ul>li { list-style: disc } .sitemapPage h1.titlePage { text-transform: capitalize; font-weight: 700; font-size: 20px; margin-bottom: 27px } .sitemapPage h3.titleName { background: #fff; border-bottom: 1px solid #eaeaea; padding: 17px 20px; margin-top: 0; margin-bottom: 0; font-size: 14px; letter-spacing: 0; text-align: left; font-weight: 700; color: #2f2f2f; line-height: 1.1; text-transform: uppercase } .sitemapPage a { border-bottom: 1px dotted #d0d0d0; padding: 10px 0; display: block; text-transform: capitalize } .brandGrid .brand figure, img.brand-logo-heading { border: 1px solid #d0d0d0 } img.brand-logo-heading { margin-bottom: 20px; padding: 10px; background: #fff } .brandGrid .brand, .productGrid .product { padding-left: 15px; padding-right: 15px; float: none; vertical-align: top } .brandGrid { list-style: none; margin: 0 -15px 1.5rem; max-width: none; width: auto; font-size: 0 } .brandGrid ol, .brandGrid ul { list-style: none; margin-bottom: 0 } .brandGrid:after, .brandGrid:before { content: " "; display: table } .brandGrid:after { clear: both } .brandGrid .brand { width: 50%; display: inline-block; font-size: 1rem } @media (min-width:480px) { .brandGrid .brand { width: 33.33333% } } @media (min-width:768px) { .brandGrid .brand { width: calc(100%/5) } } .brandGrid .brand .card-title { text-align: center; font-size: 13px; letter-spacing: 0; font-weight: 400 } .brandGrid .brand .card-image { width: 100% } .brandGrid .brand .card-body { padding-bottom:.75rem } .brandGrid .brand .card { border-radius: 3px; border-bottom: 1px solid #dcdcdc } .productGrid { list-style: none; margin: 0 -15px 1.5rem; max-width: none; width: auto; font-size: 0 } .productGrid ol, .productGrid ul { list-style: none; margin-bottom: 0 } .productGrid:after, .productGrid:before { content: " "; display: table } .productGrid:after { clear: both } .productGrid .product { width: 50%; display: inline-block; font-size: 1rem } @media (min-width:480px) { .productGrid .product { width: 33.33333% } } @media (min-width:768px) { .productGrid .product { width: 25% } } .productMasonry { -webkit-column-count: 2; column-count: 2; -webkit-column-fill: auto; column-fill: auto; -webkit-column-gap: 1.66667rem; column-gap: 1.66667rem; margin: 0 0 1.5rem; overflow: hidden } @media (min-width:480px) { .page-sidebar+.page-content .productGrid .product { width: 33.33333% } .productMasonry { -webkit-column-count: 3; column-count: 3 } } .productMasonry .product { -webkit-column-break-inside: avoid; break-inside: avoid; display: block; margin-bottom: 3rem; padding: 0; width: 100% } .productMasonry .card { margin: 0 } .no-csscolumns .productMasonry { list-style: none; margin: 0 -15px; max-width: none; width: auto; font-size: 0 } .no-csscolumns .productMasonry ol, .no-csscolumns .productMasonry ul { list-style: none; margin-bottom: 0 } .no-csscolumns .productMasonry:after, .no-csscolumns .productMasonry:before { content: " "; display: table } .no-csscolumns .productMasonry:after { clear: both } .no-csscolumns .productMasonry .product { padding-left: 15px; padding-right: 15px; width: 25%; float: none; display: inline-block; font-size: 1rem; vertical-align: top } .no-csscolumns .productMasonry .card { margin: 0 } @media (min-width:768px) { .productMasonry { -webkit-column-count: 4; column-count: 4 } .no-csscolumns .productGrid--maxCol6 .product { width: 16.66667% } .csscolumns .productGrid--maxCol6 { -webkit-column-count: 6; column-count: 6 } .no-csscolumns .productGrid--maxCol3 .product { width: 33.33333% } .csscolumns .productGrid--maxCol3 { padding-left: 15px; padding-right: 15px; width: 100%; float: left } .csscolumns .productGrid--maxCol3 .product { padding-left: 15px; padding-right: 15px; width: 33.33333%; float: left } } .module-wrapper .productBlockContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width:1199px) { .module-wrapper .productBlockContainer .prod-item:nth-child(4n+1) { padding-right: 12.5px!important; padding-left: 25px!important } .module-wrapper .productBlockContainer .prod-item:nth-child(4n) { padding-left: 12.5px!important; padding-right: 25px!important } } .module-wrapper .productBlockContainer.columns-5 .prod-item { width: 20%; padding: 25px; border-bottom: 1px solid #eaeaea } .module-wrapper .productBlockContainer.columns-4 .prod-item { width: 25%; padding: 25px 12.5px 38px; border-bottom: 1px solid #eaeaea } .module-wrapper .productBlockContainer.columns-3 .prod-item { width: 33.33%; padding: 25px; border-bottom: 1px solid #eaeaea } .module-wrapper .productBlockContainer.columns-2 .prod-item { width: 50%; padding: 25px; border-bottom: 1px solid #eaeaea } .module-wrapper .productBlockContainer.columns-1 .prod-item { width: 100%; padding: 25px; border-bottom: 1px solid #eaeaea } @media (max-width:1199px) { .module-wrapper .productBlockContainer.columns-5 .prod-item { width: 25% } .module-wrapper .productBlockContainer.columns-4 .prod-item { width: 33.33% } } @media (max-width:767px) { .module-wrapper .productBlockContainer.columns-4 .prod-item, .module-wrapper .productBlockContainer.columns-5 .prod-item { width: 33.33% } .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(3n+1) { padding-right: 12.5px!important; padding-left: 25px!important } .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(3n) { padding-left: 12.5px!important; padding-right: 25px!important } } @media (max-width:640px) { .module-wrapper .productBlockContainer.columns-3 .prod-item, .module-wrapper .productBlockContainer.columns-4 .prod-item, .module-wrapper .productBlockContainer.columns-5 .prod-item { width: 50% } .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(2n+1) { padding-right: 12.5px!important; padding-left: 25px!important } .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(2n) { padding-left: 12.5px!important; padding-right: 25px!important } } @media (min-width:992px) and (max-width:1199px) { #product-listing-container .module-wrapper .productBlockContainer.columns-3 .prod-item { width: 50% } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item { width: 33.33% } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(3n+1) { padding-right: 12.5px!important; padding-left: 25px!important } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(3n) { padding-left: 12.5px!important; padding-right: 25px!important } } @media (min-width:768px) and (max-width:991px) { #product-listing-container .module-wrapper .productBlockContainer.columns-3 .prod-item { width: 25%; margin: 0; padding: 15px 15px 30px } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item { width: 25% } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(4n+1) { padding-right: 12.5px!important; padding-left: 25px!important } #product-listing-container .module-wrapper .productBlockContainer.columns-4 .prod-item:nth-child(4n) { padding-left: 12.5px!important; padding-right: 25px!important } } .page-type-default .prod-image>a img { max-height: 200px; width: auto!important; } .prod-item { margin-bottom: 0; width: 100% } .prod-item article.card { margin: 0; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .prod-item .btn-compare { display: none; cursor: pointer } .prod-item .btn-compare span { color: #787878; font-size: 12px } .prod-item .btn-compare input { display: none } @media (max-width:991px) { .prod-item .btn-compare { display: block } } .prod-item .prod-image { position: relative; margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 250px } @media (max-width:480px) { .prod-item .prod-image { min-height: auto; max-height: 182px } .prod-item .prod-image .actions { width: 100% } } @media (max-width:991px) and (min-width:768px) { .prod-item .prod-image { max-height: 182px } } .prod-item .prod-image>a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center } .prod-item .prod-image .actions { position: absolute; top: 45%; left: 0; right: 0; text-align: center; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all .3s ease 0s } .prod-item .prod-image .actions span.warp-actions { box-shadow: 0 1px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); display: inline-block; overflow: hidden; padding-left: 3px; border-radius: 3px } .prod-item .prod-image .actions a { width: 35px; height: 35px; display: inline-block; margin-left: -4px; text-align: center; line-height: 40px; color: #777; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f4f4f3)); } .prod-item .prod-image .actions a:hover { color: #ccc; } .prod-item .prod-image .actions a.btnQV i { font-size: 18px; line-height: 36px } .prod-item .prod-image .actions a.btnWL i { font-size: 15px; line-height: 37px } .prod-item .prod-image .actions a+a { border-left: 1px solid #ccc } .prod-item .prod-image.has-img-swap:hover .card-image.img-swap { display: block } .prod-item:hover .actions { opacity: 1; filter: alpha(opacity=100); visibility: visible; transition: all .3s ease 0s } .prod-item:hover .actions>a.btnWL { top: -5px } .prod-item .prod-desc { margin: 0; text-align: center } @media (max-width:991px) { .prod-item .prod-desc { margin-bottom: 0 } } .prod-item .prod-desc[login-for-pricing] { padding-bottom: 0 } .prod-item .prod-desc .prod-brand { margin-bottom: 8px; font-weight: 700; min-height: 20px; display: block; letter-spacing: 0; color: #8c8c8c; font-size: 11px; text-transform: uppercase } .prod-item .prod-desc h4.prod-name { margin-top: 0; margin-bottom: 7px; font-family: Arimo; font-size: 12px; font-weight: 400; line-height: 20px; letter-spacing: 0 } .prod-item .prod-desc h4.prod-name a { color: #777; } .prod-item .prod-desc h4.prod-name:hover a { color: #1c4587; text-decoration: none } .prod-item .prod-desc .prod-summary { display: none } .prod-item .prod-desc .prod-price { color: #6d6e6e; font-family: Arimo; line-height: 25px; margin-bottom: 10px; font-weight: 400; font-size: 16px; } .prod-item .prod-desc .prod-price .price--rrp { color: #8c8c8c; margin-right: 8px; font-size: 14px; font-style: italic; letter-spacing: 0 } .prod-item .prod-desc .prod-price .price--rrp~.price--withoutTax { color: #e95144; font-weight: 400; letter-spacing: 0 } .prod-item .prod-desc .prod-price p[translate] { color: #094996; font-size: 14px; margin-bottom: 10px } .prod-item .prod-desc .star-rating { padding-top: 2px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch } .new-badge, .sale-badge { display: -webkit-box; display: -ms-flexbox } .new-badge, .sale-badge, .soldOut-badge { height: 22px; font-weight: 600; font-size: 10px; line-height: 22px; position: absolute; z-index: 1; top: 0; right: 0; padding: 0; color: #fff; text-align: center; text-transform: uppercase; font-family: Arimo, Arial, Helvetica, sans-serif } @media (max-width:992px) { .prod-item .prod-desc .star-rating { opacity: 1; visibility: visible } } @media (max-width:480px) { .prod-item .prod-desc .star-rating { -ms-flex-wrap: wrap; flex-wrap: wrap } } .new-badge, .sale-badge { width: 43px } .new-badge { letter-spacing: .02em; border: 1px solid #1c4587; background: #1c4587; border-radius: 3px; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sale-badge { letter-spacing: 0; border: 1px solid #e95144; background: #e95144; border-radius: 3px; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .soldOut-badge { width: 73px; letter-spacing: 0; border: 1px solid #d9d9d9; background: #d9d9d9; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .new-badge~.sale-badge { right: 47px } .new-badge~.soldOut-badge, .sale-badge~.soldOut-badge { top: 26px } .productView-images .new-badge, .productView-images .sale-badge { right: 30px; top: 15px } .productView-images .new-badge~.sale-badge { right: 77px } .productView-images .new-badge~.soldOut-badge, .productView-images .sale-badge~.soldOut-badge { top: 41px; right: 30px } .module-wrapper:not(.productList) .prod-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .module-wrapper:not(.productList) .prod-item:hover article.card { position: relative; z-index: 2 } .module-wrapper:not(.productList) .prod-item .card-figure { background: 0 0; height: auto } @media (min-width:992px) { .module-wrapper:not(.productList) .prod-item .btnAbs { position: absolute; top: 42.5%; right: 0; left: 0; text-align: center } } .module-wrapper:not(.productList) .prod-item a.btnATC { font-size: 12px; letter-spacing: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: color .3s ease 0s; -moz-transition: color .3s ease 0s; -webkit-transition: color .3s ease 0s; -ms-transition: color .3s ease 0s; -o-transition: color .3s ease 0s; box-shadow: 0 2px 5px rgba(0,0,0,.08); padding: 0 25px; line-height: 32px; min-height: 40px; border: 0; border-radius: 3px } .module-wrapper:not(.productList) .prod-item a.btnATC i.icon-cart { margin-right: 8px; width: 22px; height: 20px; position: relative } .module-wrapper:not(.productList) .prod-item a.btnATC i.icon-cart svg { height: 25px; width: 25px; fill: #fff; margin-right: 10px } .module-wrapper:not(.productList) .prod-item a.btnATC:focus { box-shadow: none } .module-wrapper:not(.productList) .prod-item a.btnATC:hover { transition: color .3s ease 0s; -moz-transition: color .3s ease 0s; -webkit-transition: color .3s ease 0s; -ms-transition: color .3s ease 0s; -o-transition: color .3s ease 0s } @media (min-width:992px) { .module-wrapper:not(.productList) .prod-item a.btnATC { opacity: 0; visibility: hidden; border: 0; border-radius: 3px } } @media (max-width:480px) { .module-wrapper:not(.productList) .prod-item a.btnATC { letter-spacing: 0; font-weight: 700; font-size: 11px; padding: 0; width: 100% } .module-wrapper:not(.productList) .prod-item a.btnATC i { display: none } } .module-wrapper:not(.productList) .prod-item a.btnWL.WLproductList { display: none } .module-wrapper:not(.productList) .prod-item .btn-compare, .module-wrapper:not(.productList) .prod-item .star-rating { display: inline-block } .module-wrapper:not(.productList) .prod-item:hover .star-rating, .module-wrapper:not(.productList) .prod-item:hover a.btnATC { opacity: 1; visibility: visible } .module-wrapper:not(.productList) .prod-item:hover img.card-image { opacity: .6 } .module-wrapper:not(.productList) .prod-item img.card-image:hover { opacity: 1 } #homeFeaturedProducts.module-wrapper .productCarousel, #relatedProducts.module-wrapper .productCarousel, #similarByViews.module-wrapper .productCarousel { margin-bottom: 30px; background: 0 0 } #homeFeaturedProducts.module-wrapper .productCarousel .prod-item:not(:hover), #relatedProducts.module-wrapper .productCarousel .prod-item:not(:hover), #similarByViews.module-wrapper .productCarousel .prod-item:not(:hover) { background: 0 0 } .productCarousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .productCarousel .owl-stage .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .productCarousel .owl-stage .owl-item .prod-item { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } @media (max-width:991px) { .module-wrapper:not(.productList) .prod-item a.btnATC { width: 100% } .module-wrapper:not(.productList) .prod-item .btn-compare { margin-top: 15px } #homeFeaturedProducts.module-wrapper>.container, #relatedProducts.module-wrapper>.container, #similarByViews.module-wrapper>.container { padding-bottom: 30px } #homeFeaturedProducts.module-wrapper .productCarousel, #relatedProducts.module-wrapper .productCarousel, #similarByViews.module-wrapper .productCarousel { margin-bottom: 0 } .productCarousel .owl-stage .owl-item .prod-item { padding: 0 } } .productList { list-style: none } .productList ol, .productList ul { list-style: none; margin-bottom: 0 } .productList .product+.product { margin-top: 4rem } @media (min-width:480px) { .listItem { margin: 0 -15px; max-width: none; width: auto; display: table } .listItem:after, .listItem:before { content: " "; display: table } .listItem:after { clear: both } .listItem-body, .listItem-figure { display: table-cell; vertical-align: top } } .listItem-figure { margin: 0 0 1.5rem } @media (min-width:480px) and (min-width:480px) { .listItem-figure { padding-left:.75rem; padding-right:.75rem; width: 25% } } .listItem-image { width: 100% } @media (min-width:480px) { .listItem-figure { margin-bottom: 0 } .listItem-body { padding-left: 1.25rem; padding-right:.75rem; width: 75% } } @media (min-width:1200px) { .listItem-body, .listItem-figure { vertical-align: middle } .listItem-content { display: table } .listItem-actions, .listItem-details { display: table-cell; vertical-align: top } .listItem-details { padding-right: 6rem } .listItem-details>:last-child { margin-bottom: 0 } } .listItem-rating { margin-bottom:.41667rem } .listItem-brand { color: #a5a5a5; font-size: 1rem; margin:0 0 .16667rem } @media (min-width:768px) { .listItem-brand { font-size: 15px; margin-bottom: 0 } } .listItem-title { font-size: 15px; margin:0 0 .16667rem } .listItem-title>a { text-decoration: none } .listItem-price { margin-bottom: 1rem } @media (min-width:768px) { .listItem-price, .listItem-title { font-size: 20px } } .listItem-actions .button { margin-bottom: 0 } @media (min-width:1200px) { .listItem-actions { vertical-align: middle; width: 22% } .listItem-actions .button--compare { font-size: 13px; padding:.58333rem 1.5rem } .listItem-actions .button { width: 100% } .listItem-actions .button+.button { margin:.75rem 0 0 } .page-sidebar+.page-content .productList .listItem-details { padding-right: 3rem } .page-sidebar+.page-content .productList .listItem-actions { width: 30% } } .module-wrapper.productList .productBlockContainer { margin-left: 0; margin-right: 0 } .module-wrapper.productList .productBlockContainer .prod-item { width: 100%!important; padding: 0 } .module-wrapper.productList .productBlockContainer .prod-item .card-figure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100% } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-image { width: 210px; margin-bottom: 0 } @media (max-width:480px) { .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-image { width: 40%; min-width: 40% } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-image .btnQV { position: static; display: inline-block } } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-image a.btnWL { display: none; opacity: 1 } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc { width: calc(100% - 210px); padding-left: 30px; padding-bottom: 0; text-align: left } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc h4.prod-name { margin-bottom: 10px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .prod-summary { display: block; margin-bottom: 20px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .prod-summary p { color: #2d2d2d; margin-bottom: 10px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .star-rating { display: block!important; margin-bottom: 15px; opacity: 1; visibility: visible } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc a.btnWL span { font-weight: 400; color: #303030; font-size: 12px; letter-spacing: 0; border-bottom: 1px solid #989898; line-height: 1.3; display: inline-block } #reviews-product .toggle-title, .productView .productView-brand, .productView-price, .productView-title { font-weight: 700; font-family: Arimo, Arial, Helvetica, sans-serif } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc a.btnWL i { padding-right: 10px; font-size: 15px; color: #505050 } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc a.btnWL:hover i, .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc a.btnWL:hover span { color: #094996 } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .rating-compare { opacity: 1; visibility: visible } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btn-compare { display: block; margin-top: 20px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnAbs { display: inline-block!important; margin-right: 20px; width: auto; min-width: 170px; margin-top: 12px } @media (max-width:1199px) { .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnAbs { display: block!important } } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC { display: -moz-inline-flex!important; display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; margin-right: 25px; width: auto; min-width: 170px; border: 0; color: #fff; background-color: #1c4587; } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC i { padding-right: 10px; margin-top: 2px; font-size: 12px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC i.icon-cart { margin-right: 8px; width: 22px; height: 20px; position: relative } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC i.icon-cart svg { height: 25px; width: 25px; fill: #fff; margin-right: 10px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC:hover { color: #fff; background-color: #6d6e6e; } @media (max-width:1199px) { .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC { width: 100%; min-width: 100%; margin-bottom: 25px; margin-right: 0 } } @media (max-width:480px) { .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc .btnATC { letter-spacing: 0; font-size: 11px; padding: 0; line-height: 35px } .module-wrapper.productList .productBlockContainer .prod-item .card-figure .prod-desc { width: 60%; padding-left: 20px } } .module-wrapper.productList .productBlockContainer .prod-item .card { padding: 30px 30px 32px } .module-wrapper.productList .productBlockContainer .prod-item+.prod-item>.card { padding-top: 30px } .productView--quickView .socialLinks-item--print { display: none } #relatedProducts.module-wrapper, #reviews-product.module-wrapper, #similarByViews.module-wrapper { box-shadow: 0 0 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 30px } #reviews-product .toggle-title { background: #fff; border-bottom: 1px solid #eaeaea; padding: 14px 30px 13px; margin-top: 0; margin-bottom: 0; font-size: 14px; letter-spacing: 0; text-align: left; color: #777; line-height: 1.1; text-transform: uppercase; } #reviews-product .toggle-title a.toggleLink span { color: #969696; font-size: 12px; text-transform: capitalize } #reviews-product .toggle-title i.fa { font-size: 12px; color: #969696 } #reviews-product .toggle-content { padding: 30px } .productView .productView-description, .productView .productViewTop { box-shadow: 0 0 5px rgba(0,0,0,.08); border-bottom: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; margin-bottom: 30px; overflow: hidden } .productView .productViewTop { padding: 30px 30px 25px } .modal .productView { padding-bottom: 0; padding-top: 37px } .productView .zoom-help { clear: both; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a0a0a0; display: none } .productView .zoom-help i.fa { margin-left: 12px; font-size: 14px } .productView.productView--quickView .productViewTop { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 } .productView .productView-brand { color: #8c8c8c; font-size: 12px; letter-spacing: 0; text-transform: uppercase; line-height: 1; margin: 0 0 25px } .productView .productView-brand a { color: #8c8c8c } .productView .productView-brand a:hover { color: #000; border-bottom: 1px solid #000 } .productView-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 10px } .productView-image img { width: 100% } .productView-image img:hover { cursor: zoom-in } .jstree-ocl, .productView:not(.productView--quickView).reviewLinkCount { cursor: pointer } .productView-image .productView-image--default { width: auto } .productView-image~.productView-thumbnails .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .productView-thumbnails { text-align: center; position: relative; padding: 0 30px } .productView-thumbnails a { display: inline-block } .productView-thumbnails a img { -webkit-transform-style: unset; transform-style: unset } .productView-thumbnails .owl-nav>div { top: 48%; position: absolute; background: 0 0; border: 0; width: 37px; height: 37px } .productView-thumbnails .owl-nav>div:hover { color: #228dd6 } .productView-thumbnails .owl-nav>div.owl-prev { left: -15px } .productView-thumbnails .owl-nav>div.owl-prev::before { content: '\f053'; color: #000; font-size: 14px } .productView-thumbnails .owl-nav>div.owl-next { right: -15px } .productView-thumbnails .owl-nav>div.owl-next::before { content: '\f054'; color: #000; font-size: 14px } .productView-thumbnails .productView-thumbnail-link { position: relative; margin-top: 10px; margin-bottom: 10px } .productView-thumbnails .productView-thumbnail-link::after { content: ""; position: absolute; bottom: -1px; left: -1px; right: -1px; height: 2px; background: #000; opacity: 0 } .productView-thumbnails .productView-thumbnail-link:hover { opacity: .3 } .productView-thumbnails .productView-thumbnail-link.is-active::after { opacity: 1 } .productView-details { margin-bottom: 50px } @media (max-width:767px) { .productView-details { margin-bottom: 10px } } .productView-brand a:hover { border-bottom: 1px solid #094996 } .productView-title { font-size: 20px; margin: -7px 10px 12px 0; letter-spacing: 0; line-height: 1.5em; color: #777; } @media (max-width:767px) { .productView-title { margin-top: 0; padding-top: 5px } } .productView-rating { margin-bottom: 25px } .productView-rating i.fa { font-size: 13px; vertical-align: middle } .productView-reviewLink { display: inline-block; margin-left: 15px; vertical-align: middle } .productView-reviewLink+.productView-reviewLink { margin-left: 15px; display: none } @media (min-width:480px) { .productView-reviewLink+.productView-reviewLink { display: inline-block } .productView-options { text-align: left } .productView-options .form-input[type=number] { width: 100px } } .productView-reviewLink>a { color: #777; text-decoration: underline; } .productView-reviewLink>a:hover { border-bottom: 1px solid #000 } .productView-price { font-size: 24px; margin-bottom: 29px; color: #777; } .productView-price .price-section { display: inline-block } .productView-price .price-section--saving { font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 1rem; color: #fff; background: #e95144; font-weight: 400; padding: 0 10px; line-height: 25px; position: relative; border-radius: 3px; top: -3px; } .productView-price .price-section--saving:before { content: "\f0d9"; color: #e95144; position: absolute; left: -6px; top: 4px; font: normal normal normal 18px/1 FontAwesome; } .productView-price .price.price--rrp { color: #8c8c8c; font-size: 16px; margin-right: 10px } .productView-price .price.price--rrp~.price--withoutTax { color: #e95144; font-size: 20px } .productView-price abbr { border: 0; color: inherit; font-size: inherit } .productView-price .price-section--withoutTax { font-size: 20px; margin-right: 15px } .productView-price .price-section--withoutTax~.price-section--saving { margin-top: 6px } .productView-price p[translate] { color: #094996 } .productView-info { overflow: hidden; margin-bottom: 0; padding-bottom: 12px } .productView-info-name, .productView-info-value { float: left } .productView-info-name { clear: both; margin-bottom:.16667rem; margin-right:.41667rem; min-width: 150px; letter-spacing: 0; font-family: Arimo, Arial, Helvetica, sans-serif } .productView-info-value { margin-bottom: 1rem; margin-left: 7px } [data-custom-field-name=has-size-chart] { display:none } .productView-options { clear: both; position: relative; margin-bottom: 15px } .productView-options:after, .productView-options:before { content: " "; display: table } .productView-options:after { clear: both } .productView-options .form { display: inline } .productView-options .wishlist-form { position: absolute; bottom: 0; width: 55%; left: 51% } @media (max-width:480px) { .productView-options .wishlist-form { position: static; min-width: 100%; width: 100% } } @media (max-width:360px) { .productView-options .wishlist-form { position: static; width: 100% } } @media (max-width:1199px) and (min-width:992px) { .productView-options .wishlist-form { position: static; width: 100% } } .productView-options .form-field { font-size: 0; margin-bottom: 15px } .productView-options .form-field>.form-checkbox+.form-label, .productView-options .form-field>.form-radio+.form-label { display: inline-block; margin-left: 1.5rem; width: auto } @media (min-width:480px) { .productView-options .form-field>.form-checkbox+.form-label, .productView-options .form-field>.form-radio+.form-label { margin-left: 0; width: 100% } } .productView-options .form-field>.form-label:nth-of-type(2) { margin-left: 0 } .productView-options .form-field input[type=file] { font-size: 1rem } .productView-options .form-select { border-radius: 0 } .productView-options .qty-add-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .productView-options .qty-add-wrap .form-field--increments { width: 155px } .productView-options .form-field--increments { margin-bottom: 20px } .productView-options .form-field--increments button { width: 36px; height: 36px } .productView-options .form-field--increments button[data-action=dec] i.fa, .productView-options .form-field--increments button[data-action=inc] i.fa { font-size: 12px } .productView-options .form-field--increments .form-input { height: 36px; border-radius: 0; font-weight: 700 } @media (min-width:480px) { .productView-options .form-action { float: left; padding:0 .83333rem; width: 50% } } @media (min-width:768px) { .productView-options .form-action { float: none; padding: 0; width: auto } } .productView-options .form-action .button { width: 100% } @media (min-width:1200px) { .productView-options .form-action { display: inline-block; margin-top: 1rem } .productView-options .form-action .button { margin-right:.75rem; width: auto } } .productOptions-list { border: 1px solid #cbcbcb; list-style: none; margin: 0 } .productOptions-list-item { padding: 1.5rem } .productOptions-list-item+.productOptions-list-item { border-top: 1px solid #cbcbcb } .productOptions-list-item .form-label { text-align: left; top: -2px } .productOptions-list-item-content, .productOptions-list-item-figure { display: table-cell; vertical-align: middle } .productOptions-list-item-figure { width: 3rem } .productOptions-list-item-content { padding-left: 1.25rem } .out-stockWarp .btn, [data-cart-item-add]>button#form-action-addToCart { font-weight:700; padding:0 25px; letter-spacing:0; font-size:14px; max-width:100%; margin-bottom:15px; border:0 } .out-stockWarp .btn { width: 51%; height: 52px } .out-stockWarp .btn i.fa { font-size: 14px; margin-right: 10px; vertical-align: middle; color: #fff } .out-stockWarp .btn i.icon-cart { margin-right: 8px; width: 22px; height: 20px; position: relative } .out-stockWarp .btn i.icon-cart svg { height: 28px; width: 28px; fill: #fff; margin-right: 10px } @media (max-width:480px) { .out-stockWarp .btn { min-width: 100%; width: 100% } } @media (max-width:360px) { .out-stockWarp .btn { width: 100% } } @media (max-width:1199px) and (min-width:992px) { .out-stockWarp .btn { width: 100% } } [data-cart-item-add]>button#form-action-addToCart {width:51%;text-align:center;height:52px;color:#fff;background: #6d6d6f;} [data-cart-item-add]>button#form-action-addToCart i.fa { font-size:14px; margin-right:10px; vertical-align:middle; color:#fff } [data-cart-item-add]>button#form-action-addToCart i.icon-cart { display:inline-block; margin-right:8px; width:22px; height:20px; position:relative } [data-cart-item-add]>button#form-action-addToCart i.icon-cart svg { height:28px; width:28px; fill:#fff; margin-right:10px } [data-cart-item-add]>button#form-action-addToCart:hover {border-color: #6d6e6e;color:#fff;background-color: #bdbec0;border-color:#ff9f00;} @media (max-width:480px) { [data-cart-item-add]>button#form-action-addToCart { min-width:100%; width:100% } } @media (max-width:360px) { [data-cart-item-add]>button#form-action-addToCart { width:100% } } @media (max-width:1199px) and (min-width:992px) { [data-cart-item-add]>button#form-action-addToCart { width:100% } } [data-wishlist-add]>button { height:52px; text-align:center; width:100%; max-width:100%; margin-bottom:15px; padding:0; font-weight:500; font-family:Arimo, Arial, Helvetica, sans-serif; border:2px solid #fff; background:#fff } #relatedProducts>h3, #similarByViews>h3, .productReviews h5.productReview-title, section.toggle .toggle-title { font-family: Arimo, Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0 } [data-wishlist-add]>button span { line-height:1.3; display:inline-block; color:#2d2d2d; border-bottom:1px solid #989898 } [data-wishlist-add]>button i { padding-right:10px; font-size:15px; color:#505050; position:relative; top:3px } [data-wishlist-add]>button:hover { color:#094996; background:#fff } .shareProduct { text-align: center } .addthis_toolbox ul.socialLinks { list-style: none; margin-left: 0 } .addthis_toolbox ul.socialLinks li { display: inline-block } ul.product-tags { margin: 0; padding-top: 20px } ul.product-tags li { font-size: 1rem; margin-right: 10px; margin-bottom: 10px; font-style: italic; color: #969696; display: inline-block; padding:.41667rem 1rem; text-decoration: none; background: #f7f7f7; border-bottom: 1px solid #f0f0f0; border-radius: 2px } ul.product-tags li:hover { color: #000; border-bottom-color: #ccc } #relatedProducts .productCarousel, #similarByViews .productCarousel { padding: 30px 20px 0 } @media (max-width:991px) { #relatedProducts .productCarousel, #similarByViews .productCarousel { padding-bottom: 30px } } #relatedProducts>h3, #similarByViews>h3 { background: #fff; border-bottom: 1px solid #eaeaea; padding: 20px 30px 17px; margin-top: 0; margin-bottom: 0; font-size: 14px; text-align: left; color: #777; line-height: 1.1; text-transform: uppercase; } .productReviews .productReview-rating, .productReviews h5.productReview-title { display: inline-block; vertical-align: middle; margin-bottom: 7px } #relatedProducts .owl-nav>div, #similarByViews .owl-nav>div { top: 25%; background: #777; border: 0; width: 32px; height: 32px; border-radius: 3px; } #relatedProducts .owl-nav>div:hover, #similarByViews .owl-nav>div:hover { background: #ccc; } #relatedProducts .owl-nav>div.owl-prev, #similarByViews .owl-nav>div.owl-prev { right: 50px; left: auto; top: -27px } #relatedProducts .owl-nav>div.owl-prev::before, #similarByViews .owl-nav>div.owl-prev::before { content: '\f053'; color: #fff; font-size: 14px } #relatedProducts .owl-nav>div.owl-next, #similarByViews .owl-nav>div.owl-next { right: 10px; left: auto; top: -27px } #relatedProducts .owl-nav>div.owl-next::before, #similarByViews .owl-nav>div.owl-next::before { content: '\f054'; color: #fff; font-size: 14px } .productReviews h5.productReview-title { font-size: 13px; color: #228dd6; margin-right: 15px } .productReviews .productReview-author { margin-bottom: 10px } .productReviews a.btn[data-reveal-id=modal-review-form] { margin-bottom: 30px; background: #6d6d6f; border: 2px solid #6d6d6f; } section.toggle { border: 0; margin-bottom: 0!important } section.toggle .toggle-content { padding-top: 10px; padding-bottom: 30px } section.toggle .toggle-title { cursor: pointer; font-size: 18px; position: relative; margin-top: 0; margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; line-height: 1.2; width: 100%; border-top: 1px solid #dcdcdc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } section.toggle .toggle-title i.fa { font-size: 25px } a[data-reveal-id=modal-size-chart-form], ul.paragraphTab li strong { font-family: Arimo, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px } section.toggle .toggle-title.is-active i.fa::before { content: "\f106" } section.toggle:first-of-type .toggle-title { border-top: 0 } #modal-size-chart-form .modal-content { padding: 30px 0 } a[data-reveal-id=modal-size-chart-form] { float: right; position: relative; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } a[data-reveal-id=modal-size-chart-form]::before { content: ""; display: inline-block; width: 28px; height: 15px; /*background: url(../img/size-chart-icon.png) center no-repeat;*/ margin-right: 10px } @media (min-width:992px) { .product-bottom>.right { padding-left: 50px } } @media (max-width:991px) { .product-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .product-bottom>div { width: 100%; padding-left: 15px } .product-bottom>.right { margin-bottom: 40px } .product-bottom #relatedProducts h3 { border-top: 1px solid #dcdcdc; padding-top: 25px } ul.paragraphTab li { margin-bottom: 20px } } .productAttributes-message { margin-bottom: 20px } ul.paragraphTab { margin-top: 27px; margin-left: 0 } ul.paragraphTab li { list-style: none } ul.paragraphTab li:last-child span, ul.paragraphTab li:last-child strong { border-bottom: 1px solid #dadada } @media (max-width:991px) { ul.paragraphTab li:last-child strong { border-bottom: 0 } } ul.paragraphTab li strong { width: 27%; display: inline-block; letter-spacing: 0; padding: 5px 20px; border: 1px solid #dadada; border-bottom: 0 } @media (max-width:991px) { ul.paragraphTab li strong { width: 100% } } ul.paragraphTab li span { display: inline-block; padding: 5px 20px; width: calc(100% - 27%); border: 1px solid #dadada; border-left: 0; border-bottom: 0 } @media (max-width:991px) { ul.paragraphTab li span { width: 100%; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada } } .wrap-account { box-shadow: 0 0 5px rgba(0,0,0,.08); background-color: #fff; border-radius: 3px; overflow: hidden } .wrap-account .account { padding: 30px } .wrap-account .account .wishlists-table { margin: 0 } .wrap-account .account .wishlists-table .table-thead { background: 0 0 } .wrap-account .account .wishlists-table .table-thead th { border-width: 0 0 1px } .wrap-account .account-body { padding: 0!important } .account { margin-bottom: 1.5rem } .account .account-body { padding: 30px 30px 50px; } .account .account-body form { margin-bottom: 0 } .account .form-actions .btn-lg { min-width: 210px } .account-head { margin-bottom: 3rem; text-align: center } .account-head .alertBox { padding-left: 3rem; padding-right: 3rem; text-align: left } @media (min-width:768px) { .account-content--fixed { width: 66.66667% } .account-content--fixedSmall { width: 50% } } .account-sidebar { padding-left: 15px; padding-right: 15px; width: 100%; float: left } ul.navBar-section li.navBar-item, ul.navBar-section li.navBar-item a { font-size: 13px; padding: 0 15px; line-height: 51px; vertical-align: middle; color: #6d6d6f; font-family: Arimo, Arial, Helvetica, sans-serif; text-decoration: none!important; font-weight: 700; } @media (min-width:768px) { .account-sidebar { width: 33.33333% } .account-content--fixedSmall+.account-sidebar { float: right } } ul.navBar-section { position: relative; width: 100%; border: 0 } ul.navBar-section:after { position: absolute; bottom: 0; width: 100%; z-index: 1; height: 1px; content: ''; background: #eaeaea } @media (max-width:991px) { ul.navBar-section:after { position: static } } ul.navBar-section li.navBar-item { position: relative; z-index: 1; float: left; height: 53px; margin-left: -1px; border: 1px solid #eaeaea; border-top: 0; border-bottom: 0; background: #fff; display: table-cell; text-transform: uppercase } @media (max-width:991px) { ul.navBar-section li.navBar-item { width: 100%; margin-left: 0; margin-bottom: -1px; border: 0 } } @media (min-width:991px) { ul.navBar-section li.navBar-item:first-child { margin-left: 0; border-left: 1px solid #fff } ul.navBar-section li.navBar-item:first-child.is-active:before { content: ''; border-left: 1px solid #6d6d6f; } } ul.navBar-section li.navBar-item a { display: block; display: table-cell; transition: background .3s ease 0s; text-transform: capitalize } @media (max-width:480px) { ul.navBar-section li.navBar-item a { font-size: 12px; padding: 0 15px; letter-spacing: 0 } } ul.navBar-section li.navBar-item a:focus { outline: 0 } ul.navBar-section li.navBar-item.is-active { border-top: 0; border-bottom: 0; background: #fff; position: relative; z-index: 2; text-transform: capitalize } @media (max-width:1200px) { ul.navBar-section li.navBar-item.is-active { border: 0; background: #2469d9; color: #fff } } ul.navBar-section li.navBar-item.is-active:before { position: absolute; top: 0; left: -1px; width: 101%; height: 3px; z-index: 3; content: ''; background: #6d6d6f; border-left: 1px solid #6d6d6f; border-right: 1px solid #6d6d6f; } @media (min-width:991px) { ul.navBar-section li.navBar-item.is-active:after { position: absolute; bottom: -10px; left: -1px; width: 101%; height: 10px; z-index: 3; content: ''; background: #fff } } ul.navBar-section li.navBar-item.is-active a { border-bottom-color: #fff; background: #fff; color: #000 } @media (max-width:1200px) { ul.navBar-section li.navBar-item.is-active a { background: 0 0; color: #fff; border-bottom-color: #fff } } .jstree-children, .jstree-container-ul, .jstree-node { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none } .jstree-anchor, .jstree-icon, .jstree-icon:empty { display: inline-block; margin: 0; vertical-align: top } .jstree-anchor { padding: 0 4px 0 1px } .jstree-anchor:focus { outline: 0 } .jstree-anchor, .jstree-anchor:active, .jstree-anchor:hover, .jstree-anchor:link, .jstree-anchor:visited { text-decoration: none; color: inherit } .jstree-icon, .jstree-icon:empty { text-decoration: none; padding: 0; text-align: center } .jstree-leaf>.jstree-ocl { cursor: default } .jstree .jstree-open>.jstree-children { display: block } .jstree .jstree-closed>.jstree-children, .jstree .jstree-leaf>.jstree-children, .jstree-anchor>.jstree-themeicon-hidden, .jstree-hidden, .jstree-no-icons .jstree-themeicon { display: none } .jstree-anchor>.jstree-themeicon { margin-right: 2px } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px } .jstree-rtl .jstree-anchor>.jstree-themeicon { margin-left: 2px; margin-right: 0 } .jstree-rtl .jstree-node { margin-left: 0 } .jstree-rtl .jstree-container-ul>.jstree-node { margin-right: 0 } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100% } .jstree-wholerow-ul .jstree-leaf>.jstree-ocl { cursor: pointer } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .vakata-context { display: none } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999 } .vakata-context .vakata-context-hover>a, .vakata-context li>a:hover { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1 } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px } .vakata-context li { list-style: none; display: inline } .vakata-context li>a { display: block; padding: 0 2em; text-decoration: none; width: auto; color: #000; line-height: 2.4em; text-shadow: 1px 1px 0 #fff; border-radius: 1px } .vakata-context li>a>i, .vakata-context li>a>i:empty { width: 2.4em; line-height: 2.4em } .vakata-context li>a.vakata-context-parent { background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==); background-position: right center; background-repeat: no-repeat } .vakata-context li>a:focus { outline: 0 } .vakata-context .vakata-context-separator>a, .vakata-context .vakata-context-separator>a:hover { background: #fff; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0 } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0 } .vakata-context li>a>i { text-decoration: none; display: inline-block; height: 2.4em; background: 0 0; margin: 0 0 0 -2em; vertical-align: top; text-align: center } .vakata-context li>a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: #fff; margin: 0 .5em 0 0; border-left: 1px solid #e2e3e3 } .vakata-context .vakata-contextmenu-shortcut { font-size: .8em; color: silver; opacity: .5; display: none } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px } .vakata-context-rtl li>a.vakata-context-parent { background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7); background-position: left center; background-repeat: no-repeat } .vakata-context-rtl .vakata-context-separator>a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3 } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto } .vakata-context-rtl li>a>i { margin: 0 -2em 0 0 } .vakata-context-rtl li>a .vakata-contextmenu-sep { margin: 0 0 0 .5em; border-left-color: #fff; background: #e2e3e3 } #jstree-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0 } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px } #jstree-dnd .jstree-copy, #jstree-dnd .jstree-icon { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px } #jstree-dnd .jstree-ok { background: green } #jstree-dnd .jstree-er { background: red } #jstree-dnd .jstree-copy { margin: 0 2px } .jstree-default .jstree-icon, .jstree-default .jstree-node { background-repeat: no-repeat; background-color: transparent } .jstree-default .jstree-anchor, .jstree-default .jstree-wholerow { transition: background-color .15s, box-shadow .15s } .jstree-default .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #ccc } .jstree-default .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999 } .jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon { display: none } .jstree-default .jstree-disabled { color: #666 } .jstree-default .jstree-disabled.jstree-hovered { box-shadow: none } .jstree-default .jstree-disabled>.jstree-icon { opacity: .8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .jstree-default .jstree-search { font-style: italic; color: #8b0000; font-weight: 700 } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none!important } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: 0 0; box-shadow: none } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #e7f4f9 } .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked { background: 0 0 } .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #e7f4f9 } .jstree-default>.jstree-striped { min-width: 100%; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top } .jstree-default>.jstree-wholerow-ul .jstree-clicked, .jstree-default>.jstree-wholerow-ul .jstree-hovered { background: 0 0; box-shadow: none; border-radius: 0 } .jstree-default .jstree-wholerow { box-sizing: border-box; height: 24px } .jstree-default .jstree-wholerow-hovered { background: #e7f4f9 } .jstree-default .jstree-wholerow-clicked { background: #beebff; background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%) } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; background-position: -292px -4px; background-repeat: repeat-y } .jstree-default .jstree-anchor { line-height: 24px; height: 24px } .jstree-default .jstree-icon, .jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px } .jstree-default .jstree-icon, .jstree-default .jstree-node { /*background-image: url(../img/vendor/jstree/32px.png)*/ } .jstree-default .jstree-last { background: 0 0 } .jstree-default .jstree-open>.jstree-ocl { background-position: -132px -4px } .jstree-default .jstree-closed>.jstree-ocl { background-position: -100px -4px } .jstree-default .jstree-leaf>.jstree-ocl { background-position: -68px -4px } .jstree-default .jstree-themeicon { background-position: -260px -4px } .jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -36px -4px } .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: -4px -4px } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef } .jstree-default .jstree-checkbox { background-position: -164px -4px } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px } .jstree-default .jstree-checked>.jstree-checkbox, .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { background-position: -228px -4px } .jstree-default .jstree-checked>.jstree-checkbox:hover, .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { background-position: -228px -36px } .jstree-default .jstree-anchor>.jstree-undetermined { background-position: -196px -4px } .jstree-default .jstree-anchor>.jstree-undetermined:hover { background-position: -196px -36px } .jstree-default .jstree-checkbox-disabled { opacity: .8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .jstree-default>.jstree-striped { background-size: auto 48px } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; background-position: 100% 1px; background-repeat: repeat-y } .jstree-default.jstree-rtl .jstree-open>.jstree-ocl { background-position: -132px -36px } .jstree-default.jstree-rtl .jstree-closed>.jstree-ocl { background-position: -100px -36px } .jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl { background-position: -68px -36px } .jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default.jstree-rtl>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -36px -36px } .jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: -4px -36px } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0 } .jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl { /*background: url(../img/vendor/jstree/throbber.gif) center center no-repeat*/ } .jstree-default .jstree-file { /*background: url(../img/vendor/jstree/32px.png) -100px -68px no-repeat*/ } .jstree-default .jstree-folder { /*background: url(../img/vendor/jstree/32px.png) -260px -4px no-repeat*/ } .jstree-default>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px } #jstree-dnd.jstree-default .jstree-er, #jstree-dnd.jstree-default .jstree-ok { /*background-image: url(../img/vendor/jstree/32px.png);*/ background-repeat: no-repeat; background-color: transparent } #jstree-dnd.jstree-default i { background: 0 0; width: 24px; height: 24px; line-height: 24px } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px } .jstree-default.jstree-rtl .jstree-node { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==) } .jstree-default.jstree-rtl .jstree-last { background: 0 0 } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; background-position: -295px -7px; background-repeat: repeat-y } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px } .jstree-default-small .jstree-icon, .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px } .jstree-default-small .jstree-wholerow { height: 18px } .jstree-default-small .jstree-icon, .jstree-default-small .jstree-node { /*background-image: url(../img/vendor/jstree/32px.png)*/ } .jstree-default-small .jstree-last { background: 0 0 } .jstree-default-small .jstree-open>.jstree-ocl { background-position: -135px -7px } .jstree-default-small .jstree-closed>.jstree-ocl { background-position: -103px -7px } .jstree-default-small .jstree-leaf>.jstree-ocl { background-position: -71px -7px } .jstree-default-small .jstree-themeicon { background-position: -263px -7px } .jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default-small>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -39px -7px } .jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: -7px -7px } .jstree-default-small .jstree-disabled.jstree-clicked { background: #efefef } .jstree-default-small .jstree-checkbox { background-position: -167px -7px } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px } .jstree-default-small .jstree-checked>.jstree-checkbox, .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { background-position: -231px -7px } .jstree-default-small .jstree-checked>.jstree-checkbox:hover, .jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { background-position: -231px -39px } .jstree-default-small .jstree-anchor>.jstree-undetermined { background-position: -199px -7px } .jstree-default-small .jstree-anchor>.jstree-undetermined:hover { background-position: -199px -39px } .jstree-default-small .jstree-checkbox-disabled { opacity: .8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .jstree-default-small>.jstree-striped { background-size: auto 36px } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; background-position: 100% 1px; background-repeat: repeat-y } .jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl { background-position: -135px -39px } .jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl { background-position: -103px -39px } .jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl { background-position: -71px -39px } .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -39px -39px } .jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: -7px -39px } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0 } .jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl { /*background: url(../img/vendor/jstree/throbber.gif) center center no-repeat*/ } .jstree-default-small .jstree-file { /*background: url(../img/vendor/jstree/32px.png) -103px -71px no-repeat*/ } .jstree-default-small .jstree-folder { /*background: url(../img/vendor/jstree/32px.png) -263px -7px no-repeat*/ } .jstree-default-small>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px } #jstree-dnd.jstree-default-small .jstree-er, #jstree-dnd.jstree-default-small .jstree-ok { /*background-image: url(../img/vendor/jstree/32px.png);*/ background-repeat: no-repeat; background-color: transparent } #jstree-dnd.jstree-default-small i { background: 0 0; width: 18px; height: 18px; line-height: 18px } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px } .jstree-default-small.jstree-rtl .jstree-node { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==) } .jstree-default-small.jstree-rtl .jstree-last { background: 0 0 } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; background-position: -288px 0; background-repeat: repeat-y } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px } .jstree-default-large .jstree-icon, .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px } .jstree-default-large .jstree-wholerow { height: 32px } .jstree-default-large .jstree-icon, .jstree-default-large .jstree-node { /*background-image: url(../img/vendor/jstree/32px.png)*/ } .jstree-default-large .jstree-last { background: 0 0 } .jstree-default-large .jstree-open>.jstree-ocl { background-position: -128px 0 } .jstree-default-large .jstree-closed>.jstree-ocl { background-position: -96px 0 } .jstree-default-large .jstree-leaf>.jstree-ocl { background-position: -64px 0 } .jstree-default-large .jstree-themeicon { background-position: -256px 0 } .jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default-large>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -32px 0 } .jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: 0 0 } .jstree-default-large .jstree-disabled.jstree-clicked { background: #efefef } .jstree-default-large .jstree-checkbox { background-position: -160px 0 } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px } .jstree-default-large .jstree-checked>.jstree-checkbox, .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { background-position: -224px 0 } .jstree-default-large .jstree-checked>.jstree-checkbox:hover, .jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { background-position: -224px -32px } .jstree-default-large .jstree-anchor>.jstree-undetermined { background-position: -192px 0 } .jstree-default-large .jstree-anchor>.jstree-undetermined:hover { background-position: -192px -32px } .jstree-default-large .jstree-checkbox-disabled { opacity: .8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .jstree-default-large>.jstree-striped { background-size: auto 64px } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; background-position: 100% 1px; background-repeat: repeat-y } .jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl { background-position: -128px -32px } .jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl { background-position: -96px -32px } .jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl { background-position: -64px -32px } .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node { background: 0 0 } .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { background-position: -32px -32px } .jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { background-position: 0 -32px } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0 } .jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl { /*background: url(../img/vendor/jstree/throbber.gif) center center no-repeat*/ } .jstree-default-large .jstree-file { /*background: url(../img/vendor/jstree/32px.png) -96px -64px no-repeat*/ } .jstree-default-large .jstree-folder { /*background: url(../img/vendor/jstree/32px.png) -256px 0 no-repeat*/ } .jstree-default-large>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px } #jstree-dnd.jstree-default-large .jstree-er, #jstree-dnd.jstree-default-large .jstree-ok { /*background-image: url(../img/vendor/jstree/32px.png);*/ background-repeat: no-repeat; background-color: transparent } #jstree-dnd.jstree-default-large i { background: 0 0; width: 32px; height: 32px; line-height: 32px } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0 -64px } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px } .jstree-default-large.jstree-rtl .jstree-node { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==) } .jstree-default-large.jstree-rtl .jstree-last { background: 0 0 } @media (max-width:768px) { #jstree-dnd.jstree-dnd-responsive, .jstree-default-responsive .jstree-anchor { font-weight: 700; font-size: 1.1em; text-shadow: 1px 1px #fff; line-height: 40px } #jstree-dnd.jstree-dnd-responsive>i { background: 0 0; width: 40px; height: 40px } #jstree-dnd.jstree-dnd-responsive>.jstree-ok { /*background-image: url(../img/vendor/jstree/40px.png);*/ background-position: 0 -200px; background-size: 120px 240px } #jstree-dnd.jstree-dnd-responsive>.jstree-er { /*background-image: url(../img/vendor/jstree/40px.png);*/ background-position: -40px -200px; background-size: 120px 240px } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px } .jstree-default-responsive .jstree-leaf>.jstree-ocl, .jstree-default-responsive .jstree-node { background: 0 0 } .jstree-default-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap } .jstree-default-responsive .jstree-anchor { height: 40px } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px } .jstree-default-responsive.jstree-rtl .jstree-node { margin-left: 0; margin-right: 40px } .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node { margin-right: 0 } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon { background-size: 120px 240px } .jstree-default-responsive .jstree-leaf>.jstree-ocl { background: 0 0 } .jstree-default-responsive .jstree-open>.jstree-ocl { background-position: 0 0!important } .jstree-default-responsive .jstree-closed>.jstree-ocl { background-position: 0 -40px!important } .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl { background-position: -40px 0!important } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px } .jstree-default-responsive .jstree-checked>.jstree-checkbox, .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { background-position: 0 -80px } .jstree-default-responsive .jstree-anchor>.jstree-undetermined, .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover { background-position: 0 -120px } .jstree-default-responsive>.jstree-striped { background: 0 0 } .jstree-default-responsive .jstree-wholerow { border-top: 1px solid rgba(255,255,255,.7); border-bottom: 1px solid rgba(64,64,64,.2); background: #ebebeb; height: 40px } .jstree-default-responsive .jstree-wholerow-hovered { background: #e7f4f9 } .jstree-default-responsive .jstree-wholerow-clicked { background: #beebff } .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #666 } .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow { box-shadow: inset 0 6px 3px -5px #666; border-top: 0 } .jstree-default-responsive .jstree-children .jstree-open+.jstree-open { box-shadow: none } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-node>.jstree-ocl, .jstree-default-responsive .jstree-themeicon { /*background-image: url(../img/vendor/jstree/40px.png);*/ background-size: 120px 240px } .jstree-default-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y } .jstree-default-responsive .jstree-last { background: 0 0 } .jstree-default-responsive .jstree-leaf>.jstree-ocl { background-position: -40px -120px } .jstree-default-responsive .jstree-last>.jstree-ocl { background-position: -40px -160px } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0 } .jstree-default-responsive .jstree-file { /*background: url(../img/vendor/jstree/40px.png) 0 -160px no-repeat;*/ background-size: 120px 240px } .jstree-default-responsive .jstree-folder { /*background: url(../img/vendor/jstree/40px.png) -40px -40px no-repeat;*/ background-size: 120px 240px } .jstree-default-responsive>.jstree-container-ul>.jstree-node { margin-left: 0; margin-right: 0 } } div#top-bar-promotion { background: url(http://babusandbox.mybigcommerce.com/product_images/uploaded_images/topbanner.jpg); text-align: center; color: #fff; background: #bdbec0; } div#top-bar-promotion h1 { color: #9a0c0c; margin: 10px 0; font-size: 20px } .is-sticky .header-middle .header-logo img { width: 200px; } .category-title {} #product-by-category-23 .category-title { /* background: url(https://www.babu.co.nz/product_images/uploaded_images/baby-hooded-towel.jpg); */ /* background-size: cover; */ } #product-by-category-209 .category-title { background: url(https://www.babu.co.nz/product_images/uploaded_images/category-clothing-merino.jpg); } #product-by-category-39 .category-title { /* background: url(https://www.babu.co.nz/product_images/uploaded_images/gifting-with-babu.jpg); */ /* background-repeat: no-repeat; */ /* background-position: center; */ /* background-size: cover; */ } #product-by-category-11 .category-title { /* background: url(https://www.babu.co.nz/product_images/uploaded_images/luxurious-bedding.jpg); */ /* background-size: cover; */ /* background-repeat: no-repeat; */ /* background-position: center; */ } #product-by-category-16 .category-title { /* background: url(http://cdn2.bigcommerce.com/server2400/4a6d1/products/307/images/2798/Sleeping_Bag_LS__25783.1491803999.1280.1280.jpg) 0 0; */ /* background-size: cover; */ /* background-repeat: no-repeat; */ /* background-position: center; */ } #product-by-category-85 .category-title { /* background: url(http://cdn2.bigcommerce.com/server2400/4a6d1/products/192/images/3899/Bundle-Bib_Wrap-shell__74721.1526963099.1280.1280.jpg?c=2); */ /* background-size:contain; */ /* background-repeat: no-repeat; */ /* background-position: center; */ } #product-by-category-32 .category-title { /* background: url(http://cdn8.bigcommerce.com/s-3uwggzt4/images/stencil/1280x1280/products/454/223/Merino_Wrap_Grey_Stripe_Rolled__16532__43797.1531312648.jpg); */ /* background-size:contain; */ /* background-repeat: no-repeat; */ /* background-position: center; */ } .header-top-left.hidden-xs.hidden-sm li{ padding: 7px; color: #940000; font-size: 21px; color: #fff; } .navPages-container nav ul.navPages-list>li:first-child { padding-left: 0px; margin-left: 0; } ul.menu-container-level-1 { position: absolute; background: #fff; width: 200px; z-index: 111; } ul.menu-container-level-1 li { width: 100%; padding: 3px; text-align: left; position: relative; margin-left: 0px!important; display: block; padding: 7px 15px; text-transform: capitalize; color: #6d6e6e; border-bottom: 1px solid #eee; } li.hidden-xs.hidden-sm.rreuse:hover ul { display: block!important; box-shadow: 0 1px 10px rgba(0,0,0,.1); } @media (max-width:768px) { .sslseal { text-align: center; } .header-middle .header-logo { max-width: 185px; margin-left: 0px; } .header-middle .header-middle-right #top-cart>a svg { height: 30px; width: 32px; fill: #6d6d6f; margin-right: 5px; transition: all .3s ease 0s; } } div#sideShopByBrands { display: none; } .warpBlock .desc-textCate { max-height: 60px; display: none; } .Content { height: 451px; overflow: hidden; background: #fff; padding: 10px 7px; text-align: center; max-width: 344px; font-weight: bold; } .BannerHomeTop .col > div:first-child { float: left; overflow: hidden; width: 47.7%; padding: 0px; } .Block.BlockContent.banner_home_page_top.BannerHomeTop { max-width: 97%; margin: auto; margin-top: 50px; margin-bottom: 20px; display: table; max-width: 1600px; width: 96%; border: 1px solid #dcdcdc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0px 0px 5px #dcdcdc; } .warpBlock.container-fluid.wow.fadeInUp { clear: both; max-width: 1600px; } .Content h3 { margin-top: 16px; margin-bottom: 0px; } .Content h1 { font-size: 30px; margin-top: 10px; } .Content p a:hover{ background:#bdbec0} .Content p a { border: 1px solid #ccc; /* height: 100px; */ width: 124px; display: block; margin: auto; padding: 10px; background: #6d6d6f; color: #fff; } .col-sm-6.Col-Left.col.wow.fadeInUp.animated.animated.animated.animated.animated.animated.animated.animated.animated.animated { background: #fff; padding: 0px; } .col-sm-6.Col-Right.col.wow.fadeInUp.animated.animated.animated.animated.animated.animated.animated.animated.animated.animated { background: #fff; padding: 0px; } .Content {width:320px;margin:auto} span.phoneIcon { float: left; color: #ffffff; /* display: block; */ font-weight: bold; margin-top: 8px; text-transform: uppercase; /* display:none; */ } .maxwid { max-width: 1260px; width: 99%; margin: auto; } .frlinks { float: right; margin-top: -27px; display: none; } .frlinks ul li { float: left; padding-right: 10px; padding-left: 10px; border-right: 1px solid #940000; color: #6d6d6f; } .frlinks ul { margin: 0px; list-style: none; } span.phoneIcon a { color: #940000; } .frlinks ul li a { color: #940000; font-weight: bold; text-transform: uppercase; } @media (max-width:1024px) { .BannerHomeTop .col > div:first-child { float: left; overflow: hidden; width: 100%; padding: 0px; } } @media (max-width:768px) { .owl-carousel .owl-item img { max-width: 100%!important; width: auto; -webkit-transform-style: unset; transform-style: unset; min-width: 0px!important; } .BannerHomeTop .col > div:first-child { float: left; overflow: hidden; width: 100%; padding: 0px; } .Content { width: 100%; margin: auto; } .prod-item .prod-desc h4.prod-name { min-height: 40px; } .header-middle .header-middle-right { padding-top: 0px; } } .featuresum ul { list-style: inside disc; } .featuresum ul li a { color: red; } .featuresum {} .category-description a span { color: #777!important; text-decoration: underline; } div#tab-description ul li a { color: red; } span.price:nth-child(2) { color: #e95144; } .account-body.brg-content h3 { background: #777; color: #fff; padding: 10px; } .page-type-giftcertificates .form-row .form-field { padding-left: 15px; padding-right: 15px; float: left; max-width: none; } .page-type-giftcertificates nav.navBar--sub, .page-type-giftcertificates_redeem nav.navBar--sub, .page-type-giftcertificates_balance nav.navBar--sub{ display: block; /* display: none; */ margin-top: 0px; } @media (max-width:480px) { .Block.BlockContent.banner_home_page_top.BannerHomeTop{ display:none} } form#gift-certificate-form .form-label { clear: both; } .navPages-container nav ul.navPages-list>li:last-child a { /*visibility: ;*/ color: #ea0000; } @media only screen and (max-width:767px) { #WhyUsSection .container .why-item { width:50%; } #WhyUsSection .container .why-item p { display:flex; text-align: left; } #main-footer h5 { font-size:15px; position:relative; } #main-footer h5.footer-toggle-title:after { position: absolute; top: 0; right: 0; content: '\f107'; font-family: FontAwesome; color: #6d6d6f; font-size: 15px; font-weight: 400; } #main-footer h5.footer-toggle-title.active:after { transform: rotate(180deg); } .footer-columns .column-item { width:100%; margin-bottom: 20px; border-bottom:1px solid #eee; } .footer-columns .column-item:last-child { border-bottom: 0; } .footer-columns .column-item ul.footer-toggle-content { display:none; } .embeded-springot-form-form table, .embeded-springot-form-form table *{ display: block; width: 100%; height: 100% !important; table-layout: initial !important; } .embeded-springot-form-form table img { width: 100% !important; } .embeded-springot-form-form p { text-align: left !important; margin-bottom: 10px; } .embeded-springot-form-form p span{ font-size: 18px !important; } .embeded-springot-form-form p + p span { font-size: 16px !important; } .embeded-springot-form-form .form-group { padding-bottom: 20px; } .embeded-springot-form-form .form-group.ng-scope { padding-bottom: 10px; } .embeded-springot-form-form .form-group input { padding: 10px !important; /* margin-bottom: 10px !important; */ } }