/* Quick.Cart default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design */ /* GLOBAL STYLES */ body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;} body,table{color:#777777;font-size:0.75em;font-family:Verdana, Arial, sans-serif;background:url('img/loader.gif') no-repeat;background-position:-2000px -2000px;} img {max-width: 100%;} body{padding:0;background:#fff url('img/bg.jpg') no-repeat top center;text-align:center;} .input, select, textarea{padding:3px 5px;border-width:1px;border-style:solid;border-color:#e4e4e4;padding:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size:1em;font-family:Verdana;} .submit, .showInfo {padding:3px 10px;font-size:1em;font-style:normal;border:0;background:url('img/button.png') repeat-x center;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;border:1px solid #a3c232;color:#fff;} .submit:hover, .showInfo:hover {background:#7ea000;cursor:pointer;color:#fff;border-color:#7ea000;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} .form label{font-size:1em;color:#777777;} .hide{display:none;} input::-moz-focus-inner { border:0; padding:0 } .showInfo {display:block;float:right;} /* PROMOTIONAL POPUP */ .popup-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0, .85); z-index: 11001;} .popup {position: fixed; top: 130px; right: 0; left: 50%; width: 600px; margin-left: -300px; text-align: center;} .closepopup {float: right; font-size: 17px !important; cursor: pointer; color: #fff;} .popup img {max-width: 100%; padding: 5px 10px; box-sizing: border-box;} .popup img + .popup-text {margin-top: 15px;} .popup-text {padding: 15px; background: #fff; font-size: 20px !important; border-radius: 10px; float: left; width: 100%; box-sizing: border-box; margin-top: 15px;} .popup-text ul {margin: 8px 0 0 30px;} @media screen and (max-width: 660px) { .popup {right: 0; left: 20px; right: 20px; top: 90px; width: unset; margin-left: 0;} .popup-text {padding: 5px; background: #fff; font-size: 11px !important; border-radius: 5px; float: left; width: 100%; box-sizing: border-box; margin-top: 8px;} .closepopup {float: right; font-size: 14px !important; cursor: pointer; color: #fff;} .popup-text ul {margin: 8px 0 0 5;} } a{color:#c37ee0;text-decoration:underline;} a:hover{color:#666;text-decoration:underline;} .clear{clear:both;height:0px;font-size:0px;line-height:0px;} .skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;} #container{position:relative;float:left;width:100%;margin:0 auto;padding:0px;} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:1000px;margin:0 auto;text-align:left;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ /* MENU TOP 1 */ #menu1 ul{float:right;margin:10px 3px 3px 0;list-style:none;} #menu1 li{float:left;padding:18px 0 0 10px;} #menu1 li a{padding-right:0px;font-weight:normal;text-decoration:none;color:#c37ee0;font-size:0.8em;} #menu1 li a:hover, #menu1 .selected a{text-decoration:underline;color:#a3c232;} #menu1 li.lBasket .basketLink {padding:0 0 0 10px;font-size: 13px;} /* basket size */ #menu1 li.lBasket{float:right;padding:0px 8px 15px 0px; background: url('img/mcart.png')no-repeat 81px 0;margin-left:10px;} #menu1 li.lBasket a{float:left;display:block;position:relative;padding:10px 0 0 0px;background:none;color:#ff6600;font-size:16px;} #menu1 li.lBasket a:hover{color:#a3c232;} #menu1 li.lBasket span{float:left;display:block;color:#666;font-size:1.017em;font-family:sans-serif;margin-left:22px;margin-top:3px;} #menu1 li.lBasket strong {color:#c37ee0;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{clear:both;} #head2 .container{background:url('img/head2.png') no-repeat;height:57px;position:relative;} #logo{float:left;padding:10px 10px 5px 5px;} #logo #title{float:left;} #logo #slogan{float:left;clear:left;padding:0 0 0 0px !important;background:inherit;color:#164a71;font-size:0.97em !important;} * html #logo #slogan{width:100%;} /* IE 6 hack */ /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{background:#817f81 url('img/menu2_bg.png') repeat-x;overflow:hidden;height:38px;border-color:#969393;border-top:1px solid #6d6c6c;border-bottom:1px solid #302f2f;} /* MENU TOP 2 */ #menu2 ul{float:left;height:100%;margin:0;list-style:none;} #menu2 li{float:left;padding:0;border-right:1px dotted #85a21b;border-left:1px dotted #b6d838;} #menu2 li a:hover, #menu2 .selected > a:first-child {color:#fff;text-decoration:underline;} #menu2 .l1 {border-left:0px;} #menu2 .lL {border-right:0px;} #menu2 label {display:none;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:0;} #body .container{overflow:hidden;} /* LEFT COLUMN STYLES */ #column{float:left;width:270px;padding:0px 0;} .order #column{display:none;} #searchForm{padding:15px 5px;text-align:center;float:right;margin:10px 0px 0px;} #searchForm label{display:none;} #searchForm .input{width:150px;} *:first-child+html #searchForm .submit{padding:3px 3px 3px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 3px} /* IE 6 hack */ #menu3{padding:0;margin:0;float:left;clear:both;width:270px;} #column .type, #promoted .title {padding:5px 0px 15px 20px;color:#fff;background:url('img/type.jpg') no-repeat;font:normal 18px 'Trebuchet MS';text-transform:uppercase;} #menu3 .type {float:left;padding:5px 0 15px 20px;width:250px;} /* LEFT MENU */ #menu3 ul{padding:0px 20px 0px 0px;list-style:none;} #menu3 li{margin:0 3px;padding:4px 0 4px 12px;border-bottom:1px dotted #e6c289;} #menu3 a{display:block;width:100%;padding:4px 0;color:#888888;font-weight:bold;text-decoration:none;background:none;} #menu3 a:hover, #menu3 .sub1 a:hover{color:#9fbf2c;background:none;text-decoration:underline;} #menu3 .selected > a:first-child{color:#9fbf2c;background:none;} #menu3 .sub1{margin:0;padding:0;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;} #menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;} /* RIGHT COLUMN STYLES */ #content{float:left;width:730px;padding:0px 0 10px;text-align:center;} * html #content{width:730px;} /* IE 6 hack */ .order #content{width:100%;} #page{position:relative;width:100%;margin:0 auto;text-align:left;} * html #page{width:100%;} /* IE 6 hack */ * html .order #page{width:94%;} /* IE 6 hack */ /* PAGE TITLE */ #page h1{margin:0px 0 0px;padding-left:10px;background:inherit;color:#c37ee0;font-size:2.25em;font-weight:normal;background:inherit;font-family:'Trebuchet MS';border-bottom:1px dotted #a3c232;} /* NAVIGATION PATH - TREE */ #page h4{top:0px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;} #page h4 a{text-decoration:none;} #page h4 a:hover{text-decoration:underline;} *:first-child+html #page h4{top:-5px;} /* IE 7 hack */ * html #page h4{top:-5px;} /* IE 6 hack */ /* PAGE CONTENT */ #page div.content{padding:5px 0;font-size:1.083em;line-height:1.5em;} #page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;} #page div.content li{margin:8px 0;padding:0;border-left:0;} #page div.content p{padding-bottom:10px;} .tS{float:right;margin:17px 0 3px;} .tS div{display:inline;} .tS a{margin:0 4px;text-decoration:none;background:inherit;color:#2e6a97;font-weight:bold;font-family:Arial;} .tS a:hover{color:#c22463;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:8px 0;text-align:right;font-size:1.083em;} .pages ul, .pages li{display:inline;} .pages li{padding:0 2px;} .pages a, .pages strong{padding:0 1px;font-size:1.083em;} /* IMAGES STYLES */ .imagesList{list-style:none;} .imagesList li{margin:0 0 15px 0;text-align:center;} .imagesList li div{text-align:center;} .subpagesList li img, .imagesList li img, .imagePreview img, #products li .photo img{padding:1px;background:#fff;border:1px solid #e0e0e0;} .subpagesList li img:hover, .imagesList li img:hover, .imagePreview img:hover, #products li .photo a:hover img{border:1px solid #d0d0d0;} #imagesList1{float:left;margin:9px 5px 0 0;} #imagesList2{clear:right;float:right;margin:8px 0 0 15px;} .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;clear:left;} * html #imagesListPreview{margin-top:-5px;} .imagesList#imagesListPreview li{float:left;margin-right:5px;} .imagesList#imagesListPreview li img{border:1px solid #e0e0e0;} .imagesList#imagesListPreview li img:hover{border:1px solid #d0d0d0;} /* FILES LIST STYLES */ #filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #e0e0e0;} #filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;} #filesList li a{color:#c37ee0;background:inherit;} #filesList li a:hover{color:#666;background:inherit;} #filesList img{margin:0 8px 0 0;vertical-align:middle;} #filesList em{padding-left:2px;} /* SUB PAGES LIST STYLES */ .subpagesList{float:left;width:100%;margin:7px 0;list-style:none;} .subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;border-bottom:1px solid #e0e0e0;} * html .subpagesList li{width:100%;} /* IE 6 hack */ .subpagesList li .photo{float:left;margin:0 18px 5px 0;} .subpagesList li .photo img{border-color:#d5d5d2;} .subpagesList li .photo img:hover{border-color:#e0e0e0;} .subpagesList li h2{padding-bottom:10px;} .subpagesList li h2, .subpagesList li h2 a{color:#c37ee0;font-size:1.25em;font-weight:normal;background:none;} .subpagesList li h2 a:hover{color:#666;background:none;} .subpagesList li h6{padding:0 0 5px;font-weight:bold;font-size:1em;} .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;} .subpagesList li ul, .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} .subpagesList li li{padding:0;border-left:0;background:none;} .subpagesList li ul{list-style:disc;} .subpagesList li ol{list-style:decimal;} /* OPTIONS LINK */ #options{clear:both;float:right;width:100%;margin:0px 0px;color:#666;font-size:0.8em;text-align:right;} *:first-child+html #options{width:94%;} /* IE 7 hack */ * html #options{width:94%;} /* IE 6 hack */ #options a{padding:0 10px 0;color:#666;background:inherit;} #options a:hover{color:#c37ee0;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{padding:50px 0;text-align:center;} .message h3{background:inherit;color:#777777;font-weight:normal;font-size:1.2em;line-height:1.7em;} .message h3 a{color:#2e6a97;background:inherit;} .message h3 a:hover{color:#666;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:10px 0;list-style:none;border-bottom:1px solid #e0e0e0;} #products ul.list{float:left;width:100%;list-style:none;} #products .list li{float:left;width:181px;padding:10px 0;border-right:1px dotted #e6c289;border-bottom:1px dotted #e6c289;text-align:center;} /* standard products list (not columns) example: #products .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;text-align:left;} */ #products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products li.column1{clear:both;margin-left:0;border-left:1px dotted #e6c289;} #products li .photo{font-size:0px;line-height:0px;} #products li .photo img{border:0px solid #e0e0e0;transition: all .2s ease-in-out;} #products li .photo a:hover img{border:0px solid #d5d5d2;} #products li h2{padding:5px 0 0 0;font-weight:bold;font-size:1.083em;height:48px;} #products li h2 a{text-decoration:none;color:#888888;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#666;} #products li h3 a:hover{color:#c22463;} #products li h3 em{padding:0 5px;} #products li .price, #products li .noPrice{margin:3px 0 5px 0;background-color:inherit;color:#c37ee0;text-decoration:none;} #products li .price em{padding:0 2px 0 0;background:inherit;color:#666;font-style:normal;} #products li .price strong{font-size:1.167em;} #products li .noPrice strong{font-size:1.083em;} #products li .price span{padding-left:4px;font-size:1.083em;color:#666;} #products li .basket{width:146px;margin:10px auto 0;font-size:0.917em;font-weight:bold;padding-left:3px;} #products li .basket a{display:block;padding:6px 0px 6px 0px;color:#fff;background:#a3c034;text-decoration:none;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #products .product_options {float:left;background:#f4f4f4;border:1px solid #e0e0e0;width:720px;padding:0px 4px;} #products .list li:hover h2 a {color:#c37ee0} #products .list li:hover h2 a:hover{text-decoration:underline;color:#99ba23} #products .list li:hover { -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.3);} #products .list li:hover .photo img {transform: scale(1.1);} #products .list li:hover .basket a { background-color: #c37ee0; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } #products .list li:hover .basket a:hover { background-color: #a3c034; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;} #products .pages{float:right;margin:0;padding:5px 0;border:0;background:none;text-align:right;font-size:0.8em;color:#777777;} #products .pages li{float:none;clear:none;display:inline;width:auto;margin:0;padding:0 2px;border:0;background:none;} #products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;color:#777777;text-decoration:none;} #products .pages#pagesBefore{clear:none;width:auto;} #products .sort{float:left;margin:0 10px 0 0;padding:5px 0;border:0;background:none;text-align:left;font-size:0.8em;color:#777777;} #products .sort div{display:inline;padding:0 4px;} #products .sort a {text-decoration:none;color:#777777;} #products .sort a:hover, #products .pages a:hover {color:#222222;} /* PRODUCTS DETAILS */ #product{float:right;display:block;width:730px;margin:0 0px;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product h1{margin:0px 0 0px;color:#888888;font-size:1.45em;font-weight:normal;font-family:'Trebuchet MS';border-bottom:1px dotted #e0e0e0;} #product h4{text-align:left ; margin:0 0 4px;padding:3px 0 3px;border-bottom:1px dotted #e0e0e0;font-weight:normal;font-size:0.918em;} #product h4, #product h4 a{background:inherit;color:#5C7816 !important;text-decoration:none;} #product h4 a:hover{background-color:inherit;color:#c37ee0 !important;} #product h4 em{padding:0 5px;} #product #box{float:right;width:450px;margin:5px 0 10px 5px;padding:3px 0 10px;border-bottom:1px dotted #e0e0e0;text-align:left;} #product #box .price {float:left;width:100%;} #product #box #price, #product #box #noPrice{float:left;width:100%;padding:7px 0;background-color:transparent;color:#666;font-size:1.417em;margin-bottom:5px;} #product #box #noPrice{color:#c37ee0;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.476em;color:#c37ee0;font-weight:bold;} #product #box #available{float:left;width:446px;padding:8px 2px 8px;background-color:transparent;color:c37ee0;font-weight:bold;font-size:0.9em;border-top:1px dotted #e0e0e0;border-bottom:1px dotted #e0e0e0;} #productRating{float:left;margin:0px 0;padding:8px 2px;width:446px;} #product #box #available span, #productRating em {font-style:normal;display:block;float:left;color:#FF0000;font-weight:normal;width:80px;} #productRating em {color:#c0c0c0;} #product #box #addBasket{float:left;clear:both;width:100%;} #product #box #addBasket .submit{float:right;width:140px;padding:5px 0px;border:0;background:url('img/button.png');color:#fff;font-size:0.8em;font-weight:bold;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;margin-top:20px;} #product #box #addBasket .submit:hover{background:#7ea000;cursor:pointer;color:#fff;border-color:#7ea000;} #product #box .addthis_toolbox {float:left;width:100%;border-top:1px dotted #e0e0e0;padding-top:8px;} #product #box .addthis_inline_share_toolbox {float:left;width:185px;border-top:1px dotted #e0e0e0; padding-top:7px;clear: none !important;} #product #box .button_list_product { float:right; margin-top: 8px;} /* OLD .button_list_product -->> #product #box .button_list_product { float:right; width: calc(100% - 185px); margin-top: 8px;} */ #product #box #ask a {float:right;padding:1px 0px 1px 21px;background:url('img/discount.png') no-repeat;} #product #box #ask a.product_size {float:right;color:#424242;background:url('img/miarka.png') no-repeat 0px 4px;padding-left:25px;} #product #box #ask a.product_size:hover {text-decoration:none;} #product div.content{clear:left;padding:10px 0 10px;font-size:1.083em;line-height:1.5em;} #product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;} #product div.content li{margin:8px 0;padding:0;border-left:0;} #product div.content p{padding-bottom:10px;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border:1px solid #e0e0e0;font-size:1em;color:#c37ee0;border-collapse:collapse;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{background:#f4f4f4;color:#777;border:1px solid #e0e0e0;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;color:#777;text-decoration:none;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{display:none;} #orderedProducts tbody a:hover{background:inherit;color:#666;text-decoration:underline;} #orderedProducts tfoot td {border:1px solid #e0e0e0;} #orderedProducts tfoot{text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .summaryProducts th {color:#777;} #basket .buttons {float:right;margin:10px 0px;text-align:right;} #basket .buttons .save {background:#e0e0e0;border-color:#e0e0e0;color:#3b3b3b;} #basket .buttons .save:hover {background:#3b3b3b;border-color:#3b3b3b;color:#e0e0e0;} #basket {min-height:320px;} #basket #orderedProducts table{margin:10px 0 0;} #basket .info{padding:10px 0;text-align:left;} #basket .summaryProducts{font-size:1.36em;font-weight:bold;} #basket .summaryProducts #summary{font-weight:bold;} #basket .del{padding:0 5px 0 10px;} #basket .del a{background:inherit;color:#666;} #basket .del a:hover{background:inherit;color:#c22463;} #order legend{padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#c37ee0;border-bottom:1px solid #e0e0e0;display:block;width:100%;} #order #personalData, #order #comment {padding:12px 0 12px 3%;border-bottom:1px solid #e0e0e0;display:none; margin-bottom: 8px;} #shippingAndPayments ul {list-style:none;margin:5px 0;padding:0;} #shippingAndPayments ul ul {margin:10px 0 10px 20px;} #shippingAndPayments ul li {margin:0;padding:2px 0px;float:left;clear:left;} #shippingAndPayments ul.cirkam li {float:left;clear:none;margin-bottom:5px;} #order #personalData #setBasic{float:left;width:50%;} #order #personalData #setExtend{float:right;width:46%;} #order #personalData label{display:block;padding:2px 0;font-weight:normal !important; color:#777777;} #order #personalData #company label, #order #personalData #comment label{font-weight:normal;} #order #personalData .input, #order #personalData #oStreet{width:calc(100% - 8px);margin:0 0 5px;} #order #personalData #oStreet{height:60px !important; resize: none;} #order #shippingAddress #oDeliveryStreet{height:40px; resize: none;} #order #oComment {width:95%;margin:0 0 5px;height:50px !important;} #Kurir, #Kirim1, #Kirim2, #Kirim3, #shippingAddressMain {display:none;} #shippingAddressMain {border-top:1px solid #e0e0e0; margin-top: 20px;} #Kirim2 {padding-top:20px;padding-left:40px;} .shippingAddressSelect {width:100%;float:left;padding:5px 0;color:#333;font-size:0.933em;font-weight:300;} .shippingAddressSelect input {margin-right:5px;} #shippingAddress {display:none;float:left;width:100%;padding:12px 0;} #setDelivery, #setDeliveryInfo {float:left;width:50%;} #shippingAddress label{display:block;padding:2px 0 5px;font-weight:300;font-size:1.133em;} #shippingAddress .input {width:90%;margin:0 0 5px;} #shippingAddress p {font-weight:300;font-size:1.133em;padding:15px 0;} #setDeliveryInfo select {width:300px;} #shippingAndPayments fieldset{padding:11px 0 0 0;} #fileUpload fieldset{padding:11px 3%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #order tfoot td, #orderPrint tfoot td{color:#c37ee0;border:1px solid #e0e0e0;} #order tbody .quantity {color:#777;} #order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;} #order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;border:1px solid #e0e0e0;} #order .summaryOrder, #orderPrint .summaryOrder{color:#777;font-size:1.36em;font-weight:bold;} #order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;} #order .summaryOrder th, #order .summaryOrder td{border:1px solid #e0e0e0;} .summaryShippingPayment th {color:#777;} #order #rulesAccept th{color:#666;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */ /* ORDER SUMMARY/PRINT PAGE */ #orderPrint #pageDescription{padding:10px 8px 20px;background:inherit;font-weight:normal;font-size:1.5em;text-align:center;color:#c37ee0;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#c37ee0;font-size:1.2em;font-weight:bold;} #orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;} #orderPrint dt{clear:left;text-align:right; border: 0px solid #ff9900;} #orderPrint dd{padding-left:3%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{clear:both;background:url('img/foot.jpg') no-repeat top center;height:51px;font-size:0.8em;} #foot .container{width:1000px;margin:0 auto;padding:15px 0 0px;color:#888888;overflow:hidden;} #foot a{background:inherit;color:#888888;text-decoration:none;} #foot a:hover{color:#a3c232;background:inherit;text-decoration:underline;} #copy{float:left;padding:0 0px;} .foot{float:right;padding:0 0px;} #foot .menu2 ul{float:right;margin:0;list-style:none;} #foot .menu2 li{float:left;padding:0;border:0px;} #foot .menu2 li a{float:left;height:11px;padding:0px 8px 0px;color:#888;text-decoration:none;font:normal 10px 'Trebuchet MS';text-transform:uppercase;} #foot .menu2 li a:hover, #menu2 .selected a{color:#888;text-decoration:underline;} @media print{ /* PRINT STYLES */ #rss{display:none;} * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;} #head2 .container, #head2{height:auto;} #logo{padding:0 0 0.2cm;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;} #body{clear:none;} #body .container{overflow:visible;} #logo #title, #page h1{padding:0;} #page h4{position:relative;top:0;} #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;} #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;} } /* PLUGINS */ #paymentOuter{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #bebebe;font-weight:bold;} #paymentLink div{padding-bottom:10px;} #products li .priceNetto, #product #box #price #priceNetto{padding-top:3px;font-size:0.9em;color:#c37ee0;font-weight:normal;} #products li .price .priceNetto em, #product #box #price #priceNetto em{font-weight:normal;padding-right:2px;} #products li .price .priceNetto span, #product #box #price #priceNetto span{font-weight:normal;padding-right:5px;font-size:1em;color:#666;} #products li .price .priceNetto strong, #product #box #price #priceNetto strong{font-weight:normal;font-size:1em;} #products li .priceNetto, #priceNetto{display:none} #product #box #price #priceNetto{font-size:0.7em;color:#c37ee0;} #product #box #price #priceNetto strong{padding:0 3px 0 0;} #product #box #price #priceNetto em{color:#666;} #column .box{float:left;margin:0 0px 15px;width:100%;clear:both;} #column .box .content{margin:8px 15px 8px 5px;list-style:none;border-bottom:2px dotted #e6c289;line-height:1.5em;} #column .box .visits{font-size:1.2em;} #column .box .visits span{margin-right:15px;} #column .box .visits em{font-style:normal;} #lastProduct{margin-bottom:10px;padding:0 0px;float:left;clear:both;width:100%;} #lastProduct .content{margin:8px 0px 8px 5px;list-style:none;border-bottom:2px dotted #e6c289;line-height:1.5em;text-align:center;} #lastProduct img{padding:1px;} #lastProduct img:hover{} #lastProduct h3{font-size:1.1em;padding:5px 0;} #lastProduct a{text-decoration:none;} #lastProduct a:hover{background:inherit;color:#666;text-decoration:underline;} #productRating .results{margin:5px 0 0;font-size:0.9em;float:left;} #productRating .results strong{padding:0 0 0 2px;} .ratingList{margin:20px auto;width:80px;height:16px;background:url('img/stars.gif') no-repeat 0 0;font-size:1px;} .rating{float:right;width:80px;height:16px;padding:0;margin:0 150px 0 0;list-style:none;clear:both;position:relative;background: url(img/stars.gif) no-repeat 0 0;} .stars0{background-position:0 0} .stars1{background-position:0 -96px} .stars2{background-position:0 -112px} .stars3{background-position:0 -128px} .stars4{background-position:0 -144px} .stars5{background-position:0 -160px} ul.rating li{cursor:pointer;float:left;text-indent:-999em;} ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200;} ul.rating li.one a{left:0} ul.rating li.two a{left:16px;} ul.rating li.three a{left:32px;} ul.rating li.four a{left:48px;} ul.rating li.five a{left:64px;} ul.rating li a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background: url(img/stars.gif) no-repeat 0 0} ul.rating li.one a:hover{background-position:0 -96px;} ul.rating li.two a:hover{background-position:0 -112px;} ul.rating li.three a:hover{background-position:0 -128px} ul.rating li.four a:hover{background-position:0 -144px} ul.rating li.five a:hover{background-position:0 -160px} @media print{ #productRating, .ratingList{display:none;} } #orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;} #orderPrint .orderStatusLink div{padding:3px 0;} .contact_box {background:url('img/contact_box.png') no-repeat;padding-bottom:25px !important;margin:0px 0px 10px !important;float:left;clear:both;width:100%;} .contact_box .name {background:none;padding:5px 0px 5px 20px !important;font:bold 18px 'Trebuchet MS';text-transform:uppercase;color:#c37ee0;} .contact_box .desc {padding:0px 8px 10px !important;line-height:20px;} .contact_box .desc2 {padding:0px 28px 15px !important;line-height:18px;} .contact_box strong {font:bold 18px 'Trebuchet MS';padding:0px 4px 10px !important;line-height:40px;padding-left:3px !important;color:#a3c232;} #randomLastProducts {float:left;width:100%;clear:both;} #randomLastProducts h2 {padding:0;line-height:12px;margin-bottom:5px;} #randomLastProducts h2 a {color:#a3c232;text-decoration:none;font-size:12px;line-height:12px;} #randomLastProducts h2 a:hover {text-decoration:underline;} #randomLastProducts li {padding-top:5px;height:auto;} #randomLastProducts .price {font-size:11px;} #randomLastProducts .price strong {color:#c37ee0;font-size:14px;} #lastProduct .price, #lastProduct .noPrice{padding:2px 0 0;background:inherit;} #lastProduct strong{padding:0 2px 0 5px;font-weight:bold;color:#c37ee0} #lastProduct .price em{padding:0;background:inherit;font-style:normal;} #lastProduct .price span{font-weight:normal;padding-left:5px;} #randomLastProducts li .basket{width:146px;margin:2px auto 0;font-size:0.917em;font-weight:bold;padding-left:3px;} #randomLastProducts li .basket a{display:block;padding:6px 0px 6px 0px;color:#fff;background:url('img/basket.png') no-repeat;text-decoration:none;} #newsletterForm {float:left;width:270px;padding:0px 0px 10px;} #newsletterForms {padding:5px 10px;} #newsletterForm .desc {font:normal 12px 'Trebuchet MS';color:#777777;margin:0px 0px 5px;} #newsletterForm .input {float:left;width:230px;border:1px solid;border-color:#e0e0e0;color:#777777;padding:4px 4px;} #newsletterForm .submit {float:right;margin:5px 10px 0px;} #qSlider {width: 730px;height: 285px;position: relative;overflow: hidden;margin:5px 0px 0px;} #qSlider ul {list-style:none;} #qSliderContent {width: 730px;position: absolute;top: 0px;margin-left: 0;} .qSliderImage {float: left;position: relative;display: none;height:285px;margin-left:0px;} .qSliderImage div {position: absolute;padding: 0px 10px;display: none;font-family:'Trebuchet MS';font-size:18px;color:#a3c232;} .clear {clear: both;} .qSliderImage div strong {font-size: 30px;color:#c37ee0;} .qSliderImage div a {padding:6px 26px;background:url('img/button.png') repeat-x;font:normal 13px Arial;color:#fff;text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;margin:20px 0px 0px;} .qSliderImage div h3 {font-size:22px;color:#4d3631;font-family:Arial;} .right {top: 30%;right: 50px;width: 300px !important;height: 240px;text-align:right;} .left {top: 30%;left: 50px;width: 300px !important;height: 240px;text-align:left;} .none {display:none;} #mapa {clear:both;float:left;margin:10px 0;width:730px;height:340px;background:#fff;} #ContactForm {width:300px;float:right;margin:10px 0px 0px 20px;text-align:left;} #ContactForm dd, #ContactForm dt, #ContactForm dl {padding:0px;margin:0px;} #ContactForm dd, #ContactForm dt {width:100%;float:left;padding:0px 0px 4px;} #ContactForm .input, #ContactForm textarea {width:90%;} #ContactForm span {color:#c37ee0;} #ClaimForm {width:100%;float:left;margin:20px 0;} #ClaimForm dl {float:left;margin:0;width:50%;} #ClaimForm dd, #ClaimForm dt {width:100%;margin:0;padding:0;} #ClaimForm .input, #ClaimForm textarea {width:90%;} #ClaimForm label {padding:5px 0;display:block;float:left;} #ClaimForm .submit {float:right;margin:10px 10px 10px 10px;} #ClaimForm #randomCode {float:right;margin:10px 20px 0px 0px;} #ClaimForm .code {float:none;width:40px;} #ClaimForm #randomCode span{font-weight:600;color:#c14746;font-size:14px;} #AskForm {float:left;padding:5px 10px 10px;margin:0px;} #AskForm .photo {float:left;margin:0px 20px 0px 0px;} #AskForm .photo img {max-width:180px;max-height:180px;border:1px solid #dce1e3;padding:2px;} #AskForm .photo img:hover {border-color:#c9cdce;} #AskForm fieldset {float:left;} #AskForm label {color:#666;font-weight: bold;font-size: 8pt;display:block;width:100%;} #AskForm h3 {float:left;color:#a3c232;margin:0px 0px 15px;width:600px;font-size:16px;font-family:'Trebuchet MS';} #AskForm label span {color:#c37ee0;} #AskForm div{ margin-bottom:10px;min-height: 1px !important;clear: both;overflow: hidden;} #AskForm .input {margin-top: 4px;display:block;width: 258px;border:1px solid #e4e4e4;padding:7px 11px;color: #566366;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #AskForm textarea {width:97%;} #paymentConfirmation {float:left;width:650px;padding:5px 20px 20px;} #paymentConfirmation div.contentConfirmation {float:left;width:100%;padding:20px 0;} #paymentConfirmation div p {padding:3px 0px;float:left;clear:left;width:100%;} #paymentConfirmation div p span {display:block;float:left;width:29px;text-align:right;padding:3px 5px 0 0;} #paymentConfirmation div .input, #paymentConfirmation div textarea {width:340px;float:left;clear:none;} #paymentConfirmation div p.amount .input {width:306px;} #paymentConfirmation div select {width:155px;float:left;} #paymentConfirmation label {width:200px;display:block;float:left;font-size:11px;} #paymentConfirmation .submit {float:right;margin:10px 105px 0 0; } #paymentConfirmation .info {float:right;margin:0px 105px 0 0;} #product #box #features {float:left;text-align:left;margin:20px 0 0;} #product #box #qty {float:left;clear:left;padding:0;margin:20px 0 0;} #product #box label {font-weight:300;display:block;float:left;width:120px;text-align:right;font-size:0.8em;padding:5px 10px 0 0;} #product .input, #product select {padding:5px;font-weight:300;font-weight:300;font-size:0.8em;float:left;} .tabs { display: block; clear: both; float: left; list-style: none; position: relative; padding: 0; margin: 0px auto; width:100%; z-index: 1; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } input[name="tabs"] { display: none; } input[name="tabs"] + label { display: inline-block } input[name="tabs"] ~ .tab { display: none } #tab1:checked ~ .tab.content1, #tab2:checked ~ .tab.content2, #tab3:checked ~ .tab.content3, #tab4:checked ~ .tab.content4, #tab5:checked ~ .tab.content5 { display: block; } input[name="tabs"] + label { padding: 8px 10px; color: #818485; font-size: 12px; font-weight: normal; background: #efefef; cursor: pointer; position: relative; } input[name="tabs"] + label:hover { background: #cccccc; } input[name="tabs"]:checked + label { background: #98b81f; color: white; } input[name="tabs"] ~ .tab { float: left; box-sizing: border-box; width: 100%; padding: 15px; border: 1px solid #ccc; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-top: 5px solid #98b81f; background-color: #ffffff; font-size: 1.083em; line-height: 1.5em; margin-bottom: 20px; } @media screen and (max-width: 1000px) { input[name="tabs"] + label { display: block; } input[name="tabs"] ~ .tab { padding: 15px; } } #product .custom table {border-collapse:collapse;border:1px solid #5D6D7E;font-size:1.033em;} #product .custom table thead td {background:#5D6D7E;color:#fff;border:1px solid #fff;text-align:center;padding:6px 20px;} #product .custom table tbody td {color:#2c2c2c;border:1px solid #5D6D7E;background:#fff;padding:4px 20px;} #product .custom table caption {text-align:left;font-size:0.9em;color:#ff0007} #check {float:left;font-size:0.7em;padding:7px 0 0 5px;display:none;} #check a {cursor:pointer;color:#6f6f6f;text-decoration:none;} #payment_shortcut {display:none;width:300px;height:300px;border:1px solid #f0f0f0;border-top:0;background:rgba(255, 255, 255,0.9);position:absolute;text-align:left;z-index:101;padding:10px;top:41px;right:0;} #payment_shortcut fieldset {clear:both} #payment_shortcut p {position:relative;float:left;width:100%;padding:0;margin:0;} #payment_shortcut p span {display:none;position:absolute;color:#d000ac;top:2px;right:10px;} #payment_shortcut .input {background:rgba(255, 255, 255,0.3); width:280px;padding:5px;margin:3px 0 10px;border-radius:0;} .shadow { -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75) ; box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); } #payment_shortcut label {display:block;padding-bottom:5px;} #payment_shortcut .submit {float:right;font-size:1.33em;padding:5px 20px;background:#27c4e7;border-color:#27c4e7;margin:20px 10px 0 0;} #payment_shortcut .submit:hover {background:#d000ac;border-color:#d000ac;} #payment_shortcut select {padding:4px 35px 4px 5px;margin: 0;background: #fff url('img/select.png') no-repeat right;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:1.00em;border-radius:0;} #payment_shortcut a {float:right;text-decoration:none;margin:5px 0 0;cursor:pointer;color:#666;} #payment_shortcut a:hover {color:#27c4e7} #payment_shortcut .bar {display:none;color:#d000ac;text-align:center;padding-top:10px;} #payment_shortcut .loader {float:left;width:100%;text-align:center;padding-top:10px;} ul.category {float:left;list-style:none;width:100%;margin:20px 0;} ul.category li {float:left;width:46%;padding:10px 2%;} ul.category li h2 {font-size:1.13em;color:#9cbc27;} ul.category li.column1{clear:both;margin-left:0;} ul.category li ul {padding:0;margin:10px 1%;list-style:none;width:98%;} ul.category li ul li {width:100%;padding:5px 0;} ul.category li ul li a {text-decoration:none;} ul.category li ul li a:hover {color:#666;} .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog .content { width: 600px; position: relative; margin: 10% auto 0; padding: 20px 10px; background: #fff; border:1px solid #e0e0e0; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); } .modalDialog .content p, .question {padding:5px 10px;} .question {color:#c37ee0;padding:0 10px;} .modalDialog .content .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .modalDialog .content .close:hover { background: #9cbc27; } #orderinfoMessage {position:fixed;width:400px;background:rgba(255,255,255,0.9);border:1px solid #e0e0e0;padding:50px 10px;left:50%;top:200px;margin-left:-210px;text-align:center;color:#ed3237;font-size:1.133em;display:none;z-index:1001;} #orderinfoMessage .close {position:absolute;bottom:5px;right:5px;cursor:pointer;color:#ff6d00;} #check_status {position:fixed;bottom:-170px;right:20px !important; width:180px;background:#a3c232;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow:0px 0px 6px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 0px 6px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 0px 6px 0px rgba(50, 50, 50, 0.3);border:1px solid #e3e3e3;} #check_status.active {width:300px;text-align:left;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:9999;bottom:-10px;} #check_status .title {font-weight:bold;color:#fff;font-size:0.9em;padding:0 5px;line-height:38px;cursor:pointer;} #check_status.active .title {background:#a3c232 url('img/close.png') no-repeat 280px 5px;color:#fff;line-height:25px;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} #check_status label {display:block;padding-bottom:5px;color:#222;} #check_status .input {width:275px;padding:5px;} #check_status form {padding:10px 2%;float:left;width:96%;height:150px;margin:0;} #check_status .submit {float:right;background:#ff6600;border-color:yellow;clear:both;margin:2px 0 10px;} #check_status p {position:relative;float:left;width:100%;padding:0;margin:0;} #check_status p span {display:none;position:absolute;color:#d000ac;top:2px;right:10px;} #check_status .rpasswd {float:left;margin:5px 0;} .chMessage {height:150px;margin:0;padding:10px 0;float:left;width:100%;text-align:center;} #check_status .again {text-decoration:none;display:block;background:#000;color:#fff;padding:5px 10px;cursor:pointer;} #check_status .chloader {display:none;height:150px;} #slider2 {display:block;clear:both;} @media all and (max-width: 1000px) { body{background-image:none;} /*.sbutton.gplus,.sbutton.fb,.sbutton.whatsapp {display: none;}*/ #header {position:relative;width:90%;margin:0 5%;float:left;overflow:visible;} #body .container, #foot .container{width:90%;margin:0 5%;padding:0;} #head1 .container, #head2 .container, #head3 .container {width:100%;margin:0;} #head1 .container, #head3 .container{overflow:visible;} #product .custom table {max-width: 100% !important;} #product .custom table thead td {padding:4px;} #product .custom table tbody td {padding:4px;} #head2 .container{background-image:none;height:10px;} #logo{width:100%;margin:75px 0 0;text-align:center;padding:0;} #logo #title{float:left;width:100%;margin:0;padding:0;} #logo #slogan{float:left;clear:left;width:100%;margin:0;padding:0;} #menu2 {float:left;position:absolute;top:-255px !important;} /* change top value for adjust button menu mobile version */ #menu1 li.lBasket{float:unset;padding:0px 8px 12px 6px;background:url('img/mcart.png') no-repeat 82px 0;margin-left:0; display: inline-block; text-align: left;} #menu1 li.lBasket a{float:left;display:block;position:relative;padding:10px 0 0 0px;background:none;color:#ff6600;font-size:16px;} #menu1 li.lBasket a:hover{color:#a3c232;} #menu1 li.lBasket span{float:left;display:block;color:#666;font-size:1.017em;font-family:sans-serif;margin-left:25px;margin-top:5px;} #menu1 li.lBasket strong {color:#c37ee0;} #menu2 .menus {display: block;height:32px;line-height:32px;color: #fff;font-size: 1.13em;font-weight: bold;background:#9bbb25;cursor: pointer;position: relative;border:1px solid #9bbb25;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;padding:0 10px;} .menu-content {text-align:left;position:absolute;z-index: 1010;display: none;font-size:1.083em;line-height:1.5em;width:100%;background:#556366;margin:10px 0 0;padding:10px 0;list-style:none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #menu3 .menu-content {width:290px;background:#fff;position:relative;padding:0 10px;} [id^=imenu]:checked ~[id^=menu-content] {display: block;} [id^=imenu]:checked + .menus {background-position:bottom;color:#c49b57;border-color:#cdcecf;} #menu2 ul{margin:5px 0 0;padding:0;height:245px;width:290px;background:#e1eedd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} /* color bg menu */ #menu2 li{clear:left;border:0;margin:0;padding:0;float:left;width:100%;border-bottom:1px solid #ffffff;} /* color outline bg menu */ #menu2 li a {padding:8px 10px 8px;margin:0;display:block;color:#606060;text-decoration:none;font:normal 14px 'Trebuchet MS';text-transform:uppercase;} #menu2 li a:hover {color:#262626;} #menu2 li.lL {border-bottom:0;} #menu2 .selected > a:first-child{color:#9fbf2c;background:none;} #menu4 {position:absolute;top:0px;right:0;} #menu1 {width:100%;float:left;margin:20px 0 0;} #menu1 > ul {float:left;margin:0;padding:0 0 5px; width: 100%; text-align: center;} #menu1 > ul > ul {margin: 0 auto; width: 100%; text-align: center;} #menu3 {width:100%;margin:5px 0;} #menu3 .menus {display: block;height:32px;line-height:32px;color: #fff;font-size: 1.33em;font-weight: bold;background:#ac61cb url('img/mmenu.png') no-repeat 94% 10px;cursor: pointer;position: relative;border:1px solid #ac61cb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;padding:0 10px;} #menu3 .type {display:none;} #menu3 ul{margin:0 8px;padding:0px 0 0px 0px;list-style:none;float:right;width:100%;} #menu3 li{margin:0 5px;padding:4px 0 4px 12px;border-bottom:1px dotted #e6c289;text-align:right !important} #menu3 a{display:block;width:100%;padding:4px 0;color:#888888;font-weight:bold;text-decoration:none;background:none;} #menu3 a:hover, #menu3 .sub1 a:hover{color:#9fbf2c;background:none;text-decoration:underline;} #menu3 .selected > a:first-child{color:#9fbf2c;background:none;} #menu3 .sub1{margin:0;padding:0;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;} #menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;} #searchForm{padding:0px 5px;text-align:center;float:left;margin:0 0px 0px; width: 100%; text-align: center;} #searchForm label, .contact_box, #slider1, #slider2, #column .box, #options, #payment_shortcut, #check_status, #productRating {display:none;} #searchForm .input{width:190px;padding:5px;font-size:1.1em;} #searchForm .submit {font-size:1.2em;} #column, #content {float:left;width:100%;padding:0px 0;margin:0;} #column .type, #promoted .title {padding:5px 0px 5px 0px;background-image:none;background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;text-transform:none;color:#9bbb25;font-size:16px;} #products .list li{float:left;width:99%;padding:10px 0;border:1px dotted #e6c289;text-align:center;margin:0 0 10px;} #copy, .foot{float:left;width:100%;padding:0 0px;text-align:center;} #foot {background-image:none;text-align:center;} #ContactForm {width:100%;float:right;margin:10px 0px 0px 0px;text-align:left;} #ContactForm dd, #ContactForm dt, #ContactForm dl {padding:0px;margin:0px;} #ContactForm dd, #ContactForm dt {width:100%;float:left;padding:0px 0px 4px;} #ContactForm .input, #ContactForm textarea {width:95%;padding:5px 2%;} #ContactForm span {color:#c37ee0;} #ClaimForm {width:100%;float:left;margin:20px 0;padding-bottom:40px;position:relative;} #ClaimForm dl {float:left;margin:0;width:100%;} #ClaimForm dd, #ClaimForm dt {width:100%;margin:0;padding:0;} #ClaimForm .input, #ClaimForm textarea {width:95%;padding:5px 2%;} #ClaimForm label {padding:5px 0;display:block;float:left;} #ClaimForm .submit {position:absolute;bottom:0;right:0;margin:0;} #ClaimForm #randomCode {float:left;width:100%;margin:10px 0px 0px 0px;} #ClaimForm .code {float:none;width:40px;} #ClaimForm #randomCode span{font-weight:600;color:#c14746;font-size:14px;} #paymentConfirmation {float:left;width:100%;padding:5px 0px 20px;} #paymentConfirmation div.contentConfirmation {float:left;width:100%;padding:20px 0;} #paymentConfirmation div p {padding:3px 0px;float:left;clear:left;width:100%;} #paymentConfirmation div p span {display:block;float:left;width:100%;text-align:left;padding:3px 5px 0 0;} #paymentConfirmation div .input, #paymentConfirmation div textarea {width:95%;padding:5px 2%;float:left;clear:none;margin-bottom:5px;} #paymentConfirmation div p.amount .input {width:95%;padding:5px 2%;} #paymentConfirmation div select {width:100%;padding:5px 2%;float:left;margin-bottom:5px;} #paymentConfirmation label {width:200px;display:block;float:left;font-size:11px;padding-bottom:5px;} #paymentConfirmation .submit {float:right;margin:10px 0 0 0; padding:5px 25px;margin-bottom:50px} #paymentConfirmation .info {float:right;margin:3px 0 0 0;} #product{float:right;display:block;width:100%;margin:0 0px;text-align:left;} #product #box{float:right;width:100%;margin:5px 0 10px 0px;padding:3px 0 10px;border-bottom:1px dotted #e0e0e0;text-align:left;} #product #box #available{float:left;width:100%;} #orderedProducts table {border:0;border:1px solid #e0e0e0;border-top:4px solid #e0e0e0;} #orderedProducts table tbody tr {border-bottom:1px solid #e0e0e0;} #orderedProducts thead {display:none;} #orderedProducts tbody th {width:100%;display:block;border:0;} #orderedProducts tbody td {display:inline-block;border:0;} #orderedProducts tfoot th, #orderedProducts tfoot td {display:block;width:98%;text-align:right;border:0px;padding:10px 2% 5px 0;} #orderedProducts tfoot th {background:#f0f0f0;border-bottom:1px solid #e0e0e0;} #orderedProducts tfoot tr {border-bottom:1px solid #e0e0e0;} .checkout, .showInfo {width:100%;padding:5px 0;margin:10px 0 0;font-size:1.33em;} .showInfo {border:0;text-align:center;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:100%;} #setDelivery, #setDeliveryInfo {float:left;width:100%;} #Kirim2 label {clear:left;display:block;float:left;width:50px;margin:0 0 5px;} #Kirim2 input {float:left;margin-bottom:5px;} #printPersonalData dt, #printPersonalData dd {width:46%;} #userOrders .date {display:none;} ul.category li {float:left;width:96%;padding:10px 2%;} .modalDialog {position:relative;opacity:0;margin:0;display:none;} .modalDialog .content {width:100%;} .modalDialog:target { display:block; opacity:1; pointer-events: auto; } .modalDialog .content .close {right:0px;} #product .tab-content table {border-collapse:collapse;border:1px solid #5499C7;font-size:1.033em;float:left;max-width:290px;} #product .tab-content table thead td {background:#5499C7;color:#fff;border:1px solid #fff;text-align:center;padding:6px 10px;} #product .tab-content table tbody td {color:#2c2c2c;border:1px solid #5499C7;background:#fff;padding:4px 10px;} #product .tab-content table caption {text-align:left;font-size:0.9em;color:#ff0007} #orderinfoMessage {position:fixed;width:200px;padding:50px 10px;left:50%;top:200px;margin-left:-110px;} } @media all and (min-width: 450px) and (max-width: 1000px) { #userOrders .date {display:table-cell;} #products .list li{float:left;width:47%;padding:10px 0;border:1px dotted #e6c289;text-align:center;margin:5px 0 5px 2%;} } @media all and (max-width: 1000px) { #AskForm fieldset {float:left; clear: left; margin-top:20px;} #promo { float: center; clear: center; font: 11px 'trebuchet ms'; color: #FF4C33; width: 265px; border-bottom: 0.5px solid #e0e0e0; margin: 0px 0px 5px; padding: 3px 0px; text-align: center; } .orderIcon{border:#fff solid 2px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;} } @media all and (min-width: 1000px) { #menu2 li a{float:left;height:18px !important;padding:0 0 0 !important;color:#fff;text-decoration:none;font:normal 14px 'Trebuchet MS';text-transform:uppercase; margin: 11px 29px !important;} #promo { float: center; clear: center; font: 14px 'trebuchet ms'; color: #FF4C33; width: 340px; border-bottom: 1px solid #e0e0e0; margin: 0px 0px 5px; padding: 4px 0px; text-align: center; } .orderIcon{display: none;} .sbuttons{display: none;} } #menu2 input[type=checkbox] {display:none;} #menu3 input[type=checkbox] {display:none;} #menu3 label {display:none;} #upload_frame {display:none;float:left;background:rgba(241,241,241,.6) url('templates/default/img/loader.gif') no-repeat center 30px;height:60px;width:90%;border:1px solid #e0e0e0;text-align:center;padding-top:5px;margin-top:30px;margin:30px 0 0 5%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .hidden {display:none;} .anhan-frame{ width:100%; max-width:465px; margin:40px auto; } .anhan-frame_inner { position:relative; padding-bottom:53%; height:0; background-color:#FFFFFF !important; border:12px ridge #EEBBFC; } .anhan-frame_inner iframe,.anhan-frame_inner object,.anhan-frame_inner embed { position:absolute; top:0; width:100%; height:100%; } .bottomshadows { position:relative; } .bottomshadows:before,.bottomshadows:after { z-index:-1; position:absolute; content:""; bottom:0; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg); transform:rotate(-4deg); } .bottomshadows:after { -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); transform:rotate(4deg); right:10px; left:auto; } @media all and (max-width:400px) { .anhan-frame_inner { border:7px ridge #EEBBFC !important; } .bottomshadows:before,.bottomshadows:after { bottom:9px !important; } } .fixed-whatsapp { position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; line-height: 50px; z-index: 9999; text-align: center; } .fixed-whatsapp:before { content: ""; width: 50px; height: 50px; background-color: #00C853; position: absolute; border-radius: 100%; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24); z-index: 1; top: 0; left: 0; } .fixed-whatsapp svg { vertical-align: middle; z-index: 2; position: relative; } .label-container{ position:fixed; bottom:48px; right:105px; display:table; visibility: hidden; } .label-text{ color:#FFF; background:rgba(51,51,51,0.5); display:table-cell; vertical-align:middle; padding:10px; border-radius:3px; } .label-arrow{ display:table-cell; vertical-align:middle; color:#333; opacity:0.5; } .float{ font-size:10px; font-weight:bold; border-radius:50%; -webkit-border-radius: 49%; text-decoration: none; transition: ease all 0.3s; text-align:center; Line-height:48px; position:fixed; width:40px; height:40px; bottom:17px; right:15px; background-color:#f33; color:#FFF; text-align:center; box-shadow: 2px 2px 3px #999; z-index:1000; animation: bot-to-top 2s ease-out; } .float:hover{background:#DF9AE7;color:yellow} .ul{ position:fixed; right:40px; padding-bottom:20px; bottom:80px; z-index:100; } .my-float{ font-size:24px; margin-top:18px; } a#menu-share + zl{ visibility: hidden; } a#menu-share:hover + zl{ visibility: visible; animation: scale-in 0.5s; } a#menu-share i{ animation: rotate-in 0.5s; } a#menu-share:hover > i{ animation: rotate-out 0.5s; } @keyframes bot-to-top { 0% {bottom:-40px} 50% {bottom:40px} } @keyframes scale-in { from {transform: scale(0);opacity: 0;} to {transform: scale(1);opacity: 1;} } @keyframes rotate-in { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @keyframes rotate-out { from {transform: rotate(360deg);} to {transform: rotate(0deg);} } .widget-wa { text-align:center; position: fixed; bottom: 80px; right: 20px; background: #01C501; font-size: 40px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 60px; height: 60px; text-align: center; z-index: 99; } /* WA & CALL Widget */ .widget-wa i{ padding-top: 7px; } .widget-tlp { position: fixed; bottom: 10px; right: 20px; background: #01C501; font-size: 40px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 60px; height: 60px; text-align: center; z-index: 99; } .widget-wa i{ padding-top: 7px; } .heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both; } @-webkit-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /* Quantity - Price Table */ .qA { position: relative; z-index: 3; } #qPrices { position: absolute; top: 25px; left: -30px; } #qPrices table { white-space: nowrap; border: #E3E3E3 ridge 2px; color: #111; font-size: 12px; background: #fff; } #qPrices td1 { padding: 3px; color: red !important; } #qPrices td, #qPrices td { padding: 3px; color: #111 !important; } #qPrices tr:nth-child(even) { background: #E3E3E3; !important; } #qPrices tr td:last-child { text-align: right; } #qPrices div { display: none; } #check a i { color: red; } .orderIcon{ width:48px; height:48px; background:#d84de6 !important; color:#fff; position:fixed; left:16px; bottom:13px; Line-height:59px; border-radius:50rem; z-index:11000; cursor:pointer; } .sbuttons { bottom: 14px; position: fixed; margin: 1em; right: 9px !important; z-index: 11000; } .sbutton { display: block; width: 55px; height: 55px; bottom: -15px; left:5px; border-radius: 50%; text-align: center; color: white; margin: 10px auto 0; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; cursor: pointer; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; position: relative; } .sbutton > i { font-size: 32px; line-height: 55px; transition: all .2s ease-in-out; transition-delay: 2s; } .sbutton:hover { box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); color: #fff; } .sbutton:not(:last-child) { width: 55px; height: 55px; margin: 20px auto 0; display: none; } .sbutton:not(:last-child) > i { font-size: 25px; line-height: 55px; transition: all .3s ease-in-out; } .sbutton:not(:last-child) { width: 55px; height: 55px; margin: 15px auto 0; } .hidden {display: none;} .sbutton {text-decoration: none;} .sbutton:hover {text-decoration: none;} .sbuttons:hover .sbutton:not(:last-child) { display: block; } .sbutton:nth-last-child(1) { -webkit-transition-delay: 25ms; transition-delay: 25ms; } .sbutton:not(:last-child):nth-last-child(2) { -webkit-transition-delay: 20ms; transition-delay: 20ms; } .sbutton:not(:last-child):nth-last-child(3) { -webkit-transition-delay: 40ms; transition-delay: 40ms; } .sbutton:not(:last-child):nth-last-child(4) { -webkit-transition-delay: 60ms; transition-delay: 60ms; } [tooltip]:before { font-family: 'Trebuchet MS'; font-weight: 600; border-radius: 2px; background-color: #c37ee0; color: #fff; content: attr(tooltip); font-size: 12px; visibility: hidden; opacity: 0; padding: 5px 7px; margin-right: 10px !important; position: absolute; right: 100% !important; bottom: 20%; white-space: nowrap; } [tooltip]:hover:before, [tooltip]:hover:after { visibility: visible; opacity: 1; } .sbutton.mainsbutton { background: #a3c232 !important; border:#fff dotted 2px; } .sbutton.gplus { background: orange; } .sbutton.pinteres { background: #e60023; } .sbutton.twitt { background: #03A9F4; } .sbutton.fb { background: #3F51B5; } .sbutton.whatsapp { background: #00e676; } .heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both; } @-webkit-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /** Button **/ .customBox { display: none; bottom: 5%; position: fixed; margin: 1em; right: 0; } .customBox + label { cursor: pointer; position: absolute; right: 1em; bottom: 1em; background-color: tomato; height: var(--l); width: var(--l); border-radius: 50%; z-index: 4; } .customBox + label:before, .customBox + label:after { position: absolute; content: ''; height: calc(var(--l) / 2 ); width: .25em; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: .5em; transition: all .25s; } .customBox + label:before { height: calc(var(--l) / 2 ); width: .25em; } .customBox + label:after { width: calc(var(--l) / 2 ); height: .25em; } .customBox:checked + label:before { transform: rotatez(-45deg); } .customBox:checked + label:after { transform: rotatez(-45deg); } .one, .two, .three { cursor: pointer; position: absolute; right: 1em; bottom: 1em; padding: 1em; width: 1em; height: 1em; border-radius: 50%; opacity: 0; z-index: 3; transform: rotateZ(90deg); font-size: 1em; color: #fff; transition-property: all; transition-duration: .35s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .customBox:checked ~ .one, .customBox:checked ~ .two, .customBox:checked ~ .three { opacity: 1; } .customBox:checked ~ .one { background-color: purple; transform: translateX(-5em); transition-delay: .2s; } .customBox:checked ~ .two { background-color: slateblue; transform: translateX(-3.5em) translateY(-3.5em); transition-delay: .1s; } .customBox:checked ~ .three { background-color: mediumorchid; transform: translateY(-5em); } .customBox:checked ~.one:hover, .customBox:checked ~ .two:hover, .customBox:checked ~ .three:hover { opacity: .9; } /* Color Select Option */ .styled-select { overflow: hidden; background: no-repeat right #FFF7EA !important; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; transition: ease all 0.3s; -webkit-transition: ease all 0.3s; } .styled-select:hover { box-shadow: 0 0 6px 4px lightblue !important ; } .styled-select select { background: transparent; border: 0; border-radius: 0; -webkit-appearance: none; } .styled-select select { color: #fff; } /* adjust colot text for select styled menu when stock empty */ option:disabled {color:#BCB6AC !important;} /* option select style after click Order > Alert > OK > this style applied */ .danger {border:red solid 1px; box-shadow: 1px 0 7px 6px lightblue !important ;} /* Placeholder color */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #CFCFCF; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #CFCFCF; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #CFCFCF; opacity: 1; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #CFCFCF; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #CFCFCF; } /* SHOW/HIDE PASSWORD */ .pswp { position: relative; } .pswdi1 { position: absolute; right: 10px; top: 4px; font-size: 15px; cursor: pointer; } .pswdi2 { position: absolute; right: 73px; top: 6px; font-size: 15px; cursor: pointer; } .pswdi3 { position: absolute; right: 123px ; top: 6px ; font-size: 15px; cursor: pointer; } .pswdi4 { position: absolute; right: 9px !important; top: 1px !important; font-size: 15px; cursor: pointer; } .pswdi5 { position: absolute; right: 20px !important; top: 25px !important; font-size: 15px; cursor: pointer; } @media screen and (max-width: 1000px){ .pswdi2 { right: 10px; top: 22px; } .pswdi3 { right: 10px; top: 32px; } } /* Success message */ .rMessage { float: left; width: 100%; padding: 10px 15px; box-sizing: border-box; text-align: center; color: #fff; background: #a3c232; margin: -20px 0 20px 0; } /* Button subpages produk */ .button2 { float: right; padding: 1em; height: 28px; margin: 0.4em; right: 10em; font-family: 'Roboto', sans-serif; font-size: 5px; text-transform: uppercase; letter-spacing: 2px; line-height: 9px; font-weight: 450; color: #ffff !important; background-color: #55A8F1 !important; border: none; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important; /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); */ transition: all 0.3s ease 0s; cursor: pointer; outline: none; } .button2:hover { background-color: #2EE59D !important; box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4) !important; color: #fff !important; transform: translateY(-7px); } .button3 { float: center; padding: 1em; height: 28px; margin: 0.4em; right: 10em; font-family: 'Roboto', sans-serif; font-size: 5px; text-transform: uppercase; letter-spacing: 2px; line-height: 9px; font-weight: 450; color: #ffff !important; background-color: #55A8F1 !important; border: none; border-radius: 45px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important; /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); */ transition: all 0.3s ease 0s; cursor: pointer; outline: none; } .button3:hover { background-color: #2EE59D !important; box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4) !important; color: #fff !important; transform: translateY(-7px); } .blink { animation: blink-animation 2s steps(5,start) infinite; -webkit-animation: blink-animation 2s steps(5,start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .blink2 { -webkit-animation: blink2 .75s linear infinite; -moz-animation: blink2 .75s linear infinite; -ms-animation: blink2 .75s linear infinite; -o-animation: blink2 .75s linear infinite; animation: blink2 .75s linear infinite; } @-webkit-keyframes blink2 { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes blink2 { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes blink2 { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes blink2 { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @keyframes blink2 { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @media all and (min-width: 315px) and (max-width: 348px) { .styled-select { font-size:0.65em !important; } #menu4 {font-size:0.88em !important;} #printPersonalData dt, #printPersonalData dd {font-size:0.860em !important;} #orderPrint .printData {font-size:0.96em !important; font-weight:normal;} #product #box label {font-weight:290;display:block;float:left;width:100px;text-align:right;font-size:0.8em;padding:5px 10px 0 0;} #features label {font-size:12px !important;} #product h4{text-align:left ; margin:0 0 2px;padding:1px 0 1px;border-bottom:1px dotted #e0e0e0;font-weight:normal;font-size:0.780em;} #product #box #available{float:left;width:100%;font-size:0.8em !important;} } @media screen and (max-width: 1000px){ .imageZoom { float: unset; margin: 0 auto; width: 255px; } #imagesListPreview { width: 100%; text-align: center; } .imagesList#imagesListPreview li { float: unset; display: inline; } } /* September 28 2022 */ #minQtyInfo { float: left; margin-top: 7px; } #minQtyInfo span { display: block; padding: 4px 5px 4px 6px; border-radius: 4px; background-color: #eef778; font-size: 11px !important; color: #222; font-weight: bold; } @media screen and (max-width: 400px){ #minQtyInfo { width: 100%; text-align: center; } } /*====================== 404 page =======================*/ .page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif; } .page_404 img{ width:100%;} .four_zero_four_bg{ background-image: url('img/404_image.gif'); height: 400px; background-position: center; background-repeat: no-repeat; } .four_zero_four_bg h1{ font-size:90px; } .four_zero_four_bg h3{ font-size:80px; } .link_404{ color: #fff!important; padding: 10px 20px; background: #39ac31; margin: 20px 0; display: inline-block;} .contant_box_404{ margin-top:-50px;} /*====================== End 404 page =======================*/