/* ========================================================================== Blank is the New Black custom styles ========================================================================== */ /* General */ html { position: relative; min-height: 100%; } body {font-family: "brandon-grotesque",sans-serif; font-style: normal; font-weight: 300; color: #555555; font-size: 16px; margin: 0; padding: 0; margin-bottom: 245px;} h1, h2, h3, h4, h5, h6, p, ul, li, a {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} li {list-style-type: none;} a {color: #555555;} a:hover {color: #000; text-decoration: none;} a:focus {color: #555555; background-color: transparent !important; text-decoration: none;} a:active {color: #555555; background-color: transparent !important; text-decoration: none;} .nav>li>a:focus {background-color: transparent !important;} .clear {clear: both;} .hide {display: none;} .content {padding-top: 0px;} .rte {color: #555555;} .rte p {padding-bottom: 10px;} .rte h2 {padding-top: 10px; font-size: 16px; font-style: italic;} .rte a {color: #b88400;} .rte a:hover {text-decoration: underline;} hr {background: #555555; height: 1px;} .hr-row {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/btn_back_repeater.png?10584786317565307395) repeat-x; margin: 80px 0px;} .hr-row .btn-holder {margin: 0px auto; width: 342px; background: #fff;} .hr-row .btn-holder input {display: inline-block;} .hr-row .single-btn-holder {margin: 0px auto; width: 170px; background: #fff;} .hr-row .acorn-holder {margin: 0px auto; width: 37px;} .btn {border-radius: 20px;} .form-control {font-size: 18px;} input:focus, select:focus, textarea:focus, button:focus { outline: none; } input { -webkit-appearance: none; border-radius: 0; } .header-image .rte {padding: 20px 0px 60px 0px;} .header-image h1 {text-align: center; color: #fff; position: relative; top: -60px; text-transform: uppercase; font-weight: 300; font-size: 42px; letter-spacing: 2px;} .header-image .social-links {position: relative; top: -300px; right: 30px; text-transform: uppercase;} .header-image .social-links a {color: #bcbec0; margin: 0px 5px;} .header-image .social-links a:hover {color: #fff;} h1.caslon {font-size: 38px; padding-top: 16px;} .strike {display: block; text-align: center; text-transform: uppercase; letter-spacing: 2px; overflow: hidden; white-space: nowrap; padding: 120px 0px 80px 0px;} .strike > div {position: relative; display: inline-block;} .strike > div:before, .strike > div:after {content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: #555555;} .strike > div:before {right: 100%; margin-right: 15px;} .strike > div:after {left: 100%; margin-left: 15px;} .caslon {font-family: "adobe-caslon-pro",serif; font-style: normal; font-weight: 400;} .content {padding-top: 59px;} .content .btn {text-transform: uppercase; color: #fff; border: 2px solid #b88400; font-size: 18px; letter-spacing: 1px; height: 44px; width: 154px; padding: 8px 11px; background: #b88400; transition: all 0.3s ease 0s;} .content .btn:hover {background: none; color: #b88400; text-decoration: none;} /* Header */ .navbar {border: none; min-height: 59px; margin-bottom: 0px; font-weight: 400; font-size: 14px; color: #555555;} .navbar a:active {text-decoration: none; color: #000;} .navbar a:hover {text-decoration: none; color: #000; font-weight: bold;} .navbar-default {background: #fff; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; letter-spacing: 2px; text-transform: uppercase; color: #555555;} .navbar-left #navigation-list {padding: 22px 0px 0px 20px; margin: 0px;} .navbar-left li {margin: 0px; display: inline-block; text-align: center;} .navbar-left li a {text-decoration: none; color: #555555;} .navbar-right {padding-top: 22px;} .navbar-right li {margin: 0px; display: inline-block; width: 35px; text-align: right;} .navbar-right li a {text-decoration: none; color: #555555;} .navbar-left .dropdown-menu {background: #fff; width: 260px; border: none; border-radius: 0px; padding: 17px 0px 0px 0px; margin: 0px 0px 0px 0px; left: -10px; box-shadow: none; -webkit-box-shadow: none;} .navbar-left .dropdown-menu li {width: 260px; text-align: left;} .navbar-left .dropdown-menu li a {width: 260px; padding: 5px 15px 5px 15px !important;} .navbar-left .dropdown-menu li a:hover {background: rgba(242,242,242,0.7) !important;} .dropdown:hover .dropdown-menu {display: block;} .navbar-right .dropdown-menu {background: rgba(255,255,255,0.9); width: 110px; min-width: 120px; border: none; border-radius: 0px; padding: 0px 0px; margin: 17px 0 0; left: -20px; box-shadow: none; -webkit-box-shadow: none;} .navbar-right .dropdown-menu li {width: 120px;} .navbar-right .dropdown-menu li a {width: 120px; padding: 5px 20px 5px 20px !important;} .navbar-right .dropdown-menu li a:hover {background: rgba(242,242,242,0.7) !important;} /* Footer */ .allfooter {position: absolute; bottom: 0; width: 100%; height: 245px;} .footer {position: relative; bottom: 0; width: 100%; height: 205px; background: #eeeeee;} .footer > .container {padding-right: 15px; padding-left: 15px;} .footer h3 {color: #555555; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: 2px; padding-top: 53px; padding-bottom: 2px;} .footer li {text-transform: uppercase; letter-spacing: 2px; font-size: 14px;} .footer .pull-right {padding-top: 30px; text-align: right; width: 270px;} .footer .social-links {padding: 24px 0px 20px 0px;} .footer .social-links a {color: #7b7b7b; padding-left: 15px; font-size: 20px;} .footer .social-links a:hover {color: #000;} .footer #signup {padding: 20px 0px 2px 0px; text-align: right; font-size: 13px; letter-spacing: 1px;} .footer #k_id_email {border: #555555 solid 1px; display: inline-block; position: relative; top: 1px; left: 3px; text-indent: 5px;} .footer .klaviyo_submit_button { display: inline-block; background: #555555; color: #fff; font-weight: 400; text-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: #555555 solid 1px; letter-spacing: 2px; font-weight: 300; font-size: 14px;} .klaviyo_field_group, .klaviyo_form_actions {display: inline-block;} .subfooter {position: absolute; bottom: 0; width: 100%; height: 40px; background: #fff;} .subfooter .legal {text-align: center; padding: 10px 0px 0px 0px;} .subfooter .legal li {letter-spacing: 1px; display: inline-block; padding: 0px 10px; text-transform: uppercase; font-size: 12px;} /* Home */ .template-index {background: #fff;} .template-index .content {padding-top: 59px;} .template-index .carousel-control span {position: absolute; top: 45%; z-index: 5; display: inline-block; color: #555;} .template-index .carousel-control.left, .template-index .carousel-control.right {background-image: none;} .template-index .carousel-caption {text-shadow: none; color: #555;} .template-index .carousel-control {text-shadow: none;} .template-index .carousel-indicators li {background: #ccc;} .template-index .carousel-caption .logo-bar {display: inline-block; height: 2px; width: 50px; background: #555555; position: relative; top: -10px;} .template-index .fr-caption {right: 12%; top: 40%; left: auto;} .template-index .fr-caption h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 4px;} .template-index .fr-caption h1 span {font-size: 36px; letter-spacing: 1px;} .template-index .fr-caption p {font-size: 20px; padding: 15px 0px;} .template-index .fr-caption .btn {background: #6cd3cb; border-color: #6cd3cb; padding: 10px 30px; font-size: 22px; height: inherit; width: inherit;} .template-index .fr-caption .btn:hover {background: none; color: #6cd3cb;} .template-index .bg-caption {left: 15%; top: 30%; right: auto;} .template-index .bg-caption h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 4px;} .template-index .bg-caption h1 span {font-size: 36px; letter-spacing: 1px;} .template-index .bg-caption p {font-size: 20px; padding: 15px 0px;} .template-index .bg-caption .btn {background: #6cd3cb; border-color: #6cd3cb; padding: 10px 30px; font-size: 22px; height: inherit; width: inherit;} .template-index .bg-caption .btn:hover {background: none; color: #6cd3cb;} .template-index .sn-caption {text-align: center; top: 50%;} .template-index .sn-caption h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 4px;} .template-index .sn-caption h1 span {font-size: 36px; letter-spacing: 1px;} .template-index .sn-caption p {color: #fff; font-size: 20px; padding: 15px 0px;} .template-index .sn-caption .btn {background: #f68026; border-color: #f68026; padding: 10px 30px; font-size: 22px; height: inherit; width: inherit;} .template-index .sn-caption .btn:hover {background: none; color: #f68026;} /* Collections */ .template-collection .content .col-md-4 {text-align: center;} .template-collection .content .col-md-4 p {padding: 10px 0px 30px 0px;} .template-collection .content .col-md-6 {text-align: center;} .template-collection .content .col-md-6 p {padding: 10px 0px 30px 0px;} .template-collection .content .btn {color: #ffffff; border-color: #b88400; background: #b88400; margin-bottom: 50px;} .template-collection .content .btn:hover {background: #fff; color: #b88400;} .template-collection h2 { padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 18px;} /* Products */ .template-product #carousel-custom {width: 100%;} .template-product #carousel-custom .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} .carousel-indicators li {border: none;} .template-product #carousel-custom .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto; padding: 0px 12px 0px 12px;} .template-product #carousel-custom .carousel-indicators li img {display: block; margin: 0px auto; border-bottom: 6px solid #fff !important; padding-bottom: 5px;} .template-product #carousel-custom .carousel-indicators li img:hover {border-bottom: 6px solid #b88400 !important;} .template-product #carousel-custom .carousel-outer {position: relative;} .template-product #carousel-custom .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} .template-product #carousel-custom .active.left {left:0;opacity:0;z-index:2;} .template-product #carousel-custom-gramophone-mobile .carousel-inner li {max-height: 88px; width: 64px;} .template-product #carousel-custom-gramophone-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} .template-product #carousel-custom-gramophone-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 5px; height: 88px; width: 64px;} .template-product #carousel-custom-gramophone-mobile .carousel-indicators li img {display: block; height: 88px; width: 64px;} #floating-record #carousel-custom-gramophone-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} .template-product #carousel-custom-gramophone-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} .template-product #carousel-custom-gramophone-mobile .active.left {left:0;opacity:0;z-index:2;} .template-product #carousel-custom-walnut-mobile .carousel-inner li {max-height: 88px; width: 64px;} .template-product #carousel-custom-walnut-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} .template-product #carousel-custom-walnut-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 5px; height: 88px; width: 64px;} .template-product #carousel-custom-walnut-mobile .carousel-indicators li img {display: block; height: 88px; width: 64px;} #gramovox-floating-record #carousel-custom-walnut-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-maple-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} .template-product #carousel-custom-walnut-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} .template-product #carousel-custom-walnut-mobile .active.left {left:0;opacity:0;z-index:2;} .template-product #carousel-custom-maple-mobile .carousel-inner li {max-height: 88px; width: 64px;} .template-product #carousel-custom-maple-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} .template-product #carousel-custom-maple-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 5px; height: 88px; width: 64px;} .template-product #carousel-custom-maple-mobile .carousel-indicators li img {display: block; height: 88px; width: 64px;} #floating-record #carousel-custom-maple-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} .template-product #carousel-custom-maple-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} .template-product #carousel-custom-maple-mobile .active.left {left:0;opacity:0;z-index:2;} .template-product .carousel-control.left {background: none; text-shadow: none; opacity: .8;} .template-product .carousel-control.right {background: none; text-shadow: none; opacity: .8;} .template-product .carousel-control .fa-angle-left {position: absolute; top: 50%; z-index: 5; display: inline-block; width: 30px; height: 30px; margin-top: -15px; left: 50%; margin-left: -15px; color: #555555;} .template-product .carousel-control .fa-angle-right {position: absolute; top: 50%; z-index: 5; display: inline-block; width: 30px; height: 30px; margin-top: -15px; right: 50%; margin-right: -15px; color: #555555;} .template-product #carousel-custom .carousel-control.left {width: 6%;} .template-product #carousel-custom .carousel-control.right {width: 15%;} .template-product .carousel-control:hover {opacity: 1.0;} .template-product .fa-angle-left {position: relative; top: 41%; z-index: 5; display: inline-block;} .template-product .fa-angle-right {position: relative; top: 41%; z-index: 5; display: inline-block;} .template-product #carousel-features, .template-product #carousel-reviews {padding: 100px 0px;} .template-product #carousel-gallery .carousel-indicators li {width: 12px; height: 12px; margin: 0px 8px 0px 8px; border-color: #e2e0de; background: #e2e0de;} .template-product #carousel-gallery .carousel-indicators li.active {border-color: #b5aca3; background: #b5aca3;} .template-product #carousel-gallery .carousel-control .fa-angle-left {color: #ffffff;} .template-product #carousel-gallery .carousel-control .fa-angle-right {color: #ffffff;} .template-product #carousel-features .carousel-indicators li {width: 12px; height: 12px; margin: 0px 8px 0px 8px; border-color: #d6d6d6; background: #d6d6d6;} .template-product #carousel-features .carousel-indicators li.active {border-color: #adadad; background: #adadad;} .template-product #carousel-mobile-features .carousel-indicators li {display: none;} .template-product #carousel-reviews .carousel-indicators li {width: 12px; height: 12px; margin: 0px 8px 0px 8px; border-color: #d6d6d6; background: #d6d6d6;} .template-product #carousel-reviews .carousel-indicators li.active {border-color: #adadad; background: #adadad;} .template-product #carousel-reviews .item {text-align: center;} .template-product #carousel-reviews .item hr {width: 50%; color: #555555; margin-top: 20px; margin-bottom: 20px;} .template-product #carousel-reviews .item h3 {padding: 20px 0px; font-size: 50px; font-family: "freight-display-pro",sans-serif; font-style: italic; font-weight: 300; letter-spacing: 2px;} .template-product #carousel-reviews .item p {letter-spacing: 1px; font-weight: 400;} .template-product #carousel-reviews .item p span {color: #b88400;} .template-product .content {padding-top: 80px;} .template-product .content h1 {color: #555555; font-size: 46px; letter-spacing: 3px; text-align: center; line-height: 40px; text-transform: uppercase; font-weight: 400;} .template-product .content h1 span {font-size: 24px;} .template-product .content h1 .logo-bar {display: inline-block; height: 2px; width: 50px; background: #555555; position: relative; top: -12px;} .template-product .subnavbar-brand .logo-bar {display: inline-block; height: 2px; width: 14px; background: #555555; position: relative; top: -6px;} .template-product .content h2 {color: #d29b2d; font-size: 24px; letter-spacing: 2px; padding: 15px 0px; font-family: "freight-display-pro",sans-serif; font-style: italic; font-weight: 300; text-align: center;} .template-product .content .product h3 {color: #555555; font-size: 32px; padding: 180px 0px 20px 0px; font-weight: 300;} .template-product .content h4 {font-size: 18px; padding-top: 25px;} .template-product .content .price {color: #d29b2d; font-weight: 400; font-size: 26px; padding-bottom: 15px;} .template-product #product-variants {display: none;} .template-product #product-links {padding-bottom: 15px;} .template-product #product-links a {font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; display: inline-block;} .template-product #product-links a:focus {outline: none;} .template-product #product-links a span {color: #b88400;} .template-product #product-add {display: inline-block;} .template-product #product-quantity {padding-bottom: 10px; display: inline-block;} .template-product #product-quantity input {color: #555555; border: 2px solid #555555; height: 44px; width: 44px; border-radius: 4px; text-indent: 5px;} .template-product #product-quantity label {text-transform: uppercase; font-weight: 400; color: #555555; letter-spacing: 1px; padding-left: 5px;} .template-product .product-photo-container2 img {padding-left: 20px;} .template-product .product-photo-thumbs {padding-top: 40px;} .template-product .product-photo-thumb {display: inline-block; padding: 0px 7px 0px 7px;} .template-product #product-details {font-size: 14px; margin: 20px 0px;} .template-product #product-details li {list-style-type: disc;} .template-product #product-details h3 {padding-top: 10px;} .template-product #product-description {width: 80%;} .template-product #product-shipping {clear:both; width: 80%;} .template-product #product-reviews h3 a {color: #b88400;} .template-product #product-reviews h3 a:hover {color: #b88400;} .template-product #product-reviews p a:hover {color: #555555;} .template-product #specsModal {font-size: 16px} .template-product #specsModal p {font-size: 14px;} .template-product .product-share {float: right; padding-right: 55px;} .template-product #product-promotion {width: 397px; height: 116px; background: #c5de9e; padding: 15px; margin-top: 5px; color: #666; font-weight: 400;} .template-product #product-promotion p {font-weight: 300;} .template-product .product-header {padding-bottom: 40px;} .template-product #subnav {padding-top: 13px; text-transform: uppercase;} .template-product #subnav .subnavbar-brand {display: inline-block; text-align: center; line-height: 16px; font-weight: bold; letter-spacing: 2px; padding-right: 100px;} .template-product #subnav .subnavbar-brand span {font-size: 10px;} .template-product #subnav ul {display: inline-block; position: relative; top: -8px;} .template-product #subnav li {display: inline-block; font-size: 18px; letter-spacing: 1px; font-weight: 300;} .template-product #subnav li a:hover {background: none; font-weight: 400;} .template-product #subnav .btn {color: #fff; border-color: #b88400; background: #b88400; font-size: 14px; height: 30px; width: 124px; padding: 3px 11px; position: relative; top: 8px;} .template-product #subnav .btn:hover {background: #fff; color: #b88400;} .template-product #subnav #buyNowButton {float: right; padding-right: 30px; padding-top:15px;} .template-product #socialphotos-gallery-294705 .spw-thumbnail {width: 23% !important; margin: 1% 2% 1% 0 !important;} .template-product .sp-poweredby {display: none;} .template-product .modal-header .close {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/modal_close_off.png?10584786317565307395); height: 41px; width: 41px; display: block; opacity: 1; position: relative; top: -20px; right: -20px;} .template-product .modal-header .close:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/modal_close_on.png?10584786317565307395); height: 41px; width: 41px; display: block;} .template-product .modal-header .close span {display: none;} .template-product .modal-header {min-height: 0px; padding: 0px; border-bottom: none;} .template-product .modal-content h3 {font-size: 24px; color: #b88400; text-transform: uppercase; padding: 0px 0px 10px 0px;} .template-product .modal-content h4 {text-transform: uppercase; padding-top: 20px;} .template-product .modal-content a {color: #b88400;} /* Sinatra Edition */ #sinatra-edition-wireless-gramophone-speaker-for-iphone {background: #000; color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .mobile-nav a {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .navbar-default {background: #232323;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .navbar-left li a {color: #d5d5d5} #sinatra-edition-wireless-gramophone-speaker-for-iphone .navbar-left .dropdown-menu {opacity: .8;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .navbar-left .dropdown-menu li a {color:#555555} #sinatra-edition-wireless-gramophone-speaker-for-iphone .navbar-right li a {color: #d5d5d5} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content .btn {border-color: #f58025; background: #f58025;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content .btn:hover {color: #f58025; background: none;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content h1 .logo-bar {width: 40px; background: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content h1 span {color: #fff; font-size: 18px; letter-spacing: 2px;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content .price {color: #f58025;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #product-quantity label {text-transform: uppercase; font-weight: 400; color: #fff; letter-spacing: 1px; padding-left: 5px;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #product-links a {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #product-links a:hover {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .content .product h3 {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #carousel-custom .carousel-indicators li {padding: 0px 18px 0px 2px;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #carousel-custom .carousel-indicators li img {border-bottom: 6px solid #000 !important;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #carousel-custom .carousel-indicators li img:hover {border-bottom: 6px solid #f58025 !important;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .carousel-control .fa-angle-left {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .carousel-control .fa-angle-right {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .footer {color: #d5d5d5; background: #000 url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_footer_background.jpg?10584786317565307395); background-position: center center;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .footer a {color: #d5d5d5;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .legal li {color: #555;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .panel {background: #000;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .panel a {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .panel a:hover {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-body {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-content {background: #1c1c1c;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-content a {color: #f58025;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-content a:hover {color: #f58025;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-content h3 {color: #f58025;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-header .close {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_popup_close_off.png?10584786317565307395); height: 41px; width: 41px; display: block; opacity: 1; position: relative; top: -20px; right: -20px;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .modal-header .close:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_popup_close_on.png?10584786317565307395); height: 41px; width: 41px; display: block;} /* Videos */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #video {width: 100%; margin: 0px auto; position: relative; top: 0; left: 0;} #videofullcontainer {width: 100%; margin: 0px auto; display: none; position: absolute; top: 0; left: 0; z-index: 1000;} .overlay {width: 1170px; margin: 0px auto; position: absolute; top: 0; left: 0; margin-top: 25%; padding-left: 48%; opacity: .8; color: #fff;} .overlay:hover {cursor: pointer;} /* Cart */ .cart-template { font-size: 16px;} .cart-header h3 {font-size: 18px; padding-top: 40px; font-weight: 400;} .cart-image img {margin: 10px 60px 10px 0px;} .cart-title {padding: 0px; margin-top: 30px;} .cart-title a {color: #555555; padding-right: 50px;} .cart-title a:hover {text-decoration: none;} .cart-price {margin-top: 30px;} .cart-quantity input {width: 40px; margin-right: 90px; margin-top: 30px;} .cart-total {margin-top: 30px;} .cart-subtotal h3 {font-size: 18px; padding-top: 40px; font-weight: 400;} .cart-remove {color: #555555; font-weight: 400; margin-top: 30px;} .cart-remove:hover {color: #555555;} .cart-note {padding-top: 20px;} .template-cart .btn {color: #fff; border-color: #b88400; background: #b88400;} .template-cart .btn:hover {background: #fff; color: #b88400;} .cart-note textarea {color: #555555; border: 2px solid #555555; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; width: 100%;} .cart-template input {color: #555555; border: 2px solid #555555; height: 30px; width: 44px; border-radius: 4px; text-indent: 5px;} /* Search */ #searchbox {text-align: center;} .template-search #search-field {border: #555555 solid 1px; margin: 0px 0px 0px 0px; padding: 4px 12px 5px 12px; -webkit-appearance: none; border-radius: 0;} .template-search #search-submit {background: #555555; color: #fff; font-weight: 400; text-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: #555555 solid 1px; letter-spacing: 2px; text-transform: uppercase; width: 100px; margin: 0px 0px 0px 0px; padding: 6px 12px; font-size: 14px; position: relative; left: -3px;} #searchresults {padding: 30px 0px 0px 0px;} #posts .nav-tabs {display: inline-block;} #blogSearch {display: inline-block;} #posts .searchBox {border: #555555 solid 1px; margin: 0px 0px 0px 0px; padding: 4px 12px 5px 12px;} #posts .searchSubmit {background: #555555; color: #fff; font-weight: 400; text-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: #555555 solid 1px; letter-spacing: 2px; text-transform: uppercase; width: 100px; margin: 0px 0px 0px 0px; padding: 6px 12px; font-size: 14px; position: relative; left: -4px;} /* Features */ #features .content {padding-top: 150px;} #features h1 {color: #555555; font-size: 52px; letter-spacing: 1px; line-height: 46px;} #features h1 .from {color: #555555; font-style: italic; font-size: 14px; position: relative; top: -10px;} #features h1 .brand {color: #b88400; font-size: 30px; position: relative; top: -5px;} #features .rte {padding-top: 15px;} #features h2 {color: #555555; font-size: 52px; letter-spacing: 1px; line-height: 46px;} #features h3 {font-size: 18px; padding-top: 25px;} #features .featured-photo img {margin: 0px auto;} /* vertical center align */ #features .v-center {display: table; height: 380px;} #features .v-center-content {display: table-cell; vertical-align: middle;} #features .btn {margin-bottom: 5px; color: #ffffff; border-color: #b88400; background: #b88400;} #features .btn:hover {background: #ffffff; color: #b88400;} /* Story */ #about h1 {color: #ffffff; font-size: 52px; letter-spacing: 1px; line-height: 65px;} #about h1 span { font-size: 30px;} #about .overlay {width: 1170px; margin: 0px auto; position: absolute; top: 0; left: 0; margin-top: 25%; padding-left: 0%; opacity: 1.0; color: #fff;} #about .overlay:hover {cursor: pointer;} #about p {text-align: center; padding: 20px 0px; font-weight: 400;} #about .littleline {background: #555555; height: 2px; width: 127px; margin: 20px auto;} #about .fademe {opacity: 0;} #about h2 {color: #555555; font-size: 30px; letter-spacing: 1px; line-height: 40px; text-transform: uppercase; font-weight: 300; text-align: center; padding-top: 50px;} #about .content h3 {font-size: 18px; padding-top: 25px;} #about .banner1 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_1.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; height: 50vh; padding: 0px; margin: 0px;} #about .banner2 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story1.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; height: 50vh; padding: 0px; margin: 0px;} #about .banner3 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_bg_parallax.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; height: 50vh; padding: 0px; margin: 0px;} #about .banner4 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_fr_parallax.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; height: 50vh; padding: 0px; margin: 0px;} #about .white {background: #fff; height: 100%; padding: 0px; margin: 0px;} #about .white .row {margin: 100px 0px;} #about .white-back1 .container {background: #fff; height: 539px;} #about .white-back2 .container {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/bluetooth_gramophone_schematic.jpg?10584786317565307395) no-repeat; height: 539px;} #about .white-back2 h2 {font-weight: 400; letter-spacing: 2px; font-size: 40px;} #about .white-back2 h2 span {font-size: 25px;} #about .white-back3 .container {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/FR_schematic.jpg?10584786317565307395) no-repeat; height: 539px;} #about .white-back3 h2 {font-weight: 400; letter-spacing: 2px; font-size: 40px;} #about .white-back3 h2 span {font-size: 25px; display: block;} #about .parallax {perspective: 1px; height: 100vh; overflow-x: hidden; overflow-y: auto;} #about .parallax__group {position: relative; height: 100vh; transform-style: preserve-3d;} #about .parallax__layer {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} #about .parallax__layer--base {transform: translateZ(0);} #about .parallax__layer--back {transform: translateZ(-1px);} #about .logo-bar {display: inline-block; height: 2px; width: 50px; background: #555555; position: relative; top: -12px;} /* News & Press */ #press .tab-pane a {color: #555555; font-weight: 300;} #press .tab-pane a span {font-size: 14px;} #press .tab-pane a:hover {text-decoration: none;} #press .press-text {padding-bottom: 30px;} #press .press-title {text-transform: uppercase; font-weight: bold;} #press .press-date {text-transform: uppercase;} #press .press-desc {padding: 10px 0px 0px 0px;} #press .read-more {color: #b88400; text-transform: uppercase; font-weight: 400;} #press h3 {font-size: 16px;} /* Blog */ #posts .article {min-height: 605px; padding-bottom: 20px;} #posts .article-title {text-transform: uppercase; font-size: 20px; padding: 5px 0px; font-style: normal;} #posts .article-title a:hover {text-decoration: none;} #posts .article-date {text-transform: uppercase; font-size: 12px; padding-bottom: 5px;} #posts p {} #posts p img {padding-bottom: 10px; max-width:100%;height:auto;} #posts .read-more {color: #b88400; text-transform: uppercase; font-weight: 400; padding-right: 6px;} #posts .continue {padding-top: 10px; float: right;} .template-article .article {padding-bottom: 100px;} .template-article .article-side {padding-top: 100px;} .template-article .article-title {text-transform: uppercase; font-size: 22px; padding: 50px 0px 10px 0px; color: #b88400;} .template-article .article-date {text-transform: uppercase; font-size: 12px; padding-bottom: 10px; text-align: right;} .template-article .article-author {text-transform: uppercase; font-size: 12px; padding-bottom: 10px; text-align: right;} .template-article .addthis_sharing_toolbox {text-align: right;} .template-article .continue {padding-top: 0px; padding-bottom: 10px;} .template-article p img {padding: 0px 0px 10px 0px;} .template-article .article a {color: #b88400; text-decoration: underline;} .template-article .article h4 {color: #b88400; font-size: 20px;} .template-article .article h5 {color: #b88400; font-size: 16px;} .template-article hr {margin-bottom: 40px;} .social-share {padding-right: 10px;} /* Support */ #support .article {padding-bottom: 30px;} #support .article-title {text-transform: uppercase; font-size: 16px; padding: 10px 0px; font-style: normal; text-align: center;} #support .article-title a {color: #555555;} #support .article-title a:hover {text-decoration: none;} #support a {color: #555555;} #support a:hover {text-decoration: none;} #support p img {padding-bottom: 5px; max-width:100%;height:auto;} #support .read-more {color: #b88400; text-transform: uppercase; font-weight: 400; padding-right: 6px;} #support .continue {padding-top: 10px; float: right;} .template-article .support-title {text-transform: uppercase; font-size: 22px; padding: 20px 0px 0px 0px; color: #b88400;} .support-article h3 {font-size: 20px; padding-bottom: 10px; color: #b88400;} .support-footer {padding-bottom: 50px;} .support-footer h2 {text-transform: uppercase; font-size: 22px; padding-bottom: 10px; color: #b88400;} .support-footer hr {margin-bottom: 20px;} .support-article ul, .support-article ol {padding-left: 20px;} .support-article ul li {list-style-type: disc;} .support-article ol li {list-style-type: decimal;} .template-article .backlink {text-transform: uppercase; padding-top: 10px;} /* Sitemap */ #sitemap .content h3 {padding-bottom: 10px;} #sitemap .content h3 a {color: #555555; padding-bottom: 10px; font-weight: 300;} /* Reviews */ #reviews .strike {padding-bottom: 20px;} #reviews .review-entry {text-align: center;} #reviews .review-entry .title h2 {font-size: 34px; font-weight: 300;} #reviews .review-entry .description {padding-top: 20px;} #reviews .review-entry .author {padding: 10px 0px; text-transform: uppercase; font-size: 18px;} #reviews .review-entry .author span {color: #b88400;} #reviews .review-entry .author a {color: #555555;} #reviews .review-entry .author a:hover {text-decoration: none;} #reviews .review-header .review-entry .author {padding: 10px 0px; text-transform: uppercase; font-size: 18px;} #reviews .review-header .review-entry .author a {color: #b88400;} #reviews .review-header .review-entry .author span {font-weight: 400;} #reviews .review-entry img {padding: 40px 0px 20px 0px; max-height: 150px;} /* FAQs */ #faqs h2 {color: #b88400;} /* 404 */ .template-404 {text-align: center;} .template-404 .content {padding-top: 200px;} .template-404 h1 {font-size: 40px; padding-bottom: 30px;} .template-404 h2 {font-size: 20px;} /* Corporate Sales */ #corporate-sales .product-description a {color: #b88400; text-decoration: underline;} #corporate-sales h2 {color: #555555; font-size: 52px; letter-spacing: 1px; line-height: 46px;} #corporate-sales h3 {color: #555555; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 400;} #corporate-sales h4 {font-size: 18px; padding-top: 25px;} #corporate-sales p {padding-bottom: 20px;} #corporate-sales .order-info {padding:30px 0px 30px 0px;} #corporate-sales-confirmation .btn {margin-bottom: 5px; color: #ffffff; border-color: #b88400; background: #b88400; width: 172px;} #corporate-sales-confirmation .btn:hover {background: #ffffff; color: #b88400;} #corporate-sales-confirmation .single-btn-holder {width: 186px;} #corporate-sales-confirmation .confirmation-msg {text-align: center; padding: 61px 0px 10px 0px} /* Vertically Center */ .container-fluid {height: 100%; display: table; width: 100%; padding-right: 0; padding-left: 0;} .row-fluid {height: 100%; display: table-cell; vertical-align: middle; width: 100%;} .centering {float: none; margin: 0 auto; padding-left: 50px; padding-right: 50px;} /* Geolocation Homepage Badge */ .holiday .btn {background-color: #b88400 !important; border-color: #b88400 !important; color: #fff !important; border-width: 4px; height: 56px; width: 190px; font-size: 24px;} .holiday .btn:hover {background-color: transparent !important; color: #b88400 !important;} .holiday .badge {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/badge_spring_lg.png?10584786317565307395); height: 172px; width: 172px; display: block; position: absolute; top: 80px; right: 60px; z-index: 1001;} @media only screen and (max-width: 767px) { .holiday .badge {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/badge_spring_sm.png?10584786317565307395); height: 86px; width: 86px; display: block; position: absolute; top: 10px; right: 30px; z-index: 1001;} .holiday .btn {border-width: 2px; height: 44px; width: 154px; font-size: 18px; background-color: #b88400 !important; color: #fff !important;} } .kickstarter span {color: #5a5a5a; font-size: 20px; font-weight: 400; display: inline-block; margin: 20px 0px;} .kickstarter img {position: relative; top: -5px; padding-left: 7px;} /* Floating Record */ .modal-content li {list-style-type: disc; margin-left: 20px;} #gramovox-floating-record #subnav .subnavbar-brand {display: inline-block; text-align: center; line-height: 16px; font-weight: bold; letter-spacing: 2px; padding-right: 100px;} #gramovox-floating-record #subnav .subnavbar-brand span {display: block;} #gramovox-floating-record #subnav .btn {top: -8px;} #gramovox-floating-record #subnav #buyNowButton {float: right; padding-right: 30px; padding-top: 15px;} #gramovox-floating-record #product-variants {display: block;} #gramovox-floating-record h1 {font-size: 38px;} #gramovox-floating-record h1 span {display: block;} #gramovox-floating-record #carousel-custom-maple {width: 100%;} #gramovox-floating-record #carousel-custom-maple .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} #gramovox-floating-record #carousel-custom-maple .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto; padding: 0px 12px 0px 12px;} #gramovox-floating-record #carousel-custom-maple .carousel-indicators li img {display: block; margin: 0px auto; border-bottom: 6px solid #fff !important; padding-bottom: 5px;} #gramovox-floating-record #carousel-custom-maple .carousel-indicators li img:hover {border-bottom: 6px solid #b88400 !important;} #gramovox-floating-record #carousel-custom-maple .carousel-outer {position: relative;} #gramovox-floating-record #carousel-custom-maple .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} #gramovox-floating-record #carousel-custom-maple .active.left {left:0;opacity:0;z-index:2;} #gramovox-floating-record #carousel-custom-maple .carousel-control.left {width: 6%;} #gramovox-floating-record #carousel-custom-maple .carousel-control.right {width: 15%;} #gramovox-floating-record #carousel-features h3 {color: #555555; font-size: 32px; padding: 135px 0px 20px 0px; font-weight: 300;} #gramovox-floating-record .spr-header-title {display: none;} #gramovox-floating-record .product h3 {text-transform: uppercase; padding: 70px 0px 30px 0px !important; font-size: 22px;} #gramovox-floating-record .modal-content h3 {padding: 0px 0px 30px 0px !important;} #gramovox-floating-record #box-contents li {list-style-type: disc; margin-left: 50px;} #gramovox-floating-record .right-align {float: right;} #gramovox-floating-record .left-align {float: left;} #gramovox-floating-record .why p {font-size: 20px;} #gramovox-floating-record .why h4 {font-size: 22px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #afb0b0; padding-bottom: 15px;} #gramovox-floating-record .why .gray p {background-color:#eeeeee; padding:15px 15px 15px 15px;} #gramovox-floating-record .why .white p {background-color:white; padding:15px 15px 15px 15px;} #gramovox-floating-record .why .ours p {font-weight: 500;} #gramovox-floating-record .why a {text-decoration: underline;} #gramovox-floating-record .why a:hover {color: #b88400;} /* Affirm Payment Plan styling */ #learn-more {font-weight: 300; font-size: 16px; display: block; font-style: italic;} #learn-more:hover {color: #b88400; font-weight: 300; font-size: 16px; display: block; font-style: italic; text-decoration: underline;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #learn-more {color: #fff;} #sinatra-edition-wireless-gramophone-speaker-for-iphone #learn-more:hover {color: #f58025;} .spr-form-title {display: none !important;} .spr-review-header-title {font-size: 16px !important; padding: 0px 0px 0px 0px !important;} .spr-review-content-body {font-size: 16px !important;} .spr-review-reportreview {display: none !important;} .spr-button {width: 100% !important;} .spr-container {border: none !important;} .spr-header-title {font-size: 32px !important; padding: 0px 0px 20px 0px !important; color: #555555 !important; font-weight: 300 !important; font-family: "brandon-grotesque",sans-serif !important; font-style: normal !important;} .spr-badge-caption {color: #555555 !important; font-weight: bold; text-transform: uppercase;} .spr-form-message-success {color: #b88400 !important; text-align: center !important; font-size: 20px !important;} .template-product #mygramovox .spr-header-title {font-size: 64px !important; display: block;} .template-product #mygramovox .spw-text {display:none;} #warranty_popup:hover, #returns_popup:hover {opacity: 0.6;} /* Mobile Styling */ .mobile-nav {padding: 0px; margin: 0px;} .mobile-nav ul {padding: 5px 0px; margin: 0px;} .mobile-nav li {padding: 5px 0px; margin: 0px;} @media only screen and (max-width: 767px) { #gramovox-floating-record .why h4 {font-size: 18px;} #gramovox-floating-record .why p {font-size: 16px;} #sinatra-edition-wireless-gramophone-speaker-for-iphone .subfooter {height: 60px;} .strike {padding-top: 10px; padding-bottom: 10px;} #reviews .strike {padding-top: 10px; padding-bottom: 5px;} #reviews .nav-tabs {padding: 0px 0px 0px 0px;} #reviews hr {margin: 15px 0px;} #reviews .review-entry img {padding: 30px 0px 0px 0px; max-height: 125px;} #reviews .review-entry .taxi {max-height: 75px;} #reviews .review-entry .title h2 {font-size: 28px; font-weight: 300; color: #999999;} #reviews .review-entry .description {padding-top: 20px; color: #999999;} #reviews .review-entry .author {padding: 10px 0px; text-transform: uppercase; font-size: 16px; font-weight: bold;} #reviews .review-entry .author span {color: #999999;} #reviews .review-entry .author a {color: #999999;} #reviews .tab-content .col-md-6 {padding-left: 0px; padding-right: 0px;} .template-index {background: #ffffff;} .template-product .content {padding-top: 65px;} .template-product .content h1 {color: #555555; font-size: 32px; letter-spacing: 3px; text-align: center; line-height: 28px; text-transform: uppercase; font-weight: 400;} .template-product .content h1 span {font-size: 18px;} .template-product .content h2 {font-size: 21px;} .template-product .content .product h3 {color: #555555; font-size: 32px; padding: 20px 0px 20px 0px; font-weight: 300;} .template-product .carousel img {height: 100%; width: 100%;} .template-product .carousel-inner h3 {font-size: 22px; padding: 20px 0px 20px 0px; text-align: center;} .template-product .carousel-inner p {text-align: center;} .template-product #carousel-reviews .item h3 {font-size: 22px; padding-left: 20px; padding-right: 20px;} .template-product #product-promotion {width: 100%; height: 100%;} .template-product #subnav {display: none;} .template-product #customNav {position: fixed !important; top: 0px !important; right: 0 !important; left: 0 !important; z-index: 1030 !important;} #corporate-sales-confirmation .confirmation-msg {text-align: center; padding: 120px 0px 10px 0px} .mobile-specs {margin: 0px 10px} .template-product #carousel-features, .template-product #carousel-reviews {padding: 50px 0px;} #floating-record #carousel-features h3 {color: #555555; font-size: 32px; padding: 0px 0px 0px 0px; font-weight: 300;} #floating-record h1 {font-size: 30px;} #about .white-back2 h2 {font-size: 30px;} #about .white .row {margin: 20px 0px 40px 0px;} #about .white-back1 .container {background: none; height: 100%;} #about .white-back2 .container {background: none; height: 100%;} #about .white-back3 .container {background: none; height: 100%;} #features .v-center {display:table; height:180px;} .content {padding-top: 59px;} .template-index .content {padding-top: 59px;} #features .content {padding-top: 69px;} #about .content {padding-top: 69px;} .v-center-content {padding: 20px 0px;} .navbar-collapse {border: none;} .mobile-nav li {text-align: center; text-transform: uppercase; letter-spacing: 2px;} .mobile-footer .social-links a {padding: 0px 10px 0px 10px;} #logo {position: relative; left: 15px;} .hr-row. {background: none;} .hr-row .btn-holder a {width: 132px;} #posts .article {min-height: 400px; padding-bottom: 20px;} .template-article .article-side {text-align: center; padding-top: 0px;} .template-article .addthis_responsive_sharing {text-align: center; padding: 5px 0px 10px 0px;} .template-article .article-date {text-align: center;} .template-article .article-author {text-align: center;} .nav-tabs {padding: 20px 0px;} .nav-tabs > li > a {padding: 10px 8px !important;} .template-index .sn-link {background: #f68026; border-color: #f68026;} .template-index .sn-link:hover {background: none; color: #f68026;} .template-index .fr-link {background: #6cd3cb; border-color: #6cd3cb;} .template-index .fr-link:hover {background: none; color: #6cd3cb;} .template-index .bg-link {background: #6cd3cb; border-color: #6cd3cb;} .template-index .bg-link:hover {background: none; color: #6cd3cb;} .template-index h2 {line-height: 18px; font-size: 16px; text-align: center; text-transform: uppercase;} .template-index h2 span {font-size: 12px; display: block;} .template-index .logo-bar {display: inline-block; height: 2px; width: 14px; background: #555555; position: relative; top: -6px;} #floating-record .right-align {float: none; margin-right: auto; margin-left: auto; display: block;} #floating-record .left-align {float: none; margin-right: auto; margin-left: auto; display: block;} .cart-quantity input {width: 40px; margin-right: 0px; margin-top: 30px;} .cart-image img {margin: 30px 0px 10px 0px;} } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { #carousel-custom-gramophone-mobile .carousel-inner li {max-height: 65px; width: 65px;} #carousel-custom-gramophone-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} #carousel-custom-gramophone-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 0px; height: 65px; width: 65px;} #carousel-custom-gramophone-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} #carousel-custom-gramophone-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} #carousel-custom-gramophone-mobile .active.left {left:0;opacity:0;z-index:2;} #gramovox-floating-record #carousel-custom-walnut-mobile .carousel-inner li {max-height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-walnut-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} #gramovox-floating-record #carousel-custom-walnut-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 0px; height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-walnut-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-walnut-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} #gramovox-floating-record #carousel-custom-walnut-mobile .active.left {left:0;opacity:0;z-index:2;} #gramovox-floating-record #carousel-custom-maple-mobile .carousel-inner li {max-height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-maple-mobile .carousel-indicators {margin: 10px 0 0; overflow: hidden; position: static; white-space: nowrap; width: 100%;} #gramovox-floating-record #carousel-custom-maple-mobile .carousel-indicators li {background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; padding-right: 0px; height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-maple-mobile .carousel-indicators li img {display: block; height: 65px; width: 65px;} #gramovox-floating-record #carousel-custom-maple-mobile .item {-webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s;} #gramovox-floating-record #carousel-custom-maple-mobile .active.left {left:0;opacity:0;z-index:2;} } @media only screen and (max-width: 1199px) { .template-product #subnav .subnavbar-brand {padding-right: 50px;} .template-product #subnav li {font-size: 16px;} .template-product #subnav .nav>li>a {padding: 10px 10px;} .template-product #subnav #buyNowButton {float: right;} #about .overlay {width: 990px; margin: 0px auto; position: absolute; top: 0; left: 0; margin-top: 25%; padding-left: 0%; opacity: 1.0; color: #fff;} } @media only screen and (max-width: 991px) { .navbar-right {margin-right: -45px;} .template-product #subnav .subnavbar-brand {padding-right: 10px;} .template-product #subnav li {font-size: 14px;} .template-product #subnav .nav>li>a {padding: 10px 10px;} .template-product #subnav #buyNowButton {display: none;} .template-product #subnav .btn {width: 115px;} .template-product #carousel-custom .carousel-indicators li {padding-right: 5px;} #floating-record #carousel-custom-maple .carousel-indicators li {padding-right: 5px;} .template-product #gallery-tabs {text-align: center; padding: 10px 0px;} .template-product #gallery-tabs li {display: inline-block; padding: 10px;} .template-product #gallery-tabs .btn {text-transform: uppercase; color: #b88400; border: 2px solid #b88400; font-size: 18px; letter-spacing: 1px; height: 44px; width: 154px; padding: 8px 11px; background: #fff;} .template-product #gallery-tabs .active .btn {text-transform: uppercase; color: #fff; border: 2px solid #b88400; font-size: 18px; letter-spacing: 1px; height: 44px; width: 154px; padding: 8px 11px; background: #b88400 !important;} .template-product .product-description {text-align: center;} .template-product .product-description h4 {font-size: 18px; font-weight: bold;} .template-product #product-details ul {list-style-position: inside;} .template-product #product-details li {font-size: 18px; text-align: left;} .template-product .product-header {padding-bottom: 0px;} .template-product #carousel-mobile-features {padding: 40px 0px 0px 0px;} .template-product #carousel-mobile-features h3 {color: #c9a242; font-size: 24px; padding: 10px 0px 20px 0px; text-align: center;} .template-product #carousel-mobile-features .carousel-control .fa-angle-left {margin-left: -40px;} .template-product #carousel-mobile-features .carousel-control .fa-angle-right {margin-right: -40px;} .spr-header-title {text-transform: uppercase !important; font-size: 18px !important; font-weight: bold !important; letter-spacing: 0 !important;} #accordion {text-align: center;} #accordion p {padding-bottom: 15px;} #accordion h4 {padding: 0px 0px 0px 0px;} #accordion h4 a {padding: 10px 0px 8px 0px; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: bold;} #accordion .panel {border: none; border-radius: 0; text-shadow: none; box-shadow: none;} .panel-group {border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;} .returns-content .container {text-align: left;} #accordion h4 .collapsed:after {font-family: 'FontAwesome'; content: "\f0d7";} #accordion #Specs-Tab h4 .collapsed {border-bottom: 1px solid #ececec;} #accordion h4 a:after {font-family: 'FontAwesome'; content: "\f0d8";} #accordion li {text-align: left; list-style-type: disc;} } @media only screen and (max-width: 1023px) { .navbar-left li , .navbar-right li {padding: 0px 10px 0px 0px;} .template-index .fr-caption {right: 15%; top: 35%; left: auto;} .template-index .fr-caption h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 4px;} .template-index .fr-caption h1 span {font-size: 30px; letter-spacing: 1px;} .template-index .fr-caption p {font-size: 16px; padding: 15px 0px;} .template-index .bg-caption {left: 15%; top: 30%; right: auto;} .template-index .bg-caption h1 {text-transform: uppercase; font-size: 20px; letter-spacing: 4px;} .template-index .bg-caption h1 span {font-size: 36px; letter-spacing: 1px;} .template-index .bg-caption p {font-size: 20px; padding: 15px 0px;} } /* Retina Styles */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { .template-product .carousel img {height: 100%; width: 100%;} #about .banner1 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_1.jpg?10584786317565307395) no-repeat; height: 100%; background-size: cover; background-position: center center; padding: 0px; margin: 0px;} #about .banner2 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story1.jpg?10584786317565307395) no-repeat; height: 100%; background-size: cover; background-position: center center; padding: 0px; margin: 0px;} #about .banner3 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_bg_parallax.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; padding: 0px; margin: 0px;} #about .banner4 {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/story_fr_parallax.jpg?10584786317565307395) no-repeat; background-size: cover; background-position: center center; padding: 0px; margin: 0px;} #about .banner1 .centering {padding: 50px 0px 50px 0px; margin-left:50px; margin-right:50px;} #about .banner2 .centering {padding: 170px 0px 170px 0px;} #about .banner3 .centering {padding: 170px 0px 170px 0px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .holiday .badge {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/badge_spring_sm.png?10584786317565307395); height: 86px; width: 86px; display: block; position: absolute; top: 100px; right: 30px; z-index: 1001;} .holiday .btn {border-width: 2px; height: 44px; width: 154px; font-size: 18px;} .col-xs-6 .btn {padding-top: 100px;} } /* Retina Logo Styles */ #logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/logo.png?10584786317565307395); background-repeat: no-repeat; background-size: 155px 30px; height: 30px; width: 155px; display: inline-block; margin: 14px 0px 0px 0px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/logo@2x.png?10584786317565307395); background-size: 155px 30px; } } #footer-logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/logo.png?10584786317565307395); background-repeat: no-repeat; background-size: 155px 30px; height: 30px; width: 155px; display: inline-block; margin-top: 50px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #footer-logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/logo@2x.png?10584786317565307395); background-size: 155px 30px; } } /* Sinatra Logo Styles */ #sinatra-edition-wireless-gramophone-speaker-for-iphone #logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_gramovox_logo.png?10584786317565307395); background-repeat: no-repeat; background-size: 155px 30px; height: 30px; width: 155px; display: inline-block; margin: 14px 0px 0px 0px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #sinatra-edition-wireless-gramophone-speaker-for-iphone #logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_gramovox_logo@2x.png?10584786317565307395); background-size: 155px 30px; } } #sinatra-edition-wireless-gramophone-speaker-for-iphone #footer-logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_gramovox_logo.png?10584786317565307395); background-repeat: no-repeat; background-size: 155px 30px; height: 30px; width: 155px; display: inline-block; margin-top: 50px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #sinatra-edition-wireless-gramophone-speaker-for-iphone #footer-logo { background-image: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/sn_gramovox_logo@2x.png?10584786317565307395); background-size: 155px 30px; } } .addthis_custom_sharing {text-align: right; padding-right: 0px;} .addthis_button_facebook_share {position: relative !important; top: -2px;} .addthis_button_tweet {position: relative !important; left: 10px;} .addthis_button_google_plusone {position: relative !important; left: -7px;} .addthis_button_pinterest_pinit {position: relative !important; left: -30px;} .addthis_counter {position: relative !important; left: -30px;} /* Popup Styling */ #custom_modal1 .klaviyo_inner {width: 650px; max-height: 362px; margin-left: -300px; padding: 0px 36px 0px 36px; font-family: "brandon-grotesque",sans-serif; background: #fff !important;} #custom_modal1 .klaviyo_close_modal {position: relative; top: -388px; left: 603px;} #custom_modal1 h2 {color: #a2632e !important; font-size: 46px !important; line-height: 46px !important; margin-top: 42px;} #custom_modal1 p {color: #252525; font-size: 16px;} #custom_modal1 p span {color: #a2632e; font-size: 16px; text-transform: uppercase; font-weight: bold;} #custom_modal1 .klaviyo_form_actions {border-top: none !important; padding-top: 0px !important; margin: 0px 0px 0px 0px !important;} #custom_modal1 .klaviyo_field_group {display: inline-block;} #custom_modal1 .klaviyo_field_group input {height: 40px; width: 200px; padding-left: 5px;} #custom_modal1 .klaviyo_form_actions {display: inline-block; padding-left: 10px;} #custom_modal1 .klaviyo_submit_button {color: #ffffff !important; border: solid 2px #b88400 !important; background: #b88400 !important; width: 90px !important; text-shadow: none !important; font-weight: bold; height: 40px; box-shadow: none !important; -webkit-box-shadow: none !important;} #custom_modal1 .klaviyo_submit_button:hover {background: #fff !important; color: #b88400 !important;} #custom_modal1 .klaviyo_close_modal {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close.png?10584786317565307395); height: 40px; width: 40px; display: block;} #custom_modal1 .klaviyo_close_modal:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close_on.png?10584786317565307395);} #custom_modal1 .klaviyo_messages .success_message {color: #a2632e !important;} #custom_modal1_holiday .klaviyo_inner {width: 562px; max-height: 315px; margin-left: -281px; padding: 0px 36px 0px 36px; font-family: "brandon-grotesque",sans-serif; background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_vinyl_background.png?10584786317565307395) !important;} #custom_modal1_holiday .klaviyo_close_modal {position: relative; top: -323px; left: 510px;} #custom_modal1_holiday h2 {color: #f43a59 !important; font-size: 52px !important; line-height: 48px !important; margin-top: 42px;} #custom_modal1_holiday p {color: #818181; font-size: 16px;} #custom_modal1_holiday p span {color: #f43a59; font-size: 16px; text-transform: uppercase; font-weight: bold;} #custom_modal1_holiday .klaviyo_form_actions {border-top: none !important; padding-top: 0px !important; margin: 0px 0px 0px 0px !important;} #custom_modal1_holiday .klaviyo_field_group {display: inline-block;} #custom_modal1_holiday .klaviyo_field_group input {height: 40px; width: 168px; padding-left: 5px;} #custom_modal1_holiday .klaviyo_form_actions {display: inline-block; padding-left: 10px;} #custom_modal1_holiday .klaviyo_submit_button {color: #ffffff !important; border: solid 2px #f43a59 !important; background: #f43a59 !important; width: 90px !important; text-shadow: none !important; font-weight: bold; height: 40px; box-shadow: none !important; -webkit-box-shadow: none !important;} #custom_modal1_holiday .klaviyo_submit_button:hover {background: #fff !important; color: #f43a59 !important;} #custom_modal1_holiday .klaviyo_close_modal {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close_on.png?10584786317565307395); height: 40px; width: 40px; display: block;} #custom_modal1_holiday .klaviyo_close_modal:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close.png?10584786317565307395);} #custom_modal1_holiday .klaviyo_messages .success_message {color: #f43a59 !important;} #custom_modal2 .klaviyo_inner {width: 650px; max-height: 362px; margin-left: -300px; padding: 0px 0px 0px 36px; font-family: "brandon-grotesque",sans-serif; background: #fff !important;} #custom_modal2 .klaviyo_close_modal {position: relative; top: -389px; left: 602px;} #custom_modal2 h2 {color: #a2632e !important; font-size: 46px !important; line-height: 46px !important; margin-top: 42px;} #custom_modal2 p {color: #252525; font-size: 16px;} #custom_modal2 p span {color: #a2632e; font-size: 16px; text-transform: uppercase; font-weight: bold;} #custom_modal2 .klaviyo_form_actions {border-top: none !important; padding-top: 0px !important; margin: 0px 0px 0px 0px !important;} #custom_modal2 .klaviyo_field_group {display: inline-block;} #custom_modal2 .klaviyo_field_group input {height: 40px; width: 200px; padding-left: 5px;} #custom_modal2 .klaviyo_form_actions {display: inline-block; padding-left: 10px;} #custom_modal2 .klaviyo_submit_button {color: #ffffff !important; border: solid 2px #b88400 !important; background: #b88400 !important; width: 90px !important; text-shadow: none !important; font-weight: bold; height: 40px; box-shadow: none !important; -webkit-box-shadow: none !important;} #custom_modal2 .klaviyo_submit_button:hover {background: #fff !important; color: #b88400 !important;} #custom_modal2 .klaviyo_close_modal {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close.png?10584786317565307395); height: 40px; width: 40px; display: block;} #custom_modal2 .klaviyo_close_modal:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close_on.png?10584786317565307395);} #custom_modal2 .klaviyo_messages .success_message {color: #a2632e !important;} #custom_modal3-domestic .klaviyo_inner {width: 650px; max-height: 362px; margin-left: -300px; padding: 0px 0px 0px 36px; font-family: "brandon-grotesque",sans-serif; background: #fff !important;} #custom_modal3-domestic .klaviyo_close_modal {position: relative; top: -389px; left: 602px;} #custom_modal3-domestic h2 {color: #a2632e !important; font-size: 46px !important; line-height: 46px !important; margin-top: 42px;} #custom_modal3-domestic p {color: #747474; font-size: 16px;} #custom_modal3-domestic p span {color: #a2632e; font-size: 16px; text-transform: uppercase; font-weight: bold;} #custom_modal3-domestic .klaviyo_form_actions {border-top: none !important; padding-top: 0px !important; margin: 0px 0px 0px 0px !important;} #custom_modal3-domestic .klaviyo_field_group {display: inline-block;} #custom_modal3-domestic .klaviyo_field_group input {height: 40px; width: 200px; padding-left: 5px;} #custom_modal3-domestic .klaviyo_form_actions {display: inline-block;} #custom_modal3-domestic .klaviyo_submit_button {color: #ffffff !important; border: solid 2px #b88400 !important; background: #b88400 !important; width: 90px !important; text-shadow: none !important; font-weight: bold; height: 40px; box-shadow: none !important; -webkit-box-shadow: none !important;} #custom_modal3-domestic .klaviyo_submit_button:hover {background: #fff !important; color: #b88400 !important;} #custom_modal3-domestic .klaviyo_close_modal {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close.png?10584786317565307395); height: 40px; width: 40px; display: block;} #custom_modal3-domestic .klaviyo_close_modal:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close_on.png?10584786317565307395);} #custom_modal3-domestic h3 {color: #747474;} #custom_modal3-domestic h3 span {color: #b88400;} #custom_modal3-domestic .btn {margin-bottom: 5px; margin-top: 20px; color: #ffffff; border-color: #b88400; background: #b88400; width: 200px;} #custom_modal3-domestic .btn:hover {background: #ffffff; color: #b88400;} #custom_modal3-international .klaviyo_inner {width: 650px; max-height: 362px; margin-left: -300px; padding: 0px 0px 0px 36px; font-family: "brandon-grotesque",sans-serif; background: #fff !important;} #custom_modal3-international .klaviyo_close_modal {position: relative; top: -389px; left: 602px;} #custom_modal3-international h2 {color: #a2632e !important; font-size: 46px !important; line-height: 46px !important; margin-top: 42px;} #custom_modal3-international p {color: #747474; font-size: 16px;} #custom_modal3-international p span {color: #a2632e; font-size: 16px; text-transform: uppercase; font-weight: bold;} #custom_modal3-international .klaviyo_form_actions {border-top: none !important; padding-top: 0px !important; margin: 0px 0px 0px 0px !important;} #custom_modal3-international .klaviyo_field_group {display: inline-block;} #custom_modal3-international .klaviyo_field_group input {height: 40px; width: 200px; padding-left: 5px;} #custom_modal3-international .klaviyo_form_actions {display: inline-block;} #custom_modal3-international .klaviyo_submit_button {color: #ffffff !important; border: solid 2px #b88400 !important; background: #b88400 !important; width: 90px !important; text-shadow: none !important; font-weight: bold; height: 40px; box-shadow: none !important; -webkit-box-shadow: none !important;} #custom_modal3-international .klaviyo_submit_button:hover {background: #fff !important; color: #b88400 !important;} #custom_modal3-international .klaviyo_close_modal {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close.png?10584786317565307395); height: 40px; width: 40px; display: block;} #custom_modal3-international .klaviyo_close_modal:hover {background: url(//cdn.shopify.com/s/files/1/0640/2259/t/4/assets/popup_close_on.png?10584786317565307395);} #custom_modal3-international h3 {color: #747474;} #custom_modal3-international h3 span {color: #b88400;} #custom_modal3-international .btn {margin-bottom: 5px; margin-top: 20px; color: #ffffff; border-color: #b88400; background: #b88400; width: 200px;} #custom_modal3-international .btn:hover {background: #ffffff; color: #b88400;} #other-products {text-align: center; padding: 30px 0px 20px 0px;} #other-products #other-border {background: #555555; height: 191px; width: 1px; margin: 0px auto;} #other-products h4 {color: #a29f9d; text-transform: uppercase; font-size: 22px; padding: 0px 0px 10px 0px;} #other-products p {color: #a29f9d; font-size: 15px;} #other-products .btn {color: #fff; border-color: #b88400; background: #b88400; margin: 14px 0px 40px 0px;} #other-products .btn:hover {background: #fff; color: #b88400;} #other-products h2 {font-family: "brandon-grotesque",sans-serif; font-style: normal; font-weight: 300; letter-spacing: 0px; color: #555; text-transform: uppercase; font-size: 23px; padding: 0px 0px 10px 0px;} #other-products h2 span {font-size: 14px;} #other-products .logo-bar {display: inline-block; height: 2px; width: 14px; background: #555555; position: relative; top: -14px;} /* Tab Styles */ .nav-tabs > li {float:none; display:inline-block; zoom:1;} .nav-tabs {text-align:center; text-transform: uppercase; border-bottom: none; padding: 20px 0px;} .nav-tabs > li > a {background: none; border: none !important; padding: 10px 25px;} .nav-tabs > li > a:hover {background: none; border: none !important;} .nav-tabs > li.active > a {font-weight: 400; border: none !important;} .tab-content>.tab-pane {display: block; height: 0px; overflow: hidden;} .tab-content>.active {height: auto; overflow: auto;} /* Trick Styles */ .fadeout {transition: display .5s ease; -webkit-transition: display .5s ease; -moz-transition: display .5s ease; -o-transition: display .5s ease;} .hidebar {-webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: -59px;} .fixbar {position: fixed; top: 0px; z-index: 1100; background: #fff;} .hide-walnut {display: block;} .hide-maple {display: none;} iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } .form { margin: 0 auto; position: relative; } /** Essentials **/ .toggle { border: medium none; color: #555555; cursor: pointer; display: block; width: 19px; position: absolute; right: 0; } #searchform { float: right; height: 20px; position: relative; right: 20px; margin: 0; opacity: 0; padding: 0; transition: all 0.2s ease-in-out 0s; visibility: hidden; width: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .form:hover #searchform { display: block; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; visibility: visible; width: 150px; } #searchform #s { background: none repeat scroll 0 0 #eeeeee; border: medium none; color: #555555; float: right; outline: none; font-family: helvetica, verdana, arial, sans-serif; font-size: 12px; height: 100%; padding: 0 15px; width: 100%; } #searchform #searchsubmit { background: none; border: medium none; color: #FFFFFF; cursor: pointer; display: block; height: 20px; width: 20px; position: absolute; right: -15px; } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; transition-duration: .5s; transition-timing-function:ease-in-out; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } #customNav {padding-top:10px;} #welcome-message { z-index: 2000; display: block; position: relative; text-align: center; background: #555555; color: white; text-transform: uppercase; }