/****************************************************************** Stylesheet: Main Stylesheet ******************************************************************/ /****************************************************************** Stylesheet: Mixins & Constants Stylesheet ******************************************************************/ @font-face { font-family: 'GaramondPremierProCaption'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot-#iefix")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot?#iefix*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.woff")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.woff*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.ttf")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.ttf*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.svg#GaramondPremierProCaption")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.svg#GaramondPremierProCaption*/ format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GaramondPremierProCaption'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot-#iefix")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot?#iefix*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.woff")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.woff*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.ttf")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.ttf*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.svg#GaramondPremierProItalicCaption")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.svg#GaramondPremierProItalicCaption*/ format('svg'); font-weight: 400; font-style: italic; } @font-face { font-weight:300; font-style:normal; font-family:'Roboto'; src:local('Roboto Light'),local('Roboto-Light'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2') } @font-face { font-weight:400; font-style:normal; font-family:'Roboto'; src:local('Roboto'),local('Roboto-Regular'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2') format('woff2') } @font-face { font-weight:500; font-style:normal; font-family:'Roboto'; src:local('Roboto Medium'),local('Roboto-Medium'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2') } @font-face { font-weight:700; font-style:normal; font-family:'Roboto'; src:local('Roboto Bold'),local('Roboto-Bold'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2') format('woff2') } @font-face { font-weight:900; font-style:normal; font-family:'Roboto'; src:local('Roboto Black'),local('Roboto-Black'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2') format('woff2') } @font-face { font-weight:400; font-style:italic; font-family:'Roboto'; src:local('Roboto Italic'),local('Roboto-Italic'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2') format('woff2') } @font-face { font-weight:400; font-style:normal; font-family:'Roboto Condensed'; src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2') format('woff2') } @font-face { font-weight:700; font-style:normal; font-family:'Roboto Condensed'; src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url('http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/roboto/v15/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2') format('woff2') } /*===========ICON FONT===========*/ @font-face { font-family: 'pv-icomoon'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot?30b47n*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot-#iefix30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot?#iefix30b47n*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.woff-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.woff?30b47n*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.ttf-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.ttf?30b47n*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.svg-30b47n#pv-icomoon")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.svg?30b47n#pv-icomoon*/ format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e647"; } .icon-user2:before { content: "\e645"; } .icon-mouse:before { content: "\e646"; } .icon-give:before { content: "\e640"; } .icon-shield:before { content: "\e641"; } .icon-dollar:before { content: "\e642"; } .icon-connections:before { content: "\e643"; } .icon-thumbs-o-down:before { content: "\e63c"; } .icon-thumbs-o-up:before { content: "\e63d"; } .icon-calendar:before { content: "\e638"; } .icon-medal:before { content: "\e639"; } .icon-people:before { content: "\e63a"; } .icon-list:before { content: "\e63b"; } .icon-ticket:before { content: "\e633"; } .icon-label:before { content: "\e634"; } .icon-star-empty:before { content: "\e635"; } .icon-diamond:before { content: "\e636"; } .icon-band:before { content: "\e637"; } .icon-triangle:before { content: "\e632"; } .icon-trash-pv:before { content: "\e631"; } .icon-trash:before { content: "\e630"; } .icon-loop:before { content: "\e62f"; } .icon-checkmark:before { content: "\e62e"; } .icon-passed:before { content: "\e600"; } .icon-percent:before { content: "\e627"; } .icon-mail:before { content: "\e628"; } .icon-ring:before { content: "\e629"; } .icon-code:before { content: "\e62a"; } .icon-dolar:before { content: "\e62b"; } .icon-whs:before { content: "\e622"; } .icon-q-mark:before { content: "\e623"; } .icon-clock:before { content: "\e624"; } .icon-phone:before { content: "\e625"; } .icon-chart:before { content: "\e621"; } .icon-user:before { content: "\e61a"; } .icon-gear:before { content: "\e620"; } .icon-Edit:before { content: "\e61e"; } .icon-lifebuoy:before { content: "\e644"; } .icon-blogger:before { content: "\e63e"; } .icon-blogger2:before { content: "\e63f"; } .icon-crosshair:before { content: "\e601"; } .icon-plus:before { content: "\e61c"; } .icon-minus:before { content: "\e61d"; } .icon-buildings:before { content: "\e626"; } .icon-comment:before { content: "\e617"; } .icon-cart-small:before { content: "\e618"; } .icon-arond:before { content: "\e619"; } .icon-apps:before { content: "\e61b"; } .icon-remove:before { content: "\e616"; } .icon-lock:before { content: "\e611"; } .icon-eye:before { content: "\e612"; } .icon-back:before { content: "\e613"; } .icon-badge:before { content: "\e603"; } .icon-chevron-up:before { content: "\e604"; } .icon-chevron-down:before { content: "\e605"; } .icon-chevron-left:before { content: "\e606"; } .icon-chevron-right:before { content: "\e607"; } .icon-caret-up:before { content: "\e608"; } .icon-caret-down:before { content: "\e609"; } .icon-caret-left:before { content: "\e60a"; } .icon-caret-right:before { content: "\e60b"; } .icon-arrow-up:before { content: "\e60c"; } .icon-arrow-down:before { content: "\e60d"; } .icon-arrow-left:before { content: "\e60e"; } .icon-arrow-right:before { content: "\e60f"; } .icon-x-shape:before { content: "\e610"; } .icon-heart:before { content: "\e614"; } .icon-truck:before { content: "\e615"; } .icon-headphones:before { content: "\e61f"; } .icon-star:before { content: "\e62c"; } .icon-edit-pencil:before { content: "\e62d"; } a .icon-hours,a:hover .icon-hours, a .icon-card, a:hover .icon-card, a .icon-bussines, a:hover .icon-bussines{background:url("http://www.gain7a.com/catalog/template/gain7a/image/footer-iconfont.png") no-repeat 0 0 transparent; display:inline-block; width:16px; height:16px;} a:hover .icon-hours{background-position:-16px 0;} a .icon-card{background-position:0 -16px;} a:hover .icon-card{background-position:-16px -16px;} a .icon-bussines{background-position:0 -32px;} a:hover .icon-bussines{background-position:-16px -32px;} /*===========Brand Logos FONT===========*/ @font-face { font-family: 'brands'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.eot--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.eot?-1gm9wg*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.eot-#iefix-1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.eot?#iefix-1gm9wg*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.ttf--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.ttf?-1gm9wg*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.woff--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.woff?-1gm9wg*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.svg--1gm9wg#brands")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.svg?-1gm9wg#brands*/ format('svg'); font-weight: normal; font-style: normal; } [class^="brand-"], [class*=" brand-"] { font-family: 'brands'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brand-bell-and-ross:before { content: "\e600"; } .brand-alexander-mcqueen:before { content: "\e601"; } .brand-alexander-wang:before { content: "\e602"; } .brand-apple:before { content: "\e603"; } .brand-armani:before { content: "\e604"; } .brand-audemars-piguet:before { content: "\e605"; } .brand-balenciaga:before { content: "\e606"; } .brand-beats:before { content: "\e607"; } .brand-bottega-veneta:before { content: "\e608"; } .brand-breitling:before { content: "\e609"; } .brand-bvlgari:before { content: "\e60a"; } .brand-cartier:before { content: "\e60b"; } .brand-celine:before { content: "\e60c"; } .brand-charlotte-olympia:before { content: "\e60d"; } .brand-chloe:before { content: "\e60e"; } .brand-chopard:before { content: "\e60f"; } .brand-christian-louboutin:before { content: "\e610"; } .brand-chrome-hearts:before { content: "\e611"; } .brand-dg:before { content: "\e612"; } .brand-dior:before { content: "\e613"; } .brand-fendi:before { content: "\e614"; } .brand-franck-muller:before { content: "\e615"; } .brand-gianmarco-lorenzi:before { content: "\e616"; } .brand-giuseppe-zanotti:before { content: "\e617"; } .brand-givenchy:before { content: "\e618"; } .brand-goyard:before { content: "\e619"; } .brand-gucci:before { content: "\e61a"; } .brand-hermes:before { content: "\e61b"; } .brand-hublot:before { content: "\e61c"; } .brand-iwc:before { content: "\e61d"; } .brand-jaeger-le-coultre:before { content: brand-jaeger-le-coultre; } .brand-jimmy-choo:before { content: "\e61f"; } .brand-juicy-couture:before { content: "\e620"; } .brand-lamborghini:before { content: "\e621"; } .brand-longines:before { content: "\e622"; } .brand-louis-vuitton:before { content: "\e623"; } .brand-manolo-blahnik:before { content: "\e624"; } .brand-mido:before { content: "\e625"; } .brand-miumiu:before { content: "\e626"; } .brand-mont-blanc:before { content: "\e627"; } .brand-mulberry:before { content: "\e628"; } .brand-nomos:before { content: "\e629"; } .brand-omega:before { content: "\e62a"; } .brand-oris:before { content: "\e62b"; } .brand-panerai:before { content: "\e62c"; } .brand-patek-philippe:before { content: "\e62d"; } .brand-piaget:before { content: "\e62e"; } .brand-porsche:before { content: "\e62f"; } .brand-prada:before { content: "\e630"; } .brand-roger-vivier:before { content: "\e631"; } .brand-rolex:before { content: "\e632"; } .brand-salvatore-ferragamo:before { content: "\e633"; } .brand-tag-heuer:before { content: "\e634"; } .brand-tiffany:before { content: "\e635"; } .brand-tods:before { content: "\e636"; } .brand-tom-ford:before { content: "\e637"; } .brand-tory-burch:before { content: "\e638"; } .brand-tudor:before { content: "\e639"; } .brand-vacheron-constantin:before { content: "\e63a"; } .brand-valentino:before { content: "\e63b"; } .brand-van-cleef:before { content: "\e63c"; } .brand-ysl:before { content: "\e63d"; } .brand-zenith:before { content: "\e63e"; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } center{text-align:left;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.42857143; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; max-width: 100%; } a { color: #fa4969; text-decoration: none; } a:hover, a:focus { color: #f00731; text-decoration: underline; } a:focus { outline: none; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out 0.2s ease-in-out; transition: all 0.2s ease-in-out 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'GaramondPremierProCaption', sans-serif; font-weight: 400; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 11px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 11px; margin-bottom: 11px; } 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: 41px; } h2, .h2 { font-size: 34px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 11px; } .lead { margin-bottom: 22px; font-size: 18px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 24px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #999999; } .text-primary { color: #fa4969; } a.text-primary:hover { color: #f91740; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #fa4969; } a.bg-primary:hover { background-color: #f91740; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 10px; margin: 44px 0 22px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 11px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; /*margin-bottom: 22px;*/ } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 11px 22px; margin: 0 0 22px; font-size: 20px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #999999; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 22px; font-style: normal; line-height: 1.42857143; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } .row { margin-left: -20px; margin-right: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 { float: left; } .col-xs-24 { width: 100%; } .col-xs-23 { width: 95.83333333%; } .col-xs-22 { width: 91.66666667%; } .col-xs-21 { width: 87.5%; } .col-xs-20 { width: 83.33333333%; } .col-xs-19 { width: 79.16666667%; } .col-xs-18 { width: 75%; } .col-xs-17 { width: 70.83333333%; } .col-xs-16 { width: 66.66666667%; } .col-xs-15 { width: 62.5%; } .col-xs-14 { width: 58.33333333%; } .col-xs-13 { width: 54.16666667%; } .col-xs-12 { width: 50%; } .col-xs-11 { width: 45.83333333%; } .col-xs-10 { width: 41.66666667%; } .col-xs-9 { width: 37.5%; } .col-xs-8 { width: 33.33333333%; } .col-xs-7 { width: 29.16666667%; } .col-xs-6 { width: 25%; } .col-xs-5 { width: 20.83333333%; } .col-xs-4 { width: 16.66666667%; } .col-xs-3 { width: 12.5%; } .col-xs-2 { width: 8.33333333%; } .col-xs-1 { width: 4.16666667%; } .col-xs-pull-24 { right: 100%; } .col-xs-pull-23 { right: 95.83333333%; } .col-xs-pull-22 { right: 91.66666667%; } .col-xs-pull-21 { right: 87.5%; } .col-xs-pull-20 { right: 83.33333333%; } .col-xs-pull-19 { right: 79.16666667%; } .col-xs-pull-18 { right: 75%; } .col-xs-pull-17 { right: 70.83333333%; } .col-xs-pull-16 { right: 66.66666667%; } .col-xs-pull-15 { right: 62.5%; } .col-xs-pull-14 { right: 58.33333333%; } .col-xs-pull-13 { right: 54.16666667%; } .col-xs-pull-12 { right: 50%; } .col-xs-pull-11 { right: 45.83333333%; } .col-xs-pull-10 { right: 41.66666667%; } .col-xs-pull-9 { right: 37.5%; } .col-xs-pull-8 { right: 33.33333333%; } .col-xs-pull-7 { right: 29.16666667%; } .col-xs-pull-6 { right: 25%; } .col-xs-pull-5 { right: 20.83333333%; } .col-xs-pull-4 { right: 16.66666667%; } .col-xs-pull-3 { right: 12.5%; } .col-xs-pull-2 { right: 8.33333333%; } .col-xs-pull-1 { right: 4.16666667%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-24 { left: 100%; } .col-xs-push-23 { left: 95.83333333%; } .col-xs-push-22 { left: 91.66666667%; } .col-xs-push-21 { left: 87.5%; } .col-xs-push-20 { left: 83.33333333%; } .col-xs-push-19 { left: 79.16666667%; } .col-xs-push-18 { left: 75%; } .col-xs-push-17 { left: 70.83333333%; } .col-xs-push-16 { left: 66.66666667%; } .col-xs-push-15 { left: 62.5%; } .col-xs-push-14 { left: 58.33333333%; } .col-xs-push-13 { left: 54.16666667%; } .col-xs-push-12 { left: 50%; } .col-xs-push-11 { left: 45.83333333%; } .col-xs-push-10 { left: 41.66666667%; } .col-xs-push-9 { left: 37.5%; } .col-xs-push-8 { left: 33.33333333%; } .col-xs-push-7 { left: 29.16666667%; } .col-xs-push-6 { left: 25%; } .col-xs-push-5 { left: 20.83333333%; } .col-xs-push-4 { left: 16.66666667%; } .col-xs-push-3 { left: 12.5%; } .col-xs-push-2 { left: 8.33333333%; } .col-xs-push-1 { left: 4.16666667%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-24 { margin-left: 100%; } .col-xs-offset-23 { margin-left: 95.83333333%; } .col-xs-offset-22 { margin-left: 91.66666667%; } .col-xs-offset-21 { margin-left: 87.5%; } .col-xs-offset-20 { margin-left: 83.33333333%; } .col-xs-offset-19 { margin-left: 79.16666667%; } .col-xs-offset-18 { margin-left: 75%; } .col-xs-offset-17 { margin-left: 70.83333333%; } .col-xs-offset-16 { margin-left: 66.66666667%; } .col-xs-offset-15 { margin-left: 62.5%; } .col-xs-offset-14 { margin-left: 58.33333333%; } .col-xs-offset-13 { margin-left: 54.16666667%; } .col-xs-offset-12 { margin-left: 50%; } .col-xs-offset-11 { margin-left: 45.83333333%; } .col-xs-offset-10 { margin-left: 41.66666667%; } .col-xs-offset-9 { margin-left: 37.5%; } .col-xs-offset-8 { margin-left: 33.33333333%; } .col-xs-offset-7 { margin-left: 29.16666667%; } .col-xs-offset-6 { margin-left: 25%; } .col-xs-offset-5 { margin-left: 20.83333333%; } .col-xs-offset-4 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 12.5%; } .col-xs-offset-2 { margin-left: 8.33333333%; } .col-xs-offset-1 { margin-left: 4.16666667%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 { float: left; } .col-sm-24 { width: 100%; } .col-sm-23 { width: 95.83333333%; } .col-sm-22 { width: 91.66666667%; } .col-sm-21 { width: 87.5%; } .col-sm-20 { width: 83.33333333%; } .col-sm-19 { width: 79.16666667%; } .col-sm-18 { width: 75%; } .col-sm-17 { width: 70.83333333%; } .col-sm-16 { width: 66.66666667%; } .col-sm-15 { width: 62.5%; } .col-sm-14 { width: 58.33333333%; } .col-sm-13 { width: 54.16666667%; } .col-sm-12 { width: 50%; } .col-sm-11 { width: 45.83333333%; } .col-sm-10 { width: 41.66666667%; } .col-sm-9 { width: 37.5%; } .col-sm-8 { width: 33.33333333%; } .col-sm-7 { width: 29.16666667%; } .col-sm-6 { width: 25%; } .col-sm-5 { width: 20.83333333%; } .col-sm-4 { width: 16.66666667%; } .col-sm-3 { width: 12.5%; } .col-sm-2 { width: 8.33333333%; } .col-sm-1 { width: 4.16666667%; } .col-sm-pull-24 { right: 100%; } .col-sm-pull-23 { right: 95.83333333%; } .col-sm-pull-22 { right: 91.66666667%; } .col-sm-pull-21 { right: 87.5%; } .col-sm-pull-20 { right: 83.33333333%; } .col-sm-pull-19 { right: 79.16666667%; } .col-sm-pull-18 { right: 75%; } .col-sm-pull-17 { right: 70.83333333%; } .col-sm-pull-16 { right: 66.66666667%; } .col-sm-pull-15 { right: 62.5%; } .col-sm-pull-14 { right: 58.33333333%; } .col-sm-pull-13 { right: 54.16666667%; } .col-sm-pull-12 { right: 50%; } .col-sm-pull-11 { right: 45.83333333%; } .col-sm-pull-10 { right: 41.66666667%; } .col-sm-pull-9 { right: 37.5%; } .col-sm-pull-8 { right: 33.33333333%; } .col-sm-pull-7 { right: 29.16666667%; } .col-sm-pull-6 { right: 25%; } .col-sm-pull-5 { right: 20.83333333%; } .col-sm-pull-4 { right: 16.66666667%; } .col-sm-pull-3 { right: 12.5%; } .col-sm-pull-2 { right: 8.33333333%; } .col-sm-pull-1 { right: 4.16666667%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-24 { left: 100%; } .col-sm-push-23 { left: 95.83333333%; } .col-sm-push-22 { left: 91.66666667%; } .col-sm-push-21 { left: 87.5%; } .col-sm-push-20 { left: 83.33333333%; } .col-sm-push-19 { left: 79.16666667%; } .col-sm-push-18 { left: 75%; } .col-sm-push-17 { left: 70.83333333%; } .col-sm-push-16 { left: 66.66666667%; } .col-sm-push-15 { left: 62.5%; } .col-sm-push-14 { left: 58.33333333%; } .col-sm-push-13 { left: 54.16666667%; } .col-sm-push-12 { left: 50%; } .col-sm-push-11 { left: 45.83333333%; } .col-sm-push-10 { left: 41.66666667%; } .col-sm-push-9 { left: 37.5%; } .col-sm-push-8 { left: 33.33333333%; } .col-sm-push-7 { left: 29.16666667%; } .col-sm-push-6 { left: 25%; } .col-sm-push-5 { left: 20.83333333%; } .col-sm-push-4 { left: 16.66666667%; } .col-sm-push-3 { left: 12.5%; } .col-sm-push-2 { left: 8.33333333%; } .col-sm-push-1 { left: 4.16666667%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-24 { margin-left: 100%; } .col-sm-offset-23 { margin-left: 95.83333333%; } .col-sm-offset-22 { margin-left: 91.66666667%; } .col-sm-offset-21 { margin-left: 87.5%; } .col-sm-offset-20 { margin-left: 83.33333333%; } .col-sm-offset-19 { margin-left: 79.16666667%; } .col-sm-offset-18 { margin-left: 75%; } .col-sm-offset-17 { margin-left: 70.83333333%; } .col-sm-offset-16 { margin-left: 66.66666667%; } .col-sm-offset-15 { margin-left: 62.5%; } .col-sm-offset-14 { margin-left: 58.33333333%; } .col-sm-offset-13 { margin-left: 54.16666667%; } .col-sm-offset-12 { margin-left: 50%; } .col-sm-offset-11 { margin-left: 45.83333333%; } .col-sm-offset-10 { margin-left: 41.66666667%; } .col-sm-offset-9 { margin-left: 37.5%; } .col-sm-offset-8 { margin-left: 33.33333333%; } .col-sm-offset-7 { margin-left: 29.16666667%; } .col-sm-offset-6 { margin-left: 25%; } .col-sm-offset-5 { margin-left: 20.83333333%; } .col-sm-offset-4 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 12.5%; } .col-sm-offset-2 { margin-left: 8.33333333%; } .col-sm-offset-1 { margin-left: 4.16666667%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 { float: left; } .col-md-24 { width: 100%; } .col-md-23 { width: 95.83333333%; } .col-md-22 { width: 91.66666667%; } .col-md-21 { width: 87.5%; } .col-md-20 { width: 83.33333333%; } .col-md-19 { width: 79.16666667%; } .col-md-18 { width: 75%; } .col-md-17 { width: 70.83333333%; } .col-md-16 { width: 66.66666667%; } .col-md-15 { width: 62.5%; } .col-md-14 { width: 58.33333333%; } .col-md-13 { width: 54.16666667%; } .col-md-12 { width: 50%; } .col-md-11 { width: 45.83333333%; } .col-md-10 { width: 41.66666667%; } .col-md-9 { width: 37.5%; } .col-md-8 { width: 33.33333333%; } .col-md-7 { width: 29.16666667%; } .col-md-6 { width: 25%; } .col-md-5 { width: 20.83333333%; } .col-md-4 { width: 16.66666667%; } .col-md-3 { width: 12.5%; } .col-md-2 { width: 8.33333333%; } .col-md-1 { width: 4.16666667%; } .col-md-pull-24 { right: 100%; } .col-md-pull-23 { right: 95.83333333%; } .col-md-pull-22 { right: 91.66666667%; } .col-md-pull-21 { right: 87.5%; } .col-md-pull-20 { right: 83.33333333%; } .col-md-pull-19 { right: 79.16666667%; } .col-md-pull-18 { right: 75%; } .col-md-pull-17 { right: 70.83333333%; } .col-md-pull-16 { right: 66.66666667%; } .col-md-pull-15 { right: 62.5%; } .col-md-pull-14 { right: 58.33333333%; } .col-md-pull-13 { right: 54.16666667%; } .col-md-pull-12 { right: 50%; } .col-md-pull-11 { right: 45.83333333%; } .col-md-pull-10 { right: 41.66666667%; } .col-md-pull-9 { right: 37.5%; } .col-md-pull-8 { right: 33.33333333%; } .col-md-pull-7 { right: 29.16666667%; } .col-md-pull-6 { right: 25%; } .col-md-pull-5 { right: 20.83333333%; } .col-md-pull-4 { right: 16.66666667%; } .col-md-pull-3 { right: 12.5%; } .col-md-pull-2 { right: 8.33333333%; } .col-md-pull-1 { right: 4.16666667%; } .col-md-pull-0 { right: 0%; } .col-md-push-24 { left: 100%; } .col-md-push-23 { left: 95.83333333%; } .col-md-push-22 { left: 91.66666667%; } .col-md-push-21 { left: 87.5%; } .col-md-push-20 { left: 83.33333333%; } .col-md-push-19 { left: 79.16666667%; } .col-md-push-18 { left: 75%; } .col-md-push-17 { left: 70.83333333%; } .col-md-push-16 { left: 66.66666667%; } .col-md-push-15 { left: 62.5%; } .col-md-push-14 { left: 58.33333333%; } .col-md-push-13 { left: 54.16666667%; } .col-md-push-12 { left: 50%; } .col-md-push-11 { left: 45.83333333%; } .col-md-push-10 { left: 41.66666667%; } .col-md-push-9 { left: 37.5%; } .col-md-push-8 { left: 33.33333333%; } .col-md-push-7 { left: 29.16666667%; } .col-md-push-6 { left: 25%; } .col-md-push-5 { left: 20.83333333%; } .col-md-push-4 { left: 16.66666667%; } .col-md-push-3 { left: 12.5%; } .col-md-push-2 { left: 8.33333333%; } .col-md-push-1 { left: 4.16666667%; } .col-md-push-0 { left: 0%; } .col-md-offset-24 { margin-left: 100%; } .col-md-offset-23 { margin-left: 95.83333333%; } .col-md-offset-22 { margin-left: 91.66666667%; } .col-md-offset-21 { margin-left: 87.5%; } .col-md-offset-20 { margin-left: 83.33333333%; } .col-md-offset-19 { margin-left: 79.16666667%; } .col-md-offset-18 { margin-left: 75%; } .col-md-offset-17 { margin-left: 70.83333333%; } .col-md-offset-16 { margin-left: 66.66666667%; } .col-md-offset-15 { margin-left: 62.5%; } .col-md-offset-14 { margin-left: 58.33333333%; } .col-md-offset-13 { margin-left: 54.16666667%; } .col-md-offset-12 { margin-left: 50%; } .col-md-offset-11 { margin-left: 45.83333333%; } .col-md-offset-10 { margin-left: 41.66666667%; } .col-md-offset-9 { margin-left: 37.5%; } .col-md-offset-8 { margin-left: 33.33333333%; } .col-md-offset-7 { margin-left: 29.16666667%; } .col-md-offset-6 { margin-left: 25%; } .col-md-offset-5 { margin-left: 20.83333333%; } .col-md-offset-4 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 12.5%; } .col-md-offset-2 { margin-left: 8.33333333%; } .col-md-offset-1 { margin-left: 4.16666667%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { float: left; } .col-lg-24 { width: 100%; } .col-lg-23 { width: 95.83333333%; } .col-lg-22 { width: 91.66666667%; } .col-lg-21 { width: 87.5%; } .col-lg-20 { width: 83.33333333%; } .col-lg-19 { width: 79.16666667%; } .col-lg-18 { width: 75%; } .col-lg-17 { width: 70.83333333%; } .col-lg-16 { width: 66.66666667%; } .col-lg-15 { width: 62.5%; } .col-lg-14 { width: 58.33333333%; } .col-lg-13 { width: 54.16666667%; } .col-lg-12 { width: 50%; } .col-lg-11 { width: 45.83333333%; } .col-lg-10 { width: 41.66666667%; } .col-lg-9 { width: 37.5%; } .col-lg-8 { width: 33.33333333%; } .col-lg-7 { width: 29.16666667%; } .col-lg-6 { width: 25%; } .col-lg-5 { width: 20.83333333%; } .col-lg-4 { width: 16.66666667%; } .col-lg-3 { width: 12.5%; } .col-lg-2 { width: 8.33333333%; } .col-lg-1 { width: 4.16666667%; } .col-lg-pull-24 { right: 100%; } .col-lg-pull-23 { right: 95.83333333%; } .col-lg-pull-22 { right: 91.66666667%; } .col-lg-pull-21 { right: 87.5%; } .col-lg-pull-20 { right: 83.33333333%; } .col-lg-pull-19 { right: 79.16666667%; } .col-lg-pull-18 { right: 75%; } .col-lg-pull-17 { right: 70.83333333%; } .col-lg-pull-16 { right: 66.66666667%; } .col-lg-pull-15 { right: 62.5%; } .col-lg-pull-14 { right: 58.33333333%; } .col-lg-pull-13 { right: 54.16666667%; } .col-lg-pull-12 { right: 50%; } .col-lg-pull-11 { right: 45.83333333%; } .col-lg-pull-10 { right: 41.66666667%; } .col-lg-pull-9 { right: 37.5%; } .col-lg-pull-8 { right: 33.33333333%; } .col-lg-pull-7 { right: 29.16666667%; } .col-lg-pull-6 { right: 25%; } .col-lg-pull-5 { right: 20.83333333%; } .col-lg-pull-4 { right: 16.66666667%; } .col-lg-pull-3 { right: 12.5%; } .col-lg-pull-2 { right: 8.33333333%; } .col-lg-pull-1 { right: 4.16666667%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-24 { left: 100%; } .col-lg-push-23 { left: 95.83333333%; } .col-lg-push-22 { left: 91.66666667%; } .col-lg-push-21 { left: 87.5%; } .col-lg-push-20 { left: 83.33333333%; } .col-lg-push-19 { left: 79.16666667%; } .col-lg-push-18 { left: 75%; } .col-lg-push-17 { left: 70.83333333%; } .col-lg-push-16 { left: 66.66666667%; } .col-lg-push-15 { left: 62.5%; } .col-lg-push-14 { left: 58.33333333%; } .col-lg-push-13 { left: 54.16666667%; } .col-lg-push-12 { left: 50%; } .col-lg-push-11 { left: 45.83333333%; } .col-lg-push-10 { left: 41.66666667%; } .col-lg-push-9 { left: 37.5%; } .col-lg-push-8 { left: 33.33333333%; } .col-lg-push-7 { left: 29.16666667%; } .col-lg-push-6 { left: 25%; } .col-lg-push-5 { left: 20.83333333%; } .col-lg-push-4 { left: 16.66666667%; } .col-lg-push-3 { left: 12.5%; } .col-lg-push-2 { left: 8.33333333%; } .col-lg-push-1 { left: 4.16666667%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-24 { margin-left: 100%; } .col-lg-offset-23 { margin-left: 95.83333333%; } .col-lg-offset-22 { margin-left: 91.66666667%; } .col-lg-offset-21 { margin-left: 87.5%; } .col-lg-offset-20 { margin-left: 83.33333333%; } .col-lg-offset-19 { margin-left: 79.16666667%; } .col-lg-offset-18 { margin-left: 75%; } .col-lg-offset-17 { margin-left: 70.83333333%; } .col-lg-offset-16 { margin-left: 66.66666667%; } .col-lg-offset-15 { margin-left: 62.5%; } .col-lg-offset-14 { margin-left: 58.33333333%; } .col-lg-offset-13 { margin-left: 54.16666667%; } .col-lg-offset-12 { margin-left: 50%; } .col-lg-offset-11 { margin-left: 45.83333333%; } .col-lg-offset-10 { margin-left: 41.66666667%; } .col-lg-offset-9 { margin-left: 37.5%; } .col-lg-offset-8 { margin-left: 33.33333333%; } .col-lg-offset-7 { margin-left: 29.16666667%; } .col-lg-offset-6 { margin-left: 25%; } .col-lg-offset-5 { margin-left: 20.83333333%; } .col-lg-offset-4 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 12.5%; } .col-lg-offset-2 { margin-left: 8.33333333%; } .col-lg-offset-1 { margin-left: 4.16666667%; } .col-lg-offset-0 { margin-left: 0%; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { table-layout: fixed; width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; } output { display: block; padding-top: 8px; font-size: 16px; line-height: 1.42857143; color: #8f8f90; } .form-control, .input-text { display: block; width: 100%; height: 38px; padding: 7px 10px; font-size: 16px; line-height: 1.42857143; color: #333; background-color: #ffffff; background-image: none; border: 1px solid #d2d2d2; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 38px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 33px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 49px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 22px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 33px; line-height: 33px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 49px; line-height: 49px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 47.5px; } .form-control-feedback { position: absolute; top: 27px; right: 0; z-index: 2; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; } .input-lg + .form-control-feedback { width: 49px; height: 49px; line-height: 49px; } .input-sm + .form-control-feedback { width: 33px; height: 33px; line-height: 33px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align:middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 8px; } .form-horizontal .form-group { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 8px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 20px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn, .button { display: inline-block; outline: none; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 7px 20px; font-size: 12px; line-height: 1.42857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .button:hover, .btn:focus, .button:focus { color: #000; background-color: #ccc; text-decoration: none; } .btn:active, .button:active, .btn.active, .button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .button.disabled, .btn[disabled], .button[disabled], fieldset[disabled] .btn, fieldset[disabled] .button { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #ffffff; background-color: #1e1e1e; border-color: #1e1e1e; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #ffffff; background-color: #f93055; border-color: #f80d38; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #1e1e1e; border-color: #1e1e1e; } .btn-default .badge { color: #1e1e1e; background-color: #ffffff; } .btn-gray { color: #8f8f90; background-color: #e1e1e1; border-color: #d2d2d2; } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray { color: #8f8f90; background-color: #d4d4d4; border-color: #c2c2c2; } .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray { background-image: none; } .btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray.active { background-color: #e1e1e1; border-color: #d2d2d2; } .btn-gray .badge { color: #e1e1e1; background-color: #8f8f90; } .btn-dark-gray { color: #ffffff; background-color: #939393; border-color: #939393; } .btn-dark-gray:hover, .btn-dark-gray:focus, .btn-dark-gray:active, .btn-dark-gray.active, .open .dropdown-toggle.btn-dark-gray { color: #ffffff; background-color: #868686; border-color: #747474; } .btn-dark-gray:active, .btn-dark-gray.active, .open .dropdown-toggle.btn-dark-gray { background-image: none; } .btn-dark-gray.disabled, .btn-dark-gray[disabled], fieldset[disabled] .btn-dark-gray, .btn-dark-gray.disabled:hover, .btn-dark-gray[disabled]:hover, fieldset[disabled] .btn-dark-gray:hover, .btn-dark-gray.disabled:focus, .btn-dark-gray[disabled]:focus, fieldset[disabled] .btn-dark-gray:focus, .btn-dark-gray.disabled:active, .btn-dark-gray[disabled]:active, fieldset[disabled] .btn-dark-gray:active, .btn-dark-gray.disabled.active, .btn-dark-gray[disabled].active, fieldset[disabled] .btn-dark-gray.active { background-color: #939393; border-color: #939393; } .btn-dark-gray .badge { color: #939393; background-color: #ffffff; } .btn-primary { color: #ffffff; background-color: #fa4969; border-color: #f93055; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #111111; border-color: #000000; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #fa4969; border-color: #f93055; } .btn-primary .badge { color: #fa4969; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #4cae4c; border-color: #419641; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #46b8da; border-color: #2aabd2; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #eea236; border-color: #eb9316; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d43f3a; border-color: #c12e2a; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-alt { color: #fa4969; background-color: #ffffff; border-color: #fa4969; } .btn-alt:hover, .btn-alt:focus, .btn-alt:active, .btn-alt.active, .open .dropdown-toggle.btn-alt { color: #ffffff; background-color: #f93055; border-color: #f80d38; } .btn-alt:active, .btn-alt.active, .open .dropdown-toggle.btn-alt { background-image: none; } .btn-alt.disabled, .btn-alt[disabled], fieldset[disabled] .btn-alt, .btn-alt.disabled:hover, .btn-alt[disabled]:hover, fieldset[disabled] .btn-alt:hover, .btn-alt.disabled:focus, .btn-alt[disabled]:focus, fieldset[disabled] .btn-alt:focus, .btn-alt.disabled:active, .btn-alt[disabled]:active, fieldset[disabled] .btn-alt:active, .btn-alt.disabled.active, .btn-alt[disabled].active, fieldset[disabled] .btn-alt.active { background-color: #ffffff; border-color: #fa4969; } .btn-alt .badge { color: #ffffff; background-color: #fa4969; } .btn-white { background-color: #ffffff; color: #fa4969; border-color: #fa4969; } .btn-white:hover, .btn-white:focus, .btn-white:active { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-fb { color: #ffffff; background-color: #4b68b8; border-color: rgba(255, 255, 255, 0); position: relative; padding-left: 53px; } .btn-fb:hover, .btn-fb:focus, .btn-fb:active, .btn-fb.active, .open .dropdown-toggle.btn-fb { color: #ffffff; background-color: #425da7; border-color: #384f8e; } .btn-fb:active, .btn-fb.active, .open .dropdown-toggle.btn-fb { background-image: none; } .btn-fb.disabled, .btn-fb[disabled], fieldset[disabled] .btn-fb, .btn-fb.disabled:hover, .btn-fb[disabled]:hover, fieldset[disabled] .btn-fb:hover, .btn-fb.disabled:focus, .btn-fb[disabled]:focus, fieldset[disabled] .btn-fb:focus, .btn-fb.disabled:active, .btn-fb[disabled]:active, fieldset[disabled] .btn-fb:active, .btn-fb.disabled.active, .btn-fb[disabled].active, fieldset[disabled] .btn-fb.active { background-color: #4b68b8; border-color: rgba(255, 255, 255, 0); } .btn-fb .badge { color: #4b68b8; background-color: #ffffff; } .btn-fb::before { display: block; overflow: hidden; content: "f"; text-transform: lowercase; font-size: 30px; font-weight: 400; position: absolute; color: #fff; top: 0; left: 0; bottom: 0; width: 33px; background-color: #4763af; } .btn-link { color: #000000; font-weight: normal; cursor: pointer; border-radius: 0; text-decoration: underline; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #f00731; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 20px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear 0.2s ease-in-out; -moz-transition: opacity 0.15s linear 0.2s ease-in-out; -ms-transition: opacity 0.15s linear 0.2s ease-in-out; -o-transition: opacity 0.15s linear 0.2s ease-in-out; transition: opacity 0.15s linear 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease 0.2s ease-in-out; -moz-transition: height 0.35s ease 0.2s ease-in-out; -ms-transition: height 0.35s ease 0.2s ease-in-out; -o-transition: height 0.35s ease 0.2s ease-in-out; transition: height 0.35s ease 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.eot")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.eot*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.eot-#iefix")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.eot?#iefix*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.woff")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.woff*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.ttf")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.ttf*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular*/ format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #fa4969; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.42857143; color: #999999; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; width:70px; /*float: left;width: c100%;*/ margin-bottom: 0; vertical-align:top; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 49px; line-height: 49px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 33px; line-height: 33px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { /*display: table-cell;*/ display:inline-block; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 7px 20px; font-size: 16px; font-weight: normal; line-height: 1; color: #8f8f90; text-align: center; background-color: #eeeeee; border: 1px solid #d2d2d2; border-radius: 2px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 14px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 20px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #fa4969; } .nav .nav-divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 2px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 2px 2px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 2px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #fa4969; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 2px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 2px 2px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 14px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 250px; padding: 10px; color: #ffffff; text-align: center; text-decoration: none; background-color: #606060; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #606060; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #606060; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #606060; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #606060; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #606060; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #606060; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #606060; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #606060; } .clearfix, .container, .container-fluid, .row, .form-horizontal .form-group, .btn-toolbar, .btn-group-vertical > .btn-group, .nav { zoom: 1; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after { clear: both; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after { content: ""; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print { display: none !important; } } #home-nav { display: block; background: #575757; padding: 10px 0; } #home-nav .container { position: relative; } #home-nav #nav { display: block; float: left; z-index: 1009; width: 170px; margin: 0; padding: 0; /*background: #ffffff;*/ } #home-nav #nav:nth-child(2) { display: none; } #home-nav #nav > li { display: block; } #home-nav #nav > li.nav-1 > a { background: #fb4969; background: -moz-linear-gradient(top, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb4969), color-stop(98%, #fb4969), color-stop(99%, #fa486a), color-stop(100%, #f34163)); background: -webkit-linear-gradient(top, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%); background: -o-linear-gradient(top, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%); background: -ms-linear-gradient(top, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%); background: linear-gradient(to bottom, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4969', endColorstr='#f34163', GradientType=0); } #home-nav #nav > li.nav-2 > a { background: #f14263; background: -moz-linear-gradient(top, #f14263 0%, #f14263 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f14263), color-stop(100%, #f14263)); background: -webkit-linear-gradient(top, #f14263 0%, #f14263 100%); background: -o-linear-gradient(top, #f14263 0%, #f14263 100%); background: -ms-linear-gradient(top, #f14263 0%, #f14263 100%); background: linear-gradient(to bottom, #f14263 0%, #f14263 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f14263', endColorstr='#f14263', GradientType=0); } #home-nav #nav > li.nav-3 > a { background: #e8385e; background: -moz-linear-gradient(top, #e8385e 0%, #e8385e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8385e), color-stop(100%, #e8385e)); background: -webkit-linear-gradient(top, #e8385e 0%, #e8385e 100%); background: -o-linear-gradient(top, #e8385e 0%, #e8385e 100%); background: -ms-linear-gradient(top, #e8385e 0%, #e8385e 100%); background: linear-gradient(to bottom, #e8385e 0%, #e8385e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8385e', endColorstr='#e8385e', GradientType=0); } #home-nav #nav > li.nav-4 > a { background: #df3057; background: -moz-linear-gradient(top, #df3057 0%, #df3057 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #df3057), color-stop(100%, #df3057)); background: -webkit-linear-gradient(top, #df3057 0%, #df3057 100%); background: -o-linear-gradient(top, #df3057 0%, #df3057 100%); background: -ms-linear-gradient(top, #df3057 0%, #df3057 100%); background: linear-gradient(to bottom, #df3057 0%, #df3057 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3057', endColorstr='#df3057', GradientType=0); } #home-nav #nav > li.nav-5 > a { background-color: #dd234c; } #home-nav #nav > li.last > a { padding-top: 28px; padding-bottom:28px; font-family: 'Roboto', sans-serif; background: #d42850; background: -moz-linear-gradient(top, #d42850 0%, #d42850 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d42850), color-stop(100%, #d42850)); background: -webkit-linear-gradient(top, #d42850 0%, #d42850 100%); background: -o-linear-gradient(top, #d42850 0%, #d42850 100%); background: -ms-linear-gradient(top, #d42850 0%, #d42850 100%); background: linear-gradient(to bottom, #d42850 0%, #d42850 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d42850', endColorstr='#d42850', GradientType=0); } #home-nav #nav > li > a { display: block; position: relative; z-index:7; min-height: 73px; padding: 25px 10px 25px 18px; color: #ffffff; background-color: #fa4969; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; letter-spacing: 1.5px; line-height: 18px; text-transform: uppercase; text-decoration: none; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } @media only screen and (max-width: 767px) { #home-nav #nav > li > a{ line-height:34px;} } #home-nav #nav > li > a span { vertical-align: middle; } #home-nav #nav > li > a > i { display: block; position: absolute; right: 10px; top:31px; color: #f00731; color: rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1; } @media only screen and (min-width: 991px) { #home-nav #nav > li.last > a > i{ top:34px;} } #home-nav #nav > li > a:hover { background: #ffffff; color: #fa4969; filter: none; } #home-nav #nav > li:hover > a { background: #ffffff; color: #fa4969; filter: none; } #home-nav #nav > li .sub-menu { display: none; position: absolute; z-index: 5; left: 100%; top:0; background: #ffffff; width: 1030px; min-height: 100%; padding: 20px 40px; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); white-space: normal; } #home-nav #nav > li .sub-menu .left { display: block; width: 70%; padding: 0 10px 0 0; } #home-nav #nav > li .sub-menu .left .cat-links { display: block; float: right; line-height: 1; padding: 10px 0 20px; } #home-nav #nav > li .sub-menu .left .cat-links a { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; } #home-nav #nav > li .sub-menu .left .cat-links .sep { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 20px; font-weight: bold; color: #818181; } #home-nav #nav > li .sub-menu .left .tab-links { display: block; float: left; border: 1px solid #fa4969; padding: 0; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #home-nav #nav > li .sub-menu .left .tab-links li { display: block; float: left; padding: 0; margin: 0; } #home-nav #nav > li .sub-menu .left .tab-links li a { display: block; margin: 0; padding: 10px 20px; outline: none; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; line-height: 1; text-transform: uppercase; text-decoration: none; } #home-nav #nav > li .sub-menu .left .tab-links li.active a { background: #fa4969; color: #ffffff; } #home-nav #nav > li .sub-menu .left .tab-content { padding: 10px 0 0; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap { display: block; position: relative; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list_title { display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; font-weight: 500; color: #fa4969; text-align: center; position: absolute; top: 0; left: 0; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list { display: block; position: relative; margin: 0 0 20px; padding: 0 0 20px 37px; list-style: none; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li { display: block; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a { display: inline-block; *display: inline; zoom: 1; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a:hover { color: #000000; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a:focus { opacity: 0.5; filter: alpha(opacity=50); } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list::after { display: block; content: " "; width: 10px; height: 2px; background: #dadada; position: absolute; bottom: 0; left: 37px; } #home-nav #nav > li .sub-menu .left .tab-content .brand_list_wrap:last-child .brand_list::after { display: none; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap { display: block; position: relative; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list_title { display: block; padding: 0 0 0 37px; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; font-style: italic; color: #000000; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list { display: block; position: relative; margin: 0 0 15px; padding: 0 0 20px 37px; list-style: none; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li { display: block; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a { display: inline-block; *display: inline; zoom: 1; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a:hover { color: #000000; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a:focus { opacity: 0.5; filter: alpha(opacity=50); } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li.see_link a { color: #fa4969; text-decoration: underline; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list li.see_link a:hover { text-decoration: none; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap .category_list::after { display: block; content: " "; width: 10px; height: 2px; background: #dadada; position: absolute; bottom: 0; left: 37px; } #home-nav #nav > li .sub-menu .left .tab-content .category_list_wrap:last-child .category_list::after { display: none; } #home-nav #nav > li .sub-menu .right { display: block; width: 30%; position: absolute; top: 0; bottom: 0; right: 0; padding: 20px; border-left: 1px dashed #d9d9d9; } #home-nav #nav > li .sub-menu .right .title { display: block; padding: 0 0 10px; margin: 15px 0 20px; position: relative; line-height: 1; font-size: 12px; font-weight: 500; color: #000000; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; text-align: center; } #home-nav #nav > li .sub-menu .right .title::after { display: block; content: ""; width: 20px; height: 2px; background: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } #home-nav #nav > li .sub-menu .right .best_seller_product { display: block; padding: 0 10px; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img { display: table; margin: 0 auto 20px; width: 215px; height: 215px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid #ebebeb; max-width: 100%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img:hover { border-color: #818181; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img img { max-width: 100%; height: auto; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img span { display: table-cell; vertical-align: middle; text-align: center; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_title { display: block; text-align: center; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; line-height: 1.2; color: #818181; text-decoration: none; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_title:hover { color: #000000; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_price { display: block; position: relative; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 26px; color: #000000; text-align: center; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_price .regular-price { color: #000000; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_price .special-price { color: #fa4969; margin: 0; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_price .old-price { color: #000000; text-decoration: line-through; line-height: 32px; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_price::after { display: block; content: ""; width: 20px; height: 2px; background: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } #home-nav #nav > li:hover .sub-menu,#home-nav #nav > li.active .sub-menu { display: block; } #home-nav #nav > li .accessories .left .tab-links { display: none; } #home-nav #nav > li .accessories .left .cat-links { float: left; } #home-nav #nav > li .sub-menu { left: 190px; right: 0; width:auto; } #home-nav #nav > li .sub-menu .subitem{ width: 100%; } #home-nav .allsort{ z-index:9999; text-align:left; float:left;/*box-shadow:#0093d9px 2px 5px #333333;*/ } #home-nav #nav > li .sub-menu .subitem dl{ overflow:hidden; background:#fff; float:left; border:1px solid #fff; padding:5px 5px 10px; /*width:240px;*/ width:33.3333%; } #home-nav #nav > li .sub-menu .subitem dl dt a{ color:#333; display:block; line-height:200%; } #home-nav #nav > li .sub-menu .subitem dl dd a{ color:#818181; display:inline-block; line-height:180%; } #home-nav #nav > li .sub-menu .subitem dt a:hover, #home-nav #nav > li .sub-menu .subitem dd a:hover{ color:#f60; text-decoration:underline; } #home-nav #nav > li .sub-menu .subitem dd em{ font-style:normal; display:block;/* float:left;width:150px;*/ overflow:hidden; text-indent:5px; } #home-nav #nav > li.shopbybrand .sub-menu .left, #home-nav #nav > li.allbrands .sub-menu .left { width: 100%; } @media (min-width: 767px) { #home-nav #nav > li.shopbybrand .tab-content, #home-nav #nav > li.allbrands .tab-content { padding-top: 0; } #home-nav #nav > li.shopbybrand .tab-content .col-xs-8, #home-nav #nav > li.allbrands .tab-content .col-xs-8 { width: 20%; } } #home-nav #nav > li.level-top.shopbybrand .sub-menu .left { width: 100%; } @media (min-width: 767px) { #home-nav #nav > li.level-top.shopbybrand .sub-menu .left .col-xs-8 { width: 25%; } #home-nav #nav > li.level-top.shopbybrand .sub-menu .left .tab-pane > .row { display: flex; } } @media (min-width: 767px) and (max-width: 991px) { #home-nav #nav > li.level-top.shopbybrand .sub-menu .left .tab-pane > .row { display: block; } } #site-nav { display: block; margin: 0; padding: 0; float: left; height: 30px; line-height: 30px; color: #ffffff; } #site-nav > li { display: block; position: relative; z-index:7; background: #ffffff; min-width: 145px; } #site-nav > li .subnav { display: none; position: absolute; z-index: 998; top: 100%; left: 0; min-width: 100%; color: #000000; padding: 35px 0 0; margin: -30px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; background: #ffffff; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); white-space: nowrap; } #site-nav > li .subnav > li { display: block; position: static; z-index: 999; background: #ffffff; min-width: 145px; } #site-nav > li .subnav > li > a { display: block; padding: 0 15px; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #site-nav > li .subnav > li > a.level-top{font-size:14px;} #site-nav > li .subnav > li > a i { display: none; } #site-nav > li .subnav > li .sub-menu { display: none; position: absolute; z-index: 5; left: 100%; top: 0; background: #ffffff; width: 1030px; min-height: 100%; padding: 20px 40px; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); white-space: normal; } #site-nav > li .subnav > li .sub-menu .left { display: block; width: 70%; padding: 0 10px 0 0; } #site-nav > li .subnav > li .sub-menu .left .cat-links { display: block; float: right; line-height: 1; padding: 10px 0 20px; } #site-nav > li .subnav > li .sub-menu .left .cat-links a { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; } #site-nav > li .subnav > li .sub-menu .left .cat-links .sep { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 20px; font-weight: bold; color: #818181; } #site-nav > li .subnav > li .sub-menu .left .tab-links { display: block; float: left; border: 1px solid #fa4969; padding: 0; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #site-nav > li .subnav > li .sub-menu .left .tab-links li { display: block; float: left; padding: 0; margin: 0; } #site-nav > li .subnav > li .sub-menu .left .tab-links li a { display: block; margin: 0; padding: 10px 20px; outline: none; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; line-height: 1; text-transform: uppercase; text-decoration: none; } #site-nav > li .subnav > li .sub-menu .left .tab-links li.active a { background: #fa4969; color: #ffffff; } #site-nav > li .subnav > li .sub-menu .left .tab-content { padding: 10px 0 0; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap { display: block; position: relative; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list_title { display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; font-weight: 500; color: #fa4969; text-align: center; position: absolute; top: 0; left: 0; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list { display: block; position: relative; margin: 0 0 20px; padding: 0 0 20px 37px; list-style: none; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li { display: block; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a { display: inline-block; *display: inline; zoom: 1; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a:hover { color: #000000; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list li a:focus { opacity: 0.5; filter: alpha(opacity=50); } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap .brand_list::after { display: block; content: " "; width: 10px; height: 2px; background: #dadada; position: absolute; bottom: 0; left: 37px; } #site-nav > li .subnav > li .sub-menu .left .tab-content .brand_list_wrap:last-child .brand_list::after { display: none; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap { display: block; position: relative; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list_title { display: block; padding: 0 0 0 37px; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; font-style: italic; color: #000000; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list { display: block; position: relative; margin: 0 0 15px; padding: 0 0 20px 37px; list-style: none; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li { display: block; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a { display: inline-block; *display: inline; zoom: 1; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a:hover { color: #000000; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li a:focus { opacity: 0.5; filter: alpha(opacity=50); } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li.see_link a { color: #fa4969; text-decoration: underline; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list li.see_link a:hover { text-decoration: none; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap .category_list::after { display: block; content: " "; width: 10px; height: 2px; background: #dadada; position: absolute; bottom: 0; left: 37px; } #site-nav > li .subnav > li .sub-menu .left .tab-content .category_list_wrap:last-child .category_list::after { display: none; } #site-nav > li .subnav > li .sub-menu .right { display: block; width: 30%; position: absolute; top: 0; bottom: 0; right: 0; padding: 20px; border-left: 1px dashed #d9d9d9; } #site-nav > li .subnav > li .sub-menu .right .title { display: block; padding: 0 0 10px; margin: 15px 0 20px; position: relative; line-height: 1; font-size: 12px; font-weight: 500; color: #000000; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; text-align: center; } #site-nav > li .subnav > li .sub-menu .right .title::after { display: block; content: ""; width: 20px; height: 2px; background: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product { display: block; padding: 0 10px; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img { display: table; margin: 0 auto 20px; width: 215px; height: 215px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid #ebebeb; max-width: 100%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img:hover { border-color: #818181; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img img { max-width: 100%; height: auto; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img span { display: table-cell; vertical-align: middle; text-align: center; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_title { display: block; text-align: center; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; line-height: 1.2; color: #818181; text-decoration: none; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_title:hover { color: #000000; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_price { display: block; position: relative; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 26px; color: #000000; text-align: center; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_price .regular-price { color: #000000; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_price .special-price { color: #fa4969; margin: 0; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_price .old-price { color: #000000; text-decoration: line-through; line-height: 32px; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_price::after { display: block; content: ""; width: 20px; height: 2px; background: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } #site-nav > li .subnav > li:hover .sub-menu { display: block; } #site-nav > li .subnav > li .accessories .left .tab-links { display: none; } #site-nav > li .subnav > li .accessories .left .cat-links { float: left; } #site-nav > li .subnav > li .sub-menu { top: 34px; height: auto; /*min-height: 430px;*/ width:800px; padding:20px 40px; border: 1px solid #ebebeb; } #site-nav > li .subnav > li .sub-menu dl{ float: left; overflow: hidden; width:33.3%; } #site-nav > li .subnav > li .sub-menu dl dt a{ color: #333; display: block; line-height: 200%; } #site-nav > li .subnav > li .sub-menu dd em{ display: block; font-style: normal; overflow: hidden; text-indent: 5px; } #site-nav > li .subnav > li .sub-menu dd a{ color: #818181; display: inline-block; line-height: 180%; } #site-nav > li .subnav > li:hover { background-color: #a7a7a7; } #site-nav > li .subnav > li:hover > a { color: #ffffff; } #site-nav > li > a { display: block; padding: 0 15px; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #site-nav > li > a.all_cat_link { position: relative; z-index: 9991; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #7a7a7a; color: #fff; font-size: 12px; text-transform: uppercase; padding: 0 35px 0 15px; } #site-nav > li > a.all_cat_link span { display: block; position: absolute; right: 7px; top: 50%; width: 20px; height: 20px; line-height: 20px; margin: -10px 0 0 5px; color: #ffffff; font-size: 6px; text-align: center; letter-spacing: -0.75px; border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*&::after { display: none; content: " "; z-index: 1003; position: absolute; bottom: 0; width: 0px; height: 0px; margin: 0 0 0 1px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent @white transparent; }*/ } #site-nav > li > a.all_cat_link span i { margin-left: -1px; } #site-nav > li > a:hover { background-color: #818181; color: #ffffff; } #site-nav > li > ul { display: none; position: absolute; top: 0; left: 100%; } #site-nav > li:hover > ul, #site-nav > li:hover > nav > ul { display: block; } @media only screen and (max-width: 1199px) { #home-nav #nav > li > a { min-height: 56px; padding-top:18px; padding-bottom:0; } #home-nav #nav > li.last > a { padding-top:20px; padding-bottom:23px; } #home-nav #nav > li > a > i{ top:24px; } #home-nav #nav > li.last > a > i{ top:28px; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img { display: block; height: auto; margin-bottom: 10px; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_img span { display: block; padding: 16%; } #home-nav #nav > li .sub-menu .right .best_seller_product .best_seller_title { margin: 0 -10px; font-size: 15px; max-height: 36px; overflow: hidden; } #site-nav > li .subnav > li .sub-menu { width: 825px; } } @media only screen and (max-width: 991px) { #home-nav #nav > li > a { font-size: 18px; min-height: 62px; padding-top:20px; } #home-nav #nav > li.last > a { min-height: 52px; } #home-nav #nav > li.last > a, #home-nav #nav > li.allbrands > a { min-height: 52px; } #site-nav > li .subnav > li .sub-menu { width: 605px; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img { height: 120px; width: 120px; } #site-nav > li .subnav > li .sub-menu .right .best_seller_product .best_seller_img img { width: 120px; height: 120px; } } @media (min-width: 767px) and (max-width: 991px) { #home-nav #nav { height: 371px; overflow: hidden; } #home-nav #nav > li .sub-menu { padding: 20px; } #home-nav #nav > li .sub-menu .left { width: 100%; } #home-nav #nav > li .sub-menu .right { display: none; } } @media only screen and (max-width: 767px) { #home-nav #menu-container{ display: none; } #home-nav { padding: 0 10px; overflow: hidden; } #home-nav .homebanners { float: none; margin: 0 -20px; padding: 0; width: auto; min-width: 100%; } #home-nav .homebanners .main_banners { width: 100%; } #home-nav .homebanners .secondary_banners { float: none; width: 100%; } #home-nav .homebanners .secondary_banners a { float: left; width: 50%; } #home-nav .homebanners .secondary_banners a:hover { opacity: 1; filter: alpha(opacity=100); } #home-nav .homebanners .secondary_banners a:first-child { text-align: right; } #home-nav .homebanners .secondary_banners a:last-child { text-align: left; } } /********************* * Mobile Menu ***********************/ .menu-trigger { position: relative; padding-left: 60px; font-size: 0.9em; } .menu-trigger:before { position: absolute; top: 2px; left: 0; width: 40px; height: 6px; background: #fff; box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; content: ''; } .mp-pusher { position: relative; left: 0; height: 100%; } .mp-menu { position: absolute; /* we can't use fixed here :( */ top: 0; left: 0; z-index: 1; width: 300px; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d52851; /*-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);*/ } .mp-level .mp-level { background-color: #fff; } /* overlays for pusher and for level that gets covered */ .mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; } .mp-pusher::after, /*.mp-level::after */{ -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mp-pusher::after { z-index: 9; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); } .mp-level::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .mp-level.mp-level-overlay { cursor: pointer; } .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; } .mp-pusher, /*.mp-level */{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* overlap */ .mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } /* First level */ .mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* cover */ .mp-cover .mp-level.mp-level-open { z-index: 9; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { z-index: 8; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* content style */ .mp-menu ul { margin: 0; padding: 0; list-style: none; } .mp-menu h2 { margin: 0; padding: 1em; color: rgba(0, 0, 0, 0.4); text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); font-weight: 300; font-size: 2em; } .mp-menu.mp-overlap h2::before { position: absolute; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s; transition: opacity 0.3s, transform 0.1s 0.3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .mp-menu.mp-cover h2 { display: block; z-index: 2; border-bottom: 1px dashed #d9d9d9; color: #fa4969; font-weight: 700; font-size: 14px; padding: 0 10px 0 40px; height: 41px; line-height: 40px; text-transform: uppercase; font-family: "Roboto", sans-serif; } .mp-overlap .mp-level.mp-level-overlay > h2::before { opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .mp-menu ul li > a { display: block; padding: 0.7em 1em 0.7em 1.8em; outline: none; text-decoration: none; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .mp-menu ul li::before { position: absolute; left: 10px; z-index: -1; color: rgba(0, 0, 0, 0.2); line-height: 3.5; } .mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0); } /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */ .mp-back { display: block; font: 0/0 a; position: absolute; top: 0; left: 0; z-index: 5; height: 41px; width: 100%; background: transparent !important; } .mp-back::after { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; content: "\e606"; left: 20px; font-size: 12px; line-height: 40px; color: rgba(0, 0, 0, 0.3); } /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ /* We'll show the first level only */ .no-csstransforms3d .mp-pusher, .no-js .mp-pusher { /*padding-left: 300px;*/ } .no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; } .no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; } #mp-menu ul#nav-mobile > li.nav-1 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb4969 0%, #fb4969 98%, #fa486a 99%, #f34163 100%) repeat scroll 0 0; } #mp-menu ul#nav-mobile > li.nav-2 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f14263 0%, #f14263 100%) repeat scroll 0 0; } #mp-menu ul#nav-mobile > li.nav-3 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e8385e 0%, #e8385e 100%) repeat scroll 0 0; } #mp-menu ul#nav-mobile > li.nav-4 { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #df3057 0%, #df3057 100%) repeat scroll 0 0; } #mp-menu ul#nav-mobile > li.shopbybrand, #mp-menu ul#nav-mobile > li.allbrands { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d42850 0%, #d42850 100%) repeat scroll 0 0; } #mp-menu ul#nav-mobile > li.shopbybrand > a, #mp-menu ul#nav-mobile > li.allbrands > a { font-family: "Roboto", sans-serif; font-size: 16px; font-weight: bold; } #mp-menu ul#nav-mobile > li:hover > a { background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0; } #mp-menu ul#nav-mobile > li > a { color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 20px; min-height: 66px; padding: 22px 5px 10px 20px; text-decoration: none; text-transform: uppercase; position: relative; z-index: 1; } #mp-menu ul#nav-mobile > li > a::after { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; content: "\e607"; right: 20px; top: 50%; margin-top: -5px; font-size: 10px; color: rgba(0, 0, 0, 0.35); } #mp-menu ul#nav-mobile .level-top.shopbybrand .tab-content { top: 50px; } #mp-menu .cat-links { display: block; height: 58px; line-height: 58px; padding: 0 20px; border-bottom: 1px dashed #d9d9d9; font-size: 12px; font-weight: 700; } #mp-menu .cat-links a { text-transform: uppercase; text-decoration: underline; } #mp-menu .cat-links a:hover, #mp-menu .cat-links a:focus { text-decoration: none; } #mp-menu .tab-content { position: absolute; top: 98px; bottom: 0; width: 100%; padding: 0 20px; overflow: auto; } #mp-menu .brand_list_wrap { display: block; position: relative; padding: 15px 0 15px 35px; margin: 0; min-height: 45px; } #mp-menu .brand_list_wrap .brand_list_title { display: block; width: 28px; height: 28px; line-height: 26px; border: 1px solid #d9d9d9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 500; color: #fa4969; text-align: center; position: absolute; top: 11px; left: 0; } #mp-menu .brand_list_wrap .brand_list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } #mp-menu .brand_list_wrap .brand_list li { display: block; } #mp-menu .brand_list_wrap .brand_list li a { display: block; min-height: 0; padding: 0 5px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #818181; text-decoration: none; text-transform: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #mp-menu .brand_list_wrap .brand_list li a:hover { color: #000000; background: transparent; } #mp-menu .brand_list_wrap .brand_list li a:focus { opacity: 0.5; filter: alpha(opacity=50); } #mp-menu .brand_list_wrap::after { display: block; content: " "; width: 10px; height: 2px; background: #dadada; position: absolute; bottom: 0; left: 35px; } #mp-menu .brand_list_wrap:last-child::after { display: none; } html, body, .mp-pushed { height: 100%; min-height: 100%; } .mp-pushed .page { height: 100%; min-height: 100%; overflow: hidden; } html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { min-width: 320px; -webkit-font-smoothing: antialiased; } /* text alignment */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .pink_text { color: #fa4969 !important; } .heading-font { font-family: 'GaramondPremierProCaption', sans-serif !important; } hr.delimiter { max-width: 50px; border-color: #cacaca; border-width: 2px 0 0; } hr.delimiter.small { max-width: 20px; } hr.delimiter.dashed { border-style: dashed; border-width: 1px 0 0; max-width: 214px; } hr.delimiter.dashed.full { width: 100%; max-width: 100%; } @media only screen and (min-width: 767px) { .f-left { float: left; } .f-right { float: right; } } .clear { display: block; width: 100%; height: 1px; margin-top: -1px; clear: both; } .no-display { display: none; } /* Form Validation */ .validation-advice { position: relative; clear: both; min-height: 24px; margin: 5px 0 0; padding-left: 32px; padding-top: 3px; font-size: 12px; line-height: 14px; color: #fa4969; text-align: left; } .validation-advice::after { display: block; content: "!"; width: 22px; height: 22px; line-height: 22px; border: 1px solid #fdc9d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; position: absolute; top: 0; left: 3px; } .validation-failed { border: 1px solid #fa4969 !important; } p.required { font-size: 10px; text-align: right; color: #f00; } /* Global Messages */ .success { color: #5cb85c; font-weight: bold; } .error { color: #d9534f; font-weight: bold; } .notice { color: #5bc0de; } .messages { min-width: 100%; overflow: hidden; } .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .product-essential .messages { margin: 0 -20px !important; } @media only screen and (max-width: 767px) { .product-essential .messages { padding: 0 20px !important; background: #ffffff; } } .messages li { display: block; margin: 0 0 10px; } .messages li li { margin: 0 0 3px; padding: 0; } .messages li:last-child { margin-bottom: 0; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 10px !important; font-size: 12px; } .error-msg { background-color: #e2e2e2; border-color: #e2e2e2; color: #fa4969; } .error-msg hr { border-top-color: #d5d5d5; } .error-msg .alert-link { color: #f91740; } .success-msg { background-color: #e2e2e2; border-color: #e2e2e2; color: #3c763d; } .success-msg hr { border-top-color: #d5d5d5; } .success-msg .alert-link { color: #2b542c; } .note-msg, .notice-msg { background-color: #e2e2e2; border-color: #e2e2e2; color: #8a6d3b; } .note-msg hr, .notice-msg hr { border-top-color: #d5d5d5; } .note-msg .alert-link, .notice-msg .alert-link { color: #66512c; } /* BreadCrumbs */ .breadcrumbs { padding: 10px; margin: 0 0 10px; border: 1px solid #ddd; } .breadcrumbs li { display: inline; } .highslide-loading { background: #fff; color: #000000 !important; opacity: 1 !important; padding: 5px !important; } textarea { max-width: 100%; resize: vertical; } .header-container { padding: 48px 0 5px; } .header-container .header-top { display: block; height: 48px; line-height: 48px; background-color:#1e1e1e; position: fixed; z-index:8; top: 0; left: 0; right: 0; } .mm-opened .header-container .header-top { position: absolute; } .header-container .header-top a { color: #ffffff; } .header-container .header-top .pull-right { text-align: right; } .header-container .header-top .logo { display: block; width: 0; overflow: hidden; float: left; height: 48px; line-height: 48px; font-size:26px; margin: 0 10px 0 0; -webkit-transition: width 0.8s ease-in-out 0.2s ease-in-out; -moz-transition: width 0.8s ease-in-out 0.2s ease-in-out; -ms-transition: width 0.8s ease-in-out 0.2s ease-in-out; -o-transition: width 0.8s ease-in-out 0.2s ease-in-out; transition: width 0.8s ease-in-out 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: width 0.8s ease-in-out; transition: width 0.8s ease-in-out; } .header-container .header-top .logo i { vertical-align: top; height: 48px; line-height: 52px; } .hassticky .header-container .header-top .logo { width: 110px; } .header-container .header-top .logo:hover { opacity: 0.7; filter: alpha(opacity=70); } .header-container .header-top .links { display: block; float: right; list-style: none; margin: 0; padding: 0; } .header-container .header-top .links li { display: block; float: left; position: relative; } .header-container .header-top .links li a { display: block; padding: 0 20px; text-transform: uppercase; font-weight: 500; font-size: 12px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .header-container .header-top .links li a:hover {color: #fa4969;} .header-container .header-top .links li.myemail a{ padding:0;} .header-container .header-top .links li#register a,.header-container .header-top .links li#account_link a{background-color: #fa4969;} .header-container .header-top .links li#my-account .opaced{background:#fa4969;} .header-container .header-top .links li#my-account .account_display a{background:url("http://www.gain7a.com/catalog/template/gain7a/image/account/listICO.gif") no-repeat scroll 16px -262px; color:#818181; text-transform:none; font-weight:normal;text-indent:8px; line-height:28px; text-align:left; transition:all 0.2s ease-in-out 0s;} .header-container .header-top .links li#my-account .account_display a:hover{background:url("http://www.gain7a.com/catalog/template/gain7a/image/account/listICO.gif") no-repeat scroll 16px -262px #f2f2f2; color:#000; text-decoration:none;} .header-container .header-top .links li#register a:hover, .header-container .header-top .links li#account_link a:hover {background-color: #ffffff;color: #000000;} .header-container .header-middle { display: block; padding-top: 20px; } .header-container .header-middle .logo { display: inline-block; *display: inline; zoom: 1; color: #000000; padding: 0; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .header-container .header-middle .logo:hover { opacity: 0.7; filter: alpha(opacity=70); } .header-container .header-middle .logo .icon-logo-top { display: block; overflow-y: hidden; height:60px; line-height: 60px; font-size:55px; font-family:Arial, Helvetica, sans-serif; letter-spacing:3px; } .header-container .header-middle .logo .welcome { display: block; text-align: center; font: 400 20px/1.3 'GaramondPremierProCaption', sans-serif; } .header-container .header-middle .store-tel { display: block; border-bottom: 1px solid #d9d9d9; padding: 0 0 5px; margin: 0 0 5px; text-align: center; font: 400 18px/1 'Roboto Condensed', sans-serif; color: #000000; } .header-container .header-middle .store-tel a { color: inherit; text-decoration: none; letter-spacing: 0.5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); font-family:"Times New Roman", Times, serif; font-size:22px; color:blue; } .header-container .header-middle .store-tel a:hover { color: #999999; } .header-container .header-middle .store-tel a .icon-headphones{ font-size:16px; margin-right:3px; } .header-container .header-middle .store-hours { display: block; text-align: center; color: #000000; } .header-container .header-middle .store-hours p { font: italic 18px/1 'GaramondPremierProCaption', sans-serif; margin: 0; } .header-container .header-middle .store-hours time { font-size: 12px; line-height: 1; color: #818181; } .header-container .header-middle #search_mini_form { display: block; text-align: right; } .header-container .header-middle #search_mini_form .form-group { width: 77%; text-align: left; } .header-container .header-middle #search_mini_form .input-group { display: table; width: 100%; } .header-container .header-middle #search_mini_form .input-group #search { width: 100%; max-width: 100%; padding-left: 38px; height: 33px; border-color: #d2d2d2 #d9d9d9 #dedede; background: #e1e1e1; -webkit-box-shadow: 0 1px 3px rgba(90, 90, 90, 0.1) inset; box-shadow: 0 1px 3px rgba(90, 90, 90, 0.1) inset; font: 700 12px/17.15px 'Roboto', sans-serif; /*letter-spacing: 0.5px;*/ color: #707070; } .header-container .header-middle #search_mini_form .input-group #search:focus { background-color: #f3f3f3; color: #000000; } .header-container .header-middle #search_mini_form .input-group::before { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62f"; color: #1e1e1e; z-index: 999; position: absolute; top: 8px; left: 12px; } .header-container .header-middle #search_mini_form .input-group-btn { display: table-cell !important; width: 18%; } .header-container .header-middle #search_mini_form .input-group-btn .btn { min-width: 145px; text-align: left; } .header-container .header-middle #search_mini_form .input-group-btn .caret { position: absolute; top: 50%; margin-top: -2px; right: 5px; } .header-container .header-bottom { display: block; padding-top: 30px; } .header-container .header-middle .contact-us a{ text-align:right; display:block; color:blue; padding:15px 8px 0 0; font-size:16px; } @media only screen and (max-width:991px) { .header-container .header-middle .contact-us a{ display:none; } } .header-container .header-middle .contact-us a:hover{ color:#fa4969; text-decoration:none; } .header-container .header-middle .contact-us a i.icon-headphones{ margin-right:5px; font-size:14px; } .nav-wrapp { display: block; padding-top:10px; } .cms-home .nav-wrapp { background: #e9e9e9; } .nav-wrapp .container { background: #ffffff; padding: 10px; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05); } #breadcrumb { display: block; float: left; margin-left: 20px; line-height: 30px; max-width: 56%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { #breadcrumb { max-width: 100%; } } #breadcrumb b, #breadcrumb strong { font-weight: 500; } #breadcrumb a, #breadcrumb strong { display: inline; vertical-align: middle; text-transform: uppercase; font-size: 12px; } #breadcrumb strong { color: #a3a3a3; } #breadcrumb i { vertical-align:sub; margin: 0 5px; color: #a3a3a3; color: rgba(0, 0, 0, 0.15); } #breadcrumb span:first-child a::before { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align:sub; font-size: 20px; width: 24px; line-height: 20px; text-decoration: none; content: "\e647"; } .header-container .header-top .pull-right .contact-us{ float:right; font-size: 12px; font-weight: 500; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; } #cartblock { display: block; float: right; margin:0; position: relative; text-align: left; } #cartblock #cart-button { display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0 0 0 20px; text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 12px; height: 48px; line-height: 48px; } #cartblock #cart-button .text { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #cartblock #cart-button #quality{ display: inline-block; *display: inline; zoom: 1; margin: 0 0 0 5px; height: 26px; line-height: 26px; min-width: 26px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fa4969; } #cartblock #cart-button .arrow_down { display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; line-height: 20px; margin: 0 0 0 5px; color:#d5d5d5; font-size: 6px; text-align: center; letter-spacing: -0.75px; border: 1px solid #d1d1d1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #cartblock #cart-button .arrow_down::after { display: none; content: " "; z-index: 1003; position: absolute; bottom: 0; width: 0px; height: 0px; margin: 0 0 0 2px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; } .shown-sub#cartblock #cart-button .arrow_down::after { display: block !important; } #cartblock #cart-button:hover .text, .header-container .header-top .pull-right .contact-us:hover{ color: #fa4969; } #cartblock .block-content { display: none; width: 225px; padding: 10px; z-index: 1002; position: absolute; top: 100%; right:1px; background: #ffffff; font-size: 14px; line-height: 1.2; color: #818181; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .shown-sub#cartblock .block-content { display: block; } #cartblock .block-content p { margin: 0; } #cartblock .block-content .empty { padding: 15px 20px; text-align: center; } #cartblock .block-content .summary { text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; padding-bottom: 5px; font-weight: 500; margin: 0; } #cartblock .block-content .actions { text-align: center; } #cartblock .block-content .actions .button { font-size: 12px; font-weight: 500; letter-spacing: 0; } #cartblock .block-content .wrapp-top-cart-drop { border-top: 1px solid #1e1e1e; margin: 10px -10px 0; padding: 10px 10px 0; } #cartblock .block-content .wrapp-top-cart-drop .block-subtitle { font-family: 'GaramondPremierProCaption', sans-serif; font-size: 16px; color: #818181; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list { display: block; list-style: none; padding: 0; margin: 10px 0 0; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item { margin: 0 -10px 10px; padding: 0 10px 10px; border-bottom: 1px solid #e9e9e9; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-image { display: block; float: left; width: 50px; border: 1px solid #e9e9e9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-image img { display: block; max-width: 100%; height: auto; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-image:hover { border-color: #fa4969; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details { margin-left: 60px; text-align: left; font-size: 11px; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .btn-remove, #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .btn-edit { float: right; margin: 0 3px; color: #818181; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0);font-size:12px; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .btn-remove:hover, #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .btn-edit:hover { color: #000000; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .product-name { margin-bottom: 5px; max-height:36px; overflow:hidden; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .product-name a { color: #fa4969; font-size: 12px; line-height: 17px; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item .product-details .truncated { display: none; } #cartblock .block-content .wrapp-top-cart-drop .mini-products-list .item.last { border: none; padding-bottom: 0; margin-bottom: 0; } #currency-nicer, #language-nicer { float: left; } #currency-nicer ul, #language-nicer ul { display: block; padding: 0; margin: 0; list-style: none; } #currency-nicer ul li, #language-nicer ul li { display: block; position: relative; z-index: 1001; font-weight: 400; font-size: 12px; float:left; } #currency-nicer ul li{width:166px;} #currency-nicer ul li.current-li{width:auto;} #currency-nicer ul li.mobile-current-li{width:auto; margin-right:10px;} #currency-nicer ul li:hover ul, #language-nicer ul li:hover ul { display: block; } #currency-nicer .child, #language-nicer .child { display: none; position: absolute; z-index: 1002; top: 100%; left:0; padding: 10px 0; min-width:160px; white-space: nowrap; background: #ffffff; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); line-height: 1.3; } @media all and (-webkit-min-device-pixel-ratio:0){ /* Safari*/ #currency-nicer .child, #language-nicer .child{ min-width: auto; width:500px; } } @media only screen and (max-width: 767px) { #currency-nicer .child, #language-nicer .child{ min-width:160px; } } #currency-nicer .child li a, #language-nicer .child li a { display: block; padding:2px 20px; color: #818181; text-decoration: none; text-align:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #currency-nicer .child li a{font-size:14px;} #currency-nicer .child li a .lang_flag{display:inline-block; vertical-align:inherit;} #currency-nicer .child li a:hover, #language-nicer .child li a:hover { color: #000000; background-color: #f2f2f2; } #currency-nicer .current-li, #language-nicer .current-li { cursor: pointer; } #currency-nicer .current-li .current-item, #language-nicer .current-li .current-item { font-weight: 500; color: #ffffff; text-transform: uppercase; } #currency-nicer .current-li .current-item .arrow_down, #language-nicer .current-li .current-item .arrow_down { display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; line-height: 20px; margin: 0 0 0 5px; color:#d5d5d5; font-size: 6px; text-align: center; letter-spacing: -0.75px; border: 1px solid #d1d1d1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; letter-spacing: 0; } #currency-nicer .current-li .current-item .arrow_down::after, #language-nicer .current-li .current-item .arrow_down::after { display: none; content: " "; z-index: 1003; position: absolute; bottom: 0; width: 0px; height: 0px; margin: 0 0 0 2px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; } #currency-nicer .current-li .current-item .arrow_down i, #language-nicer .current-li .current-item .arrow_down i { line-height: 18px; } #currency-nicer .current-li:hover .current-item, #language-nicer .current-li:hover .current-item { color: #fa4969; } #currency-nicer .current-li:hover .current-item .arrow_down::after, #language-nicer .current-li:hover .current-item .arrow_down::after { display: block; } #language-nicer .child { max-height: 250px; overflow-y: scroll; } @media only screen and (max-width:640px) { #customer-info{ display:none; } } .pay_methods { text-align: right; padding-top: 3px; } .footer .pay_methods { text-align: left; } .pay_method { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 3px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/pay_methods1.png)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/pay_methods1.png*/ no-repeat 999px 999px; } .pay_method.pay_ssl { width: 56px; height: 23px; background-position: -1px 0; } .pay_method.pay_visa { width: 45px; height: 14px; background-position: -66px -8px; } .pay_method.pay_master { width: 41px; height: 26px; background-position: -123px -2px; } .pay_method.pay_american { width: 37px; height: 21px; background-position: -177px -4px; } .pay_method.pay_ria { width: 40px; height: 22px; background-position: -228px -6px; } .pay_method.pay_wu{ width:75px; height: 22px; background-position:-281px 0; } .pay_method.pay_bk{ width:45px; height: 22px; background-position:-365px 0; } .pay_method.pay_paypal{ width:60px; height: 22px; background-position:-360px 0; } .footer-container { overflow: hidden; } .footer { display: block; padding-top: 30px; padding-bottom: 30px; } .footer .footer-block-newsletter { display: block; max-width: 300px; } .footer .footer-block-newsletter .block-title { display: block; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom: 15px; } .footer .footer-block-newsletter #newsletter-validate-detail { position: relative; } .footer .footer-block-newsletter #newsletter-validate-detail .form-group { vertical-align: top; } .footer .footer-block-newsletter #newsletter-validate-detail .validation-advice { position: absolute; top: 35px; left: 0; } .footer .form-group{vertical-align:top;} .footer .footer-block-newsletter #newsletter { padding: 0 15px; margin-bottom: 10px; width: 175px; height: 34px; line-height: 34px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-style: solid; border-width: 1px; border-color: #d2d2d2 #d9d9d9 #dedede; background: #e1e1e1; -webkit-box-shadow: 0 1px 3px rgba(90, 90, 90, 0.1) inset !important; box-shadow: 0 1px 3px rgba(90, 90, 90, 0.1) inset !important; font: 700 12px 'Roboto', sans-serif; letter-spacing: 0.5px; color: #8f8f90; outline: none; } .footer .footer-block-newsletter #newsletter.validation-failed { margin-bottom: 40px; } .footer .footer-block-newsletter #newsletter:focus { background-color: #f3f3f3; color: #000000; } .footer .footer-block-newsletter p { font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; line-height: 1.3; color: #818181; } .footer .footer-block-newsletter p a { color: inherit; } .footer .footer_bottom { padding-top: 30px; } .footer .footer_logo { display: inline-block; *display: inline; zoom: 1; float: right; color: #000000 !important; padding: 3px 0 0; text-decoration: none; height: 35px; overflow-y: hidden; } .footer .footer_logo .icon-logo{ display: block; line-height: 30px; font-size:32px; font-weight:500; } .footer .footer_list_title { font: 700 14px/1.1 'Roboto', sans-serif; color: #000000; margin-bottom: 10px; } .footer .footer_list { display: block; padding: 0; } .footer .footer_list li { display: block; position: relative; padding: 0; margin: 0 0 5px; color: #818181; font-size: 14px; font-family: 'Roboto', sans-serif; } .footer .footer_list li a { display: inline-block; *display: inline; zoom: 1; position: relative; text-decoration: none; color: inherit; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); padding-left: 25px; } .footer .footer_list li a i { position: absolute; top: 50%; left: 0; font-size: 16px; margin-top: -8px; } .footer .footer_list li a i.icon-band { font-size: 14px; margin-top: -7px; } .footer .footer_list li a i.icon-diamond { left: -2px; } .footer .footer_list li a i.icon-comment { margin-top: -5px; } .footer .footer_list li a:hover { color: #282828; } .footer .footer_list li a.link_win:hover { color: #25a594; } .footer .footer_list li a.link_cc:hover { color: #fa4969; } .footer .footer_list li a b { font-weight: 400; color: #000000; } /*back to top*/ #roll { display:none; width:60px; position:fixed; right:5px; bottom:10%; _position:absolute; _margin-top:300px; _top:expression(eval(document.documentElement.scrollTop)); z-index:9; } #roll_top,#roll_bottom { cursor:pointer; height:60px; width:60px; border-radius:3px; } #roll_top,#roll_top:hover { background:url("http://www.gain7a.com/catalog/template/gain7a/image/btn_backtop.gif") no-repeat 0 0 scroll; } #roll_top:hover { background-position:0 -70px; } .page-title-wrap { background-color: #ffffff; border-bottom: 1px dashed #d9d9d9; } .page-title-wrap h1 { font-size: 38px; color: #000000; } @media only screen and (max-width: 767px) { .page-title-wrap h1 { font-size: 30px; } } .main-container { display: block; padding: 0 0 25px; background: #e9e9e9; } .main-container .main { position: relative; z-index: 2; background-color: #ffffff; -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05); min-height: 380px; } .main-container .main .side_bg { display: block; background-color: #f4f4f4; border-style: solid; border-color: #ebebeb; border-width: 1px 1px 0 0; position: absolute; z-index: 0; top: 0; bottom: 0; } .main-container .main .side_bg.left { left: 0; } .main-container .main .side_bg.right { right: 0; } .main-container .main .col-main { min-height: 300px; } .cms-home .main-container { padding-top: 25px; } .cms-home .main-container .main { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .category-container{background:#fff; box-shadow:0 10px 10px 1px rgba(0, 0, 0, 0.05);} .page { display: block; position: relative; /*z-index: 2;*/ } .sidebar { padding-top: 20px; padding-bottom: 20px; } .section_title { display: block; position: relative; margin: 0 0 20px; padding: 10px 0; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; letter-spacing: 1px; color: #747474; color: rgba(0, 0, 0, 0.5); } .section_title::after { display: block; content: ""; width: 20px; height: 2px; background: #c1c1c1; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } .clear_btn { display: inline-block; *display: inline; zoom: 1; height: 25px; line-height: 24px; padding: 0 15px; border-radius: 13px; border: 1px solid #c0c0c0; color: #818181; position: absolute; z-index: 9; right: 90px; margin-top: -38px; font-size: 12px; text-decoration: none !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .clear_btn.no_arrows { right: 0; } .clear_btn.clear-recent-viewed-block { right: 0; } @media only screen and (max-width: 767px) { .clear_btn.clear-recent-viewed-block { right: 20px; padding-left: 5px; padding-right: 5px; font-size: 11px; } } .clear_btn:hover { background-color: #c0c0c0; border-color: #9a9a9a; color: #000000; } @media only screen and (max-width: 360px) { .clear_btn { padding-left: 5px; padding-right: 5px; font-size: 11px; } } .product-carousel .owl-buttons { position: absolute; } .product-carousel .owl-buttons > div { display: inline-block; vertical-align: bottom; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #c6c6c6; border-radius: 50%; cursor: pointer; font-size: 0; width: 35px; height: 35px; line-height: 0; outline: none; padding: 0; text-align: center; } .product-carousel .owl-buttons > div::before { color: #a3a3a3; display: inline-block; font-family: "pv-icomoon"; font-size: 12px; line-height: 33px; opacity: 0.85; filter: alpha(opacity=85); } .product-carousel .owl-buttons > div.owl-prev { margin-right: 10px; } .product-carousel .owl-buttons > div.owl-prev::before { content: '\e60e'; } .product-carousel .owl-buttons > div.owl-next::before { content: '\e60f'; } .product-carousel .owl-buttons > div:hover::before { color: #fa4969; } .clear_btn + .product_list.product-carousel .owl-buttons { right: 72px; } @media only screen and (max-width: 767px) { .clear_btn + .product_list.product-carousel .owl-buttons { right: 68px; top: -38px; } .clear_btn + .product_list.product-carousel .owl-buttons > div { width: 25px; height: 25px; } .clear_btn + .product_list.product-carousel .owl-buttons > div::before { font-size: 11px; line-height: 23px; } } .product_list { display: block; position: relative; padding: 0; margin: 0; zoom: 1; } .product_list:before, .product_list:after { content: ""; display: table; } .product_list:after { clear: both; } .product_list.product-carousel { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product_list.product-carousel .owl-wrapper-outer { -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); background: #fff; } .product_list.product-carousel .owl-item { border-color: #ebebeb; border-style: solid; border-width: 0 0 0 1px; } .product_list.product-carousel .owl-item:first-child { border-left-color: #dcdcdc; } .product_list.product-carousel .list_item { display: block; border: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; float: none; width: 100%; } .product_list.product-carousel .list_item:hover { cursor: pointer; } .product_list.product-carousel .img_wrap { display: block; } .product_list.product-carousel .list_item_img { display: block; } .product_list.product-carousel .owl-buttons { position: absolute; top: -45px; right: 0; } @media only screen and (max-width: 767px) { .product_list.product-carousel .owl-buttons { right: 20px; } } .product_list .list_item { display: block; float: left; background: #ffffff; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); border-color: #ebebeb; border-style: solid; border-width: 0 0 0 1px; } .product_list .list_item .list_item_inner { display: block; position: relative; min-height: 362px; padding: 10px; border-color: #ffffff; border-style: solid; border-width: 4px; -webkit-transition: border-color ease-in-out 0.2s 0.2s ease-in-out; -moz-transition: border-color ease-in-out 0.2s 0.2s ease-in-out; -ms-transition: border-color ease-in-out 0.2s 0.2s ease-in-out; -o-transition: border-color ease-in-out 0.2s 0.2s ease-in-out; transition: border-color ease-in-out 0.2s 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: border-color ease-in-out 0.2s; transition: border-color ease-in-out 0.2s; } /*.category-products .product_list .list_item .list_item_inner{min-height:375px;}*/ .product_list .list_item .list_item_inner .swiss_made { display: block; position: absolute; top: 5px; left: 5px; z-index: 3; font-size: 12px; line-height: 25px; min-width: 25px; min-height: 25px; padding: 0 0 0 35px; color: #818181; background: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/swiss.png)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/swiss.png*/ no-repeat 2px 0; background-size: 25px auto; } .product_list .list_item .list_item_inner .swiss_made span { display: block; } .product_list .list_item .list_item_inner .link-wishlist { display: block; position: absolute; z-index: 2; top: 10px; right: 10px; border: 1px solid #d0d0d0; text-decoration: none; text-align: center; line-height: 0; font-size: 0; opacity: 0; filter: alpha(opacity=0); width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .product_list .list_item .list_item_inner .link-wishlist .tip { display: block; content: attr(title); position: absolute; right: 100%; top: 0; font-size: 12px; line-height: 30px; color: #818181; margin: 0; padding: 0 5px 0 0; white-space: nowrap; overflow: hidden; width: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .product_list .list_item .list_item_inner .link-wishlist i { font-size: 11px; line-height: 28px; color: #818181; } .product_list .list_item .list_item_inner .link-wishlist:hover .tip { width: 85px; opacity: 1; filter: alpha(opacity=100); } .product_list .list_item .list_item_inner .link-wishlist:hover i { color: #fa4969; } .product_list .list_item .list_item_inner .img_wrap { display: table; width: 100%; margin: 0 0 10px; } .product_list .list_item .list_item_inner .img_wrap .list_item_img { display: table-cell; position: relative; z-index: 1; vertical-align: middle; text-align: center; height: 210px; transition: all 0.2s ease-in-out 0s; /* &::after { display: block; content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: darken(@bg-gray-light, 12%); .opacity(0); .transition(opacity ease-in-out 0.2s); } */ } .product_list .list_item .list_item_inner .img_wrap .list_item_img img { display: block; max-width: 100%; height: auto; margin: 0 auto; -webkit-transition: all ease-in-out 0.2s 0.2s ease-in-out; -moz-transition: all ease-in-out 0.2s 0.2s ease-in-out; -ms-transition: all ease-in-out 0.2s 0.2s ease-in-out; -o-transition: all ease-in-out 0.2s 0.2s ease-in-out; transition: all ease-in-out 0.2s 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .product_list .list_item .list_item_inner .availability { display: block; width: 75px; height: 75px; padding: 10px; margin: 0; position: absolute; z-index: 15; top: 10px; right: 10px; color: #ffffff; text-align: right; text-transform: uppercase; line-height: 12px; font-size: 12px; font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .product_list .list_item .list_item_inner .availability span { position: relative; z-index: 2; } .product_list .list_item .list_item_inner .availability i { position: absolute; z-index: 0; top: 0; right: 0; color: #fa4969; font-size: 75px; } .product_list .list_item .list_item_inner .product-description { position: relative; z-index: 2; } .product_list .list_item .list_item_inner .product-description .item_title { display: block; margin: 0 0 10px; height: 48px; overflow: hidden; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 20px; color: #818181; line-height: 1.2; } .category-products .product_list .list_item{border-width:0 1px 1px 0; width:25%;} .category-products .product_list .list_item.last{border-width:0 0 1px 0;} .category-products .product_list .list_item .list_item_inner .product-description .item_title a{font-size:20px; text-align:center;} .category-products .product_list .list_item .list_item_inner .product-description .item_title_2 a{text-align:left;} .product_list .list_item .list_item_inner .product-description .item_title a { display: block; text-decoration: none; color: inherit; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .product_list .list_item .list_item_inner .product-description .item_title a:hover { color: #000000; } .product_list .list_item .list_item_inner .product-description .item_price { display: block; /*float: left;*/ font-family: 'GaramondPremierProCaption', sans-serif; font-size: 26px; } .product_list .list_item .list_item_inner .product-description .rating{ display:inline-block; margin-right:5px; padding:0; height:auto; vertical-align:middle; } .product_list .list_item .list_item_inner .product-description .rating_2{ margin-right:10px; } .product_list .list_item .list_item_inner .product-description .item_review{ color:#818181; font-size:12px; font-family:'Microsoft YaHei',Arial,sans-serif; margin-top:5px; } .product_list .list_item .list_item_inner .product-description .item_review .line{ padding:0 5px; } @media only screen and (max-width: 1199px) { .product_list .list_item .list_item_inner .product-description .item_price { font-size: 20px; } } .product_list .list_item .list_item_inner .product-description .item_price p { /*display: inline-block; *display: inline;*/ zoom: 1; margin: 0; } .product_list .list_item .list_item_inner .product-description .item_price .price-label { display: none; } .product_list .list_item .list_item_inner .product-description .item_price .regular-price { color: #000000; } .product_list .list_item .list_item_inner .product-description .item_price .special-price { color: #fa4969; } .product_list .list_item .list_item_inner .product-description .item_price .old-price { color: #000000; text-decoration: line-through; margin-right:5px; font-size:20px; } .product_list .list_item .list_item_inner .product-description .item_actions { display: none; position:absolute; /*float: right;*/ padding: 0; opacity: 0; bottom:8px; right:-6px; filter: alpha(opacity=0); -webkit-transition: opacity ease-in-out 0.2s 0.2s ease-in-out; -moz-transition: opacity ease-in-out 0.2s 0.2s ease-in-out; -ms-transition: opacity ease-in-out 0.2s 0.2s ease-in-out; -o-transition: opacity ease-in-out 0.2s 0.2s ease-in-out; transition: opacity ease-in-out 0.2s 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; /*.availability { color: @red; font-family: @font-family-sans-serif3; font-size: 21px; font-style: italic; margin: 5px 0 0; }*/ } .product_list .list_item .list_item_inner .product-description .item_actions .add2cart { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 10px 0 0; padding: 0; background: none; border: none; font-family: 'Roboto', sans-serif; font-weight: 900; font-size:11px; color: #fa4969; text-transform: uppercase; } .product_list .list_item:hover .swiss_made span { display: none; } .product_list .list_item:hover .link-wishlist { opacity: 1; filter: alpha(opacity=100); } .product_list .list_item:hover .list_item_inner { border-color: #fa4969; border-width: 4px; /*padding: 5px 7px 11px;*/ } .product_list .list_item:hover .list_item_inner .availability { opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .product_list .list_item:hover .list_item_inner .product-description { /*padding: 0 9px;*/ } .product_list .list_item:hover .list_item_inner .product-description .item_title a { color: #000000; } .product_list .list_item:hover .list_item_inner .product-description .old-price { /*display:block; color:#fff;*/ } .product_list .list_item:hover .list_item_inner .product-description .item_actions { display: block; opacity: 1; filter: alpha(opacity=100); } #swiss-tooltip { width: 300px !important; background-color: #e9e9e9 !important; border: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px !important; color: #333 !important; padding: 10px !important; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } .x_devider { text-align: center; color: #b2b2b2; font-size: 25px; line-height: 1; } .x_devider span { display: inline-block; *display: inline; zoom: 1; position: relative; } .x_devider span::after, .x_devider span::before { display: block; content: ""; position: absolute; top: 50%; margin-top: -1px; width: 22px; height: 2px; background: #b2b2b2; } .x_devider span::after { left: 120%; } .x_devider span::before { right: 120%; } .btn.liquid { display: block; width: 100%; } .qty-group { width: 145px; display:inline-block; } .qty-group input { text-align: center; color: #000000; height: 33px; padding: 5px; } .qty-group .btn { padding: 7px 10px; font-size: 30px; line-height: 17px; -webkit-box-shadow: none; box-shadow: none;border-radius:2px 0 0 2px; } .qty-group .plus{border-radius:0 2px 2px 0;} .info-tip { display: block; text-align: center; max-width: 750px; margin: 0 auto 10px; color: #818181; font-size: 16px; } .form-list label { font-weight: 400; font-size: 14px; } [data-close="true"] { cursor: pointer; } .form-horizontal .buttons-set { text-align: center; } .form-horizontal .field.required .inner { position: relative; } .form-horizontal .field.required .inner::after { display: block; content: "*"; color: red; position: absolute; z-index: 9; top:6px; left: -9px; font-size: 14px; line-height: 1; } .form-control:focus { background: #ffffff; box-shadow: none; border-color: #cccccc; } select, select.form-control { line-height: 32px; } .input-text { margin-bottom: 10px; } .please-wait { display: block; padding: 10px 0; text-align: center; } .please-wait img { display: block; margin: 0 auto 5px; } .recommended_products { display: block; position: relative; margin: 25px 0 10px; padding-bottom: 10px; } .recommended_products::after { display: block; content: ""; width: 40px; height: 2px; background: #c1c1c1; position: absolute; bottom: 0; left: 50%; margin-left: -20px; } .tiplink { display: inline-block !important; } .sidebar_lists { display: block; font-size: 14px; } .sidebar_lists ul { display: block; position: relative; margin: 0 0 20px; padding: 0 0 20px; } .sidebar_lists ul:not(:last-child)::after { display: block; content: ""; width: 10px; height: 2px; background: #d9d9d9; position: absolute; bottom: 0; left: 25px; } .sidebar_lists ul li { display: block; position: relative; margin: 0 0 10px; } .sidebar_lists ul li a { display: block; position: relative; padding: 0 0 0 25px; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .sidebar_lists ul li a:hover { color: #fa4969; } .sidebar_lists ul li a i { position: absolute; left: 0; top:4px; font-size:16px; } .sidebar_lists ul li a i.icon-band { font-size: 12px; top: 4px; } .sidebar_lists ul li a:hover i.icon-hours{background-position:0 -48px;} .sidebar_lists ul li a:hover i.icon-bussines{background-position:-16px -48px;} .sidebar_lists ul li a:hover i.icon-card{background-position:0 -64px;} .cms-about-htm .sidebar_lists ul li.link_our-company a, .cms-terms-and-conditions-html .sidebar_lists ul li.terms a, .cms-faq-html .sidebar_lists ul li.link_faq a, .cms-wholesale-html .sidebar_lists ul li.link_whs a, .cms-shipping-html .sidebar_lists ul li.link_shipping a, .cms-return-html .sidebar_lists ul li.link_return a, .cms-orderstatus-php .sidebar_lists ul li.link_status a, .cms-payment-options-html .sidebar_lists ul li.link_payment a, .cms-savings-html .sidebar_lists ul li.link_discounts a, .cms-guarantee-html .sidebar_lists ul li.link_gurarantee a, .cms-ringsize-htm .sidebar_lists ul li.link_ring-size a, .cms-testimonials-html .sidebar_lists ul li.link_testimonials a, .cms-affiliates-html .sidebar_lists ul li.link_affiliates a, .contacts-index-index .sidebar_lists ul li.link_contact a { color: #fa4969; cursor: default; } .recently_viewed_products { padding-top: 15px; padding-bottom: 30px; margin-bottom: -25px; background-color: #e2e2e2; position: relative; z-index: 1; } .recently_viewed_products .row { position: relative; } @media only screen and (min-width: 767px) { .top-container { display: block !important; float: left; } .form-horizontal { max-width: 750px; margin: 0 auto; } .form-horizontal .form-group { border-bottom: 1px dashed #d9d9d9; padding-bottom: 15px; } .form-horizontal .form-group:last-child, .form-horizontal .form-group.last { border-bottom: none; } .form-horizontal .form-group .control-label { font: 400 italic 20px/30px 'GaramondPremierProCaption', sans-serif; } .form-horizontal .form-group .row { margin-bottom: 15px; } .form-horizontal .form-group .row:last-child { margin-bottom: 0; } .form-horizontal .form-group .col-sm-18 .col-sm-8.field:first-child, .form-horizontal .form-group .col-sm-24 .col-sm-8.field:first-child, #contact_page_main .form-horizontal .form-group .col-sm-8.field:first-child, .form-horizontal .form-group .col-sm-18 .col-sm-16.field:first-child, .form-horizontal .form-group .col-sm-24 .col-sm-16.field:first-child, #contact_page_main .form-horizontal .form-group .col-sm-16.field:first-child, .form-horizontal .form-group .col-sm-18 .col-sm-12.field:first-child, .form-horizontal .form-group .col-sm-24 .col-sm-12.field:first-child, #contact_page_main .form-horizontal .form-group .col-sm-12.field:first-child, .form-horizontal .form-group .col-sm-18 .col-sm-6.field:first-child, .form-horizontal .form-group .col-sm-24 .col-sm-6.field:first-child, #contact_page_main .form-horizontal .form-group .col-sm-6.field:first-child, .form-horizontal .form-group .col-sm-18 .col-sm-18.field:first-child, .form-horizontal .form-group .col-sm-24 .col-sm-18.field:first-child, #contact_page_main .form-horizontal .form-group .col-sm-18.field:first-child { padding-right: 7px; } .form-horizontal .form-group .col-sm-18 .col-sm-8.field:last-child, .form-horizontal .form-group .col-sm-24 .col-sm-8.field:last-child, #contact_page_main .form-horizontal .form-group .col-sm-8.field:last-child, .form-horizontal .form-group .col-sm-18 .col-sm-16.field:last-child, .form-horizontal .form-group .col-sm-24 .col-sm-16.field:last-child, #contact_page_main .form-horizontal .form-group .col-sm-16.field:last-child, .form-horizontal .form-group .col-sm-18 .col-sm-12.field:last-child, .form-horizontal .form-group .col-sm-24 .col-sm-12.field:last-child, #contact_page_main .form-horizontal .form-group .col-sm-12.field:last-child, .form-horizontal .form-group .col-sm-18 .col-sm-6.field:last-child, .form-horizontal .form-group .col-sm-24 .col-sm-6.field:last-child, #contact_page_main .form-horizontal .form-group .col-sm-6.field:last-child, .form-horizontal .form-group .col-sm-18 .col-sm-18.field:last-child, .form-horizontal .form-group .col-sm-24 .col-sm-18.field:last-child, #contact_page_main .form-horizontal .form-group .col-sm-18.field:last-child { padding-left: 7px; } } #search_indicator { position: absolute; display: block; top: 9px; right: 153px; z-index: 9991; width: 16px; height: 16px; background: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/search_indicator.gif)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/search_indicator.gif*/ no-repeat center center; } @media only screen and (max-width: 480px) { #search_indicator { right: 5px; } } #search_autocomplete { border: 1px solid #d9d9d9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #ffffff; z-index: 9991; } #search_autocomplete ul { display: block; padding: 0; margin: 0; } #search_autocomplete ul li { display: block; position: relative; padding: 5px 20px 5px 10px; font-size: 12px; } #search_autocomplete ul li:hover, #search_autocomplete ul li.selected { background-color: #f4f4f4; cursor: pointer; } #search_autocomplete ul li .amount { position: absolute; right: 10px; font-size: 11px; font-weight: bold; } .legend { display: block; margin: 0 auto; max-width: 620px; font: 400 italic 20px/30px 'GaramondPremierProCaption', sans-serif; } .buttons-set { text-align: center; } .buttons-set .required { display: none; } ul.form-list { display: block; max-width: 620px; margin: 0 auto; padding: 0; } ul.form-list li { display: block; position: relative; margin: 0 0 10px; zoom: 1; } ul.form-list li:before, ul.form-list li:after { content: " "; display: table; } ul.form-list li:after { clear: both; } ul.form-list li:before, ul.form-list li:after { content: " "; display: table; } ul.form-list li:after { clear: both; } ul.form-list li:before, ul.form-list li:after { content: ""; display: table; } ul.form-list li:after { clear: both; } ul.form-list li:before, ul.form-list li:after { content: ""; display: table; } ul.form-list li:after { clear: both; } ul.form-list li > strong { font-weight: 400; } ul.form-list li.fields, ul.form-list li.wide { /* //Right error display @media only screen and (min-width: 991px) { .validation-advice { width: 160px; position: absolute; left: 100%; bottom: 5px; padding-top: 0; margin: 0 0 0 5px; } } */ /* .col-sm-12 { &:first-child { padding: 0 10px 0 0; } &:last-child { padding: 0 0 0 10px; } } */ } @media only screen and (min-width: 767px) { ul.form-list li.fields .field, ul.form-list li.wide .field { display: block; width: 50%; float: left; } ul.form-list li.fields .field:first-child, ul.form-list li.wide .field:first-child { padding-right: 10px; } ul.form-list li.fields .field:last-child, ul.form-list li.wide .field:last-child { padding-left: 10px; } } @media only screen and (max-width: 767px) { ul.form-list li.fields .field:first-child, ul.form-list li.wide .field:first-child { margin-bottom: 10px; } } ul.form-list li.fields label, ul.form-list li.wide label { display: block; margin: 0 0 3px; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 18px; } ul.form-list li.fields label.required em, ul.form-list li.wide label.required em { display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 -10px; color: red; } ul.form-list li.fields .button, ul.form-list li.wide .button { color: #ffffff; background-color: #fa4969; border-color: #f93055; } ul.form-list li.fields .button:hover, ul.form-list li.wide .button:hover, ul.form-list li.fields .button:focus, ul.form-list li.wide .button:focus, ul.form-list li.fields .button:active, ul.form-list li.wide .button:active, ul.form-list li.fields .button.active, ul.form-list li.wide .button.active, .open .dropdown-toggleul.form-list li.fields .button, .open .dropdown-toggleul.form-list li.wide .button { color: #ffffff; background-color: #111111; border-color: #000000; } ul.form-list li.fields .button:active, ul.form-list li.wide .button:active, ul.form-list li.fields .button.active, ul.form-list li.wide .button.active, .open .dropdown-toggleul.form-list li.fields .button, .open .dropdown-toggleul.form-list li.wide .button { background-image: none; } ul.form-list li.fields .button.disabled, ul.form-list li.wide .button.disabled, ul.form-list li.fields .button[disabled], ul.form-list li.wide .button[disabled], fieldset[disabled] ul.form-list li.fields .button, fieldset[disabled] ul.form-list li.wide .button, ul.form-list li.fields .button.disabled:hover, ul.form-list li.wide .button.disabled:hover, ul.form-list li.fields .button[disabled]:hover, ul.form-list li.wide .button[disabled]:hover, fieldset[disabled] ul.form-list li.fields .button:hover, fieldset[disabled] ul.form-list li.wide .button:hover, ul.form-list li.fields .button.disabled:focus, ul.form-list li.wide .button.disabled:focus, ul.form-list li.fields .button[disabled]:focus, ul.form-list li.wide .button[disabled]:focus, fieldset[disabled] ul.form-list li.fields .button:focus, fieldset[disabled] ul.form-list li.wide .button:focus, ul.form-list li.fields .button.disabled:active, ul.form-list li.wide .button.disabled:active, ul.form-list li.fields .button[disabled]:active, ul.form-list li.wide .button[disabled]:active, fieldset[disabled] ul.form-list li.fields .button:active, fieldset[disabled] ul.form-list li.wide .button:active, ul.form-list li.fields .button.disabled.active, ul.form-list li.wide .button.disabled.active, ul.form-list li.fields .button[disabled].active, ul.form-list li.wide .button[disabled].active, fieldset[disabled] ul.form-list li.fields .button.active, fieldset[disabled] ul.form-list li.wide .button.active { background-color: #fa4969; border-color: #f93055; } ul.form-list li.fields .button .badge, ul.form-list li.wide .button .badge { color: #fa4969; background-color: #ffffff; } ul.form-list ul { display: block; margin: 0; padding: 0; } ul.form-list .form-input, ul.form-list .input-text, ul.form-list select { display: block; width: 100%; height: 38px; padding: 7px 10px; font-size: 16px; line-height: 1.42857143; color: #8f8f90; background-color: #ffffff; background-image: none; border: 1px solid #d2d2d2; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } ul.form-list .form-input:focus, ul.form-list .input-text:focus, ul.form-list select:focus { background: #ffffff; box-shadow: none; border-color: #cccccc; } ul.form-list .form-input::-moz-placeholder, ul.form-list .input-text::-moz-placeholder, ul.form-list select::-moz-placeholder { color: #999999; opacity: 1; } ul.form-list .form-input:-ms-input-placeholder, ul.form-list .input-text:-ms-input-placeholder, ul.form-list select:-ms-input-placeholder { color: #999999; } ul.form-list .form-input::-webkit-input-placeholder, ul.form-list .input-text::-webkit-input-placeholder, ul.form-list select::-webkit-input-placeholder { color: #999999; } ul.form-list .form-input[disabled], ul.form-list .input-text[disabled], ul.form-list select[disabled], ul.form-list .form-input[readonly], ul.form-list .input-text[readonly], ul.form-list select[readonly], fieldset[disabled] ul.form-list .form-input, fieldset[disabled] ul.form-list .input-text, fieldset[disabled] ul.form-list select { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } ul.form-list .radio, ul.form-list .checkbox { display: inline-block; *display: inline; zoom: 1; min-height: 0; margin-right: 10px; } .pager { margin: 15px 0 0; color: #a3a3a3; } .pager b { color: #818181; } .pager .amount, .pager .limiter { float: left; width: 50%; margin: 0 0 10px; } .pager .limiter { text-align: right; } .pager .limiter label { font-weight: normal; } .pager .limiter select { display: inline-block; *display: inline; zoom: 1; width: auto; } .pager .pages ol { display: block; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; } .pager .pages ol li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 38px; font-family: 'Roboto Condensed', sans-serif; color: #fa4969; height: 40px; line-height: 40px; } .pager .pages ol li a { display: block; text-decoration: none; color: #a3a3a3; } .pager .pages ol li a:hover { color: #fa4969; } .pager .pages ol li.next, .pager .pages ol li.previous { position: absolute; top: 50%; margin-top: -20px; font-size: 28px; } .pager .pages ol li.next a, .pager .pages ol li.previous a { width: 14px; overflow: hidden; } .pager .pages ol li.previous { left: 0; } .pager .pages ol li.previous a { text-indent: -14px; } .pager .pages ol li.next { right: 0; } .page-popup { position: relative; background: none repeat scroll 0 0 #fff; padding: 25px 30px; text-align: left; } .page-popup .link-print { background: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/i_print.gif)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/i_print.gif*/ 0 2px no-repeat; padding: 3px 0 3px 25px; font-size: 12px; position: absolute; top: 30px; right: 30px; } .compare-table { border: 0; color: #333; } .compare-table thead, .compare-table thead tr.first { background: #fff; } .compare-table thead tr.first th, .compare-table thead tr.first td { border: 0; background: none; padding: 0 0 4px; font-size: 0; line-height: 0; } .compare-table .btn-remove { float: right; background-image: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/btn_remove.gif)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/btn_remove.gif*/; width: 12px; height: 12px; } .compare-table tbody th { background: #e9e9e9; color: rgba(0, 0, 0, 0.5); font-family: 'Roboto', sans-serif; font-size: 14px; } .compare-table tbody th, .compare-table tbody td { padding: 10px; border: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .compare-table tbody td.last { border-right: 1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom: 1px solid #ccc !important; } .compare-table tr.add-to-row td { background: #fffada; text-align: center; } .compare-table tr.first td { text-align: center; } .compare-table .product-name { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; margin: 0 0 10px; color: #203548; text-shadow: none; } .compare-table tr.first td .product-name a { color: #203548; } .compare-table tr.first td .ratings { width: 69px; margin: 0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin: 0; } .compare-table .add-to-links li { background: none; padding: 0; } .compare-table .link-wishlist { margin-top: 10px; } .compare-table .link-wishlist:hover { color: #000; } .compare-table .price-box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeebeb; font-family: 'Roboto Condensed', sans-serif; } .compare-table .price-box > span, .compare-table .price-box > p { display: inline-block; line-height: 1; margin-right: 10px; } .compare-table .price-box .regular-price, .compare-table .price-box .special-price { font-size: 44px; color: #000000; } .compare-table .price-box .old-price { color: #fa4969; font-size: 25px; text-decoration: line-through; padding-top: 10px; } .close-window { margin-top: 10px; } /* Dropdown control */ .selectBox-dropdown { min-width: 150px; position: relative; border: none; line-height: 1.5; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle; display: inline-block; cursor: default; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { outline: none !important; } .selectBox-dropdown.selectBox-menuShowing-bottom { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown.selectBox-menuShowing-top { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding: 2px 8px; display: inline-block; white-space: nowrap; overflow: hidden; text-transform: uppercase; font: 'Roboto', sans-serif; font-size: 12px; } .selectBox-menuShowing.selectBox-dropdown .selectBox-label { color: #fa4969; } .selectBox-dropdown .selectBox-arrow { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 20px; height: 20px; line-height: 19px; margin: 0; color: #8e8e8e; font-size: 6px; text-align: center; letter-spacing: -0.75px; border: 1px solid #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 6px; top: 16px; } .selectBox-dropdown .selectBox-arrow::before { display: block; content: "\e609"; font-family: 'pv-icomoon'; speak: none; z-index: 1004; position: absolute; margin: 0 0 0 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .selectBox-dropdown .selectBox-arrow::after { display: none; content: " "; z-index: 1003; position: absolute; top: 25px; width: 0px; height: 0px; margin: 0 0 0 2px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; } .selectBox-menuShowing.selectBox-dropdown .selectBox-arrow::after { display: block; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 9991; max-height: 200px; min-height: 1em; background: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options.selectBox-options-top { border-bottom: none; margin-top: 1px; } .selectBox-options.selectBox-options-bottom { border-top: none; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #EEE; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #C8DEF4; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } /* Disabled state */ .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; } #google_language_drop { float: left; margin: 0 20px 0 0; position: relative; } #google_language_drop .goog-te-gadget { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #google_language_drop .goog-te-gadget > span { display: none; } #google_language_drop .goog-te-gadget .goog-te-combo { cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; margin: 0 !important; height: 48px; line-height: 48px; } #google_language_drop .goog-te-gadget .goog-te-combo.selectBox-dropdown { min-width: 95px; } #google_language_drop .goog-te-gadget .goog-te-combo .selectBox-label { vertical-align: top; padding: 0; } .goog-te-combo-selectBox-dropdown-menu { min-width: 180px; margin-left: -20px; } .goog-te-combo-selectBox-dropdown-menu li a { font-size: 12px; padding: 5px 20px; color: #818181; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .goog-te-combo-selectBox-dropdown-menu li a:hover { color: #000000; background-color: #f2f2f2; } @media only screen and (max-width: 767px) { #google_language_drop .goog-te-gadget .goog-te-combo { height: 37px; line-height: 37px; } #google_language_drop .goog-te-gadget .goog-te-combo .selectBox-label { color: #ffffff !important; width: auto !important; } .selectBox-dropdown-menu { z-index: 9999; } .selectBox-dropdown .selectBox-arrow { top: 11px; border-color: #ffffff; color: #ffffff; } .selectBox-dropdown .selectBox-arrow::after { top: 18px; } } .floating-badges { display: block; position: fixed; z-index: 9999; left: 0; bottom: 7%; margin-top: 115px; } @media (max-width: 991px) { .floating-badges { display: none; } } .floating-badges .badge { display: block; background-position: 0 0; background-repeat: no-repeat; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .floating-badges .badge.badge-win { width: 101px; height: 29px; background-image: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/badge_winners.jpg)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/badge_winners.jpg*/; background-size: 101px auto; } .floating-badges .badge.badge-cc { width: 129px; height: 29px; background-image: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/badge_clubcouture.jpg)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/badge_clubcouture.jpg*/; background-size: 129px auto; } .floating-badges .badge:hover { opacity: 0.7; filter: alpha(opacity=70); } .back-link { margin: 10px 0; } .back-link a { display: inline-block; outline: none; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 7px 20px; font-size: 12px; line-height: 1.42857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; color: #fa4969; border-color: #fa4969; } .back-link a:hover, .back-link a:focus { color: #000; background-color: #ccc; text-decoration: none; } .back-link a:active, .back-link a.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .back-link a.disabled, .back-link a[disabled], fieldset[disabled] .back-link a { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .back-link a.liquid { display: block; width: 100%; } .back-link a:hover, .back-link a:focus, .back-link a:active { color: #ffffff; background-color: #000000; border-color: #000000; } .back-link a small { display: none; } .video_frame { display: inline-block; *display: inline; zoom: 1; position: relative; max-width: 100%; } .video_frame a { display: inline-block; *display: inline; zoom: 1; max-width: 100%; position: relative; z-index: 2; } .video_frame a:after { content: ''; display: block; width: 73px; height: 52px; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -36px; background: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/play_ico.png)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/play_ico.png*/ no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .video_frame a:hover:after { opacity: 1; filter: alpha(opacity=100); } .video_frame .abs { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } /* #Media Queries ================================================== */ @media (min-width: 992px) { .product_list .list_item .list_item_inner .img_wrap { width: 115%; height: 160px; /*margin: 5px -13px 5px;*/ margin: 5px 0; } .slider_row .product_list .list_item .list_item_inner .img_wrap { margin:5px -13px; } .product_list .list_item .list_item_inner .img_wrap img { width:90%; transition: all 0.2s ease-in-out 0s; } .product_list .list_item:hover .list_item_inner .img_wrap img { width: 94%; } .product_list .owl-item .list_item .list_item_inner .img_wrap { width: 113%; height:220px; } .category-products .product_list .list_item .list_item_inner .img_wrap{ width:auto; text-align:center; } .catalogsearch-result-index .no-results-wrapper .product_list .list_item .list_item_inner .img_wrap { height: 230px; } } /*@media (min-width:1024px) { .product_list .owl-item .list_item .list_item_inner .img_wrap { height:220px; } }*/ @media (min-width: 1199px) { .product_list .list_item .list_item_inner .img_wrap { height: 211px; } .category-products .product_list .list_item .list_item_inner .img_wrap { height: 260px; } .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2{ height:220px; } .product_list .owl-item .list_item .list_item_inner .img_wrap { height:220px; } .catalogsearch-result-index .no-results-wrapper .product_list .list_item .list_item_inner .img_wrap { height: 300px; margin-left: -18px; margin-top: -18px; } } @media (max-width: 1199px) { .product_list .list_item .list_item_inner { min-height: 295px; } .category-products .product_list .list_item .list_item_inner .img_wrap { height: 220px; } .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2 { height:180px; } .product_list .list_item .list_item_inner .img_wrap { display: block; } .product_list .list_item .list_item_inner .img_wrap .list_item_img { display: block; height: auto; } .product_list .list_item .list_item_inner .item_price .old-price{ display:none; } .product_list .list_item .list_item_inner .img_wrap .list_item_img .product-img { display: block; } .product_list .list_item .product-description .item_price { font-size: 20px; line-height: 37px; } .qty-group { /*width: 155px;*/ } .qty-group .qty { padding-left: 2px; padding-right: 2px; } .qty-group .btn { padding-left: 0; padding-right: 0; width: 35px; } .qty-group .btn#qty-plus { font-weight: normal; } .page .product_list .list_item .list_item_inner .link-wishlist, .page .product_list .list_item .list_item_inner .product-description .item_actions, .page .product_list .list_item .list_item_inner .product-description .item_title a, .page .product_list .list_item .list_item_inner .img_wrap .list_item_img img { -webkit-transform: none; } } @media (max-width: 991px) { .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2 { height:220px; } .category-products .product_list .list_item .list_item_inner .product-description .item_title_2 a{ text-align:center; } .header-container .header-middle #search_mini_form { position: relative; z-index: 7; text-align: left; } .header-container .header-middle #search_mini_form .form-group { width: 100%; padding-right: 97px; } .header-container .header-middle #search_mini_form > .btn { position: absolute; top: 0; right: 0; } .product_list:not(.carousel) .list_item { width: 50%; } .product_list .list_item .list_item_inner .img_wrap { width: 112%; height: 285px; text-align:center; /*margin: -2px -13px 13px;*/ } .product_list .list_item .list_item_inner .img_wrap img { width: 90%; transition: all 0.2s ease-in-out 0s; } .category-products .product_list .list_item .list_item_inner .img_wrap, .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2{ height:300px; width:94%; } .product_list .list_item:hover .list_item_inner .img_wrap img { width: 94%; } .product_list .owl-item .list_item .list_item_inner .img_wrap { width: 113%; height:185px; margin: -5px -15px 0; } .product_list .list_item .list_item_inner .product-description{ text-align:center; } #home-nav .homebanners .main_banners img:hover { opacity: 0.7; filter: alpha(opacity=70); } } @media (min-width: 767px) and (max-width: 991px) { .header-top .col-sm-13 { padding-right: 0; } .header-top .col-sm-11 { padding-left: 0; padding-right: 0; } .header-container .header-bottom { padding-top: 0; } .logoWrapper, .hoursWrapper { width: 50%; float: left; margin-bottom: 10px; } .hoursWrapper::after { display: table; content: ""; } .hoursWrapper .store-tel { border-bottom: none !important; font-size: 20px !important; text-align: right!important; } .header-container .header-middle .store-hours { text-align: right; } #search_mini_form { margin-bottom: 15px; } .clearfix-md { zoom: 1; } .clearfix-md:before, .clearfix-md:after { content: " "; display: table; } .clearfix-md:after { clear: both; } .clearfix-md:before, .clearfix-md:after { content: " "; display: table; } .clearfix-md:after { clear: both; } .clearfix-md:before, .clearfix-md:after { content: ""; display: table; } .clearfix-md:after { clear: both; } .clearfix-md:before, .clearfix-md:after { content: ""; display: table; } .clearfix-md:after { clear: both; } .nav-wrapp { padding-top: 0; } .catalogsearch-result-index .no-results-wrapper .product_list .list_item .list_item_inner .img_wrap { height: 360px; margin-left: -20px; } /*.product_list .list_item .list_item_inner .product-description .item_review{ display:none;} .product_list .owl-item .list_item .list_item_inner .img_wrap{ width: 113%; height:220px; }*/ } @media only screen and (max-width: 767px) { .container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 { padding-left: 10px; padding-right: 10px; } .row, .form-horizontal .form-group { margin-left: -10px; margin-right: -10px; } /* Chrome, Safari, Opera */ @-webkit-keyframes glimpse { from { left: -100px; } to { left: 100px; } } /* Standard syntax */ @keyframes glimpse { from { left: -100px; } to { left: 100px; } } .text-center-xs { text-align: center; } /* Header */ .header-container { padding-bottom: 0; padding-top:37px; } .header-container .header-top { min-height: 37px; height: auto; line-height: 37px; } .header-container .header-top a { text-decoration: none; } .header-container .header-top #settings_toggle { margin: 0 20px 0 -10px; display: inline-block !important; float: left; width: 44px; text-align: center; font-size: 18px; color: #ffffff; background: #303030; text-decoration: none; } .header-container .header-top #settings_toggle.active { color: #fa4969; } .header-container .header-top .phone_link { font-size: 12px; } .header-container .header-top .livechatlink { float: right; margin-right: -10px; padding: 0 10px; color: #ffffff; /*background:url("http://www.gain7a.com/catalog/template/gain7a/image/icon_topbar.png") no-repeat scroll 10px 14px; text-indent:15px;background: #303030;text-transform: uppercase;*/ } .header-container .header-top .livechatlink i,.header-container .header-top .servicelink i{ margin-right: 3px; } .header-container .header-top .servicelink{ float:right; margin-left:10px; } .header-container .header-top .top-container { display: none; background: #fa4969; margin: 0 -20px; padding: 0 20px; } .header-container .header-top .top-container #currency-nicer .current-li .current-item, .header-container .header-top .top-container #language-nicer .current-li .current-item { color: #ffffff !important; } .header-container .header-top .top-container #currency-nicer .current-li .current-item .arrow_down, .header-container .header-top .top-container #language-nicer .current-li .current-item .arrow_down { color: #ffffff; border-color: #ffffff; } .header-container .header-top .top-container .setingsLinks { display: block; padding: 0; margin: 0 -5px 0 0; float: right; list-style: none; } .header-container .header-top .top-container .setingsLinks li { float: left; text-transform: uppercase; } .header-container .header-top .top-container .setingsLinks a { display: block; font-size: 12px; padding: 0 5px; } .header-container .header-top .top-container .setingsLinks a:hover, .header-container .header-top .top-container .setingsLinks a:focus, .header-container .header-top .top-container .setingsLinks a:active { background-color: rgba(0, 0, 0, 0.3); } .header-container .header-middle .logoWrapper { text-align: center; } .header-container .header-middle .logo { vertical-align: middle; } .header-container .header-middle .logo .icon-logo-top { height: 36px; line-height: 34px; font-size:34px; font-weight:600; } .header-container .header-middle .mobile_customer_links { float: right; margin: -4px -5px 0 0; } .header-container .header-middle .mobile_customer_links a { display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 4rem; height: 4rem; line-height: 5rem; background: #e8e8e8; color: #000000; text-align: center; text-decoration: none; } .header-container .header-middle #search_mini_form { margin-top: 15px; margin-bottom: 15px; } .header-container .header-middle #open-sb { display: inline-block !important; float: left; vertical-align: middle; width: 38px; height: 48px; position: relative; overflow: hidden; margin: 0 10px 0 0; background-color: #ffffff; cursor: pointer; font-size: 11px; line-height: 20px; text-transform: uppercase; } .header-container .header-middle #open-sb::before { content: ''; position: absolute; width: 80px; height: 170px; top: 0; left: -220px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 2; -webkit-animation: glimpse 2s linear 1s infinite; -moz-animation: glimpse 2s linear 1s infinite; animation: glimpse 2s linear 1s infinite; } .header-container .header-middle #open-sb span { display: block; width: 100%; height: 5px; background: #fa4969; border-left: 1px solid #fdacbb; border-right: 1px solid #fdacbb; margin-bottom: 7px; } .header-container .header-middle #open-sb span:last-child { margin-bottom: 0; } .mm-opening .header-container .header-middle #open-sb span { background: #fa4969; border-color: #fc93a6; } .menu-button { position: relative; margin: 5px; height: 36px; width: 36px; cursor: pointer; } .menu-button:before { content: ""; position: absolute; top: 5px; right: 3px; border-bottom: 17px double #b0120a; border-top: 6px solid #b0120a; width: 30px; height: 5px; } .menu-left { float: left; margin-right: 1.5em; } .sidebar { margin: 0; padding-top: 1em; color: white; background-color:#b0120a; } .sidebar h6 { margin: 0 .8em; padding: 0; font-weight:300; } .sidebar hr { margin: 2em auto; border: 0; padding: 0; width: 80%; height: 1px; background-color: white; } /* Footer */ .footer .footer-block-newsletter { display: block; padding-top: 15px; margin: 0 0 15px; border-top: 1px solid #e9e9e9; max-width: 100%; text-align: center; } .footer .footer_bottom { text-align: center; } .footer .footer_bottom .pay_methods { text-align: center; margin-bottom: 15px; } .footer .footer_bottom .footer_logo { float: none; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align:-moz-middle-with-baseline; } /* Content */ .category-products .product_list .list_item .list_item_inner { min-height: 321px; } .product_list .list_item .list_item_inner .swiss_made { left: 8px; top: 12px; } .product_list .list_item .list_item_inner .swiss_made span { display: none; } .product_list .list_item .list_item_inner .product-description { text-align: center; } .product_list .list_item .list_item_inner .product-description .item_price { float: none; font-size: 20px; } .product_list .list_item .list_item_inner .product-description .item_price .regular-price { color: #000000; } /*.product_list .list_item .list_item_inner .product-description .item_price .old-price { display: none; }*/ .product_list .list_item .list_item_inner .product-description .item_actions { display: none !important; float: none; } .product_list .list_item:hover .list_item_inner .swiss_made { top: 12px; left: 8px; } .product_list:not(.carousel) .list_item { width: 50%; } .product_list .list_item .list_item_inner .img_wrap { width: 108%; height: 330px; /*margin: 0 -13px 13px;*/ text-align:center; } .product_list .list_item .list_item_inner .img_wrap img { /*width: 90%;*/ } /*.category-products .product_list .list_item .list_item_inner .img_wrap{ height:220px;}*/ /*.category-products .product_list .list_item .list_item_inner .img_wrap img { width: 95%; } .product_list .list_item:hover .list_item_inner .img_wrap img { width: 97%; }*/ .product_list .owl-item .list_item .list_item_inner .img_wrap { width: 113%; height: 165px; margin: -5px -13px -13px; } .nav-wrapp { padding-top: 0; border-bottom: 1px dashed #d9d9d9; } .nav-wrapp .container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 20px; padding-right: 20px; } .nav-wrapp #breadcrumb { margin: 0; float: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav-wrapp #breadcrumb a, .nav-wrapp #breadcrumb strong { display: inline; } .sidebar { background-color: #f4f4f4; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .side_bg { display: none !important; } .form-horizontal .form-control { margin-bottom: 10px; } .form-horizontal .validation-advice { margin: -7px 0 7px; } .section_title.mobile { text-align: left; margin-bottom: 9px; padding-left: 20px; } .section_title.mobile::after { display: none; } #kayako_sitebadgecontainer { display: none !important; } .pager .amount, .pager .limiter { width: 100%; float: left; text-align: left; } .product_list .list_item:hover .list_item_inner { padding:10px; } .product_list .list_item:hover .list_item_inner .product-description { padding: 0; } } @media only screen and (max-width: 767px) and (max-width: 359px) { .header-container .header-top .top-container .setingsLinks li.first a, .header-container .header-top .top-container .setingsLinks li#account_link a { font-size: 11px; } } @media only screen and (max-width: 640px) { object { display: none; } .header-container .header-middle .logo .welcome { font-size: 16px; } .product_list .list_item .list_item_inner .img_wrap { height: 285px; } .product_list .owl-item .list_item .list_item_inner .img_wrap { width: 113%; height: 180px; margin: -5px -8px -13px; } .category-products .product_list .list_item .list_item_inner .img_wrap, .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2{ height:260px;} } @media only screen and (max-width: 480px) { .header-container .header-middle #search_mini_form .form-group .input-group-btn { display: none !important; } .product_list .list_item .list_item_inner { min-height: 270px; } .section_title.mobile { padding-left: 10px; font-size: 15px; } .product_list .list_item .list_item_inner .img_wrap { height: 190px; } .product_list .owl-item .list_item .list_item_inner .img_wrap { height:220px; } .category-products .product_list .list_item .list_item_inner{min-height:220px;} .category-products .product_list .list_item .list_item_inner .img_wrap { height:160px;} .header-container .header-top .mobile_topbar_links{ text-align:center; } .header-container .header-top .servicelink{ float:none; display:inline-block; margin:0 auto; } .product_list .list_item .list_item_inner .product-description .rating_2{ display:block; margin:0 auto; } } @media only screen and (max-width: 380px) { .product_list .list_item .list_item_inner .img_wrap { width: 113%; height: 150px; } .product_list .owl-item .list_item .list_item_inner .img_wrap { height: 180px; } .category-products .product_list .list_item .list_item_inner .img_wrap, .category-products .product_list .list_item .list_item_inner .img_wrap.img_wrap_2{ height:160px;} } @media only screen and (max-width: 320px) { .product_list .list_item .list_item_inner .img_wrap { height: 130px; margin-top: -4px; } .product_list .owl-item .list_item .list_item_inner .img_wrap { width: 113%; height: 150px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .pay_method { background-image: url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/x2/pay_methods.png)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/x2/pay_methods.png*/; background-size: 214px auto; } } /********************* CLEARFIXIN' *********************/ .clearfix, .container, .container-fluid, .row, .form-horizontal .form-group, .btn-toolbar, .btn-group-vertical > .btn-group, .nav { zoom: 1; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after { content: ""; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after { clear: both; } /********************* CUSTOM *********************/ #kayako_sitebadgebg, #kayako_sitebadgeindicator { display: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } #kayako_sitebadgebg:hover, #kayako_sitebadgeindicator:hover { opacity: 0.7; filter: alpha(opacity=70); } #kayako_sitebadgebg { height: 98px; width: 29px; border: none; background-size: 29px auto !important; } /* Overlay */ #ampromo-items-add { padding: 7px; margin-bottom: 12px; } #ampromo-items-add .select-gift{ display: block; padding-top: 12px; text-align: right; } @media only screen and (max-width : 767px){ #ampromo-items-add .select-gift{ padding: 0; text-align: right; margin: -23px 20px 0 10px; } } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; text-align: center; display: block; background-color: rgba(87, 87, 87, 0.9); background-attachment: scroll; background-clip: border-box; background-repeat: repeat; background-size: auto auto; width: 100%; height: 100%; } #ampromo-items{ padding: 40px 20px 35px!important; } #ampromo-overlay .close{ position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; padding: 0; color: #818181; cursor: pointer; display: inline-block; font-family: "pv-icomoon"; font-size: 22px; text-decoration: none; /*background: url(http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/amasty/ampromo/close_icon.png) no-repeat;*/ /*opacity: .8; width: 16px; height: 16px;*/ } #ampromo-overlay .close:before { content: "\e610"; } #ampromo-overlay .close:hover { color: #000; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 685px; } #ampromo-items h3{ display: block; font-size: 35px; font-style: italic; margin-bottom: 35px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 7px; padding: 20px 20px 40px; width: 250px; border: 1px solid #ededed; position: relative; margin-right: 12px; } #ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 520px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 45000px; height: 1px; } #ampromo-carousel-content .slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 260px; /*background: url(http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;*/ font-family: "pv-icomoon"; width: 48px; height: 45px; font-size: 0; display: none; font-size: 12px; line-height: 33px; color: #a3a3a3; border-radius: 50%; border: 1px solid #c6c6c6; text-decoration: none; height: 35px; width: 35px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } .ampromo-carousel-control.carousel-disabled.prev { /*background-position: 0 0 !important;*/ } .ampromo-carousel-control.amcarousel-disabled.next { /*background-position: -46px 0 !important;*/ } .ampromo-carousel-control.prev { /*background-position: 0 -45px;*/ left: 20px; } .ampromo-carousel-control.prev::before{ content: '\e60e'; } .ampromo-carousel-control.next { /*background-position: -46px -45px;*/ right: 20px; } .ampromo-carousel-control.next::before{ content: '\e60f'; } .ampromo-carousel-control.prev:hover, .ampromo-carousel-control.prev:focus { /*background-position: 0 -91px;*/ color: #f93055; text-decoration: none; } .ampromo-carousel-control.next:hover, .ampromo-carousel-control.next:focus { /*background-position: -46px -91px;*/ color: #f93055; text-decoration: none; } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 210px; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 50px; margin-top: 0; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: normal; color: #818181; text-decoration: none; height: 50px; overflow: hidden; } .ampromo_items_form h4 a:hover { color: #000; } /****************************************************************** Stylesheet: Mixins & Constants Stylesheet ******************************************************************/ .holiday_notice { display: block; width: 100%; background: #4d4d4d; color: #fff; height: 46px; line-height: 46px; text-align: center; /* margin-top: 48px;*/ } .holiday_notice:before, .holiday_notice:after { content: " "; display: table; } .holiday_notice:after { clear: both; } .holiday_notice p { margin: 0; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: inherit; } .holiday_notice p img { vertical-align: middle; margin-right: 10px; } .checkout-onepage-index .holiday_notice, .clio-bitcoin-order-pay .holiday_notice, .checkout-onepage-success .holiday_notice { margin-top: 0; } .chinese_cart_notice { display: block; margin: 5px 0 15px 0; padding: 0 15px; line-height: 57px; background: #ffe9d5; border: 1px solid #edcdae; color: #8a8a8a; } .chinese_cart_notice:before, .chinese_cart_notice:after { content: " "; display: table; } .chinese_cart_notice:after { clear: both; } .chinese_cart_notice p { margin: 0; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: inherit; } .chinese_cart_notice p img { vertical-align: middle; margin-right: 10px; } .chinese_cart_notice p b { font-weight: 400; } @media only screen and (max-width: 1200px) { .chinese_cart_notice { line-height: 1.4; padding: 10px; } .chinese_cart_notice img { float: left; } } @media only screen and (max-width: 991px) { .holiday_notice img { width: 20px; height: auto; } } @media only screen and (max-width: 767px) { .holiday_notice { height: auto; line-height: 1.4; padding: 10px; } .holiday_notice img { margin-top: 10px; float: left; } .mm-opening .holiday_notice { margin-top: 0; padding-top: 49px; } } @media only screen and (max-width: 400px) { .holiday_notice img { margin-top: 20px; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/owl_carousel/grabbing.png)/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/owl_carousel/grabbing.png*/ 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /****************************************************************** Stylesheet: Mixins & Constants Stylesheet ******************************************************************/ /*.nav-wrapp { display: none; }*/ @media only screen and (min-width: 767px) { .header-container { padding-bottom: 20px; } } .main-container { /*padding-top: 15px !important;*/ padding-bottom: 0; overflow: hidden; } /*.main-container .std { padding-top: 0; padding-bottom: 0; }*/ .main-container .main { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .main-container .main.success{ min-height:inherit; text-align:center; color:#000; } .main-container .main.success .category-container{ padding:80px 0; } .main-container .main.success .category-container p{ font-family:"GaramondPremierProCaption",sans-serif; font-size:22px; font-style:italic; color:#818181; font-weight:normal; } .main-container .slider_row { margin: 0 -5000px; padding: 17px 5000px 0; } .main-container .new_arrivals_row { background-color: #e2e2e2; } .main-container .slider_row.sales_row { background-color: #dbdbdb; } @media only screen and (max-width: 767px) { .main-container .slider_row { padding-top: 25px; } } .main-container .owl-slider { margin-bottom: 0; touch-action: auto; -ms-touch-action: auto; } @media only screen and (min-width: 767px) and (orientation: landscape) { .main-container .owl-slider { touch-action: pan-y; -ms-touch-action: pan-y; } } .benefits_list { display: block; margin: 0; padding: 0; } .benefits_list li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; min-height: 35px; padding: 5px 0 0 43px; margin: 0 15px 0 0; color: #fa4969; font-size: 12px; line-height: 1.1; text-transform: uppercase; } .benefits_list li .icon { display: block; position: absolute; top: 0; left: 0; width: 35px; height: 35px; line-height: 35px; background: #fa4969; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 18px; } .benefits_list li .icon i { line-height: 34px; color: #ffffff; } .benefits_list li .icon i.icon-badge { font-size: 22px; } .benefits_list li .icon i.icon-truck { font-size: 16px; } .benefits_list li .icon i.text { font-family: Verdana, sans-serif; } .homebanners { display: block; position: relative; z-index: 2; float: left; width: 100%; padding-left: 170px; margin-left: -170px; } .homebanners .main_banners, .homebanners .secondary_banners { overflow: hidden; } @media only screen and (min-width: 991px) { .homebanners .main_banners, .homebanners .secondary_banners { height: 343px; } } @media only screen and (min-width: 1200px) { .homebanners .main_banners, .homebanners .secondary_banners { height: 441px; } } .homebanners .main_banners { display: block; float: left; width: 66.5%; } .homebanners .main_banners#home_slider { position: relative; margin: 0; padding: 0; overflow: hidden; } .homebanners .main_banners#home_slider img { max-width: 100%; height: auto; } .homebanners .main_banners#home_slider .owl-item { text-align: center; } .homebanners .main_banners#home_slider .owl-controls { display: block; width: auto; margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; bottom: auto; } .homebanners .main_banners#home_slider .owl-controls .owl-pagination { display: block; } .homebanners .main_banners#home_slider .owl-controls .owl-page { display: inline-block; *display: inline; zoom: 1; width: 11px; height: 11px; padding: 0; margin: 0 2px; } .homebanners .main_banners#home_slider .owl-controls .owl-page span { display: block; padding: 0; margin: 0; width: 11px; height: 11px; background: #555555; } .homebanners .main_banners#home_slider .owl-controls .owl-page.active span { background-color: #fa4969; } .homebanners .secondary_banners { display: block; float: left; width: 33.5%; text-align: right; } .homebanners .secondary_banners a { display: block; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .homebanners .secondary_banners a:hover { opacity: 0.7; filter: alpha(opacity=70); } .homebanners .secondary_banners a.visible-xs { margin-top: -1px; } .homebanners .secondary_banners a img { max-width: 100%; height: auto; -webkit-transform: translateZ(0); transform: translateZ(0); } .section_title a { color: #747474; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); font-size:16px; } .section_title a:hover { text-decoration: none; color: #000; } .reasons { display: block; padding: 44px 0 40px; background: #1e1e1e; color: #ffffff; } .reasons .reasons_title { display: block; position: relative; padding: 0 0 20px 90px; margin: 0 0 16px; font-family: 'Roboto Condensed', sans-serif; font-size: 25px; letter-spacing: 1px; } .reasons .reasons_title .heading-font { font-size: 34px; letter-spacing: 0; } .reasons .reasons_title .reason_number { position: absolute; top: -22px; left: 0; font-size: 160px; font-style: normal; line-height: 1; letter-spacing: 0; } .reasons .reasons_title .divider { display: block; width: 46px; height: 2px; background: #626262; position: absolute; bottom: 0; left: 90px; } .reasons .reason { margin-bottom: 30px; } .reasons .reason .reason_title { display: inline-block; *display: inline; zoom: 1; position: relative; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: 2px; text-transform: uppercase; padding: 10px 80px 10px 0; margin: 0 0 10px; } .reasons .reason .reason_title .reason_title_icon { display: block; width: 58px; height: 58px; line-height: 58px; text-align: center; color: #fa4969; border: 1px solid #373737; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; right: 0; } .reasons .reason .reason_title .reason_title_icon i { font-size: 22px; } .reasons .reason .reason_title .reason_title_icon i.text { font-family: Verdana, sans-serif; } .reasons .reason .reason_text { color: #7d7d7d; color: rgba(255, 255, 255, 0.5); font-family: 'GaramondPremierProCaption', sans-serif; font-size: 16px; line-height: 1.3; } .reasons .reason.top_brands { padding-left: 90px; } .reasons .reason.top_brands .reason_title { padding-right: 0; } .reasons .reason.top_brands .reason_title .reason_title_icon { right: auto; left: -77px; top: 70px; } .reasons .reason_devider { padding-top: 30px; text-align: center; color: #626262; font-size: 25px; line-height: 1; } .reasons .reason_devider span { display: inline-block; *display: inline; zoom: 1; position: relative; } .reasons .reason_devider span::after, .reasons .reason_devider span::before { display: block; content: ""; position: absolute; top: 50%; margin-top: -1px; width: 22px; height: 2px; background: #626262; } .reasons .reason_devider span::after { left: 120%; } .reasons .reason_devider span::before { right: 120%; } #bg{ width:100%; height:100%; background:#777; opacity:0.7; filter:alpha(opacity=70); position:fixed; left:0; top:0; display:none; z-index:99999; } #email-content { display:none; margin: 0 auto; position:fixed; top:20%; text-align: left; vertical-align: middle; width:100%; z-index:100000; } #emailModal{ color:#000; font-size:16px; margin: 20px auto; max-width:800px; padding:50px 30px; box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); position: relative; text-align:left; width: auto; background:url("http://www.gain7a.com/catalog/template/gain7a/image/coupon_sigin50.jpg") no-repeat right bottom #fff; } #emailModal h2{ font-size:34px; font-weight:normal; line-height: 30px; margin-bottom: 20px; } #emailModal h2 span{ color:#fa5b3b; } #emailModal ul{ margin-bottom:15px; } #emailModal ul li{ list-style:disc; color:#818181; font-size:16px; margin-left:15px; font-family:Arial, Helvetica, sans-serif; } #emailModal .coupon-input-name{ background: #fff none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 3px 25px rgba(0, 0, 0, 0.3); padding: 15px; width:300px; font-size:14px; } #emailModal .coupon-input-name input{ border: 1px solid #888; border-radius:2px; height: 24px; padding: 2px 5px; } #emailModal .coupon-input-name span{ background:#fa5b3b; border: 1px solid #fa5b3b; border-radius:2px; color: #fff; cursor: pointer; height: 24px; line-height:24px; font-size:14px; padding:2px 8px; } #emailModal .email-tips{ color:#818181; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:50px; } #emailModal .email-tips p{ margin-bottom:0; } @media only screen and (max-width:991px) { #email-content{top:5%;} #emailModal{max-width:600px;background:url("http://www.gain7a.com/catalog/template/gain7a/image/coupon_sigin50_991.jpg") no-repeat right bottom #fff;} #emailModal .email-tips{ text-indent:-9999px; height:180px;} } @media only screen and (max-width: 767px) { #email-content{top:5%;} #emailModal{max-width:400px;background:url("http://www.gain7a.com/catalog/template/gain7a/image/coupon_sigin50_360.jpg") no-repeat right bottom #fff;} #emailModal .email-tips{height:100px;} } @media only screen and (max-width:480px) { #email-content{top:0;} #emailModal{max-width:320px; padding:20px;background:url("http://www.gain7a.com/catalog/template/gain7a/image/coupon_sigin50_320.jpg") no-repeat right bottom #fff;} #emailModal .email-tips{height:120px;} #emailModal .coupon-input-name{width:200px;} #emailModal .coupon-input-name input{display:block; margin-bottom:10px;} } #emailModal .email-close{ display:inline-block; } #emailModal h4{ display:inline-block; width:30px; height:30px; background:url("http://www.gain7a.com/catalog/template/gain7a/image/fancy_close.png") no-repeat scroll left top; position:absolute; top:-14px; margin:0; right:-18px; } .btn-md{ background-color: #ffa706; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(0, 0, 0, 0.1) 100%); background-repeat: repeat-x; border:none; color: #ffffff; display: inline-block; font-family: Arial; font-size: 14px; font-weight:bold; height:30px; line-height:30px; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); width:initial; cursor:pointer; vertical-align:top; padding:0 10px;} #brontoSignupBox p{margin-bottom:20px;} .email-footer{margin-top:20px;} @media (min-width: 1199px) { .reasons .col-lg-9 { padding-left: 35px; } } @font-face { font-family: 'GaramondPremierProCaption'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot-#iefix")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.eot?#iefix*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.woff")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.woff*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.ttf")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.ttf*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.svg#GaramondPremierProCaption")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamond-premier-pro-caption.svg#GaramondPremierProCaption*/ format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GaramondPremierProCaption'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot-#iefix")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.eot?#iefix*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.woff")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.woff*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.ttf")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.ttf*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.svg#GaramondPremierProItalicCaption")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/garamondpremrpro-itcapt.svg#GaramondPremierProItalicCaption*/ format('svg'); font-weight: 400; font-style: italic; } /*========= ==ICON FONT ===========*/ @font-face { font-family: 'pv-icomoon'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot?30b47n*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot-#iefix30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.eot?#iefix30b47n*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.woff-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.woff?30b47n*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.ttf-30b47n")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.ttf?30b47n*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/icomoon/icomoon6.svg-30b47n#pv-icomoon")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/icomoon/icomoon6.svg?30b47n#pv-icomoon*/ format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e647"; } .icon-user2:before { content: "\e645"; } .icon-mouse:before { content: "\e646"; } .icon-give:before { content: "\e640"; } .icon-shield:before { content: "\e641"; } .icon-dollar:before { content: "\e642"; } .icon-connections:before { content: "\e643"; } .icon-thumbs-o-down:before { content: "\e63c"; } .icon-thumbs-o-up:before { content: "\e63d"; } .icon-calendar:before { content: "\e638"; } .icon-medal:before { content: "\e639"; } .icon-people:before { content: "\e63a"; } .icon-list:before { content: "\e63b"; } .icon-ticket:before { content: "\e633"; } .icon-label:before { content: "\e634"; } .icon-star-empty:before { content: "\e635"; } .icon-diamond:before { content: "\e636"; } .icon-band:before { content: "\e637"; } .icon-triangle:before { content: "\e632"; } .icon-trash-pv:before { content: "\e631"; } .icon-trash:before { content: "\e630"; } .icon-loop:before { content: "\e62f"; } .icon-checkmark:before { content: "\e62e"; } .icon-passed:before { content: "\e600"; } .icon-percent:before { content: "\e627"; } .icon-mail:before { content: "\e628"; } .icon-ring:before { content: "\e629"; } .icon-code:before { content: "\e62a"; } .icon-dolar:before { content: "\e62b"; } .icon-whs:before { content: "\e622"; } .icon-q-mark:before { content: "\e623"; } .icon-clock:before { content: "\e624"; } .icon-phone:before { content: "\e625"; } .icon-chart:before { content: "\e621"; } .icon-user:before { content: "\e61a"; } .icon-gear:before { content: "\e620"; } .icon-Edit:before { content: "\e61e"; } .icon-lifebuoy:before { content: "\e644"; } .icon-blogger:before { content: "\e63e"; } .icon-blogger2:before { content: "\e63f"; } .icon-crosshair:before { content: "\e601"; } .icon-plus:before { content: "\e61c"; } .icon-minus:before { content: "\e61d"; } .icon-buildings:before { content: "\e626"; } .icon-comment:before { content: "\e617"; } .icon-cart-small:before { content: "\e618"; } .icon-arond:before { content: "\e619"; } .icon-apps:before { content: "\e61b"; } .icon-remove:before { content: "\e616"; } .icon-lock:before { content: "\e611"; } .icon-eye:before { content: "\e612"; } .icon-back:before { content: "\e613"; } .icon-badge:before { content: "\e603"; } .icon-chevron-up:before { content: "\e604"; } .icon-chevron-down:before { content: "\e605"; } .icon-chevron-left:before { content: "\e606"; } .icon-chevron-right:before { content: "\e607"; } .icon-caret-up:before { content: "\e608"; } .icon-caret-down:before { content: "\e609"; } .icon-caret-left:before { content: "\e60a"; } .icon-caret-right:before { content: "\e60b"; } .icon-arrow-up:before { content: "\e60c"; } .icon-arrow-down:before { content: "\e60d"; } .icon-arrow-left:before { content: "\e60e"; } .icon-arrow-right:before { content: "\e60f"; } .icon-x-shape:before { content: "\e610"; } .icon-heart:before { content: "\e614"; } .icon-truck:before { content: "\e615"; } .icon-headphones:before { content: "\e61f"; } .icon-star:before { content: "\e62c"; } .icon-edit-pencil:before { content: "\e62d"; } /*========= ==Brand Logos FONT ===========*/ @font-face { font-family: 'brands'; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.eot--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.eot?-1gm9wg*/; src: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.eot-#iefix-1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.eot?#iefix-1gm9wg*/ format('embedded-opentype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.ttf--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.ttf?-1gm9wg*/ format('truetype'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.woff--1gm9wg")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.woff?-1gm9wg*/ format('woff'), url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/fonts/brands/brands.svg--1gm9wg#brands")/*tpa=http://www.gain7a.com/catalog/template/gain7a/media/frontend/flat_mall/default/fonts/brands/brands.svg?-1gm9wg#brands*/ format('svg'); font-weight: normal; font-style: normal; } [class^="brand-"], [class*=" brand-"] { font-family: 'brands'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brand-bell-and-ross:before { content: "\e600"; } .brand-alexander-mcqueen:before { content: "\e601"; } .brand-alexander-wang:before { content: "\e602"; } .brand-apple:before { content: "\e603"; } .brand-armani:before { content: "\e604"; } .brand-audemars-piguet:before { content: "\e605"; } .brand-balenciaga:before { content: "\e606"; } .brand-beats:before { content: "\e607"; } .brand-bottega-veneta:before { content: "\e608"; } .brand-breitling:before { content: "\e609"; } .brand-bvlgari:before { content: "\e60a"; } .brand-cartier:before { content: "\e60b"; } .brand-celine:before { content: "\e60c"; } .brand-charlotte-olympia:before { content: "\e60d"; } .brand-chloe:before { content: "\e60e"; } .brand-chopard:before { content: "\e60f"; } .brand-christian-louboutin:before { content: "\e610"; } .brand-chrome-hearts:before { content: "\e611"; } .brand-dg:before { content: "\e612"; } .brand-dior:before { content: "\e613"; } .brand-fendi:before { content: "\e614"; } .brand-franck-muller:before { content: "\e615"; } .brand-gianmarco-lorenzi:before { content: "\e616"; } .brand-giuseppe-zanotti:before { content: "\e617"; } .brand-givenchy:before { content: "\e618"; } .brand-goyard:before { content: "\e619"; } .brand-gucci:before { content: "\e61a"; } .brand-hermes:before { content: "\e61b"; } .brand-hublot:before { content: "\e61c"; } .brand-iwc:before { content: "\e61d"; } .brand-jaeger-le-coultre:before { content: brand-jaeger-le-coultre; } .brand-jimmy-choo:before { content: "\e61f"; } .brand-juicy-couture:before { content: "\e620"; } .brand-lamborghini:before { content: "\e621"; } .brand-longines:before { content: "\e622"; } .brand-louis-vuitton:before { content: "\e623"; } .brand-manolo-blahnik:before { content: "\e624"; } .brand-mido:before { content: "\e625"; } .brand-miumiu:before { content: "\e626"; } .brand-mont-blanc:before { content: "\e627"; } .brand-mulberry:before { content: "\e628"; } .brand-nomos:before { content: "\e629"; } .brand-omega:before { content: "\e62a"; } .brand-oris:before { content: "\e62b"; } .brand-panerai:before { content: "\e62c"; } .brand-patek-philippe:before { content: "\e62d"; } .brand-piaget:before { content: "\e62e"; } .brand-porsche:before { content: "\e62f"; } .brand-prada:before { content: "\e630"; } .brand-roger-vivier:before { content: "\e631"; } .brand-rolex:before { content: "\e632"; } .brand-salvatore-ferragamo:before { content: "\e633"; } .brand-tag-heuer:before { content: "\e634"; } .brand-tiffany:before { content: "\e635"; } .brand-tods:before { content: "\e636"; } .brand-tom-ford:before { content: "\e637"; } .brand-tory-burch:before { content: "\e638"; } .brand-tudor:before { content: "\e639"; } .brand-vacheron-constantin:before { content: "\e63a"; } .brand-valentino:before { content: "\e63b"; } .brand-van-cleef:before { content: "\e63c"; } .brand-ysl:before { content: "\e63d"; } .brand-zenith:before { content: "\e63e"; } .categs-wrap { background: #575757; } .categs-wrap .categs { display: block; overflow: hidden; height: 80px; position: relative; padding: 0 50px; background: #1e1e1e; } .categs-wrap .categs .categs-nav { display: block; position: relative; height: 80px; width: 24px; position: absolute; top: 0; overflow: hidden; font: 0/0 a; color: #565656; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .categs-wrap .categs .categs-nav:hover { color: #ffffff; } .categs-wrap .categs .categs-nav#categs_prev { left: 5px; } .categs-wrap .categs .categs-nav#categs_prev::after { right: 25px; } .categs-wrap .categs .categs-nav#categs_next { right: 5px; } .categs-wrap .categs .categs-nav::after { position: relative; display: inline-block; font-family: 'pv-icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e610'; line-height: 80px; font-size: 50px; } @media only screen and (max-width: 767px) { .categs-wrap .categs { padding: 0 30px; height: 60px; } .categs-wrap .categs .categs-nav { height: 60px; } .categs-wrap .categs .categs-nav::after { line-height: 60px; } } .categs-wrap .categs .slick-prev, .categs-wrap .categs .slick-next { display: block; padding: 0; margin: 0; height: 75px; line-height: 75px; position: absolute; top: 0; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; color: #575757; text-decoration: none; } .categs-wrap .categs .slick-prev::before, .categs-wrap .categs .slick-next::before { font-family: "pv-icomoon"; font-size: 25px; line-height: 75px; color: #a3a3a3; opacity: 0.85; filter: alpha(opacity=85); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .categs-wrap .categs .slick-prev { left: 15px; } .categs-wrap .categs .slick-prev::before { content: '\e604'; } .categs-wrap .categs .slick-next { right: 15px; } .categs-wrap .categs .slick-next::before { content: '\e605'; } .categs-list { display: block; position: relative; padding: 0; margin: 0; list-style: none; text-align: center; } .categs-list .list_item { display: block; height: 80px; line-height: 80px; margin: 0; color: #ffffff; font-family: 'GaramondPremierProCaption', sans-serif; font-size: 30px; font-style: italic; } @media only screen and (max-width: 767px) { .categs-list .list_item { height: 60px; line-height: 60px; } } .categs-list .list_item a { display: table; height: 100%; width: 100%; color: inherit; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* Animation Fix */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } .categs-list .list_item a:hover { opacity: 0.5; filter: alpha(opacity=50); } .categs-list .list_item a span { display: table-cell; vertical-align: middle; height: 100%; } .categs-list .list_item a span i { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-family: 'brands'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; font-size: 25px; line-height: 80px; } @media only screen and (max-width: 767px) { .categs-list .list_item a span i { height: 60px; line-height: 60px; } } .categs-list .list_item.yves-saint-laurent a span, .categs-list .list_item.item-id-6182 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.yves-saint-laurent a span i:before, .categs-list .list_item.item-id-6182 a span i:before { content: "\e63d"; } .categs-list .list_item.mulberry a span, .categs-list .list_item.item-id-6262 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.mulberry a span i:before, .categs-list .list_item.item-id-6262 a span i:before { content: "\e628"; } .categs-list .list_item.bottega-veneta a span, .categs-list .list_item.item-id-7772 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.bottega-veneta a span i:before, .categs-list .list_item.item-id-7772 a span i:before { content: "\e608"; font-size: 20px; } .categs-list .list_item.celine a span, .categs-list .list_item.item-id-10702 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.celine a span i:before, .categs-list .list_item.item-id-10702 a span i:before { content: "\e60c"; } .categs-list .list_item.givenchy a span, .categs-list .list_item.item-id-11075 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.givenchy a span i:before, .categs-list .list_item.item-id-11075 a span i:before { content: "\e618"; font-size: 18px; } .categs-list .list_item.mobile-accessories a span, .categs-list .list_item.item-id-10372 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.mobile-accessories a span i:before, .categs-list .list_item.item-id-10372 a span i:before { content: "\e603"; font-size: 40px; } .categs-list .list_item.louis-vuitton a span, .categs-list .list_item.item-id-5342 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.louis-vuitton a span i:before, .categs-list .list_item.item-id-5342 a span i:before { content: "\e623"; } .categs-list .list_item.dolce-gabbana a span, .categs-list .list_item.item-id-4752 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.dolce-gabbana a span i:before, .categs-list .list_item.item-id-4752 a span i:before { content: "\e612"; } .categs-list .list_item.prada a span, .categs-list .list_item.item-id-5712 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.prada a span i:before, .categs-list .list_item.item-id-5712 a span i:before { content: "\e630"; } .categs-list .list_item.hermes a span, .categs-list .list_item.item-id-5792 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.hermes a span i:before, .categs-list .list_item.item-id-5792 a span i:before { content: "\e61b"; } .categs-list .list_item.christian-dior a span, .categs-list .list_item.item-id-5852 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.christian-dior a span i:before, .categs-list .list_item.item-id-5852 a span i:before { content: "\e613"; } .categs-list .list_item.valentino a span, .categs-list .list_item.item-id-11113 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.valentino a span i:before, .categs-list .list_item.item-id-11113 a span i:before { content: "\e63b"; } .categs-list .list_item.miu-miu a span, .categs-list .list_item.item-id-5892 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.miu-miu a span i:before, .categs-list .list_item.item-id-5892 a span i:before { content: "\e626"; } .categs-list .list_item.gucci a span, .categs-list .list_item.item-id-5942 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.gucci a span i:before, .categs-list .list_item.item-id-5942 a span i:before { content: "\e61a"; } .categs-list .list_item.chloe a span, .categs-list .list_item.item-id-6032 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.chloe a span i:before, .categs-list .list_item.item-id-6032 a span i:before { content: "\e60e"; } .categs-list .list_item.fendi a span, .categs-list .list_item.item-id-6072 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.fendi a span i:before, .categs-list .list_item.item-id-6072 a span i:before { content: "\e614"; } .categs-list .list_item.rolex a span, .categs-list .list_item.item-id-4002 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.rolex a span i:before, .categs-list .list_item.item-id-4002 a span i:before { content: "\e632"; } .categs-list .list_item.breitling a span, .categs-list .list_item.item-id-4142 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.breitling a span i:before, .categs-list .list_item.item-id-4142 a span i:before { content: "\e609"; } .categs-list .list_item.omega a span, .categs-list .list_item.item-id-4282 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.omega a span i:before, .categs-list .list_item.item-id-4282 a span i:before { content: "\e62a"; } .categs-list .list_item.tag-heuer a span, .categs-list .list_item.item-id-4342 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tag-heuer a span i:before, .categs-list .list_item.item-id-4342 a span i:before { content: "\e634"; } .categs-list .list_item.chopard a span, .categs-list .list_item.item-id-4412 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.chopard a span i:before, .categs-list .list_item.item-id-4412 a span i:before { content: "\e60f"; } .categs-list .list_item.bvlgari a span, .categs-list .list_item.item-id-11072 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.bvlgari a span i:before, .categs-list .list_item.item-id-11072 a span i:before { content: "\e60a"; font-size: 18px; } .categs-list .list_item.panerai a span, .categs-list .list_item.item-id-4452 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.panerai a span i:before, .categs-list .list_item.item-id-4452 a span i:before { content: "\e62c"; } .categs-list .list_item.audemars-piguet a span, .categs-list .list_item.item-id-4492 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.audemars-piguet a span i:before, .categs-list .list_item.item-id-4492 a span i:before { content: "\e605"; } .categs-list .list_item.bell-ross a span, .categs-list .list_item.item-id-4532 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.bell-ross a span i:before, .categs-list .list_item.item-id-4532 a span i:before { content: "\e600"; } .categs-list .list_item.zenith a span, .categs-list .list_item.item-id-4582 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.zenith a span i:before, .categs-list .list_item.item-id-4582 a span i:before { content: "\e63e"; } .categs-list .list_item.cartier a span, .categs-list .list_item.item-id-6332 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.cartier a span i:before, .categs-list .list_item.item-id-6332 a span i:before { content: "\e60b"; font-size: 30px; } .categs-list .list_item.patek-philippe a span, .categs-list .list_item.item-id-4642 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.patek-philippe a span i:before, .categs-list .list_item.item-id-4642 a span i:before { content: "\e62d"; } .categs-list .list_item.emporio-armani a span, .categs-list .list_item.item-id-4802 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.emporio-armani a span i:before, .categs-list .list_item.item-id-4802 a span i:before { content: "\e604"; } .categs-list .list_item.vacheron-constantin a span, .categs-list .list_item.item-id-4842 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.vacheron-constantin a span i:before, .categs-list .list_item.item-id-4842 a span i:before { content: "\e63a"; } .categs-list .list_item.iwc a span, .categs-list .list_item.item-id-4862 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.iwc a span i:before, .categs-list .list_item.item-id-4862 a span i:before { content: "\e61d"; } .categs-list .list_item.hublot a span, .categs-list .list_item.item-id-4882 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.hublot a span i:before, .categs-list .list_item.item-id-4882 a span i:before { content: "\e61c"; } .categs-list .list_item.franck-muller a span, .categs-list .list_item.item-id-7832 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.franck-muller a span i:before, .categs-list .list_item.item-id-7832 a span i:before { content: "\e615"; } .categs-list .list_item.tudor a span, .categs-list .list_item.item-id-8022 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tudor a span i:before, .categs-list .list_item.item-id-8022 a span i:before { content: "\e639"; } .categs-list .list_item.piaget a span, .categs-list .list_item.item-id-8112 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.piaget a span i:before, .categs-list .list_item.item-id-8112 a span i:before { content: "\e62e"; } .categs-list .list_item.longines a span, .categs-list .list_item.item-id-9822 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.longines a span i:before, .categs-list .list_item.item-id-9822 a span i:before { content: "\e622"; } .categs-list .list_item.jaeger-le-coultre a span, .categs-list .list_item.item-id-9782 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.jaeger-le-coultre a span i:before, .categs-list .list_item.item-id-9782 a span i:before { content: "\e61e"; } .categs-list .list_item.lamborghini a span, .categs-list .list_item.item-id-10132 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.lamborghini a span i:before, .categs-list .list_item.item-id-10132 a span i:before { content: "\e621"; } .categs-list .list_item.oris a span, .categs-list .list_item.item-id-10172 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.oris a span i:before, .categs-list .list_item.item-id-10172 a span i:before { content: "\e62b"; } .categs-list .list_item.nomos a span, .categs-list .list_item.item-id-10352 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.nomos a span i:before, .categs-list .list_item.item-id-10352 a span i:before { content: "\e629"; } .categs-list .list_item.montblanc a span, .categs-list .list_item.mont-blanc a span, .categs-list .list_item.item-id-10752 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.montblanc a span i:before, .categs-list .list_item.mont-blanc a span i:before, .categs-list .list_item.item-id-10752 a span i:before { content: "\e627"; font-size: 40px; } .categs-list .list_item.mido a span, .categs-list .list_item.item-id-11068 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.mido a span i:before, .categs-list .list_item.item-id-11068 a span i:before { content: "\e625"; } .categs-list .list_item.christian-louboutin a span, .categs-list .list_item.item-id-7492 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.christian-louboutin a span i:before, .categs-list .list_item.item-id-7492 a span i:before { content: "\e610"; } .categs-list .list_item.jimmy-choo a span, .categs-list .list_item.item-id-7392 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.jimmy-choo a span i:before, .categs-list .list_item.item-id-7392 a span i:before { content: "\e61f"; } .categs-list .list_item.salvatore a span, .categs-list .list_item.salvatore-ferragamo a span, .categs-list .list_item.item-id-11078 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.salvatore a span i:before, .categs-list .list_item.salvatore-ferragamo a span i:before, .categs-list .list_item.item-id-11078 a span i:before { content: "\e633"; font-size: 40px; } .categs-list .list_item.manolo-blahnik a span, .categs-list .list_item.item-id-7432 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.manolo-blahnik a span i:before, .categs-list .list_item.item-id-7432 a span i:before { content: "\e624"; } .categs-list .list_item.tods a span, .categs-list .list_item.item-id-7462 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tods a span i:before, .categs-list .list_item.item-id-7462 a span i:before { content: "\e636"; } .categs-list .list_item.balenciaga a span, .categs-list .list_item.item-id-6222 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.balenciaga a span i:before, .categs-list .list_item.item-id-6222 a span i:before { content: "\e606"; } .categs-list .list_item.gianmarco-lorenzi a span, .categs-list .list_item.item-id-8332 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.gianmarco-lorenzi a span i:before, .categs-list .list_item.item-id-8332 a span i:before { content: "\e616"; } .categs-list .list_item.alexander-mcqueen a span, .categs-list .list_item.item-id-8392 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.alexander-mcqueen a span i:before, .categs-list .list_item.item-id-8392 a span i:before { content: "\e601"; } .categs-list .list_item.charlotte-olympia a span, .categs-list .list_item.item-id-8562 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.charlotte-olympia a span i:before, .categs-list .list_item.item-id-8562 a span i:before { content: "\e60d"; } .categs-list .list_item.juicy-couture a span, .categs-list .list_item.item-id-7412 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.juicy-couture a span i:before, .categs-list .list_item.item-id-7412 a span i:before { content: "\e620"; } .categs-list .list_item.tiffany a span, .categs-list .list_item.item-id-6382 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tiffany a span i:before, .categs-list .list_item.item-id-6382 a span i:before { content: "\e635"; } .categs-list .list_item.goyard a span, .categs-list .list_item.item-id-11184 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.goyard a span i:before, .categs-list .list_item.item-id-11184 a span i:before { content: "\e619"; font-size: 20px; } .categs-list .list_item.tory-burch a span, .categs-list .list_item.item-id-11183 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tory-burch a span i:before, .categs-list .list_item.item-id-11183 a span i:before { content: "\e638"; } .categs-list .list_item.beats a span, .categs-list .list_item.item-id-11111 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.beats a span i:before, .categs-list .list_item.item-id-11111 a span i:before { content: "\e607"; } .categs-list .list_item.tom-ford a span, .categs-list .list_item.item-id-12169 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.tom-ford a span i:before, .categs-list .list_item.item-id-12169 a span i:before { content: "\e637"; } .categs-list .list_item.chrome-hearts a span, .categs-list .list_item.item-id-11180 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.chrome-hearts a span i:before, .categs-list .list_item.item-id-11180 a span i:before { content: "\e611"; font-size: 40px; } .categs-list .list_item.roger-vivier a span, .categs-list .list_item.item-id-11107 a span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .categs-list .list_item.roger-vivier a span i:before, .categs-list .list_item.item-id-11107 a span i:before { content: "\e631"; font-size: 45px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* Big Retina Screens */ } /* #Media Queries ================================================== */ @media (max-width: 991px) { .reasons .reasons_title { padding: 0 0 15px; margin: 0 0 25px; text-align: center; border-bottom: 1px solid #575757; } .reasons .reasons_title .reason_number { display: table; position: relative; margin: 0 auto; top: 0; left: 0; padding: 0 10px; font-size: 60px; } .reasons .reasons_title .reason_number::before, .reasons .reasons_title .reason_number::after { display: block; content: " "; position: absolute; z-index: 2; width: 22px; height: 2px; top: 50%; margin-top: -1px; background: #575757; } .reasons .reasons_title .reason_number::before { right: 100%; } .reasons .reasons_title .reason_number::after { left: 100%; } .reasons .reasons_title .divider { display: none; } } @media (min-width: 767px) and (max-width: 991px) { .benefits_list { text-align: center; } .benefits_list li { margin-bottom: 5px; } .pay_methods { text-align: center; padding-top: 10px; } .homebanners .main_banners { width: 100%; } .homebanners .secondary_banners { display: none; } } @media only screen and (max-width: 767px) { .categs-wrap .container { padding: 0; } /*.main-container .std { padding: 0; } .main-container .std .section_title { padding-left: 20px; margin-bottom: 9px; text-align: left; } .main-container .std .section_title::after { display: none; }*/ .reasons .reason, .reasons .reason.top_brands { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #575757; } .reasons .reason.express_shipping, .reasons .reason.top_brands.express_shipping { border-bottom: none; } .reasons .reason .reason_title, .reasons .reason.top_brands .reason_title { display: block; padding: 90px 0 0; text-align: center; } .reasons .reason .reason_title br, .reasons .reason.top_brands .reason_title br { display: none; } .reasons .reason .reason_title .reason_title_icon, .reasons .reason.top_brands .reason_title .reason_title_icon { top: 0; left: 50%; margin-left: -28px; } .header-bottom { text-align: center; } #home_benefits_wrap_mobile { margin-top: 10px; } .benefits_list { text-align: center; background: #e9e9e9; padding: 15px 5px 20px; margin: 0 -10px; } .benefits_list li { width: 98px; padding: 40px 0 0; margin: 0; color: rgba(0, 0, 0, 0.6); text-transform: none; } .benefits_list li .icon { top: 0; left: 50%; margin-left: -18px; } #hide_benefits_list { position: relative; top: -8px; display: block; width: 30px; height: 20px; margin: -20px auto 0; text-align: center; cursor: pointer; } #hide_benefits_list span { display: inline-block; position: relative; width: 15px; height: 4px; background: #bababa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #hide_benefits_list span:first-child { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg); right: -2px; } #hide_benefits_list span:last-child { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transform: rotate(20deg); left: -2px; } /*End Media query */ } @media only screen and (max-width: 640px) { .reasons .reasons_title .reason_number { font-size: 40px; } .reasons .reasons_title .heading-font { font-size: 22px; } .benefits_list li { font-size: 10px; width: 58px; } } .page-title-wrap { background: #ffffff none repeat scroll 0 0; /*border: medium none;*/ padding:15px; position: relative; } .page-title-wrap #results{ font-family:"GaramondPremierProCaption",sans-serif; font-size:20px; } .page-title-wrap #results .seach-text, .page-title-wrap #results .seach-text span{ display:inline-block; margin-right:10px; } .page-title-wrap #results .seach-text .form-control{ display:inline-block; height:26px; line-height:26px; font-size:14px; padding:3px; width:200px; font-family:"Roboto",sans-serif; } .page-title-wrap h1 { color: #000000; display: inline-block; font-family: "GaramondPremierProCaption",sans-serif; font-size: 40px; margin: 0 5px 0 0; padding: 0; vertical-align: text-bottom; } .page-title-wrap .items-count { color: #818181; display: inline-block; font-family: "GaramondPremierProCaption",sans-serif; font-size: 16px; font-style: italic; margin-left: 10px; vertical-align: super; } #narrow-by-list dt .span1{ font-family: "GaramondPremierProCaption",sans-serif; font-size: 26px; font-style: italic; font-weight: normal; } #narrow-by-list .options ol{ margin:0; } #narrow-by-list .options li{ margin: 0 -20px; position: relative; } #narrow-by-list .options li .count { color: #a3a3a3; font-size: 14px; line-height: 1; position: absolute; right: 20px; top: 7px; } #narrow-by-list .options li a{ color: #818181; display: block; font-size: 14px; line-height: 1.1; padding:7px 55px 7px 20px; text-decoration:none; } #narrow-by-list .options li a:hover,#narrow-by-list .options li.current a{ background:#e9e9e9; color:#fa4969; } .toolbar .sorter,.toolbar .sorter_bottom { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f4f4f4; border-color: #ebebeb; border-image: none; border-style: solid; border-width: 1px 0; display: block; height: 43px; line-height: 43px; overflow:hidden; font-size:14px; text-transform:uppercase; color:#818181; font-size:12px; font-weight:500; } .toolbar .sorter_bottom{text-transform:none; text-align:left; line-height:40px; font-size:14px;} .toolbar .sorter_bottom .right{text-align:right;} .toolbar .sorter_bottom .right a{ font-weight:normal; color:#333; cursor:pointer;} .toolbar .sorter_bottom .right a:hover{color:#fa4969;} .toolbar .sorter_bottom .right a.page_btn{padding:5px 10px;} .toolbar .sorter_bottom .right .selected,.toolbar .sorter_bottom .right .page_btn:hover{ background:#fa4969; border-radius:3px; color:#fff; padding:5px 10px; } .toolbar .sorter_bottom label{ padding:0 5px 0 20px; font-weight:normal; margin:0; font-size:12px; color:#333; } .toolbar .sorter > a { border-right: 1px solid #ebebeb; color: #818181; display:inline-block; font-size: 12px; font-weight: 500; margin: 0; padding: 0 20px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; } .toolbar .sorter > a:hover { background-color: #dbdbdb; color: #000000; } .toolbar .sorter > a.selected { background-color: #fa4969; border-right: medium none; color: #ffffff; } .toolbar .sorter > label{ padding:0 5px;float: right; margin-bottom:0;} .toolbar .sorter > select { background: #e9e9e9 none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 2px; color: #818181; float: right; font-size: 12px; font-weight: 500; line-height: 26px; margin: 4px 4px 0 5px; padding: 6px 6px 6px 10px; text-transform: uppercase; } .catrgory-search-container .toolbar .sorter{ text-align:left; } .catrgory-search-container .toolbar .sorter dt, .catrgory-search-container .toolbar .sorter dd{ line-height:42px; } .catrgory-search-container .toolbar .sorter dt{ text-transform:none; font-size:14px; } .catrgory-search-container .toolbar .sorter dd{ text-align:right; } .toolbar .pages { display: block; margin: 10px 0; padding: 0 20px; } .toolbar .pages > strong { display: none; } .toolbar .pages ol { display: block; margin: 0; padding: 0 22px; position: relative; text-align: center; } .toolbar .pages ol li { color: #fa4969; display: inline-block; font-family: "Roboto Condensed",sans-serif; font-size: 38px; margin: 0 3px; vertical-align: middle; } .toolbar .pages ol li a { color: #b3b3b3; outline: medium none; text-decoration: none; transition: all 0.2s ease-in-out 0s; } .toolbar .pages ol li a:hover { color: #fa4969; } .toolbar .pages ol li.previous, .toolbar .pages ol li.next { display: block; height: 44px; margin: -22px 0 0; overflow: hidden; position: absolute; top: 50%; width: 22px; z-index: 2; } .toolbar .pages ol li.previous a, .toolbar .pages ol li.next a { display: block; font-size: 45px; height: 100%; line-height: 1; width: 100%; } .toolbar .pages ol li.previous { left: 0; } .toolbar .pages ol li.previous a { text-indent: -22px; } .toolbar .pages ol li.next { right: 0; } @media (min-width: 767px) and (max-width: 991px) { .page-title-wrap { padding-top: 0; } } @media only screen and (max-width: 767px) { .page-title-wrap { padding-bottom: 0; text-align: center; } .page-title-wrap h1 { display: block; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: bold; margin: 0 0 7px; text-align: center; text-transform: uppercase; } .page-title-wrap .items-count { display: none; } .toolbar .sorter_bottom .left{display:none;} .toolbar .sorter_bottom .right{text-align:center; margin:0;} } @media only screen and (max-width: 640px) { .toolbar .sorter,.toolbar .sorter_bottom { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-top: medium none; height: auto; line-height: 1.2; padding:5px 0; text-align: center; } .toolbar .sorter > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; color: #818181; display: inline-block; float: none; font-size: 12px; font-weight: bold; height: auto; line-height: 1.2; margin: 0 3px; padding: 0; } .toolbar .sorter > a.selected { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fa4969; } .toolbar .sorter select,.toolbar .sorter label{ display: none; } .toolbar .sorter_bottom .left{display:none;} .toolbar .sorter_bottom .right{text-align:center; margin:20px 0;} } /* Rating */ .rating { display: block; margin: 0 auto; padding: 3px 0; height: 17px; line-height: 0; width: 67px; } .rating_2{ width:74px; } .rating a { cursor: pointer; text-decoration: none; outline: none; } .rating .nostar { background: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/rating.png") no-repeat 0 0; width: 67px; height: 10px; display: inline-block; vertical-align: top; margin: 0; text-align: left; } .rating .nostar_category{ background: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/rating-stars.png") no-repeat 0 0; width:74px; height:16px; } .rating .nstar{ display: inline-block; height: 10px; text-align: left; background: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/rating.png") no-repeat left bottom; } .rating .nstar_category{ background: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/rating-stars.png") no-repeat left -18px; height:16px; display:inline-block; } .box-reviews .reviews-summary .rating .nstar, .box-reviews .reviews-summary .rating .nostar { background-image: url("http://www.gain7a.com/catalog/template/gain7a/skin/frontend/flat_mall/default/images/rating-big.png"); height: 20px; width: 134px; } .box-reviews .reviews-summary .nr-votes { font-style: italic; color: #818181; font-size: 14px; padding-left: 25px; } .mobile_customer_links .icon-user, .mobile_customer_links .icon-cart-small { font-size: 2.4rem; }