body,input, textarea, select, div { font-family: 'Raleway', sans-serif; font-weight:300; letter-spacing:1px; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -ms-font-feature-settings: "lnum"; -o-font-feature-settings: "lnum"; font-feature-settings: "lnum"; font-feature-settings: "lnum" 1; } ::-webkit-input-placeholder { color: #333; } :-moz-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /*.reveal-modal { position:fixed; }*/ .reveal-modal { position: fixed; top: 150px !important; } body.modal-open { overflow: hidden; position: fixed; } .eapps-instagram-feed-container { border: none!important } div { } a, a:hover, a:active, a:focus { color:#7dbe31; } .first { padding-left:0; } .last { padding-right:0; } .full { padding-left:0; padding-right:0; } .hastab #copyright { padding-bottom:100px; } body .mc-cycle { z-index:0!important; }/* override banner cycle default setting */ .clear { clear: both; } .no-right-padding { padding-right: 0; } .bold { font-weight: 600; } #backtop { position:fixed; bottom:20px; right:20px; z-index:1000; } #backtop img { width:60px; } #msgbar { text-align:center; position:fixed; width:100%; z-index:9999; display:none; bottom:0; } #msgbar .green { background:#7dbe31; color:#fff; padding:10px; font-weight:600; } #msgbar .red { background:#f70353; color:#fff; padding:10px; font-weight:600; } .short { height:368px!important; } .none { height:110px!important; } .service-list h5 { margin-bottom:30px; } .freeshipping-desktop { background:url('https://vivo.imgix.net/img/truck.png') #ddd no-repeat 10px center; background-size:20px; font-weight:600; margin:20px 0; padding:10px 10px 10px 40px; font-size:14px; } /* customise auto complete - search 1 - desktop */ #eac-container-keyword1 { background:#fff; top:35px; } #eac-container-keyword1 ul { top:0!important;border:#000 solid 1px!important; } #eac-container-keyword1 li { padding-top:7px!important; padding-bottom:8px!important; float:none!important; } .easy-autocomplete { display:inline-block; } #eac-container-keyword2 { top:38; } #eac-container-keyword2 ul { top:0!important;border:#000 solid 1px!important; } #eac-container-keyword2 li { width:100%; text-align:left; padding-top:7px!important; padding-bottom:8px!important; float:none!important; display:block; } #hover1 { width:360px; background:#333; } #hover2 { width:360px; background:#333; } #hover3 { width:360px; background:#333; } #hover4 { width:360px; background:#333; } .dropmenu { border-color:#ccc!important; z-index:500!important; } .dropmenu li a { display:block!important; color:#fff!important; font-size:13px!important; margin:0!important; padding:8px 13px!important; text-align:left!important; } .dropmenu li a:hover { background:#222; color:#fff; text-decoration:none!important; } .dropmenu li { margin:0; padding-right:0!important; float:none!important; display:block!important; } #desktop-header { position:relative; height:550px; background-position:center center; background-size:cover; } #desktop-header #navbar { height:110px; padding-top:10px; z-index:10!important; position:absolute; width:100%; } #desktop-header #navbar.white #desktop-menu li span { display:none!important; } #desktop-header #navbar.white #tablet-menu li span { display:none!important; } #desktop-header #navbar.purple { background:url('https://vivo.imgix.net/img/overlay-purple.png'); } #desktop-header #navbar.brown { background:url('https://vivo.imgix.net/img/overlay-brown.png'); } #desktop-header #navbar.blue { background:url('https://vivo.imgix.net/img/overlay-blue.png'); } #desktop-header #navbar.black { background: #000; } #desktop-header #navbar .logo { width:100%; width:163px; margin-left:11px; margin-top: 14px; } #desktop-header ul#desktop-menu { list-style:none; margin:0; padding:17px 0 0 0; float:left; width:100%; } #desktop-header ul#desktop-menu li { float:left; padding-right:20px; position:relative; } #desktop-header ul#desktop-menu li:last-child { padding-right:0; } #desktop-header ul#desktop-menu li a { color:#fff; font-size:15px; font-weight:400; padding-bottom:4px; } #desktop-header ul#desktop-menu li a.selected, #desktop-header #navbar ul li a:hover { } #desktop-header ul#desktop-menu li a.selected { } #desktop-header ul#desktop-menu li a.arrow { font-weight:600; padding-bottom:10px; } #desktop-header ul#desktop-menu li.bookonline { float:right; } #desktop-header ul#desktop-menu li.bookonline a { float:right; } #desktop-header ul#desktop-menu li.bookonline a:hover { border:none; } #desktop-header ul#desktop-menu li.bookonline .social_icon { width: 26px; margin-left: 10px; } #desktop-header ul#desktop-menu li.bookonline .phone_icon { width: 20px; margin-right: 10px; } #desktop-header ul#desktop-menu li.bookonline .phone { margin-left: 10px; } #desktop-header ul#desktop-menu li span { font-weight:600; background:#7dbe31; width: 96px; text-align: center; position:absolute; display:block; padding:3px 5px; color:#fff; font-size:11px; top:35px; left: -14px; } #desktop-header ul#desktop-menu li span:after { font-size:11px; content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #7dbe31 transparent; display: block; width: 0; z-index: 1; top: -8px; left: 50%; margin-left:-8px; } #desktop-header ul#desktop-menu li span a { font-size:11px; } #desktop-header ul#desktop-menu li span a:hover { text-decoration:none; border-bottom: none; } #desktop-header #navbar .cart { text-align:right; float:right; } #desktop-header #navbar .cart a { font-weight:400; } #desktop-header #navbar .mycart { text-align:right; color:#fff; font-size:12px; float:right; display:block; margin-bottom:20px; padding-left:20px; background:url('https://vivo.imgix.net/img/icon-shopping-bag.png?w=36&auto=format&fit=max') no-repeat left center; background-size:12px; } #desktop-header #navbar .mycart .number { background:#F00; color:#fff; border-radius:15px; font-size:12px; width:18px; text-align:center; height:18px; line-height:13px; display:inline-block; font-weight:600; } #desktop-header #navbar .btn-book { margin-left: 10px; font-weight:600; color:#fff; display:block; padding:4px 10px; text-transform:uppercase; font-size:12px; border:#fff solid 1px; float:right; margin-top:-3px; } #desktop-header #navbar .btn-book:hover { color:#000; background:#fff; border:#fff solid 1px!important; } #desktop-header #navbar .member_login { color:#fff; font-size:12px; margin-right:15px; float:right; background:url('https://vivo.imgix.net/img/icon-member-white.png?w=36&auto=format&fit=max') no-repeat left center; background-size:12px; padding-left:18px; } #desktop-header #navbar .watchlist { padding-left:20px; background:url('https://vivo.imgix.net/img/icon-watchlist-white.png?w=36&auto=format&fit=max') no-repeat left center; background-size:12px; } #desktop-header #navbar .mcenter { padding-left:20px; background:url('https://vivo.imgix.net/img/icon-member-white.png?w=36&auto=format&fit=max') no-repeat left center; background-size:12px; } #desktop-header #navbar .social_icon { width: 16px; margin-right: 10px; } #desktop-header #navbar .phone_icon { width: 14px; margin-right: 10px; } #desktop-header #navbar .phone { margin-right: 30px; font-size: 12px; color: #fff; line-height: 1; padding-top: -5px; } #desktop-header #navbar .socialbar { margin-top: -4px; float: right; } /* Shop Header */ #desktop-header #navbar.white { border-bottom:#000 solid 1px; } #desktop-header #navbar.white ul#desktop-menu li a { color:#000; } #desktop-header #navbar.white ul#desktop-menu li a.arrow { text-decoration:underline; } #desktop-header #navbar.white ul#desktop-menu li a.selected { text-decoration:underline; } #desktop-header #navbar.white ul#desktop-menu li a:hover { color:#7dbe31; text-decoration:underline; } #desktop-header #navbar.white .mycart { color:#000; background:url('https://vivo.imgix.net/img/icon-shopping-bag-black.png') no-repeat left center; background-size:12px; } #desktop-header #navbar.white .member_login { color:#000; font-size:12px; margin-right:15px; float:right; background:url('https://vivo.imgix.net/img/icon-member.png') no-repeat left center; background-size:12px; padding-left:18px; } #desktop-header #navbar.white .btn-book { color:#000; border:#000 solid 1px; } #desktop-header #navbar.white .btn-book:hover { color:#fff!important; background:#000; text-decoration:none!important; } #desktop-header #navbar.white .watchlist { padding-left:20px; background:url('https://vivo.imgix.net/img/icon-watchlist.png') no-repeat left center; background-size:12px; } #desktop-header #navbar.white .mcenter { padding-left:20px; background:url('https://vivo.imgix.net/img/icon-member.png') no-repeat left center; background-size:12px; } .bookonline { position:relative; } .bookonline .bookmenu { display: none; } .bookonline .bookmenu { position: absolute; left:10px; top: 25px; width: 184px; background: #000; z-index: 500; border:#fff solid 1px; } .bookonline .bookmenu a { color: #fff; display: block; padding-right: 10px; font-size:11px!important; text-transform: uppercase; float: none!important; padding: 5px 10px; text-align: right; } .bookonline .bookmenu a:hover { color: #000!important; background: #ddd; } .bookonline #bookmenu2 { top:27px; left:10px; } #desktop-shop-menu { padding: 0 0 0 0px; position:relative; clear:both; background: #373737; height: 46px; } #desktop-shop-menu ul { list-style:none; padding:0; margin:0 0 0 0; } #desktop-shop-menu ul li { position:relative; display:inline-block; margin-right: 14px; } #desktop-shop-menu ul li.sub { background: url('https://vivo.imgix.net/img/icon-arrowdown.png') no-repeat right center; background-size: 8px; padding-right: 12px;} #desktop-shop-menu ul li a { font-size:14px; color:#fff;display:block; padding:11px 0 14px 0; font-weight: 400; } #desktop-shop-menu ul li a.arrow { padding-right:23px; background:url('https://vivo.imgix.net/img/menu-arrow.png') no-repeat right center; background-size:10px 10px; } #desktop-shop-menu ul li a.selected { color:#7dbe31; background:url('https://vivo.imgix.net/img/menu-arrow-hover.png') no-repeat right center; background-size:10px 10px;} #desktop-shop-menu ul li:first-child a.selected { background:none; } #desktop-shop-menu ul li:last-child { margin-right: 0; } #desktop-shop-menu ul li.over { } #desktop-shop-menu .floatmenu { vertical-align: top; display:none; position:absolute; top:46px; left:-20px; background:#373737; padding:10px 10px 20px 20px; z-index:500; } #desktop-shop-menu #menu6 { width: 760px; } #desktop-shop-menu #menu6 .menucol1 { width: 360px; float: left; margin-right: 20px; } #desktop-shop-menu #menu6 .menucol1 ol li { float: left; display: block; width: 140px; } #desktop-shop-menu #menu6 .menucol2 { float: left; } #desktop-shop-menu .floatmenu .menucol { display:inline-block; float: left; margin-right:30px; width:150px; background: #373737; } #desktop-shop-menu .floatmenu .menucol h4 { color: #fff; text-align:left; font-size:14px; padding-bottom:5px; border-bottom:#999 solid 1px; margin-bottom:15px; margin-top:0; font-weight:700; } #desktop-shop-menu .floatmenu .menucol ol { list-style:none; margin:0; padding:0; } #desktop-shop-menu .floatmenu .menucol ol li { display: block; text-align:left; margin-right:0; margin:0; padding:0; } #desktop-shop-menu .floatmenu .menucol ol li a { color:#fff; font-size:13px; text-transform:none; font-weight:300; padding:5px 0!important; } #desktop-shop-menu .floatmenu .menucol ol li a:hover { text-decoration:underline; } #desktop-shop-menu .floatmenu .menucol ol li a.selected { color:#7dbe31; font-weight:600; } #desktop-shop-menu .floatmenu .menucol ol.special { margin-bottom:10px; } #desktop-shop-menu .floatmenu .menucol ol.special li a { font-weight:600; } #desktop-shop-menu .floatmenu .menucol .allbrand { color:#424242; font-size:14px; text-transform:underland; font-weight:600; padding:0!important; float:left; margin:15px 0 0 0; } #desktop-shop-menu .searchbox-tablet { z-index:700; position:absolute; right:0; top:0; left:0; background:#373737; padding-top:7px; height:46px; text-align:center; display:none; } #desktop-shop-menu .searchbox-tablet span { display:inline; color: #fff; } #desktop-shop-menu .searchbox-tablet .btn { width:20px; height:20px; margin:0px 10px 0 10px; display:inline-block; } #desktop-shop-menu .searchbox-tablet .textbox { display:inline; border:none; box-shadow:none; margin-bottom:0; display:inline-block; width:400px; height: auto; } #desktop-shop-menu .searchbox-tablet .close { font-size:13px; color: #fff; text-decoration: underline; } #desktop-shop-menu .searchbox-btn { position:absolute; right:0; top:0; padding-top:7px; height:51px; text-align:center; display:none; } #desktop-shop-menu .searchbox-btn img { height:20px; width:20px; margin:4px 10px 0 0; } #desktop-shop-menu .searchbox { position:absolute; right:0; top:0; width:274px; padding-top:7px; } #desktop-shop-menu .searchbox .box { width:300px; } #desktop-shop-menu .searchbox .textbox { border:none; box-shadow:none; margin-bottom:0; float:left; width:222px; padding-top: 8px; padding-bottom: 8px; height: auto; } #desktop-shop-menu .searchbox .textbox:focus { background:#fff; } #desktop-shop-menu .searchbox .btn { width:20px; height:20px; margin:8px 20px 0 10px; padding:0; float:right; } #desktop-header .text { position:absolute; left:5%; top:200px; width:100%; color:#fff; } #desktop-header .text h1 { font-weight:300; text-transform:uppercase; color:#fff; font-size:64px; line-height:46px; margin-bottom:30px; letter-spacing:3px; } #desktop-header .text h1 span { font-weight:300; display:block; font-size:26px; } #desktop-header .text h2 { } #desktop-header .text h2 span { font-weight:300; display:block; font-size:26px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:3px; } #desktop-header .text .bantitle { font-weight:300; text-transform:uppercase; color:#fff; font-size:64px; line-height:46px; margin-bottom:30px; letter-spacing:3px; } #desktop-header .black { color:#000!important; } #desktop-header .black h1 { color:#000!important; } #desktop-header .black h2 span { color:#000!important; } #desktop-header .black .bantitle { color:#000!important; } #desktop-header .black .banner_button { border:#000 solid 2px; color:#000!important; } #desktop-header .banner_button { display:inline-block; padding:8px 20px; border:#fff solid 2px; color:#fff; font-weight:600; letter-spacing:3px; } #desktop-header .storename { width:100%; top:50%; text-align:center; position:absolute; } #desktop-header .storename h1 { display:inline-block; padding:10px 20px; color:#fff; font-size:34px; border:#fff solid 3px; } #home #desktop-header #tablet-menu { margin-top:20px; } #desktop-header #tablet-menu .tool { float: right; } #desktop-header #tablet-menu .tool .social_icon { width: 26px; margin-left: 10px; } #desktop-header #tablet-menu .tool .phone_icon { width: 20px; margin-right: 10px; } #desktop-header #tablet-menu .tool .phone { margin-left: 10px; color: #fff; } #desktop-header #tablet-menu .tool .btn-book { margin-top: 0!important; } #desktop-header #tablet-div { width:100%; padding-top:23px; text-align:center; clear:both; } #desktop-header #tablet-menu { display:none; margin-top:0px; } #desktop-header #tablet-menu .btn-book { float:right; margin-right:18px; } #desktop-header #tablet-menu ul { list-style:none; margin:0; padding:0; text-align:center; } #desktop-header #tablet-menu li { display:inline-block; padding-right:10px; position:relative; } #desktop-header #tablet-menu li:last-child { padding-left:0; padding-right: 0; } #desktop-header #tablet-menu li a { color:#fff!important; font-size:15px; font-weight:400; } #desktop-header #tablet-menu li a.selected { color:#7dbe31; } #desktop-header #tablet-menu li a.arrow { font-weight:600; padding-bottom:10px; } #desktop-header #tablet-menu li span { font-weight:600; background:#7dbe31; position:absolute; display:block; padding:3px 5px; color:#fff; font-size:11px; top:35px; } #desktop-header #tablet-menu li span:after { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #7dbe31 transparent; display: block; width: 0; z-index: 1; top: -8px; left: 50%; margin-left:-8px; } #desktop-header #navbar a.selected { border-bottom:#fff solid 1px; } #desktop-header #navbar ul li a:hover { color:#fff; border-bottom:#fff solid 1px; } #shop #desktop-header #tablet-menu li a { color:#fff; padding-bottom:6px; } #shop .none1 { height:110px; } #mobile-header { background:#000; display:none; padding:0 0 0 0; height: 60px; } #mobile-header #mobile-wrapper { overflow:hidden; clear:both; margin-top:20px; } /* #mobile-header #mobile-menu { padding:20px 15px 0 15px; text-align:center; } #mobile-header #mobile-menu ul { list-style:none; margin:0; padding:0; line-height:14px; } #mobile-header #mobile-menu ul:after { content: ''; display: inline-block; width: 100%; } #mobile-header #mobile-menu li { display:block; display:inline-block; padding:0 6px; } #mobile-header #mobile-menu li a { color:#fff; font-size:13px; padding-bottom:10px; display:block; font-weight:400; text-transform:uppercase; } /*#mobile-header #mobile-menu li a.selected, #mobile-header #mobile-menu ul li a:hover { border-bottom:#fff solid 3px; } */ /* #mobile-header #mobile-menu li a.arrow { font-weight:600; padding-bottom:10px; background:url(../img/arrow-nav.png) no-repeat center bottom; } #mobile-header .btn-book { margin-right:15px; margin-top:10px; font-weight:400; color:#fff; display:block; padding:5px 8px; text-transform:uppercase; font-size:12px; border:#fff solid 1px; float:right; } #mobile-header .btn-book:hover { color:#000; background:#fff; } #mobile-header .mycart { float:right; margin-right:15px; margin-top:4px;} #mobile-header .mycart img { width:26px; margin-top:3px; } */ #mobile-header .col1 { text-align: center; border-right:#2a2a2a solid 1px; padding: 12px 10px; } #mobile-header .col1 img { width: 30px; margin: 5px 0; } #mobile-header .col2 { text-align: center; } #mobile-header .col2 img { display: inline-block; height: 40px; margin: 10px 0 0 0; } #mobile-header .col3 { text-align: center; } #mobile-header .col3 img { width: 36px; margin: 12px 0; } #mobile-banner { position:relative; margin-bottom:15px; display:none; height:300px; overflow:hidden; } #mobile-banner .link { position:absolute; top:0; left:0; bottom:0; right:0; z-index:500; } #mobile-banner .text { background:url('https://vivo.imgix.net/img/overlay-black-56.png'); padding:20px; position:absolute; left:0; right:0; bottom:0; width:100%; color:#fff; } #mobile-banner .text h1 { font-weight:300; text-transform:uppercase; color:#fff; font-size:40px; line-height:36px; margin:0; padding:0; letter-spacing:3px; } #mobile-banner .text h1 span { font-weight:300; display:block; font-size:18px; line-height:28px; } #mobile-banner .text h2 { font-weight:300; text-transform:uppercase; color:#fff; font-size:40px; line-height:36px; margin:0; padding:0; letter-spacing:3px; } #mobile-banner .text h2 span { font-weight:300; display:block; font-size:18px; line-height:28px; } #mobile-banner .black { background:url('https://vivo.imgix.net/img/overlay-white-56.png'); color:#000!important; } #mobile-banner .black h1 { color:#000!important; } #mobile-banner .black h2 { color:#000!important; } #mobile-adv { display:none; } #mobile-adv .freeshipping { background:#ddd; text-align:center; font-weight:600; margin-bottom:10px; padding:10px 10px 10px 10px; font-size:14px; } #mobile-adv .freeshipping img { width:20px; margin-right:10px; } #mobile-adv .freeshipping a { color:#000; display:block; } #footer { padding: 60px 0 30px 0; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; } #footer h4 { font-size:14px; font-weight:500; padding-left:25px; background:url('https://vivo.imgix.net/img/leaf.png') no-repeat left center; background-size:10px 17px; } #footer ul { list-style:none; padding:0; margin:0 0 30px 25px; } #footer ul li { margin-bottom:4px; line-height:18px; } #footer ul li a { font-size:14px; color:#333; } #copyright { padding:56px 0; text-align:center; } #copyright .column { font-size:13px; } #copyright .column a { color:#333; text-decoration:none; } #footer .security_logo { text-align: center; } .section { padding:45px 0 45px 0; } .section h2 { text-align:center; font-size:19px; margin:0 15px 40px 15px; } .section h2.line { background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center center; } .section h2 span { display:inline-block; padding:0 20px; background:#fff; font-size:18px; color:#444; font-weight:500; text-transform:uppercase; } .section .viewall { text-align:center; } .section .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:74px auto 0 auto; display:inline-block; color:#000; font-weight:600; } .package-list .item { margin:0 15px; position:relative; border:#ccc solid 1px; } .package-list .item .pic{ position:relative; } .package-list .item .img { width:100%; } .package-list .item .discount { color:#fff; font-size:13px; font-weight:600; position:absolute; left:0; bottom:0; display:block; padding:5px 10px; background:url(../img/overlay-black-56.png) repeat-x center top; } .package-list .item .discount img { width:16px; float:left; margin-right:10px; } .package-list .item .addcart_success { display:block; clear:both; padding-top:10px; font-size:13px; display:none; text-align:left; } .package-list .item .addcart_success img { float:left; margin-right:10px; width:21px; } .package-list .item .box { padding:20px 20px 20px 20px; } .package-list .item .box h3 { font-size:15px; font-weight:600; color:#444; line-height:18px; } .package-list .item .box h4 { font-size:13px; color:#7dbe31; margin:0 0 5px 0; } .package-list .item .box .desc { font-size:14px; color:#444; } .package-list .item .box .desc li { font-size:14px; color:#444; line-height:16px; font-weight:300; margin-bottom:3px; } .package-list .item .box .desc p { font-size:13px; margin:0 0 0px 0; background:url('https://vivo.imgix.net/img/bullet.png') no-repeat left 8px; background-size:6px 6px; padding-left:15px; } .package-list .item .box .pricebox { margin-top:20px; } .package-list .item .box .pricebox .price { float:left; font-size:12px; color:#444; } .package-list .item .box .pricebox .price span { display:block; font-size:20px; font-weight:600; line-height:13px; } .package-list .item .box .pricebox .buy { float:right; margin-top:7px; } .package-list .item .box .pricebox .buy a { background:#7dbe31; color:#fff; padding:8px 15px; border-radius:20px; font-size:15px; font-weight:600; } .package-list .item .box .pricebox .buy a.purchased { background:#ff9c00; } .package-list .item .box .warning { color:#C60000; font-size:12px; margin-bottom:2px; font-weight:600; } .package-list .slick-prev { background:url('https://vivo.imgix.net/img/arrow-left.png') no-repeat center top; width:66px; height:106px; left:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; } .package-list .slick-next { background:url('https://vivo.imgix.net/img/arrow-right.png') no-repeat center top; width:66px; height:106px; right:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; } .package-list .item .option { display:none; text-align:center; padding:70px 30px 0 30px; background:url('https://vivo.imgix.net/img/overlay-white-78.png'); position:absolute; border:#000 solid 2px; top:0; bottom:0; left:0; right:0; } .package-list .item .option label { font-weight:600; margin-bottom:20px; font-size:18px; color:#222; } .package-list .item .option .listbox { border:#000 solid 2px; } .package-list .viewall { text-align:center; } .package-list .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; } .product-list .item { position:relative; } .product-list .item .label_onsale { display: block; position: absolute; left:10px; top: 10px; background: #d00003; color: #fff; font-size: 14px; padding: 2px 8px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-weight: 400; } .product-list .item .like { position:absolute; top:10px; right:10px; display:block; } .product-list .item .like img { width:29px; height:26px; } .product-list .item .img { margin:46px 0 30px 0px; width:70%; display:inline-block; } .product-list .item h3 { height:100px; overflow:hidden; text-align:center; font-weight:500; font-size:18px; margin:0 20px; color:#444; line-height:24px; } .product-list .item h3 span { font-weight:300; display:block; margin-bottom:4px; font-size:16px; } .product-list .item .price { text-align:center; font-weight:600; } .product-list .item .price .cross { color:#ccc; text-decoration:line-through; } .product-list .item .price .cross1 { color:#ccc; } .product-list .item .price .special { margin-left:20px; color:#7dbe31; font-weight:600; } .product-list .item .price .normal { color:#7dbe31; font-weight:600; } /*.product-list .item .addcart_wrapper { margin:0 20px; } .product-list .item .addcart { background: #7dbe31; padding:10px 50px; width: 100%; margin:0; } .product-list .item .addcart:before { font-family:FontAwesome; content:"\f07a"; }*/ .product-list .item .addcart_wrapper { margin:0 20px; text-align: center; } .product-list .item .addcart { background: #fff; color: #9a9a9a; font-size: 14px; border:#888 solid 1px; display: inline-block; padding:6px 40px 6px 20px; margin:0; } .product-list .item .addcart:before { font-family:FontAwesome; content:"\f07a"; } .product-list .slick-prev { background:url('https://vivo.imgix.net/img/arrow-left.png') no-repeat center top; width:66px; height:106px; left:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; } .product-list .slick-next { background:url('https://vivo.imgix.net/img/arrow-right.png') no-repeat center top; width:66px; height:106px; right:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; } .product-list .viewall { text-align:center; } .product-list .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; } .product-list .fast_shipping { color: #7dbe31; font-size: 12px; font-weight: bold; background: url('https://vivo.imgix.net/img/icon-24hour.png') no-repeat right center; background-size: 30px; padding-right: 40px; } .product-list .fast_space { height: 26px; display: block;} .product-list .notfound { text-align:center; padding:30px; border:#000 solid 1px; } .product-list .notfound h3 { color:#7dbe31; font-size:20px; text-transform:uppercase; } .loading_icon { text-align: center; display: none; } .loading_icon img { width: 40px; } #shop .total_record { font-size:13px; color:#666; } #shop .oxipay_text { font-size: 13px; text-align: center; padding: 20px 0; color: #666; } #preezie_section { background:#ecf2e3; padding-top: 68px; padding-bottom: 68px; margin-bottom: 40px; } #preezie_section h3 { font-size: 24px; font-weight: 500; } #preezie_section .btn_finder { display: inline-block; color: #fff; padding: 8px 20px 8px 46px; font-size: 20px; margin-top: 15px; background:url('/img/icon-wizard.png') #8fc448 no-repeat left 16px center; background-size: 22px; } #preezie_section .btn_finder:hover { background-color: #7cae38; } #preezie-widget { } #home #text_banner { margin:50px 0 30px 0; } #home #text_banner a { border:#000 solid 2px; display:block; padding:10px; color:#000; font-size:22px; text-align:center; } #home #text_banner a:hover { background:#000; color:#fff; } #home .product-list .item { margin:0 15px; border:#ccc solid 1px; text-align:center; } #home #tumblr { padding-bottom:60px; } #home #tumblr .thmblrtext { text-align:center; padding-bottom:70px; font-size:17px; } #home #tumblr .tumblr_img { } #home #tumblr ul { margin:0; padding:0; } #home #tumblr ul li { padding:0; position:relative; } #home #tumblr ul li img { width:100%; } #home #tumblr ul li .hover { display:none; padding:50px 42px; position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://vivo.imgix.net/img/overlay-black-56.png'); } #home #tumblr ul li .hover .box { border:#fff solid 2px; height:100%; padding:0 15px; } #home #tumblr ul li .hover .box h3 { position:relative; top:50%; transform:translateY(-50%); text-align:center; font-weight:500; color:#fff; font-size:20px; line-height:20px; } #home #tumblr .zoom-effect-container { position: relative; width:100%; overflow: hidden; background-color: black; } #home #tumblr .image-card { position: absolute; top: 0; left: 0; } #home #tumblr .image-card img { -webkit-transition: 0.4s ease; transition: 0.4s ease; } #home #tumblr .zoom-effect-container:hover .image-card img { -webkit-transform: scale(1.08); transform: scale(1.08); } #home .social { background:#000; padding:60px 0; } #home .social .column { text-align:center; } #home .social .column h4 { font-weight:300; font-size:25px; margin-bottom:68px; color:#fff; } #home .social .column img { margin:0 12px; width:56px; height:56px; } #home .oxipay { text-align: center; margin-top: 30px; } /* Page */ .nopage { margin-top:40px; text-align:center; text-transform:uppercase; } .nopage h1 {font-weight:500; font-size:34px; margin-bottom:20px; } #page #page-content { padding:90px 0 60px 0; } #page #page-content .main { border-left:#000 solid 2px; padding-left:60px; } #page #page-content .side { padding-top:15px; } #page #page-content .side h3 { text-transform:uppercase; font-size:21px; font-weight:500; margin:0 0 10px 0; } #page #page-content .side ul { list-style:none; margin:0 0 38px 0; padding:0; } #page #page-content .side ul li { margin-bottom:10px; } #page #page-content .side ul li a { color:#000; } #page #page-content .side ul li a:hover { color:#7dbe31; } #page #page-content .side ul li a.selected { color:#7dbe31; font-weight:300; } #page #page-content .main h1 { font-weight:500; font-size:34px; margin-bottom:5px; } #page #page-content .main .path { margin-bottom:45px; font-size:13px; color: #999; } #page #page-content .main .path a { color:#999; } #page #page-content .main h2 { color:#444; font-size:21px; margin-bottom:26px; font-weight:500; } #page #page-content .changestore { border:#ffc000 solid 1px; padding:15px; font-size:14px; margin-bottom:30px; background:#fff2ca; font-weight:600; color:#000; } #page #page-content .changestore a { text-decoration:underline; color:#000; } #page #page-content ul li { font-weight:400; margin-bottom: 15px; } #page #page-content button.processing { background:#999!important; } #page .package-list .img { width:100%; border:#ccc solid 1px; border-bottom:none; } #page .package-list .box { padding:20px; border:#ccc solid 1px; border-top:none; } #page .package-list .box h3 { font-size:15px; font-weight:600; color:#444; line-height:18px; } #page .package-list .box h4 { font-size:13px; color:#7dbe31; margin:0 0 5px 0; } #page .package-list .box .desc { font-size:14px; color:#444; } #page .package-list .pic { position:relative; } #page .package-list .pic .discount { color:#fff; font-size:13px; font-weight:600; position:absolute; left:0; bottom:0; display:block; padding:5px 10px; background:url(../img/overlay-black-56.png) repeat-x center top; } #page .package-list .pic .discount img { width:16px; float:left; margin-right:10px; } #page .package-list .box .pricebox { margin-top:20px; } #page .package-list .box .pricebox .price { float:left; font-size:12px; color:#444; } #page .package-list .box .pricebox .price span { display:block; font-size:20px; font-weight:600; line-height:13px; } #page .package-list .box .pricebox .buy { float:right; margin-top:7px; } #page .package-list .box .pricebox .buy a { background:#7dbe31; color:#fff; padding:8px 15px; border-radius:20px; font-size:15px; font-weight:600; } #page .package-list .box .pricebox .buy a.purchased { background:#ff9c00; } #page .package-list .box .pricebox .oxipay { font-size: 11px; display: block; clear: both; padding-top: 5px; } #page .package-list .box .desc p { font-size:13px; margin:0 0 0px 0; background:url('https://vivo.imgix.net/img/bullet.png') no-repeat left 8px; background-size:6px 6px; padding-left:15px; } #page .package-list .box .warning { color:#C60000; font-size:12px; margin-bottom:2px; font-weight:600; } #page .package-list .addcart_success { display:block; clear:both; padding-top:10px; font-size:13px; display:none; } #page .package-list .addcart_success img { float:left; margin-right:10px; width:21px; } /* Career */ #page #page-content .career { margin-top:50px; } #page #page-content .career .item { margin-bottom:45px; padding:20px 30px; border:#ddd solid 1px; margin-bottom:30px; } #page #page-content .career h2 { color:#000; font-size:30px; margin-bottom:26px; font-weight:500; } #page #page-content .career .location { font-size:14px; margin-bottom:0; } #page #page-content .career h3 { font-size:20px; font-weight:300; } #page #page-content .career .detail { color:#454343; font-size:14px; padding-top:10px; border-top:#ddd solid 1px; margin-top:10px; } #page #page-content .career .detail p { font-size:14px; } #page #page-content .career .apply { margin-top:20px; margin-bottom:10px; } #page #page-content .career .apply a { background:#7dbe31; display:inline-block; padding:10px 15px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:600; } #page #page-content .career-form { position:relative; padding-top:20px; border-top:#ddd solid 1px; } #page #page-content .career-form .filebox { border:#ccc solid 1px; padding:8px; } #page #page-content .career-form button { background:#7dbe31; display:inline-block; padding:10px 15px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:600; font-weight:500; } #page #page-content .career-form .close { position:absolute; right:0; bottom:20px; font-size:24px; display:block; color:#ccc; } #page #page-content .career .response-success { background:#f9ffd9; border:#7dbe31 solid 1px; padding:20px 15px; font-weight:300; display:none; } #page #page-content .career .textarea { height: 80px; } #page #page-content .career label span { color:#cc0000; } #page #page-content #returnform { padding-top: 0; } #page #page-content #returnform label { margin-top: 20px; } #page #page-content #returnform .textbox { margin-bottom: 0; } #page #page-content #returnform .listbox { margin-bottom: 0; } #page #page-content #returnform .error { color: #cc0000; background:#fde4e4; padding:2px 5px; font-size: 13px; display: none; text-shadow: #fff 1px 1px 0px; } .newclient h1 { font-size: 30px; } .newclient .path { margin-bottom:35px; font-size:13px; color: #999; } .newclient .path a { color:#999; } .newclient .desc { font-size: 16px; } .newclient .textbox { border:#000 solid 2px; box-shadow: none; padding: 12px; height: auto; } .newclient .listbox { border:#000 solid 2px; box-shadow: none; padding: 12px; height: auto; background: #fff; color: #000; } .newclient .button { background:#7dbe31; color: #fff; padding-top: 10px; padding-bottom: 10px; } .newclient input::placeholder { color: #000; opacity: 1; } .newclient input:-ms-input-placeholder { color: #000; } .newclient input::-ms-input-placeholder { color: #000; } .newclient .package { margin-top: 40px; border-top: #ccc solid 1px; } .newclient .package h2 { text-align: center; font-size:38px; font-family: 'Raleway'; margin-bottom: 20px; margin-top: 50px; font-weight: 400px; } .newclient .package p { text-align: center; font-size: 18px; margin-bottom: 30px; } .newclient .req { background:#ffdfdf; } .newclient .success { background: #eeffd9; display: none; padding: 25px; color: #000; } .newclient .loading { width: 30px; display: none; } #location1 { } #location1 #map_canvas { width: 70%; position: absolute; left: 0; top:110px; bottom:0; } #location1 #side_panel { width: 30%; position: absolute; right: 0; top:110px; bottom:0; background: #fff; font-weight: 400; overflow: auto } #location1 #side_panel .section1 { padding: 30px 40px 30px 40px; } #location1 #side_panel h1 { font-size: 36px; } #location1 #side_panel .textbox { border:#000 solid 2px; } #location1 #side_panel .textbox .columns { padding: 0; } #location1 #side_panel .textbox input { border: none; box-shadow: none; margin: 0; font-size:16px; } #location1 #side_panel .textbox button { padding: 10px 5px; margin: 0; width: 100%; background:#7dbe31; } #location1 #side_panel input::placeholder { color: #000; opacity: 1; } #location1 #side_panel input:-ms-input-placeholder { color: #000; } #location1 #side_panel input::-ms-input-placeholder { color: #000; } #location1 #side_panel .line { margin: 0 40px; background:url('https://vivo.imgix.net/img/line-grey-1px.png') repeat-x center center; display: block; text-align: center;} #location1 #side_panel .line span { display: inline-block; padding: 0 20px;background: #fff; font-style: italic; } #location1 #side_panel .section2 { padding: 30px 40px 0px 40px; } #location1 #side_panel .listbox { border:#000 solid 2px; margin-bottom: 20px; } #location1 #side_panel .listbox select { border:none; margin-bottom: 0; font-size:16px; background: #fff; color: #000; } #location1 #side_panel .listbox option { padding-top: 5px; padding-bottom: 5px; color: #000; } #location1 #side_panel .list { padding-left: 40px; padding-right: 40px; } #location1 #side_panel .list .item { background:url('https://vivo.imgix.net/img/icon-arrow-right.png') no-repeat right center; background-size: 10px; padding-right: 20px; padding-top: 28px; padding-bottom: 28px; border-bottom: #ccc dotted 2px; overflow: auto; display: block; cursor: pointer; } #location1 #side_panel .list .item img { width: 60px; float: left; margin-right: 15px; float: left; } #location1 #side_panel .list .item h3 { font-size: 18px; margin: 0 0 5px 0; line-height: 1; } #location1 #side_panel .list .item .info { float: left; width: 70%; } #location1 #side_panel .list .item a { color: #000; } #location1 #side_panel .list .item .phone { font-weight:normal; font-size: 13px; background: url('https://vivo.imgix.net/img/icon-lphone.png') no-repeat left center; padding-left: 18px; display: inline-block; background-size: 12px; margin-right: 10px; } #location1 #side_panel .list .item .email { font-size: 13px; background: url('https://vivo.imgix.net/img/icon-lemail.png') no-repeat left center; padding-left: 18px; display: inline-block; background-size: 12px; } #location1 #side_panel .list .item .address { margin-top: 5px; font-size: 13px; margin-bottom: 0; } #location1 #side_panel .noresult { font-size: 15px; font-weight: 600; padding: 20px; border:#000 solid 1px; margin-top: 30px; } #location1 #side_panel #loading { text-align: center; margin-top: 30px; display: none; } #location1 #side_panel #loading img { width: 40px; } #location_detail #map_canvas { height: 385px; width: 100%; margin-bottom: 75px; } #location_detail h1 { font-size: 40px; font-weight: 600; margin-bottom: 13px; } #location_detail .new { background: url('https://vivo.imgix.net/img/icon-new.png') no-repeat left center; padding: 20px 0 20px 60px; margin-bottom: 20px; } #location_detail .box { background:#e9e9e9; padding:26px; margin-bottom: 38px; overflow: auto; } #location_detail .box h2 { font-size: 23px; margin-bottom: 18px; } #location_detail .box a { color: #000; } #location_detail .box .phone { margin-bottom: 0;text-decoration: underline; } #location_detail .box .email { text-decoration: underline; } #location_detail .box .service { font-weight: 600; } #location_detail .box ul { list-style: none; margin:0; padding: 0; } #location_detail .box ul li { width: 50%; float: left; margin-bottom: 4px; } #location_detail .box ul li:nth-child(even) { text-align: right; } .infowindow h4 { font-size: 16px; font-weight: 600; margin-bottom: 4px; } .infowindow p { font-size: 13px; margin-bottom: 0; } /* Calculator */ .worth hr { height: 5px; background: #dbdbdb; border: none; } .worth .fright { text-align: right; } .worth .bold { padding-bottom: 16px; } .worth .padding { margin-top: 7px; display: block; } .worth .contactbox { padding: 26px; background: #f1f1f1; } .worth .contactbox button { background: #7dbe31; margin-bottom: 0; } .worth .tbox { text-align: right; } #page .service-list { padding-bottom:20px; } #page .service-list h5 { text-transform:uppercase; margin-bottom:20px; } #page .service-list label { font-size:16px; font-weight:600; margin:0px; } #page .service-list label input { margin:0 10px 0 0; } #page .service-list p { font-size:13px; padding-left:28px; margin:0 0 10px 0; } .package_discount { margin-bottom:30px; } .package_discount h5 { text-transform:uppercase; margin-bottom:20px; } .package_discount label { font-size:16px; font-weight:600; margin:0 0 5px 0; } .package_discount label input { margin:0 10px 0 0; } .package_discount img { width:100%; margin-bottom:5px; } .btn-add-cart { display:block; background:#7dbe31; color:#fff; text-align:center; font-weight:600; padding:10px 0; font-size:14px; margin-bottom:15px; } .btn-add-cart:hover { color:#fff; } .btn-ignore { display:block; background:#aaa!important; color:#fff!important; text-align:center; font-weight:600!important; padding:10px 0!important; font-size:14px!important; position:relative!important; line-height:inherit!important; top:0!important; right:0!important; } /* Collection */ #collection .welcome { padding-top:60px; padding-bottom:15px; } #collection .welcome h1 { text-align:center; font-weight:500; font-size:42px; margin-bottom:30px; text-transform:uppercase; } #collection .welcome .path { margin-bottom:0px; text-align:center; font-size:13px; color:#999; } #collection .welcome .path a { color:#999; } #collection .welcome .path strong { color:#000; } #collection .section h2 { margin-bottom:25px; } #collection .section li .box { } #collection .section li .box a { display:block; position:relative; } #collection .section li img { width:100%; } #collection .section li h3 { position:absolute; bottom:0; left:0; margin:0; width:100%; font-size:18px; display:block; padding:40px 18px 18px 18px; color:#fff; font-weight:500; background:url(../img/collection-shade.png) repeat-x center bottom; } .collection-list { margin-top:60px; } .collection-list .row { margin-bottom:70px; } .collection-list .pic { width:100%; } .collection-list h2 { font-size:30px; font-weight:300; margin:0 0 30px 0; } .collection-list h3 { color:#7dbe31; font-size:18px; font-weight:300; font-style:italic; margin:0 0 12px 0; } .collection-list .instruction ul { list-style:none; margin:0; padding:0; } .collection-list .instruction ul li { font-size:14px; } .collection-list .products { margin-top:30px; } .collection-list .products .img { float:left; width:95px; height:95px; border:#ccc solid 1px; overflow:hidden; margin-right:12px; } .collection-list .products .img img { height:95px; } .collection-list .products .brand { color:#000; font-size:12px; font-weight:300; display:block; } .collection-list .products .title { font-size:14px; color:#000; font-weight:600; display:block; letter-spacing:0px; line-height:17px; margin-bottom:10px; } .collection-list .products .price { color:#000; font-size:14px; font-weight:300; } /* Store */ .store-list h3 { font-size:21px; margin-bottom:30px; } .store-list .top { color:#3c3c3c; font-weight:600; margin-bottom:12px; display:block; } .store-list .sub { display:none; } .store-list .show { display:block; } .store-list ul li { margin-bottom:0px!important; } .store-list ul li a { font-size:14px; } .store-list ul li a.selected { color:#7dbe31!important; } .store-content { border-left:#000 solid 2px; padding-left:60px; } .store-content .breadcrumb { font-size: 13px; color: #999; } .store-content .breadcrumb a { color: #999;} .store-content h1 { text-align:center; font-size:34px; display:none; margin-bottom:25px; text-transform:uppercase; font-weight:500; } .store-content p.bold { text-transform:uppercase; font-weight:600; } .store-content p.bold a {text-decoration:underline; } .store-content .row1 { margin-bottom:30px; } .store-content .row1 .columns .box { background:#ececec; padding:20px; height:100%; } .store-content .row1 .columns h4 { font-size:16px; margin:0 0 15px 0; color:#3c3c3c; } .store-content .row1 .columns p { font-size:14px; margin-bottom:0px; } .store-content .row1 .columns p.service { font-size:14px; margin-bottom:0px; margin-top:20px; font-weight:600 } .store-content .row1 .columns ul { list-style:none; margin:0; padding:0; } .store-content .row1 .columns ul li { float:left; font-size:13px; } .store-content .row1 .columns ul li.line0 { width:40%; } .store-content .row1 .columns ul li.line1 { width:60%; } .store-content .row1 .col1 { padding-left:0; } .store-content .row1 .col2 { padding-right:0; } .store-content h3 { color:#3c3c3c; font-size:18px; margin-bottom:20px; font-weight:500; } .store-content #map_canvas { height:400px; width:100%; margin-bottom:30px;} .store-content .anchor { border:#ffc000 solid 1px; padding:15px; font-size:14px; margin-bottom:30px; background:#fff2ca; display:none; font-weight:600; color:#000; } .store-content .anchor a { text-decoration:underline; color:#000; } .store-content .streetview iframe { width: 100%; height: 400px; } .store-content .streetview { margin-bottom: 30px; } /* Package */ #shop .package-list { margin-bottom:60px; } #shop .package-list .item { margin:0; } #shop .package-list .filter { font-size:13px; } #shop .package-list .filter span { font-size:13px; } #shop .package-list .filter select { width:180px; } #shop .package-list .filter .sort { text-align:right; } #shop .package-list .filter .columns { padding-left:0; padding-right:0; } #shop .package-list ul li ul { list-style:disc; } #shop .package { padding-top:55px; text-align:center; padding-bottom:18px; } #shop .package h1 { font-weight:500; font-size:34px; margin-bottom:10px; text-transform:uppercase; } #shop .package .path { margin-bottom:30px; color: #999; font-size:13px; } #shop .package .path a { color:#999; } #shop .package select { border:#000 solid 3px; width:320px; padding:10px; height:auto;} #shop .package h1.mobile { display:none; } #shop .package h1.mobile a { color:#000; } #shop .brand-list li { text-align:center; padding-bottom:6px; } #shop .brand-list li a { color:#000; } #shop .brand-list li a:hover { color:#7dbe31; text-decoration:underline; } #branchModal .close { font-size:24px!important; } #branchModal .desc { font-size:13px; } #branchModal #map_canvas { height:300px; width:100%; } #branchModal .dontknow { color:#999; font-size:13px; text-decoration:underline; } #menu .bold { font-weight:700; } #menu a { font-weight:400; } #shop .submenu { text-align:center; padding-bottom:30px; } #shop .submenu ul { list-style:none; margin:0; padding:0; } #shop .submenu ul li { display:inline-block; margin:0 0px 15px 0px; } #shop .submenu ul li a { margin:0; } #shop .submenu ul li a.selected { color:#333; text-decoration:underline; } #shop .submenu ul li span { margin:0 10px 0 15px; } /* Product-List */ #shop .product-list { margin-bottom:60px; padding-bottom: 5px; } #shop .product-list .item { border:#ccc solid 1px; margin:0; position:relative; padding-bottom:15px; text-align:center; } #shop .product-list .filter { font-size:13px; } #shop .product-list .filter span { font-size:13px; } #shop .product-list .filter select { width:180px; } #shop .product-list .filter .sort { text-align:right; } #shop .product-list .filter .columns { padding-left:0; padding-right:0; } #shop .loading { width:50px; display:none; } #shop .special-desc { margin-bottom:30px; } #shop #mobile-filter { display:none; } #shop #mobile-filter .submenu { text-align:center; } #shop #mobile-filter .submenu select { width:100%; } #shop #mobile-filter h4 { font-size:18px; margin-bottom:10px; } /* Product Detail */ .product-detail { margin:90px 0 130px 0; } .product-detail .breadcrumb { font-size: 13px; color: #999; } .product-detail .breadcrumb a { color: #999;} .product-detail .gallery { text-align:center; } .product-detail .gallery img { width:100%; } .product-detail h1 { font-size:25px; font-weight:500; } .product-detail h1 span { display:block; font-size:16px; text-transform:uppercase; } .product-detail h1 span a { color:#666; } .product-detail .path { font-size:14px; } .product-detail .path a { color:#000; } .product-detail .btn-watchlist { margin:45px 0 12px 0; background:url('https://vivo.imgix.net/img/btn-wishlist.gif') no-repeat left center; display:block; float:right; color:#2b2b2b; padding-left:40px; font-size:16px; font-weight:600; } .product-detail .btn-watchlist-added { margin:45px 0 12px 0; background:url('https://vivo.imgix.net/img/btn-watchlist-add.png') no-repeat left center; background-size:20px 20px; display:block; float:right; color:#2b2b2b; padding-left:32px; font-size:16px; font-weight:600; } .product-detail .pricebox { clear:both; padding:25px 0 25px 0; border-top:#000 solid 2px; border-bottom:#000 solid 2px; overflow:auto; height:100%; } .product-detail .pricebox .left { font-size:19px; font-weight:700; line-height:19px; } .product-detail .pricebox .left span { display:block; color:#8d8d8d; font-size:14px; margin-top:0px; font-weight:300; } .product-detail .pricebox .right { font-size:37px; font-weight:600; line-height:37px; text-align: right; } .product-detail .pricebox .right span { margin-right:20px; color:#828282; font-size:21px; text-decoration:line-through; font-weight:500; } .product-detail .pricebox .oxipay { font-size: 12px; margin: 8px 0; } .product-detail .options { padding:47px 0; border-bottom:#c4c4c4 solid 2px; } .product-detail .options .item { margin-bottom:16px; overflow:auto; height:100%; } .product-detail .options .checkbox { width:29px; height:29px; background:url('https://vivo.imgix.net/img/checkbox.gif') no-repeat center top; display:block; margin-right:25px; float:left; margin-top:24px; } .product-detail .options .checkbox.selected { background-image:url('https://vivo.imgix.net/img/checkbox-tick.gif'); } .product-detail .options .pic { width:78px; height:78px; border:#c0c0c0 solid 1px; text-align:center; display:block; overflow:hidden; } .product-detail .options .pic table { border:none; padding:0; margin:0; } .product-detail .options .pic td { width:76px; height:73px; text-align:center; vertical-align:middle; border:none; padding:0; } .product-detail .options .pic img { width:70px; height:70px; } .product-detail .options .info { } .product-detail .options .title { margin:0 0 6px 0; font-size:16px; font-weight:300; } .product-detail .options .price { color:#7dbe31; font-size:22px; margin:0; } .product-detail .options .price span { color:#888; font-size:16px; margin-right:8px; text-decoration:line-through; } .product-detail .outofstock { color: #d01134; } .product-detail .notify { display: block;text-align: right; } .product-detail .notify label { margin-bottom: 6px; } .product-detail #notify_success { background:#dff0d9; display: none; padding: 4px 10px; color:#000; font-size:13px; border-radius: 4px; } .product-detail #notify_warning { background:#f2dede; display: none; padding: 4px 10px; color:#000; font-size:13px; border-radius: 4px; } .product-detail .rating { font-size: 13px; color: #999; } .product-detail .rating .star { width: 18px; vertical-align: sub; } .product-detail .cartbox { padding-top:50px; } .product-detail .cartbox .col1 { padding-left:0; } .product-detail .cartbox .col2 { padding-right:0; } .product-detail .cartbox .tick { color:#7dbe31; font-size:16px; font-weight:600; line-height:22px; } .product-detail .cartbox .tick span.fast_shipping { padding-right: 46px; background: url('https://vivo.imgix.net/img/icon-24hour.png') no-repeat right center; background-size: 36px; } .product-detail .cartbox .tick span.free_shipping { display:block; color:#000; font-size:14px; letter-spacing:0px; } .product-detail .cartbox .addcart:before { font-family:FontAwesome; content:"\f07a"; } .product-detail .cartbox .addcart { background:#7dbe31; border:none; color:#fff; padding:12px 0; font-size:23px; text-transform:uppercase; width:100%; margin:0 0 12px 0; } .product-detail .cartbox .oneclick { background:#f0f0f0; padding:18px; } .product-detail .cartbox .oneclick select { color:#7f7f7f; font-size:17px; height:auto; font-weight:300; } .product-detail .cartbox .oneclick button { background:#ff9c00; color:#fff; width:100%; padding:8px 0; font-size:23px; text-transform:uppercase; margin:0; } .product-detail .desc { margin-top:60px; } .product-detail .desc .tabs { border-top:#000 solid 2px; border-bottom:#000 solid 2px; } .product-detail .desc .tabs li a { padding-top:10px; padding-bottom:10px; text-transform:uppercase; font-weight:500; background:#fff; border-right:#000 solid 2px; } .product-detail .desc .tabs li.active a { background:#eaeaea; } .product-detail .desc .tabs-content .content { padding:40px 0; font-size:16px; font-weight:300; color:#7c7c7c; } .product-detail .desc .tabs-content .content p { font-size:16px; font-weight:300; color:#7c7c7c; } .product-detail .desc-mobile { padding:30px 0; display:none; } .product-detail .desc-mobile h4 { font-size:20px; margin:0 0 15px 0; text-transform:uppercase; } .product-detail .desc-mobile .text { font-size:15px; font-weight:300; } .product-detail .desc-mobile .text p { font-size:15px; font-weight:300; } .product-detail .together { padding-bottom:80px; } .product-detail .together h3 { background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 20px; text-align:center; margin-bottom:52px; } .product-detail .together h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; } .product-detail .together .pic .product_pic { margin:0 12px; width:90px; } .product-detail .together h4 { font-size:17px; font-weight:300; margin:0 0 4px 0; } .product-detail .together .price { color:#5c5c5b; font-size:19px; font-weight:600; } .product-detail .together .price span { color:#7dbe31; } .product-detail .together button { background:#7dbe31; color:#fff; padding:8px 60px 8px 30px; font-size:23px; text-transform:uppercase; margin:0; } .product-detail .review { padding-bottom:80px; } .product-detail .review h3 { background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 20px; text-align:center; margin-bottom:52px; } .product-detail .review h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; } .product-detail .review .text { text-align: center; margin-bottom: 25px; } .product-detail .review .item h4 { font-size:16px; font-weight: 600;} .product-detail .review .item .rating { margin-bottom: 15px; } .product-detail .review .item .rdesc { font-size: 14px; } .product-detail .alsolike { padding-bottom:50px; } .product-detail .alsolike h4 { background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 20px; text-align:center; margin-bottom:52px; } .product-detail .alsolike h4 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; } .product-detail .product-list .item { margin:0 15px!important; border:#ccc solid 1px; } .product-detail .morefrom { text-align:center; } .product-detail .morefrom h3 { background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 20px; text-align:center; margin-bottom:52px; } .product-detail .morefrom h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; } .product-detail .morefrom a { color:#999; } .product-detail .slick-dots { list-style:none; margin:30px 0 0 0; padding:0; } .product-detail .slick-dots li { display:inline-block; margin:0 5px; } .product-detail .slick-dots li button { background:#ccc; border-radius:10px; width:10px; height:10px; padding:0; text-indent:-9999px; } .product-detail .slick-dots li.slick-active button { background:#7dbe31; } .product-detail #addcart_success { display:none; } .product-detail #addcart_success a { background:#ff9c00; color:#ffffff; padding:8px 0px; text-align:center; text-transform:uppercase; font-weight:600; display:block; } .product-detail #addcart_success .text { margin-bottom:15px; font-size:14px; } .product-detail #addcart_success span { margin-right:10px; width:20px; display:inline-block; } .product-detail #addcart_success img { width:20px;-webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .product-detail .together_cart_success { display:none; } .product-detail .together_cart_success a { background:#ff9c00; color:#ffffff; padding:8px 0px; text-align:center; text-transform:uppercase; font-weight:600; display:block; } .product-detail .together_cart_success .text { margin-bottom:15px; font-size:14px; } .product-detail .together_cart_success span { margin-right:10px; width:20px; display:inline-block; } .product-detail .together_cart_success img { width:20px;-webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #mobile-product-header { padding-bottom:10px; margin-bottom:40px; display:none; } #mobile-product-header h1 { font-size:17px; } #mobile-product-header .price { font-size:24px; font-weight:700; text-align:right; } #mobile-product-header .price span { display:block; font-weight:300; font-size:16px; text-decoration:line-through; color:#aaa; } #mobile-product-header .path { font-size: 13px; color: #333; border-bottom: #ccc solid 1px; padding-bottom: 14px; } #mobile-product-header .name { padding: 10px 0; } #mobile-product-header .rates { font-size: 12px; color: #999; border-top:#ccc solid 1px; padding-top: 10px; } #mobile-product-header .rates .star { width: 16px; vertical-align: sub; } .slick-list { padding-bottom: 2px!important; } /* checkour Result */ #shop #result-content { padding:60px 0 60px 0; } #shop #result-content .main .resultbox { border:#000 solid 2px; padding:30px; text-align:center; } #shop #result-content .main h1 { font-weight:500; font-size:34px; margin-bottom:5px; } #shop #result-content .main .path { margin-bottom:45px; } #shop #result-content .main .path a { color:#000; } #shop #result-content .main h2 { color:#444; font-size:21px; margin-bottom:26px; font-weight:500; } /* Feature */ .feature .banner { height: 350px; background-size: cover; background-position: center; cursor: pointer; } .feature .banner_mobile { height: 350px; background-size: cover; background-position: center; cursor: pointer; } .feature .product_block { display: block; clear: both; } .feature .product_block h2 { margin: 50px 0; text-align: center; font-size: 30px; text-transform: uppercase; font-weight: 200; } .feature .item { } .feature .item.text-right { background-position:center center; background-repeat:no-repeat; background-size:cover; } .feature .item.text-left { background-position:center center; background-repeat:no-repeat; background-size:cover; } .feature .item .main { padding-top:234px; } .feature .item .main h2 { font-size:27px; text-transform:uppercase; margin-bottom:20px; } .feature .item .main p { font-size:18px; font-weight:300; } .feature .item .main .btn a { font-weight:500; padding:10px 20px; display:inline-block; text-transform:uppercase; font-size:21px; } .feature .item.white h2 { color:#fff; } .feature .item.white p { color:#fff; } .feature .item.white .btn a { border:#fff solid 3px; color:#fff; } .feature .item.white .btn a:hover { background:#fff; color:#000; } .feature .item.black h2 { color:#000; } .feature .item.black p { color:#000; } .feature .item.black .btn a { border:#000 solid 3px; color:#000; } .feature .item.black .btn a:hover { background:#000; color:#fff; } .feature .item .pic { background-position:center center; background-repeat:no-repeat; background-size:cover; } .feature .category .columns { border:#000 solid 10px; padding:140px 30px; text-align:center; } .feature .category .col1 { border-right:#000 solid 5px; } .feature .category .col2 { border-left:#000 solid 5px; } .feature .category h3 { font-size:30px; margin-bottom:30px; text-transform:uppercase; letter-spacing:0px; } .feature .category ul { margin:0; list-style:none; } .feature .category ul li { display:inline-block; margin-right:10px; margin-bottom:10px; } .feature .category ul li a { color:#000; display:block; font-size:14px; padding:3px 10px; border:#000 solid 1px; } .feature .category ul li a:hover { color:#fff; background:#000; } .feature .flexipay { padding-top: 60px; padding-bottom: 60px; } .feature .flexipay h3 { text-align: center; font-weight: 300; margin-bottom: 40px; } .feature .flexipay p { text-align: center; } .feature .flexipay p img { margin:0 20px; height: 36px; margin-bottom: 20px; } .feature .learnmore { display: inline-block; border:#333 solid 2px; padding: 8px 20px; font-size: 18px; color: #333; margin-top:30px; } .feature .learnmore:hover { background: #333; color: #fff; } .feature #brand { margin: 20px 0 40px 0; } .feature #brand li { padding: 0; } .feature .brand_title { margin: 50px 0; text-align: center; font-size: 30px; text-transform: uppercase; font-weight: 200; } /* Blog */ #blog .none2 { height:110px; } #blog .feature { padding:30px 0; background-size: cover; background-position: center; } #blog .feature .topbox { background:#fff; padding: 40px; border-left: #7dbe31 solid 9px; } #blog .feature h2 { font-size:32px; font-weight: 600; } #blog .feature .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url('https://vivo.imgix.net/img/icon_calendar.gif') no-repeat left center; } #blog .feature .desc { color:#353535; font-size:16px; margin-bottom: 45px; } #blog .feature .more a { padding:8px 20px; border:#000 solid 2px; color:#000; font-weight:600; font-size:15px; transition: all; transition-duration: 0.3s; } #blog .feature .more a:hover { background:#000; color: #fff; } #blog .path { font-size:13px; color: #999; padding-top: 30px; text-align: center; margin-top: 20px; } #blog .path a { color:#999; } #blog .path h1 { font-size:32px; font-weight: 600; } #blog .blog_list { margin-top: 50px; } #blog .blog_list li { position: relative; } #blog .blog_list .box { border:#ccc solid 1px; padding: 13px; top:0; width: 100%; left: 0; bottom: 0; } #blog .blog_list .box img { width: 100%; } #blog .blog_list .box .padding { padding: 18px 14px 0 14px; } #blog .blog_list .box h2 { font-size:18px; color:#333; font-weight: 500; } #blog .blog_list .box h2 a { color: #333; } #blog .blog_list .box .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url('https://vivo.imgix.net/img/icon_calendar.gif') no-repeat left center; } #blog .blog_list .box .desc { color: #333; font-size: 13px; } #blog .blog_list .more { margin-top:30px; } #blog .blog_list .more a { font-size:14px; padding:8px 20px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s; } #blog .blog_list .more a:hover { background:#000; color: #fff; } #blog .paging { margin-top: 60px; margin-bottom: 90px; } #blog .paging .col1 { padding-left: 0; } #blog .paging .col1 .btn { font-size:17px; padding:12px 18px; border:#000 solid 1px; color:#000; margin-right: 10px; transition: all; transition-duration: 0.3s; } #blog .paging .col1 .btn:hover { background: #000; color: #fff; } #blog .paging .col1 .selected { border-width: 2px; font-weight: 600; } #blog .paging .col2 { text-align: right; } #blog .paging .more { font-size:17px; padding:12px 18px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s; } #blog .paging .more:hover { background:#000; color: #fff; } #blog_detail { padding: 55px 0; } #blog_detail .path1 { color:#999; font-size: 13px; margin-bottom: 30px; } #blog_detail .path1 a { color:#999; } #blog_detail .col1 { padding-right: 4rem; } #blog_detail h1 { margin-bottom: 20px; } #blog_detail .date { display: block; margin-bottom: 5px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url('https://vivo.imgix.net/img/icon_calendar.gif') no-repeat left center; } #blog_detail .content { margin-top: 30px; } #blog_detail .mainpic { width: 100%; margin-bottom: 60px; } #blog_detail .desc { margin: 0 5rem; color: #232323; } #blog_detail .desc blockquote { font-size:18px; font-weight: 800; color: #232323; margin-bottom: 40px; } #blog_detail .desc img { width: 100%; } #blog_detail .pic { margin-bottom: 60px; margin-top: 60px; position: static; left: -5rem; } #blog_detail .pic img { width: 100%; } #blog_detail .pic label { display: block; text-align: center; font-size: 13px; color: #232323; margin-top: 10px; } #blog_detail .col2 h2 { font-size: 18px; text-transform: uppercase; padding: 8px 0; color: #232323; border-top:#232323 solid 1px; border-bottom: #232323 solid 1px; } #blog_detail .col2 h3 { font-size: 16px; margin-bottom: 20px; } #blog_detail .col2 .more { margin-bottom: 30px; } #blog_detail .col2 .more a { font-size:14px; padding:6px 14px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s; } #blog_detail .col2 .more a:hover { background:#000; color: #fff; } #blog_detail .col2 .item { margin: 30px 0; border-bottom: #000 solid 7px; } #home_blog { background: #f1f1f1; padding-top: 60px; padding-bottom: 60px; } #home_blog h2 { text-align: center; color: #3f4541; font-size: 30px; font-weight:500; margin-bottom: 80px; margin-top: 0; } #home_blog .box { background: #fff; padding: 13px; height: 100%; } #home_blog .box img { width: 100%; } #home_blog .box .padding { padding: 18px 14px 0 14px; } #home_blog .box h3 { font-size:18px; color:#333; font-weight: 500; } #home_blog .box h3 a { color:#333; } #home_blog .box .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url('https://vivo.imgix.net/img/icon_calendar.gif') no-repeat left center; } #home_blog .box .desc { color: #333; font-size: 13px; } #home_blog .more { margin-top:30px; } #home_blog .more a { font-size:14px; padding:8px 20px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s; } #home_blog .more a:hover { background:#000; color: #fff; } #home_blog .center { text-align: center; } #home_blog a.btn-viewall { background: #fff; padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; transition: all; transition-duration: 0.3s; } #home_blog a.btn-viewall:hover { background: #000; color: #fff; } /* checkout */ .checkout { padding:26px 0.9375em 60px 0.9375em; } .checkout .path { font-size:13px; color: #999; } .checkout .path a { color:#999; } .checkout h1 { font-size:40px; font-weight:500; margin-bottom:40px; } .checkout .cart-list { width:100%; } .checkout .cart-list .head { width:100%; border-bottom:#d6d5db solid 1px; padding-bottom:2px; overflow:hidden; height:100%; } .checkout .cart-list .head .columns { text-transform:uppercase; font-size:14px; font-weight:700; padding-left:0; padding-right:0; } .checkout .cart-list .item { width:100%; border-bottom:#d6d5db solid 1px; padding:20px 2px; overflow-y:auto; overflow-x:hidden; height:100%; } .checkout .cart-list .item .thumb { width:90%; } .checkout .cart-list .item .pic { text-align:left; } .checkout .cart-list .item .title { font-weight:700; font-size:14px; margin:0px 0 5px 0; } .checkout .cart-list .item .option { margin:0; font-size:14px; color:#666; font-size:13px; } .checkout .cart-list .item .price { margin:0; color:#666; font-size:13px; } .checkout .cart-list .item .columns { padding-left:0; padding-right:0; } .checkout .cart-list .item .textbox { width:86px; padding:8px 0; text-align:center; border:#000 solid 1px; box-shadow:none; font-size:20px; margin-bottom:0px; } .checkout .cart-list .item .btn-remove { font-size:13px; color:#000; text-decoration:underline; } .checkout .cart-list .item .option .pic1 { width:50px; border:#ddd solid 1px; } .checkout .cart-list .item .option .pic2 { width:30px; margin:0 20px; } .checkout .cart-list .item .option .pic3 { width:50px; border:#ddd solid 1px; } .checkout .cart-list .item .free_gift { background:url('https://vivo.imgix.net/img/icon-gift.png') no-repeat left center; padding-left:25px; background-size:16px; } .checkout .cart-list .item .subprice { font-size:13px; color:#666; display:none; } #shop .no-cart { padding:20px; border:#000 solid 1px; text-align:center; } #shop .no-cart .btn { display:inline-block; background:#7dbe31; border:none; color:#fff; padding:12px 20px; font-size:18px; text-transform:uppercase; margin:25px 0 0 0; } .checkout .summary { background:#f1f1f1; padding:22px 33px; overflow:auto; height:100%; margin-top:2px; } .checkout .summary .promobox h4 { font-weight:700; font-size:17px; margin:0 0 0px 0; } .checkout .summary .promobox p { margin:0 0 10px 0; font-size:14px; } .checkout .summary .promobox .textbox { width:178px; border:#bbb solid 1px; box-shadow:none; display:inline-block; margin-right:5px; margin-bottom:10px; } .checkout .summary .promobox button { background:#7ebe32; color:#fff; font-weight:500; padding:9px 15px; display:inline-block; font-size:14px; margin-bottom:10px; } .checkout .summary .promobox .msg-success { background:url('https://vivo.imgix.net/img/icon-tick.gif') no-repeat left top; padding-left:30px; font-size:14px; } .checkout .summary .promobox .msg-warning { background:url('https://vivo.imgix.net/img/icon-warning.gif') no-repeat left top; padding-left:30px; font-size:14px; } .checkout .summary .totalbox .box { float:right; } .checkout .summary .totalbox .oxipay { margin: 8px 0; font-size: 12px; } .checkout .summary .totalbox { text-align:right; } .checkout .summary .totalbox p { margin:0; font-size:15px; font-weight:400; } .checkout .summary .totalbox p label { float:left; width:190px; text-align:left; font-size:15px; } .checkout .summary .totalbox p.total { border-top:#bbb solid 1px; padding-top:8px; font-size:16px; font-weight:700; color:#000; margin-top:8px; } .checkout .summary .totalbox p.total label { font-size:16px; font-weight:700; color:#000; } .checkout .summary .ship_status { font-size: 16px; } .checkout .summary .ship_icon { width: 30px; margin-right: 10px; } .chknote .col1,.chknote .col2 { border-right:#bababa solid 1px; } .chknote .col1 { padding-left: 0; padding-right: 1.875rem; } .chknote .col2 { padding-left: 1.4rem; padding-right: 1.875rem; } .chknote .col3 { padding-left: 1.4rem; } .chknote .col1 img { width: 30px; margin-right: 5px; } .chknote .col2 img { width: 30px; } .chknote h6 { color: #000; font-size: 16px; font-weight: 500; margin:0; } .chknote p { font-size: 13px!important; } .checkout .btnbox { text-align: right; margin-top:40px; } .checkout .btnbox .continue { color:#000; text-decoration:underline; } .checkout .btnbox .btn-next { background:#7ebe32; padding:10px 30px; display:inline-block; margin:0 auto; color:#fff; font-weight:600; font-size:18px; } .checkbox .proceed { } .checkout .loginbox { padding-left:0; } .checkout .loginbox h2 { text-transform:uppercase; font-size:16px; background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 11px; font-weight:500; } .checkout .loginbox h2 span { display:inline-block; padding-right:20px; background:#fff; } .checkout .loginbox p { font-weight:300; font-size:14px; } .checkout .loginbox .btn-signin { background:url('https://vivo.imgix.net/img/icon-facebook1.png') no-repeat 10px 10px; display:block; text-transform:uppercase; height:77px; padding:24px 10px 10px 78px; border:#3e5c98 solid 1px; margin-bottom:24px; font-weight:600; color:#3d5c97; font-size:18px; } .checkout .loginbox .btn-signin span { } .checkout .loginbox .textbox { border:#000 solid 1px; box-shadow:none; font-size:15px; padding:10px; height:auto; } .checkout .loginbox .box button { background:#000; float:left; padding:8px 20px; text-transform:uppercase; margin-right:20px; } .checkout .loginbox .box p { float:left; font-size:12px; color:#7d7d7d; } .checkout .loginbox .box a { text-decoration:underline; } .checkout .step2form .summary { margin-right: 16px; } .checkout .step2title { margin-right: 16px; } .panelPay { text-align: center; } .panelPay .paylogo { margin-bottom: 30px; } .panelPay .close { font-size:26px; font-weight:300; } .panelPay .red { color: #cc0000; } #loginModal .close { font-size:26px; font-weight:300; } #loginModal h5 { font-size:26px; text-align:center; margin:20px 0; text-transform:uppercase; } #loginModal #login-facebook { background:#3a5ba2; color:#fff; padding:10px 0; display:block; font-size:16px; text-align:center; font-size:300; } #loginModal #login-facebook img { width:24px; margin-right:10px; } #loginModal .line { background:url('https://vivo.imgix.net/img/line-grey-2px.gif') repeat-x center center; text-align:center; margin:20px 0; } #loginModal .line span { display:inline-block; padding:0 10px; background:#fff; background-size:1px; } #loginModal .textbox { border:#000 solid 1px; text-align:center; box-shadow:none; font-size:16px; } #loginModal .last { text-align:right; } #loginModal .last a { color:#000; text-decoration:underline; font-size:14px; } #loginModal .btn-login { width:100%; background:#7ebe32; font-size:16px; color:#fff; } #loginModal .create_account { text-align:center; color:#000; text-decoration:underline; margin-top:10px; font-size:16px; display:block; } #loginModal #panelRegister { display:none; } #loginModal #panelForget { display:none; } #loginModal .req { background:#ffebeb; } #loginModal #create_loading { text-align: center; display: none; } #loginModal #create_loading img { width: 30px; } .checkout .signup { padding-right:0; } .checkout .signup h2 { text-transform:uppercase; font-size:16px; background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 11px; font-weight:500; } .checkout .signup h2 span { display:inline-block; padding-right:20px; background:#fff; } .checkout .signup p { font-weight:300; font-size:14px; } .checkout .signup .btn1 { padding-left:0; } .checkout .signup .btn2 { padding-right:0; } .checkout .signup #signup-facebook { border:#000 solid 1px; padding:12px 10px 0px 70px; height:64px; overflow:hidden; background:url('https://vivo.imgix.net/img/icon-facebook2.png') no-repeat 10px 10px; display:block; color:#000; font-size:15px; font-weight:600; line-height:18px; } .checkout .signup #signup-facebook span { width:180px; display:block; } .checkout .signup #signup-email { border:#7dbe31 solid 1px; padding:12px 10px 0px 70px; height:64px; overflow:hidden; background:url('https://vivo.imgix.net/img/icon-email.png') no-repeat 10px 10px; display:block; color:#7dbe31; font-size:15px; font-weight:600; line-height:18px; } .checkout .signup #signup-email span { width:160px; display:block; } .checkout .signup h3 { margin:27px 0 16px 0; text-transform:uppercase; font-size:14px; color:#8d8d8d; background:url('https://vivo.imgix.net/img/line-grey-2px.gif') repeat-x center 11px; font-weight:500; } .checkout .signup h3 span { display:inline-block; padding-right:20px; background:#fff; } .checkout .signup .form .col1 { padding-left:0; } .checkout .signup .form .col2 { padding-right:0; } .checkout .signup .form .textbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; } .checkout .req { background:#ffebeb; } .checkout .signup .form .listbox { border:#000 solid 1px; box-shadow:none; background-color:#fff; } .checkout .signup .form button { background:#000; padding:8px 20px; text-transform:uppercase; } .checkout .req_red { color:#cc0000; } /* Checkout */ .checkout .notice { border:#7dbe31 solid 1px; padding: 10px; background:#dcf4c0; margin-bottom: 20px; } .checkout #checkoutform h2 { text-transform:uppercase; font-size:16px; background:url('https://vivo.imgix.net/img/line-2px.gif') repeat-x center 11px; font-weight:500; } .checkout #checkoutform h2.grey { color:#999; } .checkout #checkoutform h2 span { display:inline-block; padding-right:20px; background:#fff; } .checkout #checkoutform h3 { text-transform:uppercase; font-size:14px; font-weight:500; margin-bottom:20px; } .checkout #checkoutform .floor { margin-bottom:43px; } .checkout #checkoutform .floor p {font-size:14px; } .checkout #checkoutform .floor .box { padding:15px 25px; background:#f1f1f1; border:#f1f1f1 solid 1px; position:relative; margin-bottom:10px; position: relative; } .checkout #checkoutform .floor .box .update { position:absolute; bottom:15px; right:15px; color:#666; text-decoration:underline; font-size:13px; } .checkout #checkoutform .floor .box p { margin-bottom:0; } .checkout #checkoutform .floor .box .opt { position: absolute; top: 10px; right:10px; width: 21px; height: 21px; background: url('https://vivo.imgix.net/img/option.png'); } .checkout #checkoutform .floor .box .opt.tick { background: url('https://vivo.imgix.net/img/option-tick.png'); } .checkout #checkoutform .floor .option { color:#000; padding:0 0 0 43px; background:url('https://vivo.imgix.net/img/option.png') no-repeat left 3px; display:block; } .checkout #checkoutform .floor .selected { background:url('https://vivo.imgix.net/img/option-tick.png') no-repeat left 3px; display:block; } .checkout #checkoutform .floor .option span { display:block; font-weight:400; font-size:14px; } .checkout #checkoutform .floor #signin-vivo { background:#7ebe32; color:#fff; display:inline-block; padding:10px 15px; font-weight:600; margin:20px 10px 20px 0; } .checkout #checkoutform .floor #signin-facebook { background:#3a5ba2; color:#fff; display:inline-block; padding:10px 15px; font-weight:600; margin:20px 0px 20px 0; } .checkout #checkoutform .floor .create-account { background:#000; color:#fff; display:inline-block; padding:10px 15px; font-weight:600; font-size:14px; } .checkout #checkoutform .floor .textbox { border:#000 solid 1px; } .checkout #checkoutform .floor #cancel_form { color:#000; font-size:14px; text-decoration:underline; margin-left:15px; } .checkout #checkoutform .add { } .checkout #checkoutform .add a { font-weight:600; color:#000; } .checkout #checkoutform .add img { margin-right:20px; } .checkout #checkoutform .textbox { border:#000 solid 1px; padding:12px; font-size:15px; box-shadow:none; height:auto; margin-bottom:10px; } .checkout #checkoutform .textarea { border:#000 solid 1px; padding:12px; font-size:15px; box-shadow:none; height:100px; } .checkout #checkoutform .edit-shipping-form { margin-bottom:20px; } .checkout #checkoutform .voucher label { font-size:13px; margin:25px 0 0px 0; } .checkout #checkoutform .voucher label input { margin-right:21px; } .checkout #checkoutform .form { margin-top:25px; } .checkout #checkoutform .radio { margin:25px 0 25px 0; } .checkout #checkoutform .radio a { color:#000; padding:2px 0 3px 40px; background:url('https://vivo.imgix.net/img/option.png') no-repeat left 0px; display:block; font-size:13px; margin-bottom:15px; } .checkout #skincarebox { display:none; } .checkout #checkoutform .survey { margin-bottom:40px; } .checkout #checkoutform .survey .box { font-size:13px; padding:15px; background:#ececec; margin-bottom:30px;margin-top:30px; } .checkout #checkoutform .survey p { font-weight:300; } .checkout #checkoutform .survey .row { margin-bottom:12px; } .checkout #checkoutform .survey h3 { font-size:14px; } .checkout #checkoutform .survey .question { font-size:14px; } .checkout #checkoutform .survey .answer label { float:right; margin-left:10px; } .checkout #checkoutform .survey .answer input { margin-bottom:0; } .checkout #checkoutform .survey .tbox { padding-left:0; padding-right:0; } .checkout #checkoutform .survey .textarea { padding:15px; height:105px; border:#000 solid 1px; margin-bottom:0; box-shadow:none; } .checkout #checkoutform .payment h3 { margin:25px 0; text-transform:uppercase; font-size:14px; background:url('https://vivo.imgix.net/img/line-1px.gif') repeat-x center 11px; font-weight:300; } .checkout #checkoutform .payment h3 span { display:inline-block; padding-right:20px; background:#fff; } .checkout #checkoutform .payment .cardform .column { padding-left:0; padding-right:0; } .checkout #checkoutform .payment .cardform .visa { background-image:url('https://vivo.imgix.net/img/icon-vs.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .checkout #checkoutform .payment .cardform .mc { background-image:url('https://vivo.imgix.net/img/icon-mc.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .checkout #checkoutform .payment .cardform .amax { background-image:url('https://vivo.imgix.net/img/icon-amx.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .checkout #checkoutform .payment .cardform .textbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; } .checkout #checkoutform .payment .cardform .listbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; width:48%; padding:11px; height:auto; } .checkout #checkoutform .payment .totalcharge { text-transform:uppercase; font-size:18px; margin:10px 0 20px 0; font-weight:600; } .checkout #checkoutform .payment .totalcharge1 { margin:10px 0 20px 0; } .checkout #checkoutform .payment .totalcharge2 { margin:10px 0 20px 0; } .checkout #checkoutform .payment .oxipay {text-transform:uppercase; font-size:16px; margin:10px 0 20px 0; font-weight:600; } .checkout #checkoutform .payment button { background:#7ebe32; color:#fff; text-transform:uppercase; font-size:20px; padding:15px 20px; font-weight:500; } .checkout #checkoutform .payment button.processing { background:#999; } .checkout #checkoutform .payment .moreinfo { float: right; } .checkout #checkoutform .payment .moreinfo a { text-decoration: underline; font-weight: 400; font-size: 14px; } .checkout #edit-print { display:none; } .checkout #desktop_free_sample h1 { text-align:center; margin:25px 0 25px 0; } .checkout #desktop_free_sample p { text-align:center; margin-bottom:60px; } .checkout #desktop_free_sample .pic { border-radius:250px; border:#ccc solid 1px; width:200px; margin-bottom:15px; } .checkout #desktop_free_sample li { text-align:center; } .checkout #desktop_free_sample li h4 { color:#7dbe31; font-size:18px; text-transform:uppercase; } .checkout #desktop_free_sample li p { font-size:13px; margin-bottom:18px; } .checkout #desktop_free_sample li button { background:#fff; padding:10px 20px; border:#7dbe31 solid 1px; color:#7dbe31; } .checkout #desktop_free_sample li button:hover { background:#7dbe31; color:#fff; } .payoption .col1 { padding-left: 0; cursor: pointer; } .payoption .col2 { padding-right: 0; cursor: pointer; } .payoption .col3 { padding-left: 0; cursor: pointer; } .payoption .col4 { padding-right: 0; cursor: pointer; } .payoption .col5 { padding-left: 0; cursor: pointer; } .payoption .col6 { padding-right: 0; cursor: pointer; } .payoption .box { border: #eee solid 1px;} .payoption .box:hover { background: #f1f1f1!important;} .payoption .box.checked { border: #666 solid 1px!important; } .payoption .box.req { background:#ffebeb!important; } .payoption h5 { font-size: 15px; margin-bottom: 14px; font-weight: 600; } .payoption img { margin-bottom: 12px; } .express .payoption { margin-bottom: 30px; } .express .box { background: #fff!important; padding: 20px!important; } .express .box p { font-size: 14px; margin-bottom: 0;} .express .col1 { padding-left: 0.935rem; } .express .col2 { padding-right: 0.935rem; } .express .col3 { padding-left: 0.935rem; } .express .col4 { padding-right: 0.935rem; } .express .col5 { padding-left: 0.935rem; } .express .col6 { padding-right: 0.935rem; } .checkout #panel_creditcard { display: none; } #tabbutton { display:none; background:#fff; border-top:#bdbdbd solid 1px; padding:7px 0; position:fixed; left:0; bottom:0; width:100%; z-index:1300 } #tabbutton ul { margin:0; padding:0; list-style:none; } #tabbutton ul li { width:20%; float:left; text-align:center; margin:0; padding:0; overflow:hidden; position:relative; } #tabbutton ul li img { width:24px; height:24px; } #tabbutton ul li .name { font-weight:600; letter-spacing:0px; font-size:11px; color:#999; display:block; line-height:11px; margin-top:5px; height:15px; overflow:hidden; } #tabbutton ul li .badge { background:#F00; color:#fff; border-radius:15px; font-size:12px; width:18px; text-align:center; height:18px; line-height:18px; position:absolute; right:20px; top:0; display:block; font-weight:600; } #tabbutton .pic-hover { display:none; } #tabbutton .selected .pic { display:none; } #tabbutton .selected .pic-hover { display:inline-block; } #tabbutton .selected .name { color:#7dbe31; } #overlaymenu { display:none; border-top:#000 solid 1px; background:url('https://vivo.imgix.net/img/menu-bg.png'); position:fixed; left:0; top:0; right:0; bottom:0px; z-index:1100; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom:100px; } #overlaymenu .toppanel { background:#eee; padding:10px; text-align:right; } #overlaymenu .toppanel img { width:16px; } #overlaymenu .wrapper { margin:20px auto 0 auto;width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #overlaymenu .inner { width:90%; margin:0 auto; } #overlaymenu .search { position:relative; background:#c1c1c1; border-radius:10px; } #overlaymenu .search input { background:none; border:none; text-align:center; box-shadow:none; } #overlaymenu input::-moz-placeholder { color:#333!important; } #overlaymenu input::-webkit-input-placeholder { color:#333!important; } #overlaymenu .search .btn-search { width:20px; position:absolute; right:15px; top:5px; } #overlaymenu .tabs { display:none; } #overlaymenu .tabs a { font-size:13px; width:50%; float:left; padding:5px 0; color:#000; text-align:center; display:block; border-bottom:#ccc solid 1px; font-weight:300; } #overlaymenu .tabs a.selected { border-bottom:#7dbe31 solid 3px; font-weight:600; } #overlaymenu h4 { text-align:center; font-size:17px; border-bottom:#000 solid 1px; padding-bottom:5px; margin-top:30px; } #overlaymenu .content { } #overlaymenu .content a { text-align:center; display:block; padding:3px 0; color:#666; font-weight:300; font-size:14px; } #overlaymenu #content3, #overlaymenu #content4 { margin-top:20px; } #overlaymenu #content1 { display:block; } #overlaymenu #content2 { display:none; } #overlaymenu #content3 { display:none; } #overlaymenu #search_result { display:none; } #overlaymenu #search_result .brand { margin:0; font-size:13px; } #overlaymenu #search_result h5 { margin:0 0 5px 0; } #overlaymenu #search_result .row { padding-top:15px; padding-bottom:15px; border-bottom:#ccc solid 1px; } #overlaymenu #search_result .shipping { margin:0; font-size:13px; } #overlaymenu #search_result .shipnow { color:#7dbe31; padding-left:25px; background:url('https://vivo.imgix.net/img/tick.gif') no-repeat left center; background-size:16px; } /* Member Panel */ .member-panel { padding:40px 0; position:relative; } .member-panel h1 { font-weight:500; font-size:34px; margin-bottom:5px; text-align:center; text-transform:uppercase; } .member-panel .path { margin-bottom:25px; text-align:center; } .member-panel .path a { color:#000; } .member-panel .centre { text-align:center; } .member-panel .logout { padding:5px 8px; background:#7dbe31; color:#fff; display:inline-block; margin-bottom:30px; font-size:13px; } .member-panel .panelbox { padding:25px; border:#000 solid 1px; margin-bottom:30px; } .member-panel .panelbox h3 { font-size:18px; letter-spacing:0px; margin:0 0 15px 0; } .member-panel .panelbox h3 a { float:right; font-size:14px; font-weight:normal; } .member-panel .panelbox #panel-personal p { font-size:14px; } .member-panel .panelbox #edit-personal { display:none; } .member-panel .panelbox #edit-personal label { font-size:14px; } .member-panel .panelbox #edit-personal .textbox { border:#000 solid 1px; margin-bottom:7px; } .member-panel .panelbox #edit-personal button { padding:10px 20px; background:#000; } .member-panel .panelbox #password_preview { padding:10px; background:#ececec; font-size:13px; } .member-panel .panelbox #password_form { display:none; } .member-panel .panelbox #password_form label { font-size:14px; } .member-panel .panelbox #password_form .textbox { border:#000 solid 1px; margin-bottom:7px; } .member-panel .panelbox #password_form button { padding:10px 20px; background:#000; } .member-panel .panelbox #address_preview .box { background:#ececec; padding:15px; font-size:14px; margin-bottom:8px; } .member-panel .panelbox #address_preview .box strong { display:block; } .member-panel .panelbox #address_preview .box a { font-size: 13px; float:right; color:#000; text-decoration:underline; } .member-panel .panelbox #address_preview .textbox { border:#000 solid 1px; margin-bottom:7px; } .member-panel .panelbox #address_preview .textareabox { border:#000 solid 1px; margin-bottom:7px; height: 80px; } .member-panel .panelbox #address_preview button { padding:10px 20px; background:#000; } .member-panel .panelbox #creditcard_preview { background:#ececec; padding:10px; font-size:14px; font-size:13px; } .member-panel .panelbox #creditcard_preview a.remove { float:right; } .member-panel .panelbox #creditcard_form { display:none; margin-top:8px; } .member-panel .panelbox #creditcard_form .textbox { border:#000 solid 1px; margin-bottom:7px; } .member-panel .panelbox #creditcard_form button { padding:10px 20px; background:#000; } .member-panel .panelbox #creditcard_form .req { background:#ffebeb; } .member-panel .panelbox #creditcard_form .visa { background-image:url('https://vivo.imgix.net/img/icon-vs.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .member-panel .panelbox #creditcard_form.mc { background-image:url('https://vivo.imgix.net/img/icon-mc.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .member-panel .panelbox #creditcard_form .amax { background-image:url('https://vivo.imgix.net/img/icon-amx.png'); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; } .member-panel .panelbox #creditcard_form .listbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; width:48%; padding:7px; height:auto; } .member-panel .order-box { border:#000 solid 1px; padding:0.9375rem 0; margin-bottom:10px; } .member-panel .summary { background:#eee; padding:8px 12px; height:100%; } .member-panel .summary h5 { font-size:15px; } .member-panel .summary .date { font-size:13px; color:#666; margin:0; } .member-panel .order-box .totally { font-size:13px; text-align:right; display:block; } .member-panel .detail h6 { font-size:15px; margin:0; color:#000; } .member-panel .detail .option { font-size:14px; color:#666; margin-bottom:10px; } .member-panel .detail .qty { font-size:14px; color:#333; } .member-panel .detail .status .download { float:right; color:#000; background:url('https://vivo.imgix.net/img/icon-pdf.png') no-repeat left center; padding-left:26px; background-size:16px; } .member-panel .detail .status { background:#eee; padding:15px; font-size:14px; } .member-panel .detail .process { color:#F60; font-weight:bold; } .member-panel .detail .shipped { color:#390; font-weight:bold; } .member-panel .detail .cancelled { color:#666; font-weight:bold; } .member-panel .close { display:none; } .member-panel .more { text-align:right; } .member-panel .more a { color:#000; text-decoration:underline; font-size:18px; } .member-panel .reset { text-align:center; } .member-panel .reset label { text-align:center; margin-bottom:5px; } .member-panel .reset .textbox { border:#000 solid 1px; margin-bottom:16px; text-align:center; } .member-panel .reset button { padding:10px 20px; background:#000; margin-top:30px; color:#fff; } .member-panel .reset .req { background:#ffebeb; } /* Deal */ #deal { margin: 45px 0;} #deal #intro h1 { font-size: 28px; margin-bottom: 35px; font-weight: 300; } #deal #intro span { font-size: 18px; color: #7dbe31; display: block; } #deal #intro .col1 #large { width: 100%; } #deal #intro .col1 .thumb { margin-top: 15px; } #deal #intro .col1 .thumb ul { list-style: none; margin:0; padding: 0; } #deal #intro .col1 .thumb ul li { margin-right: 14px; float: left; margin-bottom: 14px; } #deal #intro .col1 .thumb ul li img { width: 114px; height: 85px; } #deal #intro .col2 h2 { font-size: 20px; font-weight: 600; margin:0 0 23px 0; } #deal #intro .col2 li { font-size: 14px; line-height: 20px; margin-bottom: 18px; } #deal #intro .col3 .box { border: #d1d1d1 solid 1px; padding: 30px 20px; } #deal #intro .col3 .box .price { font-size: 48px; color: #fc5f00; font-weight: 600; text-align: center; line-height: 48px; } #deal #intro .col3 .box .price span { line-height: 18px; font-size: 16px; color: #999; font-weight: 400; display: block; text-decoration:line-through; } #deal #intro .col3 .box button { padding: 10px 0; background: url('https://vivo.imgix.net/img/icon-shopping-bag.png') #7dbe31 no-repeat left 20px center; background-size: 26px; color: #fff; font-size: 25px; font-weight: 500; width: 100%; } #deal #intro .col3 .box .info { margin-bottom: 25px; clear: both; } #deal #intro .col3 .box .info .columns { padding: 0 0.625rem; text-align: center; } #deal #intro .col3 .box .info label { text-transform: uppercase; color: #231e20; font-size: 11px; } #deal #intro .col3 .box .info span { font-weight: 500px; font-size: 19px; color: #231e20; font-weight: 600; } #deal #intro .col3 .box .stat { margin: 25px 0; padding: 25px 0; border-top:#d1d1d1 solid 3px; border-bottom: #d1d1d1 solid 3px; } #deal #intro .col3 .box .stat .number { text-align: center; font-weight: 600; color: #231f20; font-size: 19px; margin-bottom: 10px; } #deal #intro .col3 .box .stat .number img { width: 28px; margin-right: 9px; } #deal #intro .col3 .box .stat .expiry { color:#fc5f00; font-weight: 600; font-size: 15px; text-align: center; margin-bottom: 0; } #deal #intro .col3 .box .social { text-align: center; } #deal #intro .col3 .box .social h5 { color:#231e22; margin-bottom: 10px; font-size: 12px; text-align: center; font-weight: 600; } #deal #intro .col3 .box .oxipay { font-size: 12px; text-align: center; } #deal #main .tab { border-top:#231f20 solid 2px; border-bottom:#231f20 solid 2px; margin-top: 30px; margin-bottom:28px; overflow: auto; height: 100%; } #deal #main .tab ul { list-style: none; margin:0; padding: 0; } #deal #main .tab ul li { float: left; border-right:#231f20 solid 2px; } #deal #main .tab ul li a { padding: 12px 40px; display: block; font-size: 15px; color: #231f20; text-transform:uppercase; font-weight: 600; } #deal #main .tab ul li a.selected { background: #eaeaec; } #deal #main h3 { color: #231f20; font-weight: 600; font-size:15px; } #deal #main .desc { font-size: 15px; } #deal #main .desc p { font-size: 15px; } #deal #main .box { background: #eaeaea; padding: 20px 20px 20px 20px; color: #231f20; } #deal #main .box h4 { font-size: 15px; font-weight: 600; } #deal #main .box .phone { font-size:20px; padding-left: 30px; background: url('https://vivo.imgix.net/img/daily_phone.png') no-repeat left center; background-size: 22px; } #deal #main .box .phone a { color:#231f20; } #deal #main .box h5 { font-size: 15px; } #deal #main .box #address p { font-size: 15px; } #deal .mobile-highlight { padding: 30px 0; clear: both; display: none; } #deal .mobile-highlight h2 {color: #231f20; font-weight: 600; font-size:20px; } #deal #other { margin: 42px 0; } #deal #other h3 { font-size: 22px; margin-bottom: 40px; font-weight: 600; } #deal #other .box { border-top:#d1d1d1 solid 1px; padding-top: 42px; color:#231f20; } #deal #other .row1400 > .column { padding-bottom: 80px; } #deal #other .box img { width: 100%; margin-bottom: 23px; } #deal #other .box h4 { font-size: 17px; margin: 0 0 10px 0; } #deal #other .box .left { color: #7dbe31; } #deal #other .box .right { color: #7dbe31; font-size: 26px; font-weight: 600; } #deal_checkout { margin: 30px 0; } #deal_checkout .box { border:#ccc solid 1px; padding: 30px; background: #f1f1f1; } #deal_checkout h1 { font-size: 24px; margin-bottom: 20px; } #deal_checkout .qty { font-size: 12px; } #deal_checkout .summary { background: #fff; text-align: right; margin-bottom: 30px; } #deal_checkout .summary .column { text-align: right; padding: 10px 24px; font-size: 18px; font-weight: 600; } #deal_checkout h2 { font-size: 20px; margin-bottom: 25px; } #deal_checkout h2 span { float: right; } #deal_checkout h2 span img { height: 24px; margin-left: 10px; } #deal_checkout .term { margin-top: 30px; } #deal_checkout .term .column { text-align: center;} #deal_checkout .term .btn { display: inline-block; color: #fff; background: #7dbe31; padding: 10px 20px; font-size: 20px; font-weight: 600; } #deal_checkout .term .btn.processing { background:#999; } #deal_checkout .req { background:#ffebeb; } #deal_checkout .listbox { width: 45%; margin-right:10px; } #deal_checkout .oxipay { font-size: 12px; margin: 8px 0; } .review { text-align: center; margin: 50px 0; } .review h1 { font-size: 25px; } .review .breadcrumb { font-size: 13px; color: #999; } .review .breadcrumb a { color: #999;} .review .item.current { border: #ddd solid 1px; } .review .item { padding: 30px; margin-bottom: 30px; } .review .item h2 { font-size: 20px; margin-top: 0px; } .review .item .rating span { cursor: pointer; background: #7dbe31; color: #fff; padding: 10px 0px; font-size: 15px; width: 44px; border-radius: 30px; display: inline-block; } .review .item .rating span.selected { background: #ff9000; } .review .item textarea { height: 120px; } .review .item button { background: #000; color: #fff; } .desc_text { margin-bottom: 30px; text-align: center; } .desc_text .columns h4 { font-size: 13px; color: #999; } .desc_text .columns p { font-size: 13px; color: #999; } .desc_text .columns p a { color: #999; text-transform: none; } .term { font-family: 'Arial'; font-size:9px;} .term p { font-family: 'Arial'; font-size:9px; } .term h3 { font-size: 11px; font-weight: bold;; } .newsletter { padding: 30px 0; background: #eee; } .newsletter h4 { font-size: 20px; text-align: center; margin-bottom: 25px;} .newsletter label { color: #777; } /* .newsletter button { background-color: #fff!important; padding: 6px 10px; border: #000 solid 2px; color: #000; font-weight: 300; margin-bottom: 0; } .newsletter button:hover, .newsletter button:focus { background-color: #000!important; color: #fff!important; } .newsletter .sub_success { background: #fff; border-top: #57d206 solid 3px; display: block; text-align: center; padding: 15px; color: #666} .newsletter .sub_fail { background: #fff; border-top: #e60404 solid 3px; display: block; text-align: center; padding: 15px; color: #666} */ /* #maximage */ .mc-hide-scrolls { overflow:hidden; } body .mc-cycle { height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; z-index:-1; } div.mc-image { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%; } .mc-old-browser .mc-image { overflow:hidden; } /* Mobile Menu */ #menu { background: #222; } #menu h4 { font-weight: 500; font-size: 22px; color: #363636; letter-spacing: 0px; margin-bottom: 0; line-height: 1; } #menu h6 { font-family: 'Raleway'; font-weight: 500; font-size: 16px; color: #363636; letter-spacing: 0px; margin-bottom: 0; margin-top: 5px; line-height: 1; float: left; text-decoration: underline; } #menu h5 { font-weight: 500; font-size: 22px; color: #363636; letter-spacing: 0px; padding-left: 20px; margin-top: 20px; } #menu ul { background: #fff; } #menu ul a { font-weight: 600; } #menu .main { height: 109px!important; } #menu .logorow { background: #222; padding: 14px 14px; height: 60px; } #menu .logorow .logo { height: 32px; } #menu .logobox { position: absolute; top:10px; left:50%; z-index: 100; transform: translateX(-50%); } #menu .logobox img { height: 32px; } #menu .logorow .cross { width:20px; height: 20px; float: right; margin-top: 6px; } #menu .welcomerow { padding: 15px; border-bottom: #868686 solid 1px; height: 60px; } #menu .welcomerow h4 { float: left; } #menu .welcomerow .tool { float: right; text-align: right; } #menu .welcomerow .tool .home { width: 24px; margin-right: 16px; } #menu .welcomerow .tool .member { width: 18px; margin-right: 16px; } #menu .welcomerow .tool .cart { width: 28px; } #menu .welcomerow .tool .cart_box { position: relative; float: right; } #menu .welcomerow .tool .cart_box span { position: absolute; right:-6px; top:-6px; background: #FF0000; color: #fff; width: 16px; height: 16px; border-radius: 10px; font-size: 14px; line-height: 1; padding: 0; text-align: center; } #menu .search { clear:both; border-bottom: #868686 solid 1px; background: #f6f6f6; } #menu .search input { width: 100%; padding: 24px 15px; border:none; background: url('https://vivo.imgix.net/img/icon-search.png') no-repeat left 15px center; background-size: 24px; box-shadow: none; margin: 0; font-size: 16px; padding-left: 55px; } #menu .mainnav .line { border-bottom: #868686 solid 1px; overflow: auto; } #menu .mainnav .line .navbutton { padding: 15px 0 15px 20px; width: 50%; float: left; font-size: 16px; } #menu .mainnav .line .odd { border-right: #868686 solid 1px; } #menu .email { background: url('https://vivo.imgix.net/img/icon-memail.png') no-repeat left 6px; font-weight: 400; padding: 0 0 0 30px; background-size: 20px; margin-left: 20px; margin-bottom:5px; margin-top: 20px; height: 30px; } #menu .phone { background: url('https://vivo.imgix.net/img/icon-mphone.png') no-repeat left center; font-weight: 400; padding: 0 0 0 30px; background-size: 20px; margin-left: 20px; } #menu .socialicon { width: 30px; cursor: pointer; } #menu .socialink { float: left; width: 30px; margin-left: 20px; padding: 0; } #menu .link { padding: 0 0 0 0px; margin-left: 20px; margin-bottom:5px; height: 20px; } #menu .menu_label_item { color: #000; padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent); background:#eee; font-weight: bold; } #menu .menu_label::before { border:none!important; text-align: left; } .mm-spn.mm-spn--navbar ul { top:60px!important; } .mm { background: #000; color: #330; --mm-spn-item-height: 80px; --mm-ocd-max-width: 500px; } .mm-spn a:not(:last-child)::after { border: none!important; } .mm-spn li::after { border:none!important; } .mm-spn li.custom::before { border:none!important; } .mm-spn li { border-bottom: #999 solid 1px; font-weight: 600 } .mm-spn li.custom { border: none; } .mm-spn.mm-spn--navbar::before { color:#fff!important; opacity: 1!important; margin-top: 6px!important; } @media only screen and (min-width: 64em) and (max-width: 82em) { #desktop-header #desktop-menu { display:none; } #desktop-header #tablet-menu { display:block; } #desktop-header #navbar { height:150px; } .reveal-modal.tiny { width:450px; } #shop .none1 { height:150px; } #blog .feature { margin-top: 40px; padding: 90px 50px; } #desktop-shop-menu { text-align: center; padding: 0; } #desktop-shop-menu .searchbox { display:none; } #desktop-shop-menu .searchbox-btn { display:block; } #location1 #map_canvas { top:150px; } #location1 #side_panel { top:150px; } } /* Tablet */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .reveal-modal.tiny { width:450px; } #shop .none1 { height:150px; } #desktop-shop-menu { text-align: center; padding: 0; } #desktop-header #navbar { height:150px; } #desktop-header #navbar .logo { margin-left:0px; } #desktop-header #desktop-menu { display:none; } #desktop-header #tablet-menu { display:block; } #desktop-shop-menu ul li { padding:0 15px; } .package-list .item .box .pricebox .price { text-align:center; float:none; } .package-list .item .box .pricebox .buy { float:none; margin:0; } .package-list .item .box .pricebox .buy a { display:block; text-align:center;} .package-list .slick-prev, .package-list .slick-next { display:none!important; } .product-list .slick-prev, .product-list .slick-next { display:none!important; } #home #tumblr ul li .hover { padding:30px; } #home #tumblr ul li .hover .box h3 { font-size:16px; } #page #page-content { padding-top:30px; } #page #page-content .store-content { padding-left:0.9375rem!important; border:none; } #page #page-content .store-list { padding:30px 20px 20px 20px; background:#eee; } .feature .item .main { padding-top:150px; } .feature .category .columns { border:#000 solid 10px; padding:80px 30px; text-align:center; } #shop .none1 { height:150px!important; } #desktop-shop-menu .searchbox { display:none; } #desktop-shop-menu { text-align:center; } #desktop-shop-menu ul.topmenu { display:inline; } #desktop-shop-menu ul li { float:none; display:inline-block; position:inherit; } #desktop-shop-menu ul li .floatmenu { width:100%; border-right:none; border-left:none; left:0; padding: 20px; } #desktop-shop-menu ul li .floatmenu .menucol { text-align:left; display:block; width:100%!important; height:100%; overflow:auto; margin-right:0; margin-bottom:20px;} #desktop-shop-menu ul li .floatmenu .menucol ol { float:none; margin-bottom:25px; } #desktop-shop-menu ul li .floatmenu .menucol ol li { float:left; width:33%; } #desktop-shop-menu .searchbox-btn { display:block; } .product-detail .cartbox .oneclick button { font-size:18px; } .product-detail .desc .tabs li a { font-size:14px; } .product-detail .together .pic .product_pic { margin:0 12px; width:80px; } .checkout .cart-list .col-qty .textbox { width:60px; } .checkout .cart-list .item .columns { font-size:13px; } .checkout .summary { padding:0; background:#fff; } .checkout .summary .promobox { background:#ececec; padding:15px 33px; margin-bottom:3px; } .checkout .summary .totalbox { background:#fff; padding:15px 0px; } .checkout .summary .promobox .textbox { width:80%; } .checkout .summary .totalbox .box { width:100%; } .checkout .step2form .summary { margin-right: 0px; } .checkout .step2title { margin-right: 0px; } .checkout .btnbox { text-align: center; padding-bottom: 40px;} .checkout .loginbox { padding-right:0; } .checkout .loginbox .box p { float:none; display:block; clear:both; } .checkout .loginbox .btn-signin { padding:16px 0 0 78px; line-height:20px; } .checkout .loginbox .btn-signin span { display:block; width:180px; } .checkout .signup { padding-left:0; } .checkout #checkoutform .first { padding-right:0; } .checkout #checkoutform .right { padding-left:0; padding-right:0; } .checkout #checkoutform .last { padding-left:0; padding-right:0; } .checkout .step2summary { padding-left: 0px!important; padding-right: 0px!important; } .store-content .anchor { display:block; } .member-panel .detail .status .download { display:block; float:none; margin-top:20px; } .linebreak { clear:both; } #deal #intro .col2 { display: none; } #deal .mobile-highlight { display: block; } #blog .feature { margin-top: 40px; padding: 90px 50px; } #blog .paging .col1 { padding-left: 0.935rem; } #blog_detail .col1 { padding-right: 0.935rem; } #blog_detail .col2 { margin-top: 60px; } #blog_detail .col2 h2 { text-align: center; } #blog_detail .col2 .item { border-bottom: none; } #desktop-shop-menu #menu6 { width: 100%!important; } #desktop-shop-menu ul li .floatmenu .menucol ol { margin-bottom: 0; } #desktop-shop-menu .floatmenu { padding:10px 10px 10px 10px; } #location1 #map_canvas { position: relative; width: 100%; height: 450px; top:0; } #location1 #side_panel { position: relative; width: 100%; top:0;} #location_detail #map_canvas { margin-bottom: 15px; } #location_detail h1 { font-size: 30px; } } @media only screen and (min-width: 40.063em) and (max-width: 50em) { #desktop-header #tablet-menu .tool .phone { display: none; top:0; } } /* Mobile */ @media only screen and (max-width: 40em) { .checkout #checkoutform .payment .moreinfo { float: none; display: block; margin:10px 0 20px 0; } .worth .padding { margin-top: 0px; display: block; } #desktop-header { display:none; } #mobile-header { display:block; } #mobile-banner { display:block; } #mobile-adv { display:block; } /*#desktop-header #navbar { display:none; }*/ .bag { width:26px; float:right; margin:5px 10px 0 0; } #desktop-shop-menu { display:none; } .section { padding:45px 0 0 0; } .section h2 { margin:0 0 25px 0; } .section h2 span { width:90%; margin:0 auto; } .section .btn-viewall { margin-top:30px; display:block; margin:30px 30px 0 30px; background:#ff9c00; color:#fff; border:none; } .package-list .item .box .pricebox .price { text-align:center; float:none; } .package-list .item .box .pricebox .buy { float:none; margin:0; } .package-list .item .box .pricebox .buy a { display:block; text-align:center;} #shop .package-list .filter .branch { text-align:center; padding-bottom:20px; } #shop .package-list .filter .sort { text-align:center; } #shop .package h1.desktop { display:none; } #shop .package h1.mobile { display:block; } #shop .package .path { font-size:14px; } #shop .package { padding-top:30px; } .package-list .slick-prev, .package-list .slick-next { display:none!important; } .product-list .slick-prev, .product-list .slick-next { display:none!important; } #home #text_banner { margin:20px 0 0px 0; } #home #text_banner a { border:#000 solid 2px; display:block; padding:10px; color:#000; font-size:22px; text-align:center; margin-bottom:10px; } #home #tumblr ul li .hover { padding:20px; } #home #tumblr ul li .hover .box h3 { font-size:16px; } #home .social .column img { margin:0 6px ;} #page #page-content { padding:30px 0 0 0; } #page #page-content .main { padding-left:0.9375rem; border:none; } #page #page-content .side { padding:30px 20px 20px 20px; background:#eee; } #collection .welcome { padding-top:30px; padding-bottom:0; } #collection .welcome h1 { font-size:30px; } #collection .section li h3 { font-size:15px; line-height:18px; padding:30px 10px 10px 10px; } /*.feature .item { height:250px; }*/ /*.feature .item { background:none!important; height:auto; }*/ /* .feature .item .main { padding-top:30px; text-align:center; } .feature .item .main h2 { font-size:33px; } .feature .item .main p { font-size:18px; } .feature .item .btn { margin-top:30px; } .feature .item .btn a { font-size:15px!important; }*/ .collection-list .pic { margin-bottom:20px; } #page #page-content .store-content { padding-left:0.9375rem; border:none; } .store-content .row1 .col1 { padding-right:0; margin-bottom:20px; } .store-content .row1 .col2 { padding-left:0; } .store-content h1 { display:block; } #copyright { padding:30px 0; } .product-list .item h3 { font-size:12px; line-height:18px; height:108px; } .product-list .item h3 span { font-size:11px; height:15px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; } .product-list .item .img { margin:30px 0 15px 0; } .product-list .item .price { } .product-list .item .price span { display:block; } .product-list .item .price .special { margin-left:0; } .product-detail #mobile-product-header { display:block; } .product-detail #desktop-product-header { display:none; } .product-detail #desktop-path { display:none; } .product-detail .btn-watchlist { display:none; } .product-detail .pricebox { display:none; } .product-detail .breadcrumb { margin-top: 10px; } .product-detail { margin:20px 0; } .product-detail .gallery { padding-bottom:30px; border-bottom:#ccc solid 1px; margin-bottom:0px; } .product-detail .options .title { font-size:14px; line-height:17px; } .product-detail .options { padding-bottom: 30px; } .product-detail .options .checkbox { width:20px; height:20px; background-size:20px 20px; margin-top:30px; } .product-detail .options .col1 { padding-left:0; } .product-detail .options .col3 { padding-right:0; } .product-detail .cartbox .columns { padding-left:0; padding-right:0; } .product-detail .desc { display:none; } .product-detail .desc-mobile { display:block; } .product-detail .together .pic { text-align:center; padding-bottom:30px; } .product-detail .together .info { text-align:center; } .product-detail .together .info .price { margin:20px 0 40px 0; } .product-detail .together .pic .product_pic { margin:0 10px; width:80px; } .checkout h1 { font-size:28px; margin-bottom:25px; } .checkout .cart-list .col-hide { display:none; } .checkout .cart-list .label-qty { text-align:right; } .checkout .cart-list .col-qty { text-align:right; } .checkout .cart-list .col-qty .textbox { float:right; margin-bottom:30px; } .checkout .cart-list .item .btn-remove { float:right; display:block; clear:right; } .checkout .cart-list .item .price { display:none; } .checkout .summary { padding:0; background:#fff; } .checkout .summary .columns { padding:0; margin:0; } .checkout .summary .promobox { background:#ececec; padding:15px 20px; margin-bottom:3px; } .checkout .summary .totalbox { background:#fff; padding:15px 0px; } .checkout .summary .promobox .textbox { width:100%; } .checkout .summary .promobox button { width:100%; margin-bottom:15px; } .checkout .summary .totalbox .box { width:100%; } .checkout .summary .promobox p { font-size:12px; } .checkout .summary .promobox h4 { font-size:15px; } .checkout .summary .totalbox p label { width:150px; } .checkout .step2summary { padding-left: 0px!important; padding-right: 0px!important; } .checkout .step2note { display: none; } .checkout .btnbox { text-align: center; padding-bottom: 40px;} .chknote .col1,.chknote .col2 { border-right:none; margin-bottom: 30px!important; } .chknote .col1,.chknote .col3,.chknote .col3 { padding: 0; } .checkout .loginbox { padding-right:0; } .checkout .loginbox .first { padding-right:0; } .checkout .loginbox .last { padding-left:0; } .checkout .loginbox .box button { width:100%; } .checkout .signup { padding-left:0; margin-top:30px; } .checkout .loginbox .btn-signin { padding-top:20px; line-height:20px; } .checkout .loginbox .btn-signin span { width:180px; display:block; } .checkout .signup .btn1 { padding-right:0; margin-bottom:15px; } .checkout .signup .btn2 { padding-left:0; } .checkout .signup .form .col1 { padding-right:0; } .checkout .signup .form .col2 { padding-left:0; } .checkout .signup .form button { width:100%; } .checkout #checkoutform .first { padding-right:0; } .checkout #checkoutform .right { padding-left:0; padding-right:0; } .checkout #checkoutform .last { padding-left:0; padding-right:0; } .checkout #checkoutform .survey .question { font-size:12px; } .checkout #checkoutform .survey .question strong { font-weight:300; } .checkout #checkoutform .no-left { padding-left:0; } .checkout #checkoutform .add { font-size:13px; padding-left:20px; } .checkout #checkoutform .payment .totalcharge { font-size:15px; } .checkout #checkoutform .payment button { font-size:15px; } .checkout #checkoutform .floor .box .update { bottom:auto; float:none; position:relative; right:auto; } .checkout .step2form .summary { margin-right: 0px; margin-bottom: 20px!important; } .checkout .step2form .summary { } .checkout .step2title { margin-right: 0px; } #tabbutton { display:block; } .member-panel .panelbox { padding:15px; } .member-panel .panelbox h3 { font-size:16px; } .member-panel .panelbox h3 a { font-size:13px; margin-top:3px; } .member-panel .detail { margin-top:12px; } .member-panel .detail .status .download { display:block; float:none; padding:8px 0; background:#888; color:#fff; margin:10px 0 0 0; text-align:center; } #copyright { padding-bottom:100px; } #page #page-content .career .item { padding:15px; } #shop #desktop-filter { display:none; } #shop #mobile-filter { display:block; } .store-content #map_canvas { height:250px; } .store-content .streetview iframe { height:350px; } .reveal-modal { top:0!important; bottom:0; z-index:1500; overflow:auto; padding-bottom:60px; -webkit-overflow-scrolling: touch; } .checkout #desktop_free_sample .pic { border-radius:250px; border:#ccc solid 1px; width:130px; } .checkout #desktop_free_sample li { padding-bottom:20px; margin-bottom:30px; } .checkout #desktop_free_sample li .desc { } .checkout #desktop_free_sample li h4 { color:#7dbe31; font-size:18px; text-transform:uppercase; } .checkout #desktop_free_sample li p { font-size:13px; margin-bottom:18px; } .checkout #desktop_free_sample li button { width:100%; } .checkout #desktop_free_sample li button:hover { background:#7dbe31; color:#fff; } .store-content .anchor { display:block; } .checkout .cart-list .item .subprice { display:block; } #deal { margin: 20px 0;} #deal #intro .col2 { display: none; } #deal #main .tab ul li a { padding: 12px 12px; display: block; font-size: 14px; color: #231f20; text-transform:uppercase; font-weight: 600; } #deal #main .tab ul li a.selected { background: #eaeaec; } #deal #main .no-right-padding { padding-right: 0.935rem; } #deal #intro .col1 .thumb ul li img { width: 80px; height: 60px; } #deal_checkout { margin: 20px 0; } #deal_checkout .box .col2 { font-size: 14px; } #deal .mobile-highlight { display: block; } .checkout .payoption .col1 { padding-left: 0; padding-right: 0; } .checkout .payoption .col2 { padding-left: 0; padding-right: 0; cursor: pointer; } .checkout .payoption .col3 { padding-left: 0; padding-right: 0; } .checkout .payoption .col4 { padding-left: 0; padding-right: 0; cursor: pointer; } .checkout .payoption .col5 { padding-left: 0; padding-right: 0; } .checkout .payoption .col6 { padding-left: 0; padding-right: 0; cursor: pointer; } .newsletter button { width: 100%; } #blog .feature { padding:0; background:none!important; } #blog .feature .column { padding: 0; } #blog .feature .desc { font-size: 14px; } #blog .feature .desc p { font-size: 14px; } #blog .feature .box { padding: 15px 20px; } #blog .feature h1 { font-size:26px; } #blog .paging .col1 { padding-left: 0.935rem; } #blog .paging { margin:10px 0 50px 0; } #blog .paging .more { display: block; text-align: center; } #blog .paging .col1 { text-align: center; } #blog .paging .col2 { padding-bottom: 30px; } #home_blog h2 { font-size: 24px; margin-bottom: 30px; } #home_blog .box { margin-bottom: 15px; } #blog_detail { padding: 30px 0; } #blog_detail .col1 { padding-right: 0.935rem; } #blog_detail .desc { margin: 0 0.935rem; } #blog_detail .col2 { margin-top: 60px; } #blog_detail .col2 .item { margin: 10px 0 0 0; border-bottom: #000 solid 7px; } #location1 #map_canvas { position: relative; width: 100%; height: 450px; top:0; } #location1 #side_panel { position: relative; width: 100%; top:0;} #location1 #side_panel .section1 { padding-left: 20px; padding-right: 20px; } #location1 #side_panel .section2 { padding-left: 20px; padding-right: 20px; } #location1 #side_panel .list { padding-left: 20px; padding-right: 20px; } #location_detail #map_canvas { margin-bottom: 15px; } #location_detail h1 { font-size: 30px; } .newclient .package h2 { font-size:24px; } .newclient .package p { font-style: 15px; } .newclient .button { width: 100%; } .product-detail .notify { text-align: left; border:#ccc solid 1px; border-radius: 8px; padding: 10px; } .product-detail .notify label { margin-top: 4px; } .product-detail .lcs_wrap { float: right; } .product-list .item .addcart_wrapper { margin:0 10px; } .product-list .item .addcart { font-size: 13px; padding:6px 26px 6px 10px; width: 100%; } .product-list .item .addcart:before { right:10px; } #shop #preezie_section h3 { text-align: center; } #shop #preezie_section .col2 { text-align: center; } #shop #preezie_section .btn_finder { display: block; padding-left: 8px; } }