/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.chupamobile.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .etalage img.gallery-image{max-width:100%} /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } .configurable-swatch-list { zoom: 1; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { display: inline-block; zoom: 1; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 5px 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #08c; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #08c; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; line-height: 1.3; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; color: #08c; padding-left: 5px; } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /*New Style*/ /* ---added from version 1.0.2 ---*/ /*1.0.2 start*/ .col-sw-1, .col-sw-2, .col-sw-3, .col-sw-4, .col-sw-5, .col-sw-6, .col-sw-7, .col-sw-8, .col-sw-9, .col-sw-10, .col-sw-11, .col-sw-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-sw-2:nth-child(2n+1),.col-sw-3:nth-child(3n+1),.col-sw-4:nth-child(4n+1),.col-sw-5:nth-child(5n+1),.col-sw-6:nth-child(6n+1),.col-sw-7:nth-child(7n+1),.col-sw-8:nth-child(8n+1),.col-sw-9:nth-child(9n+1),.col-sw-10:nth-child(10n+1),.col-sw-11:nth-child(11n+1),.col-sw-12:nth-child(12n+1){clear:both} .col-sw-1 { width: 100%; } .col-sw-2 { width: 50%; } .col-sw-3 { width: 33.3333%; } .col-sw-4 { width: 25%; } .col-sw-5 { width: 20%; } .col-sw-6 { width: 16.6666%; } .col-sw-7 { width: 14.2857%; } .col-sw-8 { width: 12.5%; } .col-sw-9 { width: 11.1111%; } .col-sw-10 { width: 10%; } .col-sw-11 { width: 9.0909%; } .col-sw-12 { width: 8.3333%; } /*1.0.2 end*/ .main-nav { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 2px 0; position: relative; } .main-nav .double-border { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .fixed-header a, .main-nav a { color: #000; text-align: left; } .fixed-header a:hover, .main-nav a:hover { color: #f00; } .fixed-header .menu, .main-nav .menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; } .fixed-header .menu > li, .main-nav .menu > li { display: inline-block; padding: 0 22px; } .fixed-header .menu > li > a, .main-nav .menu > li > a { display: block; position: relative; padding: 13px 5px; text-transform: uppercase; font-weight: 400; } .fixed-header .menu > li > a:after, .main-nav .menu > li > a:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: -20px; left: 0; } .fixed-header .menu > li > a > span.cat-label, .main-nav .menu > li > a > span.cat-label { position: absolute; top: 8px; right: -25px; font: 11px arial, sans-serif; text-transform: uppercase; padding: 0 2px; } .fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown, .main-nav .menu > li .nav-sublist-dropdown { display: none; position: absolute; z-index: 10000; width: 200px; top: 100%; border-bottom: 1px solid #ebebeb; padding: 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; list-style: none; } .fixed-header .menu > li .nav-sublist-dropdown.active, .main-nav .menu > li .nav-sublist-dropdown.active { display: list-item; } .fixed-header .menu > li .nav-sublist-dropdown:before, .main-nav .menu > li .nav-sublist-dropdown:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: -15px; z-index: -1; } .fixed-header .menu > li .nav-sublist-dropdown ul, .main-nav .menu > li .nav-sublist-dropdown ul { padding-left: 0; margin-bottom: 0; list-style: none; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span, .main-nav .menu > li .nav-sublist-dropdown ul li a > span { position: relative; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label { position: absolute; font: 10px arial, sans-serif; text-transform: uppercase; padding: 0 2px; top: 2px; right: -35px; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown ul li .image-item a, .main-nav .menu > li .nav-sublist-dropdown ul li .image-item a { font-size: 0 !important; } .fixed-header .menu > li .nav-sublist-dropdown ul li .image-item:before, .main-nav .menu > li .nav-sublist-dropdown ul li .image-item:before { display: none; } .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { max-width: 100%; padding: 0; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul > li a { padding: 15px 20px; display: block; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children { position: relative; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before { font: normal normal 16px/20px "FontAwesome"; content: '\f105'; width: 15px; height: 15px; position: absolute; right: 10px; margin-left: 13px; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { position: absolute; left: 199px; top: 0; display: none; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li { background-color: #fff; width: 200px; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a { border-bottom: 1px solid #dbdbdb; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist { display: block; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown { padding: 25px 0 30px; width: 100%; left: 0; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown { padding: 25px 0 30px; width: 100%; margin: 0 auto; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a { display: block; padding: 5px; border: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 { /*the font size for level1*/ text-transform: uppercase; line-height: 1.5; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li { background: none; width: auto; clear: both; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before { font: normal normal 16px/20px "FontAwesome"; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; margin: 0 10px 0 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before { text-decoration: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul { margin: 3px 0 3px 5px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before { line-height: 17px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a { padding: 3px; font-size: 12px; /*the font size for under level 2*/ } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a { font-size: 13px; /*the font size for level 2*/ } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before { background: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a { border-bottom: none; } .fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { left: auto; right: 199px; } .fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before, .fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before { top: -50px; } .fixed-header { background: #fff; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu li a { padding-bottom: 15px; } .fixed-header .menu li a { padding-bottom: 15px; } .fixed-header-area { position: fixed; top: -160px; left: 0; width: 100%; z-index: 901; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .fixed-header-area.fixed-already { top: 0; } .fixed-header-area .menu { float: right; } .fixed-header-area .menu > li { padding: 0 11px !important; } /*mobile menu*/ .mobile-nav { -webkit-transition: all 0.5s; transition: all 0.5s; position: static; height: 0; background-color: #151515; display: none; } .mobile-nav-shown .mobile-nav { -webkit-box-shadow: 0 10px 10px #111111; box-shadow: 0 10px 10px #111111; height: 100%; display: block; } .mobile-nav .sw-mobile-menu { text-align: left; margin-bottom: 0; padding-left: 0; } .mobile-nav .sw-mobile-menu li { display: block; position: relative; clear: both; } .mobile-nav .sw-mobile-menu li.over > a { color: #FFF; } .mobile-nav .sw-mobile-menu li.over > .open-child:after { background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png); background-position: top center; background-repeat: no-repeat; } .mobile-nav .sw-mobile-menu li .container { width: 100%; padding: 0; } .mobile-nav .sw-mobile-menu li .open-child { float: right; font-size: 0; width: 40px; height: 40px; margin-top: 1px; display: block; cursor: pointer; position: relative; background-color: #151515; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .mobile-nav .sw-mobile-menu li .open-child:hover { background-color: #0e0e0e; } .mobile-nav .sw-mobile-menu li .open-child:after { content: ""; background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png); background-position: bottom center; background-repeat: no-repeat; cursor: pointer; width: 19px; height: 19px; display: block; position: absolute; left: 10px; top: 10px; opacity: 0.5; } .mobile-nav .sw-mobile-menu li .open-child:selection { background-color: transparent !important; } .mobile-nav .sw-mobile-menu li > a { color: #c7c7c7; display: block; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; text-transform: uppercase; background: #151515; border-top: 1px solid #222222; } .mobile-nav .sw-mobile-menu li > a:hover { background-color: #989898; text-decoration: none; color: #222; -webkit-transition: all 0.2s; transition: all 0.2s; } .mobile-nav .sw-mobile-menu li > a span.cat-label { font: 10px/1.2 arial; text-transform: uppercase; padding: 0 2px; margin-left: 1px; margin-bottom: 3px; display: inline-block; vertical-align: middle; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .mobile-nav .sw-mobile-menu > li > ul { border-top: 0; padding-left: 0; margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul li { display: block; position: relative; background-color: #151515; } .mobile-nav .sw-mobile-menu > li > ul > li a { padding-left: 20px; margin-left: 15px; text-transform: none; font: 12px/40px "Open Sans", Arial; display: block; /*background-color: #151515;*/ } .mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label { margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul > li a:before { font: normal normal 16px/40px "FontAwesome"; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-nav .sw-mobile-menu > li > ul > li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 30px; } .mobile-nav .sw-mobile-menu > li > ul > li li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 40px; } .mobile-nav .sw-mobile-menu > li > ul > li li li li a { padding-left: 20px; margin-left: 45px; } .mobile-nav .sw-mobile-menu > li ul { display: none; padding: 0; margin: 0; } .side-block .close-block { font-size: 16px; position: relative; text-transform: uppercase; color: #fff; background-color: #151515; display: block; padding: 20px 0 20px 20px; text-align: left; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-block .close-block:hover { color: #c6c6c6; } .side-block .close-block:hover:before { background-position: bottom center; } .side-block .close-block:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 25px; background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/porto/megamenu/css/images/small-close.png); background-repeat: no-repeat; background-position: top center; } @media (max-width: 979px) { .fixed-header .menu-icon { float: left; position: relative; top: 11px; left: 10px; } .fixed-header .menu{ display: none; } } @media (min-width: 992px) { .mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav { display: none; } } .pslogin-addedoverlay { left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 2010; background-color: black; filter: alpha(opacity=60); opacity: 0.6; /*display: none;*/ } .pslogin-pop-up-form { left: 0px; top: 0px; position:fixed; width: 100%; z-index: 2020; height:100%; color:#666666; text-align:left; /*display:none;*/ overflow-y: auto; } #pslogin-pop-up-bg { max-width: 450px; font-size: 12px; padding: 0 10px 0 10px; margin: 10% auto 5% auto; color: #444; font-family: Arial, Helvetica, sans-serif; height: 100%; box-sizing: border-box; } .pslogin-share { background-color: white; min-height: 270px; padding: 18px 21px; position: relative; } .pslogin-fake-email-message { position: fixed; top: 20px; width: 100%; padding: 0 5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 9999; } .pslogin-fake-email-message .content { padding: 5px 10px; background: #fff; max-width: 960px; min-width: 250px; margin: 0 auto; box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42); -webkit-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42); font-size: 14px; color: #636363; z-index: 9999; } .pslogin-fake-email-message p { margin: 10px auto; text-align: left; } .pslogin-fake-email-message .close-message { float: right; } .pslogin-fake-email-message .close-message:hover { cursor: pointer; color: #AEAEAE; } /* general classes */ .pslogin-share .ta-center { text-align: center; } .pslogin-share h2 { padding: 0px 0px 7px 0px; color: #3399cc; font-weight: 400; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #DDD; margin-bottom: 10px; } .pslogin-share .prpop-close-btn { position: absolute; right: 9px; left: auto; margin-right: 10px; top: 14px; text-decoration: none; color: #727272; font-size: 16px; background: none; } .pslogin-share .prpop-close-btn:hover { color: #b6aba5; } .pslogin-share p { margin-bottom: 7px; } .pslogin-share img { max-width: 100%; height: auto; } .pslogin-share .button-top { height: 7px; } .pslogin-share a { display: inline-block; height: 30px; color: white; margin: 0 10px 10px 0; } .pslogin-share a:hover { cursor: pointer; opacity: 0.7; filter: apha(filter=70); } /* .pslogin-share .soc-button { background-image: url("https://www.chupamobile.com/skin/frontend/base/default/css/plumrocket/pslogin/images/social_retina.png"); background-size: 328px 185px; display: block; height: 30px; width: 30px; float: left; } */ /*form*/ .w25 { width: 25px!important; } .w100 { width: 100px; } .pslogin-block.account-login .content { margin: 0; } .pslogin-form .registered-users .content { margin: 0!important; } .pslogin-block.account-login .form-list label, #checkout-step-login .pslogin-block .form-list label { width: auto; float: none; } .pslogin-block.account-login .form-list .input-box, #checkout-step-login .pslogin-block .form-list .input-box { float: none; } #checkout-step-login .col2-set { box-sizing: border-box; } .pslogin-block.account-login .buttons-set { min-height: 40px; } .pslogin-block.col2-set { margin: 0; } .pslogin-block.col2-set .buttons-set { padding: 0; } .pslogin-block.col2-set .fieldset { margin: 15px 0; } .pslogin-block button.button span, .pslogin-block button.button span span { height: auto; } .pslogin-share .soc-name { height: 30px; line-height: 30px; padding: 0 7px; display: block; float: left; box-sizing: border-box; } .pslogin-share .vkontakte { background-position: -77px -78px; } .pslogin-share .facebook { background-position: -5px -5px } .pslogin-share .twitter { background-position: -41px -5px; } .pslogin-share .googleplus { background-position: -113px -5px; } /* welcome message */ .pslogin-welcome-msg { height: 25px; line-height: 25px; float: none; display: inline-block; margin: 0 0 5px 0; } .pslogin-welcome-msg:after { clear: both; content: ""; } .pslogin-welcome-msg img { height: 25px; display: inline-block; padding: 0 5px 0 0; float: left; } /* Buttons */ .pslogin-block { width: 100%; margin: 0 0 20px 0; } .pslogin-block * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pslogin-block.pslogin-hidden-text .pslogin-button-text { display: none!important; } .pslogin-block .pslogin-xs { display: none!important; } .pslogin-block .pslogin-button-image { display: block; } .pslogin-block .pslogin-clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .pslogin-block .title { text-align: center; margin-bottom: 10px; font-size: 12px; } .pslogin-spacer { display: block; margin: 10px auto; position: relative; text-align: center; line-height: 16px!important; top: auto; left: auto; height: auto; width: auto; line-height: normal; overflow: visible; font-size: 13px; } .pslogin-spacer table { width: 100%; } .pslogin-spacer table td { vertical-align: middle; } .pslogin-spacer .pslogin-border { border-top: 1px solid #e5e2e2; width: 100%; } .pslogin-spacer .pslogin-bordertext { color: #b2b2b2; text-align: center; font-size: 11px; } .pslogin-spacer.pslogin-showmore .pslogin-bordertext { height: 20px; line-height: 17px; padding: 0; border: 1px solid #e5e2e2; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover { color: #989898; cursor: pointer; } .pslogin-spacer .circle { width: 90%; height: 25px; line-height: 22px; font-size: 11px; border: 1px solid #b2b2b2; border-radius: 0px 7px; margin: 0 auto; background-color: #eeeeee; } .pslogin-spacer .circle:hover { cursor: pointer; background-color: #FAFAFA; } .pslogin-block .pslogin-showmore { margin-top: 20px; } .pslogin-block.pslogin-login .pslogin-buttons { display: block; } .pslogin-block.pslogin-register .pslogin-buttons { display: inline-block; } .pslogin-block .pslogin-buttons ul { padding: 0; } .pslogin-block .pslogin-buttons ul li { display: block; float: left; line-height: normal; list-style: none!important; padding: 0!important; background: none!important; height: 32px; margin: 0 3px 3px 0; } .pslogin-block .pslogin-buttons ul li.show-button-image { background: none!important; } .pslogin-block .pslogin-buttons ul li:hover { opacity: 0.9; filter: alpha(opacity=90); } .pslogin-block .pslogin-buttons ul li span.pslogin-button-auto { background-color: #3399cc; display: inline-block; } .pslogin-block .pslogin-buttons ul li .pslogin-button-icon { background: url('https://www.chupamobile.com/skin/frontend/base/default/images/plumrocket/pslogin/social.png'); display: block; float: left; width: 32px; height: 32px; margin: 0; padding: 0; box-sizing: border-box; } .pslogin-block .pslogin-buttons ul li .pslogin-button-icon img { width: 100%; } .pslogin-block .pslogin-buttons ul li a>img { } .pslogin-block .pslogin-buttons ul li .pslogin-button-text { display: none; float: left; height: 32px; line-height: 32px; vertical-align: top; padding: 0; text-align: center; min-width: 144px; box-sizing: border-box; font-size: 11px; color: white; background-color: rgba(255,255,255, 0.2); } .pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto .pslogin-button-text { display: inline-block; } .pslogin-block .pslogin-buttons .pslogin-button-image { display: none; } .pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-image { display: inline-block; } .pslogin-block .pslogin-buttons .pslogin-button-icon-image { display: inline-block; } .pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-icon-image { display: none; } .pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-image { display: none; } .pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-icon-image { display: inline-block; } .pslogin-block .pslogin-buttons .pslogin-button-auto.pslogin-has-button-icon-image { display: none; } .pslogin-block .pslogin-buttons .pslogin-button-auto .pslogin-button-icon-image { display: inline-block; width: 32px; height: 32px; } .pslogin-block .pslogin-buttons ul li.facebook span.pslogin-button-auto { background-color: #1e4389; } .pslogin-block .pslogin-buttons ul li.facebook .pslogin-button-icon { background-position: 0px 0px; } .pslogin-block .pslogin-buttons ul li.twitter span.pslogin-button-auto { background-color: #28a9e2; } .pslogin-block .pslogin-buttons ul li.twitter .pslogin-button-icon { background-position: -34px 0px; } .pslogin-block .pslogin-buttons ul li.linkedin span.pslogin-button-auto { background-color: #11669c; } .pslogin-block .pslogin-buttons ul li.linkedin .pslogin-button-icon { background-position: -168px 0px; } .pslogin-block .pslogin-buttons ul li.yahoo span.pslogin-button-auto { background-color: #85228f; } .pslogin-block .pslogin-buttons ul li.yahoo .pslogin-button-icon { background-position: -204px 0px; } .pslogin-block .pslogin-buttons ul li.vkontakte span.pslogin-button-auto { background-color: #3f658c; } .pslogin-block .pslogin-buttons ul li.vkontakte .pslogin-button-icon { background-position: -68px 0px; } .pslogin-block .pslogin-buttons ul li.googleplus span.pslogin-button-auto { background-color: #df4b38; } .pslogin-block .pslogin-buttons ul li.googleplus .pslogin-button-icon { background-position: -135px 0px; } .pslogin-block .pslogin-buttons ul li.hotmail span.pslogin-button-auto { background-color: #f67d20; } .pslogin-block .pslogin-buttons ul li.hotmail .pslogin-button-icon { background-position: 0px -34px; } .pslogin-block .pslogin-buttons ul li.live span.pslogin-button-auto { background-color: #0cb3ee; } .pslogin-block .pslogin-buttons ul li.live .pslogin-button-icon { background-position: -35px -205px; } .pslogin-block .pslogin-buttons ul li.pinterest span.pslogin-button-auto { background-color: #cb2028; } .pslogin-block .pslogin-buttons ul li.pinterest .pslogin-button-icon { background-position: -34px -34px; } .pslogin-block .pslogin-buttons ul li.amazon span.pslogin-button-auto { background-color: #ff8e2e; } .pslogin-block .pslogin-buttons ul li.amazon .pslogin-button-icon { background-position: -68px -34px; } .pslogin-block .pslogin-buttons ul li.aol span.pslogin-button-auto { background-color: #008bd3; } .pslogin-block .pslogin-buttons ul li.aol .pslogin-button-icon { background-position: -102px -34px; } .pslogin-openid.aol input[type=submit] { background-color: #008bd3; -webkit-appearance: none; } .pslogin-block .pslogin-buttons ul li.github span.pslogin-button-auto { background-color: black; } .pslogin-block .pslogin-buttons ul li.github .pslogin-button-icon { background-position: -135px -35px; } .pslogin-block .pslogin-buttons ul li.instagram span.pslogin-button-auto { background-color: #9a6e51; } .pslogin-block .pslogin-buttons ul li.instagram .pslogin-button-icon { background-position: -168px -34px; } .pslogin-block .pslogin-buttons ul li.foursquare span.pslogin-button-auto { background-color: #3472ad; } .pslogin-block .pslogin-buttons ul li.foursquare .pslogin-button-icon { background-position: -203px -34px; } .pslogin-block .pslogin-buttons ul li.dropbox span.pslogin-button-auto { background-color: #008bd3; } .pslogin-block .pslogin-buttons ul li.dropbox .pslogin-button-icon { background-position: -0px -68px; } .pslogin-block .pslogin-buttons ul li.disqus span.pslogin-button-auto { background-color: #3d7198; } .pslogin-block .pslogin-buttons ul li.disqus .pslogin-button-icon { background-position: -32px -69px; } .pslogin-block .pslogin-buttons ul li.livejournal span.pslogin-button-auto { background-color: #104378; } .pslogin-block .pslogin-buttons ul li.livejournal .pslogin-button-icon { background-position: -66px -69px; } .pslogin-openid.livejournal input[type=submit] { background-color: #104378; -webkit-appearance: none; } .pslogin-block .pslogin-buttons ul li.tumblr span.pslogin-button-auto { background-color: #304e6c; } .pslogin-block .pslogin-buttons ul li.tumblr .pslogin-button-icon { background-position: -102px -69px; } .pslogin-block .pslogin-buttons ul li.openid span.pslogin-button-auto { background-color: #f8931f; } .pslogin-block .pslogin-buttons ul li.openid .pslogin-button-icon { background-position: -135px -69px; } .pslogin-block .pslogin-buttons ul li.flickr span.pslogin-button-auto { background-color: #ff0084; } .pslogin-block .pslogin-buttons ul li.flickr .pslogin-button-icon { background-position: -169px -69px; } .pslogin-block .pslogin-buttons ul li.wordpress span.pslogin-button-auto { background-color: #1b3f57; } .pslogin-block .pslogin-buttons ul li.wordpress .pslogin-button-icon { background-position: -204px -69px; } .pslogin-block .pslogin-buttons ul li.blogger span.pslogin-button-auto { background-color: #ec7825; } .pslogin-block .pslogin-buttons ul li.blogger .pslogin-button-icon { background-position: 0px -103px; } .pslogin-block .pslogin-buttons ul li.odnoklassniki span.pslogin-button-auto { background-color: #ee6600; } .pslogin-block .pslogin-buttons ul li.odnoklassniki .pslogin-button-icon { background-position: -34px -103px; } .pslogin-block .pslogin-buttons ul li.mailru span.pslogin-button-auto { background-color: #00468c; } .pslogin-block .pslogin-buttons ul li.mailru .pslogin-button-icon { background-position: -67px -103px; } .pslogin-block .pslogin-buttons ul li.yandex span.pslogin-button-auto { background-color: #dd0000; } .pslogin-block .pslogin-buttons ul li.yandex .pslogin-button-icon { background-position: -102px -103px; } .pslogin-block .pslogin-buttons ul li.paypal span.pslogin-button-auto { background-color: #195d82; } .pslogin-block .pslogin-buttons ul li.paypal .pslogin-button-icon { background-position: -134px -103px; } .pslogin-block .pslogin-buttons ul li.myspace span.pslogin-button-auto { background-color: #0022a0;} .pslogin-block .pslogin-buttons ul li.myspace .pslogin-button-icon { background-position: -169px -103px; } .pslogin-block .pslogin-buttons ul li.salesforce span.pslogin-button-auto { background-color: #00a0de; } .pslogin-block .pslogin-buttons ul li.salesforce .pslogin-button-icon { background-position: -203px -103px; } .pslogin-block .pslogin-buttons ul li.steamcommunity span.pslogin-button-auto { background-color: #282828; } .pslogin-block .pslogin-buttons ul li.steamcommunity .pslogin-button-icon { background-position: -1px -137px; } .pslogin-block .pslogin-buttons ul li.hyves span.pslogin-button-auto { background-color: #ffca63; } .pslogin-block .pslogin-buttons ul li.hyves .pslogin-button-icon { background-position: -33px -137px; } .pslogin-block .pslogin-buttons ul li.stackoverflow span.pslogin-button-auto { background-color: #e6eef1; } .pslogin-block .pslogin-buttons ul li.stackoverflow .pslogin-button-icon { background-position: -67px -137px; } .pslogin-block .pslogin-buttons ul li.evernote span.pslogin-button-auto { background-color: #7ac141; } .pslogin-block .pslogin-buttons ul li.evernote .pslogin-button-icon { background-position: -101px -137px; } .pslogin-block .pslogin-buttons ul li.mixi span.pslogin-button-auto { background-color: #d1ac5b; } .pslogin-block .pslogin-buttons ul li.mixi .pslogin-button-icon { background-position: -135px -137px; } .pslogin-block .pslogin-buttons ul li.mydigipass span.pslogin-button-auto { background-color: #49bbeb; } .pslogin-block .pslogin-buttons ul li.mydigipass .pslogin-button-icon { background-position: -169px -137px; } .pslogin-block .pslogin-buttons ul li.netlog span.pslogin-button-auto { background-color: #bb2026; } .pslogin-block .pslogin-buttons ul li.netlog .pslogin-button-icon { background-position: -203px -137px; } .pslogin-block .pslogin-buttons ul li.qq span.pslogin-button-auto { background-color: #c46f1c; } .pslogin-block .pslogin-buttons ul li.qq .pslogin-button-icon { background-position: 0px -171px; } .pslogin-block .pslogin-buttons ul li.sinaweibo span.pslogin-button-auto { background-color: #bd4342; } .pslogin-block .pslogin-buttons ul li.sinaweibo .pslogin-button-icon { background-position: -34px -171px; } .pslogin-block .pslogin-buttons ul li.soundcloud span.pslogin-button-auto { background-color: #ff5419; } .pslogin-block .pslogin-buttons ul li.soundcloud .pslogin-button-icon { background-position: -66px -171px; } .pslogin-block .pslogin-buttons ul li.tencentweibo span.pslogin-button-auto { background-color: #28a4e4; } .pslogin-block .pslogin-buttons ul li.tencentweibo .pslogin-button-icon { background-position: -100px -171px; } .pslogin-block .pslogin-buttons ul li.verisign span.pslogin-button-auto { background-color: #b22253; } .pslogin-block .pslogin-buttons ul li.verisign .pslogin-button-icon { background-position: -134px -171px; } .pslogin-openid.verisign input[type=submit] { background-color: #b22253; -webkit-appearance: none; } .pslogin-block .pslogin-buttons ul li.xing span.pslogin-button-auto { background-color: #005d5e;} .pslogin-block .pslogin-buttons ul li.xing .pslogin-button-icon { background-position: -168px -171px; } .pslogin-block .pslogin-buttons ul li.kaixin001 span.pslogin-button-auto { background-color: #e2332e; } .pslogin-block .pslogin-buttons ul li.kaixin001 .pslogin-button-icon { background-position: -203px -171px; } .pslogin-block .pslogin-buttons ul li.orange span.pslogin-button-auto { background-color: #ff6600; } .pslogin-block .pslogin-buttons ul li.orange .pslogin-button-icon { background-position: -1px -205px; } .pslogin-block .pslogin-buttons ul li.bitbucket span.pslogin-button-auto { background-color: #013567; } .pslogin-block .pslogin-buttons ul li.bitbucket .pslogin-button-icon { background-position: -67px -205px; } .pslogin-block .pslogin-buttons ul li.bitly span.pslogin-button-auto { background-color: #ed6022; } .pslogin-block .pslogin-buttons ul li.bitly .pslogin-button-icon { background-position: -101px -205px; } .pslogin-block .pslogin-buttons ul li.boxcom span.pslogin-button-auto { background-color: #00b9f2; } .pslogin-block .pslogin-buttons ul li.boxcom .pslogin-button-icon { background-position: -135px -205px; } .pslogin-block .pslogin-buttons ul li.vimeo span.pslogin-button-auto { background-color: #1fb9eb; } .pslogin-block .pslogin-buttons ul li.vimeo .pslogin-button-icon { background-position: -170px -205px; } .pslogin-block .pslogin-buttons ul li.reddit span.pslogin-button-auto { background-color: #337fb9; } .pslogin-block .pslogin-buttons ul li.reddit .pslogin-button-icon { background-position: -203px -205px; } .pslogin-block .pslogin-buttons ul li.odesk span.pslogin-button-auto { background-color: #7ac043; } .pslogin-block .pslogin-buttons ul li.odesk .pslogin-button-icon { background-position: -1px -239px; } .pslogin-block .pslogin-buttons ul li.odesk .pslogin-button-text { color: #000000; } .pslogin-block .pslogin-buttons ul li.teamviewer span.pslogin-button-auto { background-color: #0171b9; } .pslogin-block .pslogin-buttons ul li.teamviewer .pslogin-button-icon { background-position: -34px -239px; } .pslogin-block .pslogin-buttons ul li.skyrock span.pslogin-button-auto { background-color: #009afe; } .pslogin-block .pslogin-buttons ul li.skyrock .pslogin-button-icon { background-position: -67px -239px; } .pslogin-block .pslogin-buttons ul li.renren span.pslogin-button-auto { background-color: #153765; } .pslogin-block .pslogin-buttons ul li.renren .pslogin-button-icon { background-position: -101px -239px; } .pslogin-block .pslogin-buttons ul li.etsy span.pslogin-button-auto { background-color: #ee5931; } .pslogin-block .pslogin-buttons ul li.etsy .pslogin-button-icon { background-position: -134px -239px; } .pslogin-block .pslogin-buttons ul li.imgur span.pslogin-button-auto { background-color: #312e2f; } .pslogin-block .pslogin-buttons ul li.imgur .pslogin-button-icon { background-position: -170px -239px; } .pslogin-block .pslogin-buttons ul li.intuit span.pslogin-button-auto { background-color: #B8B8B8; } .pslogin-block .pslogin-buttons ul li.intuit .pslogin-button-icon { background-position: -204px -239px; } .pslogin-block .pslogin-buttons ul li.intuit .pslogin-button-text { color: #000000; } .pslogin-block .pslogin-buttons ul li.mailchimp span.pslogin-button-auto { background-color: #73cff4; } .pslogin-block .pslogin-buttons ul li.mailchimp .pslogin-button-icon { background-position: 0px -273px; } .pslogin-block .pslogin-buttons ul li.mailchimp .pslogin-button-text { color: #000000; } .pslogin-block .pslogin-buttons ul li.persona span.pslogin-button-auto { background-color: #ee5931; } .pslogin-block .pslogin-buttons ul li.persona .pslogin-button-icon { background-position: -34px -273px; } .pslogin-block .pslogin-buttons ul li.dribbble span.pslogin-button-auto { background-color: #f26798; } .pslogin-block .pslogin-buttons ul li.dribbble .pslogin-button-icon { background-position: -67px -273px; } .pslogin-block .pslogin-buttons ul li.goodreads span.pslogin-button-auto { background-color: #743900; } .pslogin-block .pslogin-buttons ul li.goodreads .pslogin-button-icon { background-position: -100px -273px; } .pslogin-block .pslogin-buttons ul li.lastfm span.pslogin-button-auto { background-color: #c02c0c; } .pslogin-block .pslogin-buttons ul li.lastfm .pslogin-button-icon { background-position: -135px -273px; } /*======= social buttons =======*/ #prpop-pop-up-bg .pslogin-block { text-align: center; clear: both; margin-bottom: 5px; } #prpop-pop-up-bg .prpop-account-create .pslogin-block { display: none; } #prpop-pop-up-bg .pslogin-block .pslogin-buttons.pslogin-buttons-showfull { width: 100%; } #prpop-pop-up-bg .pslogin-block li a span.pslogin-button-auto { width: 100%; position: relative; display: block; height: 32px; } #prpop-pop-up-bg .pslogin-block li a span.pslogin-button-icon { position: absolute; background-color: inherit; } #prpop-pop-up-bg .pslogin-block li a span.pslogin-button-text { width: 100%; padding-left: 32px; font-size: 12px; } /*=== modern blue ===*/ #prpop-pop-up-bg.prpop-default .pslogin-spacer { margin: 0 auto 10px; width: 100%; } #prpop-pop-up-bg.prpop-default .pslogin-spacer:before { display: block; content: ""; clear: both; width: 100%; } #prpop-pop-up-bg.prpop-default .pslogin-spacer table { margin-top: 15px; } #prpop-pop-up-bg.prpop-default .pslogin-block { margin-top: 10px; } #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons { width: 100%; margin: 0 auto; text-align: center; } #prpop-pop-up-bg.prpop-default .pslogin-block li a span.pslogin-button-auto { min-width: 32px; } #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li { width: 70%; min-height: 32px; margin-bottom: 0px; vertical-align: inherit; display: inline-block; float: none; } #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons li { width: auto; min-height: 32px; margin-bottom: 5px; vertical-align: middle; } #prpop-pop-up-bg.prpop-default .pslogin-buttons .pslogin-spacer { width: 100%; } /*=== glamour gray ===*/ #prpop-pop-up-bg.glamour-grey .pslogin-spacer { margin: 0 auto 10px; width: 100%; float: left; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover { color: white; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer:before { display: block; content: ""; clear: both; width: 100%; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer table { margin-top: 15px; } #prpop-pop-up-bg.glamour-grey .pslogin-block { margin-top: 10px; } #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons { width: 100%; margin: 0 auto; text-align: center; } #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li { width: 70%; min-height: 32px; margin-bottom: 5px; } #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons li { width: auto; min-height: 32px; margin: 0 5px 5px 0; vertical-align: middle; } #prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-auto { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; min-width: 32px; } #prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-text { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-icon { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #prpop-pop-up-bg.glamour-grey .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; } #prpop-pop-up-bg.glamour-grey .pslogin-buttons .pslogin-spacer { width: 100%; } /*=== light silver ===*/ #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer { margin: 10px auto; width: 70%; } #prpop-pop-up-bg.simple-form-logo .pslogin-border { border-top: 1px solid #A5A5A5; } #prpop-pop-up-bg.simple-form-logo .pslogin-bordertext { color: #444; } #prpop-pop-up-bg.simple-form-logo .pslogin-spacer { width: 70%; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons .pslogin-spacer:before { display: none; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer .pslogin-border { border-top: 1px solid #A5A5A5; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext { border: 1px solid #A5A5A5; color: #444; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover { color: black; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons { width: 70%; margin: 0 auto; text-align: center; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li { width: 100%; min-width: 32px; min-height: 34px; margin-bottom: 5px; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons li { width: auto; min-width: 34px; height: 34px; margin: 0 0 5px 0; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons ul li a { display: inline-block; width: 100%; } #prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-auto { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33); box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33); } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-auto { border: 1px solid rgba(0, 0, 0, 0.09); height: 34px; } #prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-text { height: 34px; } #prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon { box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33); } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon { border: none; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon { height: 32px; width: 32px; } #prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon { border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 34px; width: 34px; } #prpop-pop-up-bg.simple-form-logo .pslogin-buttons .pslogin-spacer { width: 100%; } /*=== open-id Page ===*/ .pslogin-openid { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; padding: 20px; } .pslogin-openid .network-logo { background: url('https://www.chupamobile.com/skin/frontend/base/default/images/plumrocket/pslogin/social_openid.png'); width: 180px; height: 70px; margin: 0 auto 15px auto; } .pslogin-openid.livejournal .network-logo { background-position: -180px 0; } .pslogin-openid.verisign .network-logo { background-position: 0 -70px; } .pslogin-openid input[type=submit] { height: 32px; line-height: 32px; vertical-align: top; padding: 0; text-align: center; min-width: 144px; box-sizing: border-box; font-size: 12px; color: white; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0px; } .pslogin-openid input[type=submit]:hover { opacity: 0.8; filter: alpha(opacity=80); } .pslogin-openid input[type=text] { width: 100%; border: 1px solid #D0D0D0; height: 30px; line-height: 25px; margin-bottom: 5px; margin-top: 10px; padding: 2px; box-sizing: border-box; font-size: 14px; } .pslogin-openid .form-wrapper { background-color: #f3f3f3; color: #464646; width: 300px; margin: 0 auto; padding: 25px; box-shadow: 0px 2px 7px 0px #c1c1c1; -moz-box-shadow: 0px 2px 7px 0px #c1c1c1; -webkit-box-shadow: 0px 2px 7px 0px #c1c1c1; border-radius: 15px; font-size: 14px; } .pslogin-openid .ajax-loader { width: 110px; height: 14px; margin: 0 auto 5px auto; } .pslogin-openid .ajax-loader .image-gif { background: url('https://www.chupamobile.com/skin/frontend/base/default/images/plumrocket/pslogin/ajax-loader-h.gif'); width: 110px; height: 14px; display: none; } .pslogin-openid .ajax-loader .error-text { color: red; font-size: 11px; /*display: none;*/ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .pslogin-block .pslogin-buttons ul li .pslogin-button-icon { background: url('https://www.chupamobile.com/skin/frontend/base/default/images/plumrocket/pslogin/social_retina.png'); background-size: 236px 340px; -webkit-background-size: 236px 340px; -moz-background-size: 236px 340px; } } @media screen and ( max-width: 767px ) { .pslogin-block .pslogin-buttons { width: 100%; } .pslogin-block .pslogin-buttons.show-button-text ul li .pslogin-button-text { display: inline-block; } .pslogin-block .pslogin-xs { display: inline-block!important; } .pslogin-block .pslogin-spacer .pslogin-bordertext { } } @media screen and (max-width: 640px) { /*=== social login ===*/ #prpop-pop-up-bg.prpop-default .pslogin-spacer, #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons { width: 60%; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer { float: none; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer, #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons { width: 60%; } #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li, #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li { width: 100%; } } @media screen and (max-width: 480px) { /*=== social buttons ===*/ #prpop-pop-up-bg.prpop-default .pslogin-spacer, #prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons { width: 100%; } #prpop-pop-up-bg.glamour-grey .pslogin-spacer, #prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons { width: 100%; } #prpop-pop-up-bg.simple-form-logo .pslogin-spacer, #prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons { width: 100%; } } /*=== animate ===*/ #pslogin-pop-up-bg { -webkit-animation-duration: 1s; -moz-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); -moz-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); -moz-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); -moz-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -moz-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -moz-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -moz-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); -moz-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); -moz-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); -moz-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -moz-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -moz-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -moz-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); -moz-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); -moz-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); -moz-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -moz-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -moz-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -moz-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); -moz-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); -moz-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); -moz-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -moz-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -moz-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -moz-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn .prpop-splash-container { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; -moz-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Effect 8: 3D flip horizontal */ @-webkit-keyframes flip3d_hor { 0% { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-110deg); -moz-transform: rotateY(-110deg); -ms-transform: rotateY(-110deg); transform: rotateY(-110deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes flip3d_hor { 0% { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-110deg); -moz-transform: rotateY(-110deg); -ms-transform: rotateY(-110deg); transform: rotateY(-110deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes flip3d_hor { 0% { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-110deg); -moz-transform: rotateY(-110deg); -ms-transform: rotateY(-110deg); transform: rotateY(-110deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } .flip3d_hor .prpop-splash-container { -webkit-animation-name: flip3d_hor; -moz-animation-name: flip3d_hor; animation-name: flip3d_hor; -webkit-animation-duration: 1s; -moz-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*background animation*/ #prpop-addedoverlay { -webkit-animation-duration: 0.25s; -moz-animation-duration:0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: background_a; -moz-animation-name: background_a; animation-name: background_a; } @-webkit-keyframes background_a { 0% { opacity: 0; } 100% { opacity: 0.6; } } @-moz-keyframes background_a { 0% { opacity: 0; } 100% { opacity: 0.6; } } @keyframes background_a { 0% { opacity: 0; } 100% { opacity: 0.6; } } .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0; padding: 0; } .postTitle h3 { font-size: 10px; margin: 0; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0; } .postContent { padding-bottom: 10px; } .postContent img { width: 100%; height: auto; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0; } .commentDetails { margin-bottom: 5px; padding: 0; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-categories { margin: 5px 9px; } .menu-categories h5 { font-size: 11px; } .menu-recent { margin: 5px 9px; } .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-tags UL LI a { font-size: 11px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-categories UL LI a { font-size: 11px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a { font-size: 11px; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/default/blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .block-blog-recent ul li { margin-bottom: 10px; } .block-blog-recent ul li div { font-family: 'Georgia'; font-size: 12px; font-weight: normal; font-style: italic; color: #c5988b; text-align: right; } .block-blog-recent ul li div.post-image { width: 60px; background: #b8b8b8; float: left; margin-right: 20px; } .block-blog-recent ul li div.post-time { margin-top: 5px; } .block-blog-recent ul li a { font-family: 'Lato_Regular'; font-size: 15px; font-weight: normal; color: #5b5a55; line-height: 15px; } .block-blog-recent .post-image img { width: 100%; height: auto; } .block.block-blog-tags ul li { float: left; margin: 0 7px 15px 0; } .block.block-blog-tags ul li a { display: block; padding: 10px 14px; background-color: #e1e1e1; color: #7e7d79; font-family: Georgia; font-size: 13px; font-weight: bold; line-height: 11px; } .block.block-blog-tags ul li a:hover { background-color: #c5988b; color: #fff; } .block.block-blog-categories a { color: #5b5a55; font-size: 15px; text-decoration: none; text-transform: none; margin-left: 15px; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.smartwaveblog_current_comment { text-decoration: none; font-weight: bold; } /** * ISAAC Priceslider * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category ISAAC * @package ISAAC_Priceslider * @copyright Copyright (c) 2011 ISAAC Software Solutions B.V. (http://www.isaac.nl) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * @author Aad Mathijssen, Sam Berghmans * @version 1.0.0 */ .header .form-search #cat { width: 118px; float:left; margin-right: 2px;} .header .form-search #search { width: 97px; float: left; margin-right: 2px; } .header .form-search label { width: 22px; float: left; } #search_mini_form .header .form-search button.button { float: right; margin-right: 8px; } .maintitle { border-left: 1px solid #DBDBDB; border-radius: 5px 5px 0 0; border-right: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; color: #3A3A3A; float: none; font-size: 14px; height: 29px; padding: 6px 10px 0; clear: both; } .titlemain { color: #3A3A3A; float: left; font-size: 14px; font-weight: bold; } .viewall { float: right; } .viewall a { color: #5C5C5C; font-size: 12px; font-weight: bold; text-decoration: underline; } .products-grid li.item { float: left; padding-bottom: 80px; padding-left: 10px; padding-right: 10px; padding-top: 12px; width: 138px; } /*.std .category-products ul.products-grid, .std .category-products ol.products-grid { width: 634px; }*/ .std .category-products ul, .std .category-products ol { list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0px; margin: 0px; } /*.maintitle { width: 634px; }*/ /**** removed all styles ****/ .social-icons { float: right; } .social-icons span.label { line-height: 30px; font-size: 13px; color: #8b8c8d; display: inline-block; padding: 0; } .social-icons a { background: url(https://www.chupamobile.com/skin/frontend/smartwave/default/socialicons/images/social-icons-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #000; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } .social-icons a:hover { background: url(https://www.chupamobile.com/skin/frontend/smartwave/default/socialicons/images/social-icons-hover-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #E0E0E0; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } /** * Copyright 2016 The Valdecode Cookie Law Compliance Authors. All rights reserved. * Use of this source code is governed by a MIT-style * license that can be found in the LICENSE.txt file. */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: left; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @font-face { font-family: 'porto'; src: url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562'); src: url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562#iefix') format('embedded-opentype'), url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.woff?43147562') format('woff'), url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.ttf?43147562') format('truetype'), url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'porto'; src: url('https://www.chupamobile.com/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "porto"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-spin1:before { content: '\e800'; } /* '' */ .icon-spin2:before { content: '\e801'; } /* '' */ .icon-spin3:before { content: '\e802'; } /* '' */ .icon-spin4:before { content: '\e803'; } /* '' */ .icon-spin5:before { content: '\e804'; } /* '' */ .icon-spin6:before { content: '\e805'; } /* '' */ .icon-firefox:before { content: '\e806'; } /* '' */ .icon-chrome:before { content: '\e807'; } /* '' */ .icon-opera:before { content: '\e808'; } /* '' */ .icon-ie:before { content: '\e809'; } /* '' */ .icon-phone:before { content: '\e80a'; } /* '' */ .icon-down-dir:before { content: '\e80b'; } /* '' */ .icon-cart:before { content: '\e80c'; } /* '' */ .icon-up-dir:before { content: '\e80d'; } /* '' */ .icon-mode-grid:before { content: '\e80e'; } /* '' */ .icon-mode-list:before { content: '\e80f'; } /* '' */ .icon-compare:before { content: '\e810'; } /* '' */ .icon-wishlist:before { content: '\e811'; } /* '' */ .icon-search:before { content: '\e812'; } /* '' */ .icon-left-dir:before { content: '\e813'; } /* '' */ .icon-right-dir:before { content: '\e814'; } /* '' */ .icon-down-open:before { content: '\e815'; } /* '' */ .icon-left-open:before { content: '\e816'; } /* '' */ .icon-right-open:before { content: '\e817'; } /* '' */ .icon-up-open:before { content: '\e818'; } /* '' */ .icon-angle-left:before { content: '\e819'; } /* '' */ .icon-angle-right:before { content: '\e81a'; } /* '' */ .icon-angle-up:before { content: '\e81b'; } /* '' */ .icon-angle-down:before { content: '\e81c'; } /* '' */ .icon-down:before { content: '\e81d'; } /* '' */ .icon-left:before { content: '\e81e'; } /* '' */ .icon-right:before { content: '\e81f'; } /* '' */ .icon-up:before { content: '\e820'; } /* '' */ .icon-angle-double-left:before { content: '\e821'; } /* '' */ .icon-angle-double-right:before { content: '\e822'; } /* '' */ .icon-angle-double-up:before { content: '\e823'; } /* '' */ .icon-angle-double-down:before { content: '\e824'; } /* '' */ .icon-mail:before { content: '\e825'; } /* '' */ .icon-location:before { content: '\e826'; } /* '' */ .icon-skype:before { content: '\e827'; } /* '' */ .icon-right-open-big:before { content: '\e828'; } /* '' */ .icon-left-open-big:before { content: '\e829'; } /* '' */ .icon-down-open-big:before { content: '\e82a'; } /* '' */ .icon-up-open-big:before { content: '\e82b'; } /* '' */ .icon-cancel:before { content: '\e82c'; } /* '' */ .icon-user:before { content: '\e82d'; } /* '' */ .icon-mail-alt:before { content: '\e82e'; } /* '' */ .icon-fax:before { content: '\e82f'; } /* '' */ .icon-lock:before { content: '\e830'; } /* '' */ .icon-company:before { content: '\e831'; } /* '' */ .icon-city:before { content: '\e832'; } /* '' */ .icon-post:before { content: '\e833'; } /* '' */ .icon-country:before { content: '\e834'; } /* '' */ .icon-calendar:before { content: '\e835'; } /* '' */ .icon-doc:before { content: '\e836'; } /* '' */ .icon-mobile:before { content: '\e837'; } /* '' */ .icon-clock:before { content: '\e838'; } /* '' */ .icon-chat:before { content: '\e839'; } /* '' */ .icon-tag:before { content: '\e83a'; } /* '' */ .icon-folder:before { content: '\e83b'; } /* '' */ .icon-folder-open:before { content: '\e83c'; } /* '' */ .icon-forward:before { content: '\e83d'; } /* '' */ .icon-reply:before { content: '\e83e'; } /* '' */ .icon-cog:before { content: '\e83f'; } /* '' */ .icon-cog-alt:before { content: '\e840'; } /* '' */ .icon-wrench:before { content: '\e841'; } /* '' */ .icon-quote-left:before { content: '\e842'; } /* '' */ .icon-quote-right:before { content: '\e843'; } /* '' */ .icon-gift:before { content: '\e844'; } /* '' */ .icon-dollar:before { content: '\e845'; } /* '' */ .icon-euro:before { content: '\e846'; } /* '' */ .icon-pound:before { content: '\e847'; } /* '' */ .icon-rupee:before { content: '\e848'; } /* '' */ .icon-yen:before { content: '\e849'; } /* '' */ .icon-rouble:before { content: '\e84a'; } /* '' */ .icon-try:before { content: '\e84b'; } /* '' */ .icon-won:before { content: '\e84c'; } /* '' */ .icon-bitcoin:before { content: '\e84d'; } /* '' */ .icon-ok:before { content: '\e84e'; } /* '' */ .icon-chevron-left:before { content: '\e84f'; } /* '' */ .icon-chevron-right:before { content: '\e850'; } /* '' */ .icon-export:before { content: '\e851'; } /* '' */ .icon-star:before { content: '\e852'; } /* '' */ .icon-star-empty:before { content: '\e853'; } /* '' */ .icon-plus-squared:before { content: '\e854'; } /* '' */ .icon-minus-squared:before { content: '\e855'; } /* '' */ .icon-plus-squared-alt:before { content: '\e856'; } /* '' */ .icon-minus-squared-alt:before { content: '\e857'; } /* '' */ .icon-truck:before { content: '\e858'; } /* '' */ .icon-lifebuoy:before { content: '\e859'; } /* '' */ .icon-pencil:before { content: '\e85a'; } /* '' */ .icon-users:before { content: '\e85b'; } /* '' */ .icon-video:before { content: '\e85c'; } /* '' */ .icon-menu:before { content: '\e85d'; } /* '' */ .icon-desktop:before { content: '\e85e'; } /* '' */ .icon-doc-inv:before { content: '\e85f'; } /* '' */ .icon-circle:before { content: '\e860'; } /* '' */ .icon-circle-empty:before { content: '\e861'; } /* '' */ .icon-circle-thin:before { content: '\e862'; } /* '' */ .icon-mini-cart:before { content: '\e863'; } /* '' */ .icon-paper-plane:before { content: '\e864'; } /* '' */ .icon-attention-alt:before { content: '\e865'; } /* '' */ .icon-info:before { content: '\e866'; } /* '' */ .icon-compare-link:before { content: '\e867'; } /* '' */ /* Animation example, for spinners */ .animate-spin { -moz-animation: spin 0.8s infinite linear; -o-animation: spin 0.8s infinite linear; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Reset ================================================================================= */ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,greek,latin-ext,greek-ext,cyrillic,vietnamese,cyrillic-ext); *{outline:none !important} html, body{background-color:#fff;font:13px/1 'Open Sans',Arial,Helvetica,sans-serif;color:#777;text-align:center} body{overflow-x:hidden} img{border:0;vertical-align:top} .m-l-50 {margin-left:50px!important;} .flt-right{float:right!important;} .flt-left{float:left!important;} a{color:#08c;text-decoration:none;transition:all 0.3s} a:visited,a:focus{text-decoration:none} a:hover{color:#08c;text-decoration:underline} :focus{outline:0} .custom_quote { display: inline-block; vertical-align: middle; margin-top: 1em; color: rgb(115, 179, 64) ! important; text-decoration: underline; text-align: center; width: 100%; } .custom_quote a { color: rgb(115, 179, 64) ! important; } /* Headings */ h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#777} h1{font-size:20px;font-weight:400;margin-bottom:20px} h2{font-size:18px;font-weight:400;margin-bottom:15px} h3{font-size:16px;font-weight:600} h4{font-size:14px;font-weight:600} h5{font-size:12px;font-weight:600} h6{font-size:11px;font-weight:600} hr{border-color:#f5f5f5} /* Forms */ form{display:inline} fieldset{border:0} legend{display:none} .automatically_translated { background-color: #ffffcc; font-size: 11px; margin-top: 10px; padding-bottom: 2px; padding-top: 13px; } } /* Table */ table{border:0;border-spacing:0;empty-cells:show;font-size:100%} caption,th,td{vertical-align:middle;text-align:left;font-weight:normal} /* Content */ p{margin:0 0 15px;line-height:1.5} strong{font-weight:bold} address{text-align:left;margin:0} cite{font-style:normal} q, blockquote{quotes:none} q:before, q:after{content:''} small,big{font-size:1em} /* Lists */ ul,ol{list-style:none;margin:0;padding:0} /* Tools */ .hidden{display:block !important;border:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;width:0 !important;height:0 !important;overflow:hidden !important} .nobr{white-space:nowrap !important} .wrap{white-space:normal !important} .a-left{text-align:left !important} .a-center{text-align:center !important} .a-right{text-align:right !important} .v-top{vertical-align:top} .v-middle{vertical-align:middle} .f-left, .left{float:left !important} .f-right, .right{float:right !important} .f-none{float:none !important} .f-fix{float:left;width:100%} .label{color:#000} th.label{display:inherit} .no-display{display:none} .no-margin{margin:0 !important} .no-padding{padding:0 !important} .no-bg{background:none !important} .theme-color{color:#08c!important} .theme-bg-color{background-color:#08c} .theme-border-color{border-color:#08c} .theme-hover-color:hover{color:#08c} .theme-hover-bg-color:hover{background-color:#08c} .text-underline{text-decoration:underline!important;} /* Layout ================================================================================ */ .wrapper{} .page{background-color:#fff;padding:0} .page-print{background:#fff;padding:25px 30px;text-align:left} .page-empty{background:#fff;padding:20px;text-align:left} .page-popup{background:#fff;padding:25px 30px;text-align:left} .top-container{} /******** For Boxed Version ************/ body.boxed{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/boxed_bg.jpg) center center no-repeat;background-color:#000;background-size:cover;background-attachment:fixed} body.boxed.page-empty{background-image:none;background-color:#fff} body.ajaxcart-index-options{background:#fff} body.boxed .wrapper{padding-top:24px;padding-bottom:17px;} body.boxed .page{overflow:hidden;border-radius:8px;width:1180px;margin-left:auto;margin-right:auto} body.boxed .header-container .top-links-container{border-radius:8px 8px 0 0} /* BreadCrumbs */ .top-container >.breadcrumbs{padding-top:12px;padding-bottom:12px;font-size:13px;line-height:1;color:#fff;background-color:#171717} .breadcrumbs ul{padding:0} .breadcrumbs li{display:inline;vertical-align:top} .breadcrumbs li strong{font-weight:400;vertical-align:middle} .breadcrumbs li a{vertical-align:middle;font-weight:400;color:#fff} .breadcrumbs span.breadcrumbs-split{vertical-align:middle;margin:0 2px;font-size:12px} .main-container{padding:20px 0 50px;min-height:400px} .main{text-align:left} .main.container{max-width:100%} .col-main{padding-bottom:30px} /* Content Columns */ .col2-set .col-1{float:left;width:48.5%} .col2-set .col-2{float:right;width:48.5%} .col2-set .col-narrow{width:32%} .col2-set .col-wide{width:65%} .col3-set .col-1{float:left;width:32%} .col3-set .col-2{float:left;width:32%;margin-left:2%} .col3-set .col-3{float:right;width:32%} .col4-set .col-1{float:left;width:23.5%} .col4-set .col-2{float:left;width:23.5%;margin:0 2%} .col4-set .col-3{float:left;width:23.5%} .col4-set .col-4{float:right;width:23.5%} /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button{font-size:12px;vertical-align:middle;color:#484747} input.input-text,select,textarea{background:#fff;border:1px solid #ccc;padding:2px 8px;height:26px;color:#777;font-size:13px;border-radius:3px} select{background:#fff;border:1px solid #ccc;padding:2px 8px;height:26px;color:#777;font-size:13px} input.input-text,textarea{padding:8px} label{margin:0;vertical-align:middle;color:#777;font-size:13px;font-weight:normal} select option{padding-right:10px} select.multiselect option{padding:2px 5px} select.multiselect option:last-child{border-bottom:0} textarea{overflow:auto;padding:8px} input.radio{display:inline-block;margin:0 5px 0 0;vertical-align:middle} input.checkbox{margin-right:10px;display:inline-block} input.qty{margin-right:2px;display:inline-block;vertical-align:middle;height:38px;width:35px !important;font-size:14px;text-align:center;color:#08c;border-color:#e1e1e1} button.button::-moz-focus-inner{padding:0;border:0} button.button{-webkit-border-fit:lines} button.button{overflow:visible;width:auto;border:0;padding:0;margin:0;background:transparent;cursor:pointer} button.button span{display:block;border:0;background:#08c;padding:0 15px;font-weight:normal;font-size:14px;text-align:center;white-space:nowrap;color:#fff;line-height:38px;border-radius:5px} button.button span span{border:0;padding:0;color:inherit;border-width:0;background:transparent;line-height:inherit} button.button:hover span{opacity:.9;filter:alpha(opacity=90)} button.disabled span{background:#bbb !important} button.btn-checkout.no-checkout span{color:#b8baba} p.control input.checkbox, p.control input.radio{margin-right:10px;display:inline-block} p.control{line-height:19px} /* Form lists */ /* Grouped fields */ .input-box label{margin-bottom:10px} .form-wrap,#form-validate,#login-form{display:block;border:1px solid #ececec;border-radius:8px;background:#fff;border-top:4px solid #08c;padding:15px 25px 35px 25px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .form-wrap h2,#form-validate h2{color:#08c;text-transform:uppercase;margin:0 0 20px} .form-wrap .fieldset,#form-validate .fieldset{margin:0} .form-wrap .fieldset + .fieldset,#form-validate .fieldset + .fieldset{margin-top:35px} .form-list li{margin:0 0 10px} .form-list label{float:left;font-size:14px;position:relative;z-index:0;margin-bottom:10px} .form-list label.required{} .form-list label.required em{float:right;font-style:normal;color:#eb340a;position:absolute;top:0;right:-8px} .form-list li.control label{float:none;margin:0;line-height:20px;display:inline-block;vertical-align:middle} .form-list li.control input.radio, .form-list li.control input.checkbox{margin:0 8px 0 0;} .form-list li.control .input-box{clear:none;display:inline-block;width:auto;vertical-align:middle;margin:0} .form-list .input-box{width:100%;margin-bottom:10px;border-radius:3px;clear:both} .form-list .input-box label{float:none;display:table-cell;width:1%;white-space:nowrap;padding-right:5px} .form-list .input-box label i{width:46px;height:38px;line-height:38px;display:inline-block;text-align:center;font-size:16px;border-right:1px solid #ccc;margin-right:10px} .form-list .input-box label.required em{float:none;position:static} .form-list li.wide{} .form-list .field{float:left;margin:0;width:48%} .form-list .field:nth-child(2n){float:right} .form-list input.input-text{width:100%;height:38px;padding:10px;border-radius:6px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;background-color:#fff} .form-list textarea{width:100%;height:10em;line-height:1.4;border-radius:6px;padding:10px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset} .form-list select{width:100%;height:38px;border-radius:6px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset} .form-list li.control{} .form-list li.wide .input-box{} .form-list li.wide input.input-text{} .form-list li.wide textarea{} .form-list li.wide select{} .form-list li.additional-row{border-top:1px solid #ccc;margin-top:10px;padding-top:7px} .form-list li.additional-row .btn-remove{float:right;margin:5px 0 0} .form-list .input-range input.input-text{width:74px;border:1px solid #ccc} .form-list-narrow li{margin-bottom:0} .form-list-narrow li .input-box{margin-bottom:6px} .form-list-narrow li.wide .input-box{width:260px} .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea{width:254px} .form-list-narrow li.wide select{width:260px} /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box{width:auto} .form-list .name-prefix{width:65px} .form-list .name-prefix select{width:55px} .form-list .name-prefix input.input-text{width:49px} .form-list .name-suffix{width:65px} .form-list .name-suffix select{width:55px} .form-list .name-suffix input.input-text{width:49px} .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname{width:140px} .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text{width:124px} .form-list .customer-name-prefix-middlename-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix-suffix .name-firstname{width:210px} .form-list .customer-name-prefix-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix-suffix .name-firstname{width:210px} .form-list .customer-name-prefix-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename{width:210px} .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname{width:205px} .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text{width:189px} .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year{float:left;width:85px} .form-list .customer-dob input.input-text{display:block;width:74px} .form-list .customer-dob label{font-size:10px;font-weight:normal;color:#888} .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month{width:60px} .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text{width:46px} .form-list .customer-dob .dob-year{width:140px} .form-list .customer-dob .dob-year input.input-text{width:134px} .buttons-set{clear:both;margin:1em 0 0;padding:8px 0 0;text-align:right} .buttons-set p.required{margin:0 0 10px} .buttons-set .back-link{float:left;margin:0} .buttons-set button.button{float:right;margin-left:5px} .buttons-set a{line-height:35px} .buttons-set-order{margin:10px 0 0} .buttons-set-order .please-wait{padding:12px 7px 0 0} .fieldset{margin:20px 0} .fieldset .legend{font-size:16px;margin:20px 0} /* Form Validation */ .validation-advice{clear:both;min-height:13px;margin:3px 0 0;padding-left:10px;font-size:11px;font-weight:bold;line-height:13px;color:#eb340a;position:relative;top:100%;text-align:left} .validation-failed{border:1px dashed #eb340a !important;background:#faebe7 !important} .validation-passed{} p.required{font-size:11px;text-align:right;color:#EB340A} /* Expiration date and CVV number validation fix */ .v-fix{float:left} .v-fix .validation-advice{display:block;width:12em;margin-right:-12em;position:relative} /* Global Messages */ .success{color:#3d6611;font-weight:bold} .error{color:#df280a;font-weight:bold} .notice{color:#e26703} .messages, .messages ul{list-style:none;margin:0;padding:0} .messages{width:100%;overflow:hidden;margin-bottom:15px} .messages li{margin:0 0 10px} .messages li li{margin:0 0 3px} .error-msg, .success-msg, .note-msg, .notice-msg{border-style:solid;border-width:1px;min-height:24px;padding:15px;font-size:14px;font-weight:400;border-radius:4px;margin-bottom:20px} .error-msg{border-color:#ebccd1;background-color:#f2dede;color:#a94442} .success-msg{border-color:#d6e9c6;background-color:#dff0d8;color:#3c763d} .note-msg, .notice-msg{border-color:#faebcc;background-color:#fcf8e3;color:#8a6d3b} .owl-carousel .owl-wrapper-outer{cursor:move;cursor:-webkit-grab;cursor:-moz-grab} .owl-top-narrow .error-msg,.owl-top-narrow .success-msg,.owl-top-narrow .note-msg,.owl-top-narrow .notice-msg{margin:10px} /* Page Heading */ .page-title{text-align:left} .page-title h1, .page-title h2{margin:0;font-size:20px;color:#484747} .col-main .page-title h1, .col-main .page-title h2{font-size:20px;margin:0 0 15px;color:#08c} .page-title.category-title{display:none} .col-main .page-title.category-title h1{margin-bottom:10px} .page-title .separator{margin:0 3px} .page-title .link-rss{float:right;margin:7px 0 0} .title-buttons{text-align:right} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6{float:left} .subtitle, .sub-title{clear:both;padding:15px 0 0;font-size:15px;font-weight:bold;margin:0 0 20px;color:#08c} /* Pager */ .pager{} .pager .amount{float:left;margin:0;line-height:30px;margin-right:10px;display:none} .pager .limiter{float:right} .pager .limiter label{vertical-align:middle} .pager .limiter select{padding:0;margin:0 0 1px;vertical-align:middle} .pager .pages{float:right;margin-left:7px} .pager .pages ol{display:inline} .pager .pages li{display:inline-block;margin:0;height:26px;width:26px;line-height:24px;font-size:13px;margin-left:2px;text-align:center;border-radius:3px} .pager li >a,.pager li >span{padding:0;background-color:#fff;display:block;height:26px;padding:0;border:1px solid #ccc;border-radius:3px} .pager li >a.next,.pager li >a.previous{color:#999} .pager li >a.next:hover,.pager li >a.next:focus,.pager li >a.previous:hover,.pager li >a.previous:focus{color:#fff} .pager li >a:hover,.pager li >a:focus{background-color:#08c;border-color:#08c;color:#fff;text-decoration:none} .pager .pages .current{padding:0;border:1px solid #08c;background-color:#08c;color:#fff} /* Sorter */ .sorter{} .sorter .view-mode{float:left;margin:0;margin-right:10px;line-height:29px;height:30px} .sorter .view-mode i{font-size:14px;border:1px solid #ccc;background-color:#fff;color:#ccc;width:26px;height:26px;line-height:24px;display:inline-block;text-align:center;border-radius:3px;vertical-align:top} .sorter .view-mode strong i,.sorter .view-mode a:hover i{border-color:#08c;color:#fff;background-color:#08c;border-radius:3px} .sorter .sort-by{float:left;margin-right:15px;margin-bottom:4px} .sorter label{margin-right:5px} .sorter .sort-by select{} .sorter .link-feed{} .sorter .limiter{float:right} /* Toolbar */ .toolbar{} .toolbar .pager{float:right;margin:0;margin-bottom:4px} .toolbar .sorter{} .toolbar-bottom{text-align:center;margin-top:20px} .toolbar-bottom .toolbar{display:inline-block;border:0} .toolbar-bottom .toolbar .sorter .sort-by,.toolbar-bottom .toolbar .sorter .view-mode{display:none} /* Data Table */ .data-table{width:100%;border:0} .data-table .odd{} .data-table .even{} .data-table thead tr{border:1px solid #dcdcdc} .data-table tbody tr{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background-color:#fff} .data-table td.last, .data-table th.last{border-right:1px solid #dcdcdc} .data-table tr.last th, .data-table tr.last td{} .data-table th{padding:15px 10px;font-weight:bold} .data-table td{padding:15px 10px} .data-table h2,.data-table h3{margin-top:0;margin-bottom:0;font-weight:normal} .data-table thead th{font-weight:600;padding:15px 10px;color:#777;white-space:nowrap;vertical-align:middle;font-size:14px;text-transform:uppercase} .data-table thead th.wrap{white-space:normal} .data-table thead th a, .data-table thead th a:hover{color:#fff} .data-table thead th{background-color:#f6f6f6} .data-table thead th .tax-flag{font-size:11px;white-space:nowrap} .data-table tfoot{border-bottom:1px solid #d9dde3} .data-table tfoot tr.first td{border-left:1px solid #dcdcdc} .data-table tfoot tr{} .data-table tfoot td{padding-top:10px;padding-bottom:10px;border-bottom:0;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc} .data-table tfoot strong{font-size:16px} .data-table tbody th,.data-table tbody td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:15px 10px;line-height:1.3} .data-table tbody td .option-label{font-weight:bold;font-style:italic} .data-table tbody td .option-value{padding-left:10px} .data-table p{margin-bottom:0} .data-table .qty-holder,.data-table .add-to-cart-alt{position:relative;text-align:left;margin-right:0} .data-table .add-to-cart-alt{margin:10px 0;width:93px} .data-table .edit-qty{margin-left:5px} .data-table input.qty{color:#777;height:30px;border-radius:0;border-color:#ccc;margin:0 -1px} .data-table .table_qty_inc,.data-table .table_qty_dec{display:inline-block;width:30px;height:30px;background:#f4f4f4;border:1px solid #ccc;color:#777;line-height:30px;border-radius:0;margin:0;font-size:14px;font-weight:bold;text-decoration:none;text-align:center;vertical-align:top} .data-table button.button > span{background:#fff;border:1px solid #ccc;color:#777;line-height:32px;padding:0 12px} .data-table button.button:hover > span{background:#08c;border:1px solid #08c;color:#fff} .data-table .product-name a{color:#08c} .data-table .cart-cell{margin-bottom:10px} .data-table .cart-cell button.button span{font-size:13px;line-height:28px} /* Generic Info Box */ .info-box{background:#fff 0 0 repeat-x;border:1px solid #d0cbc1;padding:12px 15px;margin:0 0 15px} .info-box h2{font-weight:bold;font-size:13px} .info-table th{font-weight:bold;padding:2px 15px 2px 0} .info-table td{padding:2px 0} /* Shopping cart total summary row expandable to details */ tr.summary-total{cursor:pointer} tr.summary-total td{} tr.summary-total .summary-collapse{float:right;text-align:right;padding-left:20px;cursor:pointer} tr.show-details td{} tr.summary-details td{font-size:11px;background-color:#dae1e4;color:#626465} tr.summary-details-first td{border-top:1px solid #d2d8db} tr.summary-details-excluded{font-style:italic} /* Shopping cart tax info */ .cart-tax-info{display:block} .cart-tax-info, .cart-tax-info .cart-price{padding-right:20px} .cart-tax-total{display:block;padding-right:20px;cursor:pointer} .cart-tax-info .price, .cart-tax-total .price{display:inline !important;font-weight:normal !important} .cart-tax-total-expanded{background-position:100% -52px} /* Class:std - styles for admin-controlled content */ .std{line-height:1.4} .std .subtitle{padding:0} .std ol.ol{list-style:decimal outside;padding-left:1.5em} .std ul.disc{list-style:disc outside;padding-left:18px;margin:0 0 10px} .std dl dt{font-weight:bold} .std dl dd{margin:0 0 10px} .std ul, .std ol, .std dl, .std address, .std blockquote{margin:0;padding:0} .std ul{list-style:disc outside;padding-left:1.5em} .std ul li{line-height:20px} .std ol{list-style:decimal outside;padding-left:1.5em} .std ul ul{list-style-type:circle} .std ul ul, .std ol ol, .std ul ol, .std ol ul{margin:.5em 0} .std dt{font-weight:bold} .std dd{padding:0 0 0 1.5em} .std blockquote{font-style:italic;padding:0 0 0 1.5em} .std address{font-style:normal} .std b, .std strong{font-weight:bold} .std i, .std em{font-style:italic} /* Misc */ .links li{display:inline} .link-cart{} /*.link-cart{display:inline-block;border-radius:4px;font-size:12px;background:#fff;border:1px solid #ccc;color:#777;line-height:25px;padding:0 8px} .link-cart:hover{background:#08c;border:1px solid #08c;color:#fff}*/ .link-wishlist{color:#ed4949;border-color:#f6a4a4} .link-wishlist:hover{color:#ed4949;border-color:#f6a4a4} .cart-table .link-wishlist,.cart-table .link-wishlist:hover{color:#08c} .link-reorder{} .link-compare{color:#52b9b5;border-color:#97d5d3} .link-compare:hover{color:#52b9b5;border-color:#97d5d3} .link-print{} .link-rss{} .btn-remove{position:relative;display:block;width:23px;height:23px;text-indent:-9999px;overflow:hidden;padding:5px 0;font-size:13px;color:#08c;line-height:1} .btn-remove:hover{color:#08c} .btn-remove:before{content:"\e82c";display:block;position:absolute;left:0;right:0;font-family:"porto";text-indent:0;text-align:right;font-size:12px;color:lightgray;} .btn-previous{display:block;width:11px;height:11px;font-size:0;line-height:0;overflow:hidden} .btn-remove2{display:inline-block;width:34px;height:34px;font-size:18px;line-height:22px;overflow:hidden} .btn-remove2:before{text-align:center;color: #bbbbbb;} .btn-edit{display:block;width:11px;height:11px;font-size:0;line-height:0;overflow:hidden} .cards-list dt{margin:5px 0 0} .cards-list .offset{padding:2px 0 2px 20px} .separator{margin:0 3px} .divider{clear:both;display:block;font-size:0;line-height:0;height:1px;margin:10px 0;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/bkg_divider1.gif) 0 50% repeat-x;text-indent:-999em;overflow:hidden} /* Global site notices */ .global-site-notice{border:1px solid #cfcfcf;border-width:0 0 1px;background:#ffff90;font-size:12px;line-height:1.25;text-align:center;color:#2f2f2f} .global-site-notice .notice-inner{width:100%;margin:0 auto;padding:10px;text-align:left} .global-site-notice .notice-inner p{margin:0;border:1px dotted #cccc73;padding:10px} .global-site-notice .notice-inner .actions{padding-top:10px} /* Cookie Notice */ .notice-cookie{position:fixed;z-index:9999;width:100%;bottom:0;left:0;margin:0 !important;opacity:.95;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";} /* Noscript Notice */ .noscript{} /* Demo Notice */ .demo-notice{margin:0;padding:6px 10px;background:#d75f07;font-size:12px;line-height:1.15;border:0;text-align:center;color:#fff} .demo-notice .notice-inner{width:auto;padding:0;background:none;text-align:center} .demo-notice .notice-inner p{padding:0;border:0} /* Header ================================================================================ */ .header-container{background-color:#fff;border-top-width:4px;border-top-style:solid} .top-links-container{background-color:#f0f0ed;padding:5px 0;position:relative;z-index:200} .header{position:relative;z-index:101;text-align:left} .header>.logo{margin:30px 40px 30px 0;text-decoration:none !important;display:inline-block;vertical-align:middle;max-width:270px;position:relative;z-index:2;transition:none} .header>.logo>.logo{margin:0 !important;padding:0 !important;width:100%} .header .logo strong{position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden} .header .logo img{max-width:100%} .header-container .welcome-msg{margin:3px 20px 3px 0;text-align:left;float:right;font-size:11px;line-height:19px;text-transform:uppercase} .header-container .welcome-msg a{color:#7dbd22} .header #search_mini_form{display:inline-block;vertical-align:middle;margin-right:35px} .header .form-search{overflow:visible;border:1px solid #ccc;border-radius:20px;position:relative;width:100%;min-width:250px;padding-right:170px;background-color:#fff} .header .form-search label{float:left;width:24px;height:21px;text-align:left;text-indent:-999em;overflow:hidden;display:none} .header .form-search #search{border:0;height:38px;background-color:transparent;padding:10px 15px;color:#999;font-family:Arial;width:100%;margin:0;font-size:13px;line-height:20px;border-radius:20px 0 0 20px} .header .form-search #cat{margin:0;width:130px;height:38px;background-color:transparent;border:1px solid #ccc;border-top:0;border-bottom:0;font-family:Arial;font-size:13px;line-height:34px;color:#777;padding:2px 0;padding-left:10px;position:absolute;right:40px;border-radius:0;-moz-appearance:none;-webkit-appearance:none} .header .form-search #cat option{color:#000;background:#fff} .header .form-search button.button{width:40px;height:38px;color:#777;background-color:transparent;font-size:14px;position:absolute;right:0;top:0;border-radius:0 20px 20px 0} .header .form-search .search-autocomplete{z-index:999} .header .form-search .search-autocomplete ul{border:1px solid #ddd;background-color:#fff} .header .form-search .search-autocomplete li{text-align:left;padding:5px 10px;cursor:pointer;color:#777} .header .form-search .search-autocomplete li .amount{float:right;font-weight:bold} .header .form-search .search-autocomplete li.odd{background-color:#fff} .header .form-search .search-autocomplete li.selected{background-color:#f7f7f7} .header-container .form-language, .header-container .form-currency{display:block;float:left;margin-right:8px} .header-container .form-language select, .header-container .form-currency select{display:none} .header-container .links{display:block;float:right;padding:0;margin:3px 0;color:#08c;position: absolute;top: 50%;right: 75px;margin-top: -9px;} .header-container .top-links-area{display:block;float:right;padding:0;position:relative} .header-container .top-links a{color:#999} .header-container .top-links-area a{padding-top:5px;padding-bottom:5px} .header-container .top-links a:hover{} .header-container .top-links .selectbox li a:hover{color:#fff} .header-container .links li{font-size:11px;padding:0 15px;text-transform:uppercase;line-height:19px;border-left:1px solid #ccc} .header-container .links li.last{padding-right:0} .header-container .links li.first{border-left:0px} .header-container .top-container{clear:both;padding:5px 10px 0 12px;text-align:right} .header-container .top-container a{font-size:11px;color:#ebbc58} .top-container .paypal-logo{text-align:left;display:inline-table} .header .custom-block{font-size:14px;font-weight:400;display:inline-block;vertical-align:middle} .fixed-header-area{z-index:1001;text-align:left;transition:0.5s top ease-in-out;-webkit-transition:0.5s top ease-in-out} .mini-cart{position:absolute;right:20px;top:50%;margin-top:-20px;text-align:right} .topCartContent{display:none;position:absolute;right:0;top:40px;width:300px;background-color:#fff;border-width:6px 0 0 0;border-style:solid;z-index:1;border-radius:8px 8px 5px 5px;color:#777;box-shadow:0 2px 8px rgba(0,0,0,0.5);margin-top:10px} .topCartContent:before{content:"";position:absolute;border:10px solid transparent;display:block;right:15px;top:-25px;border-bottom-color:#08c} .mini-cart .topCartContent:after{content:"";position:absolute;left:0;top:-25px;height:25px;width:100%;display:block} .mybag-link{line-height:1;display:inline-block;color:#fff;border-radius:5px;height:40px;padding:5px;text-transform:uppercase;text-align:center;max-width:120px} .mybag-link i{color:#fff;font-size:27px;display:inline-block;vertical-align:middle} .mybag-link:hover{color:#fff;text-decoration:none} .mybag-link .cart-info{display:inline-block;vertical-align:middle;text-align:left;padding:3px} .mybag-link span{display:block;font-size:12px;font-weight:600} .mybag-link .cart-qty{font-size:14px} .mini-cart .block-subtitle{margin:20px 30px} .mini-cart .cart-empty{margin:20px;text-align:center} .mini-products-list .product-image{float:left} .mini-cart .mini-products-list .product-details{margin-left:90px} .mini-cart .mini-products-list{padding:0 20px} .mini-cart .mini-products-list li{padding:20px 0;border-bottom:1px solid #eee} .mini-cart .mini-products-list li a.btn-remove{top:29px} .mini-cart .mini-products-list li .product-image{border-width:0;padding:0;border-radius:0} .mini-cart .mini-products-list li .product-image img{width:auto} .mini-cart .actions{color:#fff;line-height:47px;padding:0 20px;border-radius:0 0 5px 5px;margin-bottom:15px} .mini-cart .actions a{border:0;width:128px;text-align:center} .option-detail{position:relative;cursor:help;line-height:1.5} .option-detail a:hover{cursor:help} .option-detail .item-options{position:absolute;background-color:#fff;border:0;border-top:3px solid #08c;border-radius:5px;min-width:180px;left:0;top:20px;box-shadow:0 0 2px rgba(0,0,0,.1);opacity:0;filter:alpha(opacity=0);display:none;margin:0;padding:10px} .option-detail:hover .item-options{opacity:1;filter:alpha(opacity=100);display:block} .mini-cart .qty-price{color:#08c} .mini-cart .totals{padding:10px 20px;text-align:center;font-size:18px;color:#08c;font-weight:700} .mini-cart .totals .label{color:#777} .header-container .selectbox .select{border-color:transparent;color:#fff;text-align:center} .header-container .selectbox li a{color:#777 !important} .header-container .selectbox li a:hover{color:#fff !important} .header-container .selectbox .dropdown{border-radius:3px} .header-container .selectbox .dropdown ul{background-color:#fff !important} .header-container .top-links-container span.split{float:left;display:block;height:14px;width:1px;border-right:1px solid #ccc;margin:6px 3px 6px 0} .header-container .main-nav ul.menu >li.menu-full-width >a,.header-container .main-nav ul.menu >li.menu-item-has-children >a,.header-container .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .custom-block .icon-group:first-child{margin:0} .icon-group{display:inline-block;vertical-align:middle;text-align:left;margin-left:30px} .icon-group i{font-size:20px;color:#fff;float:left;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;background-color:#000} .icon-group h3{color:#000;font-size:14px;margin:0;line-height:1.5;margin-left:48px} .icon-group p{font-size:11px;margin:0;margin-left:48px;line-height:1;color:#878787} .search-area{position:absolute;top:50%;margin-top:-20px;z-index:1;display:inline-block;height:40px;left:20px;vertical-align:middle} .cart-area{position:absolute;top:50%;margin-top:-20px;z-index:1;display:inline-block;height:40px;right:15px;text-align:right;vertical-align:middle} .header-container .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container .top-links-icon{display:none;vertical-align:middle;font-size:11px;padding:7px 20px 7px 10px;position:relative} .header-container .top-links-icon:before{content:"\e80b";display:block;position:absolute;right:7px;top:50%;font-family:"porto";margin-top:-5px} .header-container .top-links-icon a{color:#fff;text-transform:uppercase;text-decoration:none} .header-container .top-links-icon a:hover{text-decoration:none} .mobile-nav-shown .mobile-nav{box-shadow:none!important} /*** Header Type 1 ***/ .header-container.type1{background-color:#1e1e1e;border:0} .cms-index-index .header-container.type1{position:fixed;top:0;left:0;z-index:2;background-color:rgba(0,0,0,.5);width:100%;max-height:100%;} .header-container.type1 .mobile-nav.side-block .sw-mobile-menu li>a,.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li .open-child,.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li.over>a{color:#fff} .header-container.type1 .top-links-area{display:inline-block;vertical-align:middle;float:none} .header-container.type1 .top-links-icon{background-color:#101010;border-radius:2px;color:#fff} .header-container.type1 .header .logo{margin:20px 25px 25px 0;float:left;position:relative;z-index:1} .header-container.type1 .header-wrapper{border:0;display:block;margin:32px 0 0} .header-container.type1 .main-nav{margin:0} .header-container.type1 .main-nav > .container{width:auto !important;padding:0} .header-container.type1 .main-nav .menu-wrapper{background-color:transparent} .header-container.type1 .main-nav ul.menu>li>a{color:#fff;padding:10px;font-weight:600;position:relative;z-index:1} .header-container.type1 .main-nav ul.menu >li.menu-full-width >a,.header-container.type1 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type1 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type1 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type1 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type1 .main-nav ul.menu >li.menu-static-width >a:after{right:8px} .header-container.type1 .header-right-area{text-align:right;position:absolute;right:15px;top:50%;margin-top:-32px} .header-container.type1 .header-right-area>div:first-child{margin-bottom:10px} .header-container.type1 .links{display:inline-block;vertical-align:middle;float:none;margin-right:5px} .header-container.type1 .links li{font-weight:300;padding:0 12px;border:0;border-right:1px solid #101010} .header-container.type1 .links a{color:#fff} .header-container.type1 .search-area{position:relative;display:inline-block;vertical-align:middle;margin:0;height:25px;width:25px;line-height:25px;text-align:center;margin-left:10px;left:0;top:0;z-index:5} .header-container.type1 .search-area>a{color:#fff} .header-container.type1 .header #search_mini_form{display:none} .header-container.type1 .header .form-search{width:450px;position:absolute;right:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type1 .header .form-search:before{content:"";display:block;position:absolute;right:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type1 .form-currency,.header-container.type1 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px} .header-container.type1 .selectbox .select{border-color:#101010;background-color:#101010;color:#fff;text-align:center} .selectbox li{transition:all 0.3s} .header-container.type1 .selectbox .dropdown{border:0} .header-container.type1 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto} .header-container.type1 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px} .header-container.type1 .mini-cart .mybag-link i{font-size:14px} .header-container.type1 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type1 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:normal} .header-container.type1 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type1 .mini-cart .topCartContent{top:26px} .header-container.type1 .menu-icon{display:none;padding:0;margin:0;height:auto;margin-right:1px;margin-left:10px} .header-container.type1 .menu-icon a{color:#fff} /*** Header Type 2 ***/ .header-container.type2{border-top-color:#08c} .header-container.type2 .top-links-area{display:block;float:right;padding:0} .header-container.type2 .top-links a{color:inherit} .header-container.type2 .top-links-icon:before{margin-top:-5px;color:#777} .header-container.type2 .selectbox .select{color:#777} .header-container.type2 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type2 .header .logo{display:inline-block;vertical-align:middle;padding:0 15px;margin:0 40px 0 0} .header-container.type2 .header .search-area{position:static;margin:0} .header-container.type2 .header .search-area .search-icon{display:none} .header-container.type2 .header #search_mini_form{width:450px} .header-container.type2 .header .custom-block{display:block;text-align:center;height:40px;line-height:40px} .header-container.type2 .header .mini-cart{display:block;position:absolute;right:15px;top:auto;bottom:-40px;padding:0;margin:0} .header-container.type2 .mybag-link {line-height:25px;background-color:#08c} .header-container.type2 .mybag-link i{font-size:18px} .header-container.type2 .mybag-link span{font-size:12px;font-weight:600;display:inline-block} .header-container.type2 .mybag-link .cart-qty{margin-right:3px;font-size:inherit;font-weight:inherit} .header-container.type2 .main-nav{margin:0} .header-container.type2 .main-nav ul.menu>li>a{padding-top:14px;padding-bottom:14px} .header-container.type2 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type2 .header-wrapper{border:0} .header-container.type2 .main-nav .menu-wrapper{border-radius:5px} .header-container.type2 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} /*** Header Type 3 ***/ .header-container.type3{border:0;background-color:#0083c1} .header-container.type3 .top-links-container{background-color:#008acc} .header-container.type3 .top-links-container span.split{border-color:#eee} .header-container.type3 .links li{border-left-color:#eee} .header-container.type3 .top-links ul.links a{color:#fff} .header-container.type3 .top-links-icon{color:#fff} .header-container.type3 .welcome-msg{color:#fff} .header-container.type3 .search-area{position:static;margin:0} .header-container.type3 .header{color:#fff} .header-container.type3 .header a{color:inherit} .header-container.type3 .header .form-search{border-color:transparent;background-color:#006393} .header-container.type3 .header .form-search #search{background-color:transparent;color:#ddd} .header-container.type3 .header .form-search #cat{border-color:#0076ae;border-color:rgba(255,255,255,.2);color:#fff;background-color:transparent} .header-container.type3 .header .form-search button.button{color:#fff;background-color:transparent} .header-container.type3 .header .custom-block{margin-right:10px} .header-container.type3 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type3 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type3 .header .custom-block a{font-size:12px} .header-container.type3 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-3px} .header-container.type3 .header #search_mini_form{width:450px} .header-container.type3 .main-nav{background-color:#006fa4} .header-container.type3 .main-nav .menu-wrapper{background-color:transparent} .header-container.type3 .main-nav ul.menu>li>a{color:#fff;padding-top:15px;padding-bottom:15px} .header-container.type3 .main-nav ul.menu>li:hover,.header-container.type3 .main-nav ul.menu>li.act{background-color:transparent} .header-container.type3 .main-nav ul.menu>li.act>a,.header-container.type3 .main-nav ul.menu>li:hover>a{color:#99cee8} .header-container.type3 .main-nav ul.menu>li>a{padding:17px 20px 17px 0;margin-right:10px} .header-container.type3 .main-nav ul.menu >li.menu-full-width >a,.header-container.type3 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type3 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type3 .mybag-link{position:relative;padding:2px 0} .header-container.type3 .mybag-link span{display:none} .header-container.type3 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type3 .mybag-link .cart-qty{display:block;font-size:16px;color:#000} .header-container.type3 .mybag-link i{font-size:35px} .header-container.type3 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type3 .header .search-icon{display:none} /*** Header Type 4 ***/ .header-container.type4{border-top-color:#08c} .header-container.type4 .top-links a{color:inherit} .header-container.type4 .top-links-icon{color:#777} .header-container.type4 .selectbox .select{color:#777} .header-container.type4 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type4 .header > .logo{display:inline-block;vertical-align:middle;padding:0 15px;margin:0 20px 0 0; max-height: 40px;} .header-container.type4 .search-area{position:static;margin:0} .header-container.type4 .header #search_mini_form{width:450px} .header-container.type4 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type4 .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type4 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type4 .mybag-link i{color:#08c;font-size:35px} .header-container.type4 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type4 .mybag-link .cart-info span{display:none} .header-container.type4 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type4 .main-nav{margin:0} .header-container.type4 .main-nav ul.menu>li>a{padding-top:14px;padding-bottom:14px} .header-container.type4 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type4 .header-wrapper{border:0;margin-bottom:15px} .header-container.type4 .main-nav .menu-wrapper{border-radius:5px} .header-container.type4 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type4 .header .search-icon{display:none} .header-container.type4 .header .custom-block a{font-size:12px} .header-container.type4 .top-links-container .top-links-area{} .header-container.type4 .top-links-container .links{top:25px; background-color: #fff !important;border: 1px solid #ccc;border-radius: 3px!important;display: none;margin: 0;padding: 5px 0;position: absolute;right: 0;text-align: right;z-index:9;} .header-container.type4 .top-links-container .links li{display:block;width:auto;float:none;} .header-container.type4 .top-links-container .form-language.top-select{position:relative;top:0;right:0;margin:0;} /*** Header Type 5 ***/ .header-container.type5{border:0} .header-container.type5 .top-links-container{background-color:#08c} .header-container.type5 .top-links-container span.split{float:right} .header-container.type5 .welcome-msg{float:left;color:#fff} .header-container.type5 .form-language,.header-container.type5 .form-currency{float:right} .header-container.type5 .search-area{position:relative;margin:0;z-index:2;left:0} .header-container.type5 .search-area .search-icon{display:none} .header-container.type5 .cart-area{height:67px;margin-top:-33px;right:0} .header-container.type5 .mini-cart{position:absolute;margin:0;top:50%;right:15px;margin-top:-33px;background-color:#f0f0f0;border:1px solid #e6e6e6} .header-container.type5 .mybag-link{position:relative;width:75px;height:65px;padding:0;line-height:65px;text-align:center} .header-container.type5 .mybag-link i{color:#08c;font-size:35px} .header-container.type5 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type5 .mybag-link .cart-info span{display:none} .header-container.type5 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type5 .menu-area{padding-right:114px} .header-container.type5 .menu-area .links-area{padding:4px 0 8px} .header-container.type5 .menu-area .links-area .links{float:none;display:inline-block;vertical-align:middle} .header-container.type5 .header .custom-block{font-size:11px;margin-right:15px} .header-container.type5 .header-wrapper{margin-right:-114px} .header-container.type5 .main-nav .menu-wrapper{background-color:transparent;text-align:right} .header-container.type5 .main-nav .menu{padding-right:78px} .header-container.type5 .main-nav ul.menu>li>a{padding:10px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type5 .topCartContent{top:66px;right:-1px} .header-container.type5 .topCartContent:before{right:29px} .header-container.type5 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{right:0} /*** Header Type 6 ***/ .header-container.type6{border:0} .header-container.type6 .top-links-container{background-color:#08c;color:#fff} .header-container.type6 .top-links a{color:#fff} .header-container.type6 .selectbox .select{color:#fff} .header-container.type6 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type6 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type6 .header > .logo img{height:50px} .header-container.type6 .header .search-area{position:relative;margin:0;display:block;float:left;top:0;left:0;height:50px;z-index:2} .header-container.type6 .header .search-area a.search-icon{display:block;line-height:50px;margin-right:25px} .header-container.type6 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type6 .header .form-search{width:450px;position:absolute;left:-50px;top:50px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type6 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type6 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type6 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type6 .header .custom-block a{font-size:12px} .header-container.type6 .header .mini-cart{display:inline-block;position:relative;padding:0;margin:0;vertical-align:middle;top:0;left:0} .header-container.type6 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type6 .mybag-link i{color:#08c;font-size:35px} .header-container.type6 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type6 .mybag-link .cart-info span{display:none} .header-container.type6 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type6 .menu-icon{color:#08c} .header-container.type6 .main-nav{margin:0;height:30px} .header-container.type6 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type6 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type6 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type6 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type6 .main-nav .menu{padding-right:300px} .header-container.type6 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type6 .main-nav ul.menu >li.menu-full-width >a,.header-container.type6 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type6 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type6 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type6 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type6 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} /*** Header Type 7 ***/ .header-container.type7{border:0} .header-container.type7 .top-links-container{background-color:#08c;color:#fff} .header-container.type7 .top-links a{color:#fff} .header-container.type7 .selectbox .select{color:#fff} .header-container.type7 .header{display:block;vertical-align:middle;padding:28px 0;text-align:center} .header-container.type7 .header > .logo{display:inline-block;padding:0 15px;margin:0;float:none} .header-container.type7 .header > .logo img{height:50px} .header-container.type7 .header .search-area{position:absolute;margin:0;display:block;float:none;top:50%;left:0;height:50px;pointer-events:none;margin-top:-25px;z-index:2} .header-container.type7 .header .search-area a.search-icon{display:block;line-height:50px;margin-left:15px;margin-right:15px;pointer-events:all;float:left} .header-container.type7 .header #search_mini_form{width:450px;display:none;pointer-events:all} .header-container.type7 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type7 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type7 .header .custom-block a{font-size:12px} .header-container.type7 .header .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type7 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type7 .mybag-link i{color:#08c;font-size:35px} .header-container.type7 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type7 .mybag-link .cart-info span{display:none} .header-container.type7 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type7 .main-nav{margin:0;height:30px} .header-container.type7 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type7 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type7 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type7 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type7 .main-nav .menu{padding-right:300px} .header-container.type7 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type7 .main-nav ul.menu >li{pointer-events:all} .header-container.type7 .main-nav ul.menu >li.menu-full-width >a,.header-container.type7 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type7 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type7 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type7 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type7 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type7 .header #search_mini_form{display:none;margin:0} .header-container.type7 .header .form-search{width:450px;position:absolute;left:-10px;top:50px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type7 .header .form-search:before{content:"";display:block;position:absolute;left:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} /*** Header Type 8 ***/ .header-container.type8{border:0;background-color:#f0f0ed} .header-container.type8 .top-links-container{background-color:#08c;color:#777} .header-container.type8 .top-links-area{float:none;display:inline-block;color:#777} .header-container.type8 .links{float:none;display:inline-block;color:#777} .header-container.type8 .links li{padding:0 10px;border:0;border-right:1px solid #ccc} .header-container.type8 .links li.last{padding-right:10px} .header-container.type8 .links li.first{padding-left:0} .header-container.type8 .top-links-icon a{color:#777} .header-container.type8 .links a{color:#777} .header-container.type8 .selectbox .select{color:#777} .header-container.type8 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type8 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type8 .header > .logo img{height:50px} .header-container.type8 .header .search-area{position:relative;margin:0;display:inline-block;top:0;left:0;height:40px;z-index:5} .header-container.type8 .header .search-area a.search-icon{display:block;line-height:40px;margin:0 10px;color:#777} .header-container.type8 .form-language,.header-container.type8 .form-currency{display:inline-block;vertical-align:middle;float:none;background-color:#e2e2dc;border-radius:3px;margin-right:5px} .header-container.type8 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type8 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type8 .header .custom-block a{font-size:12px} .header-container.type8 .switcher-area{display:inline-block;vertical-align:middle} .header-container.type8 .header .mini-cart{display:inline-block;position:relative;top:0;left:0;right:auto;padding:0;margin:0;vertical-align:middle;background-color:#e2e2dc;border-radius:3px} .header-container.type8 .mybag-link{height:auto;padding:3px 7px} .header-container.type8 .mybag-link i{color:#777;font-size:16px} .header-container.type8 .mybag-link .cart-info{color:#777} .header-container.type8 .mybag-link .cart-info span{display:inline-block;font-size:12px;line-height:14px;font-weight:300;text-transform:none} .header-container.type8 .mybag-link .cart-info span.cart-qty{margin-right:3px} .header-container.type8 .main-nav{margin:0;height:30px} .header-container.type8 .main-nav ul.menu>li>a{padding:9px 10px} .header-container.type8 .header .mini-cart .topCartContent{right:0;top:26px} .header-container.type8 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type8 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type8 .main-nav .menu{padding-right:300px} .header-container.type8 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type8 .main-nav ul.menu >li.menu-full-width >a,.header-container.type8 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type8 .main-nav ul.menu >li.menu-static-width >a{padding-right:20px} .header-container.type8 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type8 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type8 .main-nav ul.menu >li.menu-static-width >a:after{right:5px} .header-container.type8 .menu-icon a{color:#777} .header-container.type8 .header #search_mini_form{width:auto;display:none;margin:0} .header-container.type8 .header .form-search{width:450px;position:absolute;right:-100px;top:50px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type8 .header .form-search:before{content:"";display:block;position:absolute;right:105px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} /********** li{padding:0 !important} .fixed-header a.logo img{height:50px;margin:10px 0} .fixed-header .mini-products-list a{color:#777} .fixed-header-area .fixed-header .menu{float:none;margin:7px 0} .fixed-header ul.menu >li,.main-nav ul.menu >li{padding:0;border-radius:5px} .fixed-header ul.menu >li.menu-full-width,.fixed-header ul.menu >li.menu-item-has-children,.main-nav ul.menu >li.menu-full-width,.main-nav ul.menu >li.menu-item-has-children,.fixed-header ul.menu >li.menu-static-width,.fixed-header ul.menu >li.menu-item-has-children,.main-nav ul.menu >li.menu-static-width,.fixed-header ul.menu >li.menu-full-width.act:hover,.fixed-header ul.menu >li.menu-item-has-children.act:hover,.main-nav ul.menu >li.menu-full-width.act:hover,.main-nav ul.menu >li.menu-item-has-children.act:hover,.fixed-header ul.menu >li.menu-static-width.act:hover,.fixed-header ul.menu >li.menu-item-has-children.act:hover,.main-nav ul.menu >li.menu-static-width.act:hover{padding:0;border-radius:5px 5px 0 0} .fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown{border:0;background-color:#fff;border-radius:0 6px 6px 6px;padding:5px 0;min-width:160px;width:auto;box-shadow:0px 2px 10px -2px rgba(0,0,0,.3);border-top:5px solid #08c} .fixed-header .menu-wrapper{position:relative} .fixed-header ul.menu >li >a,.main-nav ul.menu >li >a{color:#08c;font-size:12px;font-weight:700;text-transform:uppercase;padding:17px 20px} .fixed-header ul.menu >li >a{padding:13px 20px} .fixed-header ul.menu >li.menu-full-width >a,.fixed-header ul.menu >li.menu-item-has-children >a,.main-nav ul.menu >li.menu-full-width >a,.main-nav ul.menu >li.menu-item-has-children >a,.fixed-header ul.menu >li.menu-static-width >a,.main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .fixed-header ul.menu >li.menu-full-width >a:after,.fixed-header ul.menu >li.menu-item-has-children >a:after,.main-nav ul.menu >li.menu-full-width >a:after,.main-nav ul.menu >li.menu-item-has-children >a:after,.fixed-header ul.menu >li.menu-static-width >a:after,.main-nav ul.menu >li.menu-static-width >a:after{content:'\e81c';font-family:"porto";width:10px;height:10px;top:50%;right:15px;left:auto;margin-top:-7px} .fixed-header ul.menu >li,.main-nav ul.menu >li{transition:all 0.1s;margin-right:3px} .fixed-header ul.menu >li:first-child,.main-nav ul.menu >li:first-child{margin-right:0} .fixed-header ul.menu >li:hover,.main-nav ul.menu >li:hover,.fixed-header ul.menu >li.act,.main-nav ul.menu >li.act{background-color:#08c;text-decoration:none} .fixed-header ul.menu >li.act,.main-nav ul.menu >li.act{border-radius:5px} .fixed-header ul.menu >li:hover >a,.main-nav ul.menu >li:hover >a,.fixed-header ul.menu >li.act >a,.main-nav ul.menu >li.act >a{color:#fff;text-decoration:none} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown{border:0;border-radius:0 0 5px 5px;background-color:#fff;padding:10px 0 20px 0;border-top:5px solid #08c;text-align:left} .fixed-header .menu >li.menu-static-width .nav-sublist-dropdown,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown{border:0;border-top:5px solid #08c;border-radius:0 0 5px 5px;background-color:#fff;padding:10px 0 20px 0} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown{top:38px} .fixed-header a,.main-nav a{color:#fff} .fixed-header a:hover,.main-nav a:hover{color:#fff} .fixed-header .menu >li .nav-sublist-dropdown .container ul >li a,.main-nav .menu >li .nav-sublist-dropdown .container ul >li a{border:0;padding:10px 30px 10px 5px;margin:0 8px;border-top:1px solid rgba(255,255,255,.2)} .fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist{right:100%} .fixed-header .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a,.main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{text-decoration:none} .fixed-header .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a,.main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a{background-color:#f4f4f4} .fixed-header .menu >li .nav-sublist-dropdown .container ul >li:first-child a,.main-nav .menu >li .nav-sublist-dropdown .container ul >li:first-child a{border:0} .menu img{max-width:100%} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >a:before,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >a:before{font-family:'porto';content:'\e81a';font-size:12px;top:50%;margin-top:-10px;margin-left:0} .fixed-header .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.main-nav .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{border-radius:5px;top:-4px;padding:5px 0;left:100%;} .fixed-header .menu >li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.main-nav .menu >li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{background-color:#fff;box-shadow:0px 2px 10px -2px rgba(0,0,0,.3)} .fixed-header .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li,.main-nav .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li{background-color:transparent} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:last-child a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:last-child a{border-bottom:0} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >.nav-sublist li a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >.nav-sublist li a{border-top:1px solid rgba(255,255,255,.2)} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:first-child a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:first-child a{border-top:0} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1{font-size:14px;font-weight:600;padding:0 5px;margin-top:10px} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul li a:before,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul li a:before,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul li a:before,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul li a:before{display:none} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul{margin-left:10px} .menu-icon{vertical-align:middle;display:none;text-align:right;padding-left:20px;font-size:20px;height:60px;pointer-events:all} .fixed-header .menu>li .nav-sublist-dropdown:before,.main-nav .menu>li .nav-sublist-dropdown:before{top:-2px} .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container{width:auto} .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown a{color:#777} .fixed-header .mini-cart{background-color:transparent;position:static;margin:0;display:inline-block;vertical-align:middle} .fixed-header .mybag-link{position:relative;padding:2px 0} .fixed-header .mybag-link i{font-size:35px;color:#08c} .fixed-header .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .fixed-header .mybag-link .cart-qty{display:block;font-size:16px;color:#fff} .fixed-header .mybag-link span{display:none} /***** Mobile Menu *****/ .page{position:relative;left:0;transition:left 0.3s} body.mobile-nav-shown .page{left:250px} .mobile-nav-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:998;opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:all 0.3s} body.mobile-nav-shown .mobile-nav-overlay{opacity:0.15;filter:alpha(opacity=15);visibility:visible;} .mobile-nav.side-block{position:fixed;top:0;left:-250px;z-index:999;width:250px;height:100%;overflow-y:scroll;padding-top:20px;padding-bottom:20px;transition:all 0.3s;display:block !important} body.mobile-nav-shown .mobile-nav.side-block{left:0} .mobile-nav.side-block .sw-mobile-menu li>a{background-color:transparent;color:#fff;border:0;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mobile-nav.side-block .sw-mobile-menu>li:first-child>a{border:0} .mobile-nav.side-block .sw-mobile-menu>li>ul li{background-color:transparent} .mobile-nav.side-block .sw-mobile-menu li .open-child{background-color:transparent;color:#fff} .mobile-nav.side-block .sw-mobile-menu li:hover>.open-child{color:#fff} .mobile-nav.side-block .sw-mobile-menu li>.open-child:hover{background-color:transparent} .mobile-nav.side-block .sw-mobile-menu li .open-child:after{content:"\e856";font-family:"porto";font-size:19px;text-align:center;line-height:19px;background:transparent;opacity:1} .mobile-nav.side-block .sw-mobile-menu li.over>.open-child:after{background:transparent;content:"\e857"} .mobile-nav .sw-mobile-menu > li > ul > li a{margin-left:10px;white-space:nowrap} .mobile-nav .sw-mobile-menu > li > ul > li li a{margin-left:20px} .mobile-nav .sw-mobile-menu > li > ul,.mobile-nav .sw-mobile-menu > li ul{width:100%} /***** Side Mega Menu *****/ .home-side-menu{background-color:#fbfbfb;border:1px solid #ddd;border-radius:5px;margin-bottom:27px} .home-side-menu h2.side-menu-title{background-color:#f5f5f5;color:#a39f9c;font-size:13px;font-weight:700;line-height:1;padding:14px 15px;border-radius:5px 5px 0 0;margin:0;border-bottom:1px solid #ddd} .menu.side-menu{padding:0;list-style:none;margin:0} .menu.side-menu>li{position:relative;transition:all 0.2s} .menu.side-menu>li:hover{background-color:#08c} .menu.side-menu>li>a{position:relative;font-size:14px;font-weight:400;padding:13px 5px;display:block;margin:0 10px;border-top:1px solid #ddd} .menu.side-menu>li:hover>a{color:#fff;border-color:transparent} .menu.side-menu>li:first-child>a{border-top:0} .menu.side-menu>li>a:hover{text-decoration:none} .menu.side-menu li.menu-item-has-children,.menu.side-menu li.menu-item-has-children>a{position:relative} .menu.side-menu>li.menu-static-width>a:after,.menu.side-menu>li.menu-item-has-children>a:after,.menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,.menu.side-menu>li.menu-full-width>a:after{content:"\e814";font-family:"porto";width:10px;height:10px;top:50%;right:0;left:auto;margin-top:-7px;position:absolute;font-size:13px;color:#08c} .menu.side-menu>li.menu-static-width:hover>a:after,.menu.side-menu>li.menu-item-has-children:hover>a:after,.menu.side-menu>li.menu-item-has-children li.menu-item-has-children:hover>a:after,.menu.side-menu>li.menu-full-width:hover>a:after{color:#fff} .menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after{color:#fff} .menu.side-menu>li .nav-sublist-dropdown{display:none;position:absolute;z-index:10000;width:200px;border:0;background-color:#fff;border-radius:0 5px 5px 7px;padding:10px 0;left:100%;top:0;border-left:5px solid #08c;box-shadow:1px 0 1px rgba(0,0,0,0.5)} .menu.side-menu>li.menu-full-width .nav-sublist-dropdown{width:869px;padding:15px 0 25px 0} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown{background-color:#08c;border:0} .menu.side-menu .container{max-width:100%;padding:0} .menu.side-menu img{max-width:100%} .menu.side-menu a,.menu.side-menu a:hover{color:#777;line-height:1} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown a{color:#fff} .menu.side-menu>li .nav-sublist-dropdown ul{padding:0;margin:0;list-style:none} .menu.side-menu>li.menu-static-width .nav-sublist-dropdown{padding:10px 0 25px 0} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li a{text-decoration:none} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li>a{border:0;padding:13px 5px;margin:0 8px;display:block;border-top:1px solid rgba(255,255,255,.2)} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li:first-child>a{border:0} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a{background-color:#0099e6} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{border-radius:5px;background-color:#08c;top:-10px;padding:10px 0;position:absolute;left:199px;display:none} .menu.side-menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children:hover>.nav-sublist{display:block} .menu.side-menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li{width:200px;background-color:transparent} .menu.side-menu li.menu-item-has-children .nav-sublist li>a{border-top:1px solid rgba(255,255,255,0.2);padding:13px 5px;margin:0 8px;display:block} .menu.side-menu li.menu-item-has-children .nav-sublist li:first-child>a{border:0} .menu.side-menu >li .nav-sublist-dropdown .container ul >li a{padding:13px 5px;margin:0 8px;display:block} .menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li a, .menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li a{padding:5px} .menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li a.menu_thumb_link,.menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li a.menu_thumb_link{padding:0 5px 10px} .menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li>a.level1,.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li>a.level1{font-size:14px;font-weight:600;margin-top:10px;margin-bottom:5px;text-transform:uppercase;line-height:1.5;padding:0 5px;color:#333} .menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul{margin-left:10px} /* Sidebar =============================================================================== */ .block{margin:0 0 40px} .block .block-title{margin:5px 0 10px;line-height:1.2;font-size:16px;font-weight:bold;color:#313131} .block .block-title strong{} .block .block-title strong span{} .block .block-title a{text-decoration:none !important} .block .block-subtitle{margin:0;font-size:13px} #poll-answers{margin:0 20px 10px 20px} #poll-answers li{padding:5px 0} .block .block-content{} .block .block-content li.item{padding:7px 9px} .block .block-content ol {margin:10px 0} .block .block-content ol li.item{padding:3px 0} .block .block-content ol li.item .product-name{margin:0} .block .btn-remove, .block .btn-edit{float:right;margin:0 0 0 5px} .block .actions{font-size:13px;text-align:right} .block .actions a{float:left;margin:5px 0} .block .actions button.button{float:right} .block .actions button.button span{height:24px;padding:0 5px;font-size:13px;line-height:24px} .block .empty{margin:0;padding:10px 0} .mini-products-list .product-image{float:left} .mini-products-list .product-details{margin-left:70px;text-align:left;line-height:1.4} .mini-products-list li{padding:10px 0;position:relative} .mini-products-list li .product-name a{color:#777} .mini-products-list li .product-name a:hover{color:#08c} .mini-products-list li a.btn-remove{position:absolute;right:0;top:9px;color:#777} .mini-products-list li .product-image{border:1px solid #ddd;background-color:#fff;padding:2px;border-radius:4px} .mini-products-list li .product-image img{width:50px;height:auto} .block .block-content .mini-products-list li.item{padding:10px 0} .mini-products-list .price-box{margin:5px 0} .block.block-banner{border:0} .block.block-banner .block-content{text-align:center} .block.block-banner img{max-width:100%} .block.block-subscribe{border-radius:5px} .block.block-subscribe .block-title{background-color:transparent;border:0} .block.block-subscribe .block-title strong{font-size:1.4em;text-transform:none;font-weight:400;padding-bottom:10px} .block.block-subscribe .block-content{background-color:transparent} .block.block-subscribe .form-subscribe-header{padding:10px 20px} .block.block-subscribe label{font-size:14px} .block.block-subscribe .input-box{padding:10px 20px 20px} .block.block-subscribe .input-box input.input-text{width:100%;height:34px;padding:5px} .block.block-subscribe .actions{background-color:transparent;border:0;padding:0 20px 20px} .block.block-subscribe .actions button.button span{height:34px;line-height:34px} .block.block-subscribe.home-sidebar-block{border:1px solid #ddd;border-top:5px solid #08c;border-radius:7px;background-color:#fbfbfb;text-align:center;padding:25px 20px 0} .block.block-subscribe.home-sidebar-block .block-title strong{font-size:16px;color:#313131;font-weight:700;text-transform:uppercase;padding:30px 0 20px} .block.block-subscribe.home-sidebar-block .block-content p{line-height:1.8} .block.block-subscribe.home-sidebar-block .input-box{padding:10px 10px 40px 10px} .block.block-subscribe.home-sidebar-block .input-box input.input-text{float:left;padding:5px 60px 5px 10px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fefefe;line-height:16px} .block.block-subscribe.home-sidebar-block button.button{float:left;margin-left:-51px;width:50px;height:34px} .block.block-subscribe.home-sidebar-block button.button span{min-width:49px;padding:0;line-height:32px;height:32px;background-color:#fefefe;color:#515151;border:0;border-left:1px solid #d3d3d3;border-radius:0 5px 5px 0} .block.block-subscribe.home-sidebar-block button.button span span{border:0} .parallax-subscribe input.input-text{background-color:#e3e2e2;color:#666;height:34px;line-height:18px;padding:8px 100px 8px 10px;width:100%} .parallax-subscribe button.button{position:absolute;z-index:1;right:0;top:0} .parallax-subscribe button.button span{height:34px;line-height:34px;padding:0;border-radius:0 3px 3px 0;width:90px;min-width:90px} .block.block-layered-nav{border:0;margin-top:-14px} .block.block-layered-nav .block-content{background-color:transparent} .block.block-layered-nav .block-content ol{margin:0} dl#narrow-by-list{margin:0} .block-layered-nav dt,.block-layered-nav .currently .block-subtitle,.block-category-nav .block-title{padding:10px 15px;font-size:13px;font-weight:bold;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px} .catalog-category-view .block-category-nav .block-title{margin-top:0;margin-bottom:0} .block-layered-nav dt.closed,.block-category-nav .block-title.closed{border-radius:7px} .block-layered-nav dt:before,.block-category-nav .block-title:before{content:"\e80d";width:26px;height:26px;display:block;border:1px solid #ddd;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px} .block-layered-nav dt.closed:before,.block-category-nav .block-title.closed:before{content:"\e80b"} .block-layered-nav dt:hover:before,.block-category-nav .block-title:hover:before{background-color:#08c;color:#fff} .block-layered-nav dd,.block-category-nav .block-content{padding:10px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .block-layered-nav dd a{color:#777;font-size:13px;line-height:2.5} .block-layered-nav .currently ol{border:1px solid #ddd;border-width:0 1px;background-color:#fbfbfb;padding:10px 0;margin:0} .block-layered-nav .currently li{padding:5px 15px;position:relative;z-index:1;line-height:1.5} .block-layered-nav .currently .label{padding:0;text-transform:uppercase;display:inline-block;vertical-align:middle} .block-layered-nav .currently .value{display:inline-block;vertical-align:middle} .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove{position:absolute;right:15px;top:4px;margin:0;line-height:21px;padding:0} .block-layered-nav .currently .btn-previous{right:17px} .block-layered-nav .actions{font-size:11px;padding:10px 15px;background:#f7f7f7;border:1px solid #ddd;border-radius:0 0 7px 7px;text-align:right;margin-bottom:14px} .block-layered-nav .actions a{float:none} .price.price-filter-slider{margin:15px 0 10px 0;white-space:normal !important} .price-filter-slider .text-box{text-align:center} .price-filter-slider .text-box >span{line-height:26px;vertical-align:middle} .price-filter-slider .text-box *{white-space:normal;margin:5px 0} .price-filter-slider .text-box input.go{ background-color:#08c;border:0;height:26px;line-height:26px;color:#fff;border-radius:5px;padding:0 10px;font-size:14px} .block-currency select{width:240px;max-width:100%} .cms-index-index .block-category-nav{margin:0} .block-category-nav{border-radius:7px;border-color:#ddd;overflow:hidden;margin-bottom:28px;line-height:1.42857143} .block-category-nav .block-title{cursor:pointer;margin:0} .block-category-nav .block-title strong{padding:0} .block-category-nav .block-content{padding:10px 15px} .block-category-nav .category-list{list-style:none;padding:0;margin:0} .block-category-nav .category-list li{position:relative} .block-category-nav .category-list a{color:#777;font-size:13px;line-height:2.5} .block-category-nav .category-list ul{padding-left:15px;margin:0;list-style:none} .block-category-nav .category-list ul{display:none} .block-category-nav .category-list a.plus{position:absolute;right:1px;color:#08c;font-size:16px;line-height:32px} /* Category Page ========================================================================= */ .top-container .category-banner{background-color:#fff} .top-container .category-banner .banner-image{width:100%} .category-banner .owl-theme .owl-controls{position:relative;margin-top:-30px;height:30px} .category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff} .category-banner .banner-text h2{font-size:50px;color:#fff} .category-banner .banner-text p{font-size:26px;font-weight:300} .category-boxed-banner{margin-bottom:25px} .category-boxed-banner.owl-theme .owl-controls{margin-top:-30px;position:relative;height:30px} .category-boxed-banner.owl-theme .owl-controls .owl-page span{background:#fff} .category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative} .category-boxed-banner .owl-item .item img{width:100%} .category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%} .category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1} .category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4} .category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px;} .category-image{width:100%;overflow:hidden;margin:0 0 30px;text-align:center} .category-image img{width:100%} .category-description{margin:0 0 15px} .category-products{} .col-main .category-products .products-grid{margin-left:-10px;margin-right:-10px;list-style:none} .col-main .category-products .products-grid li.item{float:left;padding:10px;padding-bottom:0!important} .col-main .category-products .products-grid li.item .item-area{width:100%;position:relative} .col-main .category-products .products-grid li.item .product-image{width:100%;display:block;position:relative;z-index:0;overflow:hidden;border-radius:3px;background:#fff;min-height:100px} .col-main .category-products li.item .product-image img{width:100%;transition:all 0.3s} .col-main .category-products li.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)} .col-main .category-products li.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} .col-main .category-products li.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)} .col-main .category-products li.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)} .col-main .category-products .products-grid li.item .details-area{padding:10px;text-align:center} .col-main .category-products .products-grid li.item .details-area .product-name{margin:0 0 3px 0} .col-main .category-products .products-grid li.item .details-area .product-name a{font-size:14px} .col-main.filter-products .product-name a{color:#fff} .col-main.filter-products li.item:hover .details-area .product-name a{color:#777} .col-main.filter-products .price-box .price{color:#fff} .col-main.filter-products li.item:hover .price-box .price{color:#08c} .col-main.filter-products li.item:hover .price-box .old-price .price{color:#a0a09f} .col-main .category-products .products-grid li.item .details-area .ratings .amount{display:none} .item .item-area .details-area .ratings .amount{display:none} a.addtocart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 5px;display:inline-block;height:32px;line-height:30px;border-radius:5px;border:1px solid #ccc} a.addtocart.outofstock{padding: 0 10px;cursor:default} a.addtocart i.icon-cart{font-size:15px} a.addtocart:hover{text-decoration:none} a.addtowishlist{color:#ed4949;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #ed4949;border-radius:5px;text-align:center} a.addtowishlist:hover{color:#ed4949} a.comparelink{color:#52b9b5;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #52b9b5;border-radius:5px;text-align:center} a.comparelink:hover{color:#52b9b5} .item .details-area .actions{margin:0 -10px;} .item .details-area .actions a{margin:10px 1px;vertical-align:middle;visibility:hidden;opacity:0;filter:Alpha(Opacity=0)} .col-main .category-products ol.products-list .item .details-area .actions a{visibility:visible;opacity:1;filter:Alpha(Opacity=100);position:static !important;} .item .details-area .actions a.addtowishlist{position:relative;right:-37px} .item:hover .details-area .actions a.addtowishlist{visibility:visible;opacity:1;filter:Alpha(Opacity=100);right:0} .item .details-area .actions a.comparelink{position:relative;left:-37px} .item:hover .details-area .actions a.comparelink{visibility:visible;opacity:1;filter:Alpha(Opacity=100);left:0} .item .details-area .actions a.addtocart{visibility:visible;opacity:1;filter:Alpha(Opacity=100)} .item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart{border-color:#08c;color:#fff;background-color:#08c} .item:hover .details-area .actions a.addtocart.outofstock,.col-main .category-products .products-list li.item .details-area .actions a.addtocart.outofstock{color:#333;background-color:#fff;border-color:#ccc} .details-area .actions a:hover{opacity:0.8;filter:Alpha(Opacity=80)} .hide-addtolinks .item .details-area .actions a.addtowishlist,.hide-addtolinks .item .details-area .actions a.comparelink,.hide-addtocart .item .details-area .actions a.addtocart,.hide-addtolinks .item .product-image-area .actions a.addtowishlist,.hide-addtolinks .item .product-image-area .actions a.comparelink,.hide-addtocart .item .product-image-area .actions a.addtocart{display:none} .col-main .category-products .products-grid li.item .details-area .compare-area{padding:10px 0;border-top:1px solid #f7f7f7} .col-main .category-products .products-grid li.item .details-area .compare-area .comparelink{font-size:12px;float:right} .col-main .category-products .products-grid li.item .details-area .compare-area .ratings{float:left;margin:2px 0} .col-main .category-products .products-grid.columns2 li.item{width:50%} .col-main .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns3 li.item{width:33.33%} .col-main .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:left} .col-main .category-products .products-grid.columns4{margin-left:-10px;margin-right:-10px} .col-main .category-products .products-grid.columns4 li.item{float:left;padding:10px} #slideshow .col-main .category-products .products-grid.columns4 li.item:hover{padding:20px 10px} .col-main .category-products .products-grid.columns4 li.item{width:25%} .col-main .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:left} .col-main .category-products .products-grid.columns5{margin-left:-5px;margin-right:-5px} .col-main .category-products .products-grid.columns5 li.item{float:left;padding:10px 5px} .col-main .category-products .products-grid.columns5 li.item{width:20%} .col-main .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:left} .col-main .category-products .products-grid.columns6{margin-left:-4px;margin-right:-4px} .col-main .category-products .products-grid.columns6 li.item{float:left;padding:10px 4px} .col-main .category-products .products-grid.columns6 li.item{width:16.66%} .col-main .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:left} .col-main .category-products .products-grid.columns7{margin-left:-3px;margin-right:-3px} .col-main .category-products .products-grid.columns7 li.item{float:left;padding:10px 3px} .col-main .category-products .products-grid.columns7 li.item{width:14.28%} .col-main .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:left} .col-main .category-products .products-grid.columns8{margin-left:-3px;margin-right:-3px} .col-main .category-products .products-grid.columns8 li.item{float:left;padding:10px 3px} .col-main .category-products .products-grid.columns8 li.item{width:12.5%} .col-main .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:left} .col-main .category-products .products-list{margin:0 -10px} .col-main .category-products .products-list li.item{width:100%;padding:10px} .col-main .category-products .products-list li.item:hover{} .col-main .category-products .products-list li.item .item-area{width:100%;position:relative} .products-list .product-image-area{width:20%;float:left} .products-list .product-image-area img{width:100%;transition:all ease-in 400ms;transform-origin:50% 0%;-webkit-transform-origin:50% 0%} .products-list .details-area{width:80%;float:left;padding:0 20px} .products-list .details-area .product-name{font-size:18px;line-height:1} .products-list .details-area .product-name a{color:#666} .products-list .details-area .action-area{margin-top:15px} .products-list .details-area .price-box{margin:5px 0} .products-list .details-area .short-desc{font-size:14px;line-height:1.5;color:#777} .products-list .details-area .actions{display:block;margin:0} .products-list .ratings{background:none;margin:10px 0} .products-list .ratings .amount{display:none} .product-image-area{position:relative;background:#fff;overflow:hidden;border:1px solid #ddd;border-radius:7px;padding:3px} .product-label{position:absolute;font-size:14px;font-weight:700;color:#fff;line-height:1;top:10px;z-index:3} .product-label span{position:relative;padding:7px 10px;font-size:12px;font-weight:600;text-transform:uppercase;border-radius:4px} span.sale-product-icon{background-color:#e27c7c;display:block;text-align:center} span.new-product-icon{background-color:#62b959;display:block;text-align:center} /* Product View ========================================================================== */ /* Rating */ .no-rating{margin-bottom:20px} .ratings{font-size:11px;line-height:1.25;margin:3px 0;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/rating-bar.png) center no-repeat;height:14px} div.star-rating a{transition:initial} .block-related .ratings{background-image:none;} .product-view .product-essential .ratings{background:none;margin-bottom:15px;height:20px;} .product-view .product-essential .ratings .rating-box{width:79px;height:15px} .product-view .product-essential .ratings .rating-box .rating{height:15px} .product-view .product-essential .ratings .rating-box:before{width:79px;height:15px;font-size:13px;line-height:15px} .product-view .product-essential .ratings .rating-box .rating:before{width:79px;height:15px;font-size:13px;line-height:15px} .ratings strong{float:left;margin:1px 3px 0 0} .ratings .rating-links{margin:0;display:inline-block;vertical-align:middle;margin-left:12px} .ratings .rating-links >a,.no-rating a{line-height:20px;font-size:14px;color:#bdbdbd} .ratings .rating-links .separator{margin:0 5px;vertical-align:top;line-height:17px;color:#777} .ratings dt{} .ratings dd{} .rating-box{width:69px;height:11px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative} .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:69px;height:11px;color:#c3c5c9;display:block;font-size:11px;line-height:11px} .rating-box .rating{float:left;height:11px;position:absolute;left:0;top:0;overflow:hidden} .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:69px;height:11px;color:#ffc600;display:block;font-size:11px;line-height:11px} .ratings .rating-box{display:inline-block;vertical-align:middle} .ratings .amount{} .ratings-table{margin:20px 0 40px;border:1px solid #ddd} .ratings-table th, .ratings-table td{font-size:13px;line-height:1.15;padding:3px 0} .ratings-table th{font-weight:bold;padding-right:8px} .ratings-table.data-table thead th{font-size:11px; padding:0 15px} .ratings-table.data-table input.radio{margin:0} .ratings-table.data-table .nobr{display:block;line-height:20px;font-weight:600} /* Block:Reviews */ .product-view #product-customer-reviews {margin-top:-20px} .product-view #product-customer-reviews li{border-bottom:1px solid #eee;padding:20px 0 10px} .avatar-image{float:left} .review-area{line-height:25px;margin-left:80px} .review-area .review-title{font-size:18px} .review-area .review-by{font-style:italic;font-size:12px;color:#ccc} .review-area .review-by b{color:#08c;font-weight:normal} .review-area .ratings-list{margin-bottom:5px} .review-area .ratings-list .rating-item{display:inline-block;vertical-align:middle;margin-right:10px} .review-area .ratings-list .label{vertical-align:middle;font-size:12px;padding:0 5px 0 0;font-weight:normal} .review-area .ratings-list .rating-box{display:inline-block;vertical-align:middle} .add-review{padding-top:15px} .add-review h3{font-size:18px;text-transform:uppercase;margin-bottom:15px} .add-review h4{font-size:13px;font-weight:normal;margin-bottom:10px} .add-review span.rating-type{font-weight:normal;font-size:13px} .add-review .rating-block{margin-bottom:10px} .add-review .form-list textarea{} /* Availability */ .availability{margin:0} .availability span{font-weight:bold} .availability.in-stock span{} .availability.out-of-stock span{color:#d83820} .availability-only{margin:10px 0;line-height:16px;background:transparent;padding-left:0} .availability-only span,.availability-only a{border-bottom:1px dashed #08c;color:#000} .availability-only a{cursor:pointer;text-decoration:none} .availability-only strong{color:#08c} .availability-only-details{margin:0 0 10px;border:1px solid #ccc;} .availability-only-details th{background:#f5f5f5;font-size:13px;padding:5px 10px;border-bottom:1px solid #ccc;} .availability-only-details td{background:#fff;border-bottom:1px solid #ccc;font-size:13px;padding:5px 10px} .availability-only-details tr.odd td.last{color:inherit;font-weight:400} .product-view .product-shop .availability{font-size:11px} .product-view .product-shop .availability span{font-weight:normal;margin-left:5px} /* Email to a Friend */ .email-friend{margin:0} /* Alerts */ .alert-price{margin:0;font-size:11px} .alert-stock{margin:0;font-size:11px} /********** */ /* Tier Prices */ .product-pricing, .tier-prices{margin:10px 0;padding:10px;background-color:#f4f7f7;border:1px solid #dadddd;color:#424242} .tier-prices li{line-height:1.4;padding:2px 0} .tier-prices .benefit{font-style:italic;font-weight:bold;color:#2f2f2f} .tier-prices .price{font-weight:bold;color:#2f2f2f} .tier-prices-grouped li{padding:2px 0;color:#e26703} .tier-prices-grouped li .price{font-weight:bold} /* Add to Links */ .add-to-links{font-size:11px;margin:5px 0 0} .add-to-links .separator{display:none} /* Add to Cart */ .add-to-cart label{float:left;margin-right:5px;font-weight:bold;color:#666;display:none} .add-to-cart .qty{margin-right:2px;display:inline-block;vertical-align:middle;height:38px;width:35px !important;font-size:14px;text-align:center;color:#08c;border-color:#e1e1e1} .add-to-cart button.button{display:inline-block;height:38px;width:160px;min-width:110px;vertical-align:middle} .add-to-cart button.button span{height:38px;line-height:38px;font-weight:normal;font-size:14px;border-radius:5px;padding:0;min-width:110px;padding-right:5px} .add-to-cart button.button span i{margin-right:10px} .add-to-cart .paypal-logo{clear:left;margin:0;text-align:left} .add-to-cart .paypal-logo .paypal-or{clear:both;display:block;margin:5px 60px 5px 60px} .product-view .add-to-cart .paypal-logo{margin:0} .bml-checkout-type{list-style:none} .bml-checkout-type .bml_button{width:150px;display:inline-table} /* Add to Links+Add to Cart */ .add-to-box{padding:0 0 20px 0;margin-top:20px;border-bottom:1px solid #ebebeb} .col1-layout .product-options-bottom,.col1-layout .add-to-box{float:left;width:350px;border:0;} .add-to-box .add-to-cart{float:left} .add-to-box .or{float:left;font-weight:bold;margin:0 7px;color:#666} .add-to-box .add-to-links{float:left;margin:0;font-size:12px !important;line-height:1.25 !important;text-align:left !important} .add-to-box .add-to-links li .separator{display:none !important} .product-view{} .product-essential{} .product-essential h2{} .product-collateral{position:relative;margin-top:50px} .product-collateral h2{font-weight:bold;font-size:15px;border-bottom:1px solid #e5dcc3;padding:0 0 1px;margin:0 0 15px} .product-collateral .box-collateral{margin:0 0 25px} .product-tabs>ul {position:relative;bottom:-1px} .product-tabs>ul li{padding:10px 15px;float:left;border:1px solid #eee;border-width:3px 1px 0 1px;border-radius:5px 5px 0 0;margin-right:1px;background-color:#f4f4f4} .product-tabs>ul li a{color:#08c;font-size:14px;line-height:1} .product-tabs>ul li.active a{} .product-tabs>ul li.active{background-color:#fff;border-top-color:#08c} .product-tabs .tab-content{padding:37px 15px;border-top:1px solid #eee;min-height:200px;background-color:#fff} .product-tabs .tab-content >h2{display:none} .box-tags >h2{display:none} #tab_product_page_last_block_contents { background: #F5F5F5 none repeat scroll 0 0; border: 1px solid #ccc; float: right; margin-top: 15px; padding: 15px; } /* Product Images */ li.etalage_small_thumbs{margin-top:8px;top:100%} .product-view img.hero{width:100%;height:367px;} .product-view .product-img-box{max-width: 100%;} .product-view .product-img-box img.zoomImg{background-color:#fff;z-index:2} .product-view .product-img-box li.etalage_thumb,.product-view .product-img-box li.etalage_small_thumbs li{ padding:3px;border:1px solid #ddd;border-radius:7px;background:#fff;max-width:100%} .product-view .product-img-box .etalage_small_thumbs li{cursor:pointer;margin-top:10px} .product-view .product-img-box .etalage-control{position:absolute;width:100%;height:0;left:0;top:50%;margin-top:-20px;visibility:hidden;transition:all 0.3s} .product-view .product-img-box:hover .etalage-control{visibility:visible} .product-view .product-img-box .etalage-control a{display:block;position:absolute;font-size:40px;left:auto;right:auto;top:0} .product-view .product-img-box .etalage-control a.etalage-prev{margin:0;left:0;top:0} .product-view .product-img-box .etalage-control a.etalage-next{margin:0;right:0;top:0} .product-view .product-img-box a.fancy-images{display:none} .product-view .product-img-box .etalage a.fancy-images{position:absolute;right:10px;bottom:10px;z-index:99;display:none} .product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images{display:block} .col3-layout .product-view .product-img-box{float:none;margin:0 auto} .product-view .product-img-box .product-image{margin:0 0 13px} .product-view .product-img-box .product-image-zoom{position:relative;width:265px;height:265px;overflow:hidden;z-index:9} .product-view .product-img-box .product-image-zoom img{position:absolute;left:0;top:0;cursor:move} .product-view .product-img-box .zoom-notice{font-size:11px;margin:0 0 5px;text-align:center} .product-view .product-img-box .zoom{position:relative;z-index:9;height:18px;margin:0 auto 13px;padding:0 28px;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/slider_bg.gif) 50% 50% no-repeat;cursor:pointer} .product-view .product-img-box .zoom.disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity:.3} .product-view .product-img-box .zoom #track{position:relative;height:18px} .product-view .product-img-box .zoom #handle{position:absolute;left:0;top:-1px;width:9px;height:22px;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/magnifier_handle.gif) 0 0 no-repeat} .product-view .product-img-box .zoom .btn-zoom-out{position:absolute;left:2px;top:0} .product-view .product-img-box .zoom .btn-zoom-in{position:absolute;right:2px;top:0} .product-view .product-img-box .more-views h2{font-size:11px;border-bottom:1px solid #ccc;margin:0 0 8px;text-transform:uppercase} .product-view .product-img-box .more-views ul{margin-left:-9px} .product-view .product-img-box .more-views li{float:left;margin:0 0 8px 9px} .product-view .product-img-box .more-views li a{float:left;width:56px;height:56px;border:2px solid #ddd;overflow:hidden} .product-image-popup{margin:0 auto} .product-image-popup .buttons-set{float:right;clear:none;border:0;margin:0;padding:0} .product-image-popup .nav{font-weight:bold;margin:0 100px;text-align:center} .product-image-popup .image{display:block;margin:10px 0} .product-image-popup .image-label{font-size:13px;font-weight:bold;margin:0 0 10px;color:#2f2f2f} /* Product Shop */ .product-view .product-shop{} .product-view .product-name{margin:0 0 5px} .product-view .product-name h1{margin:15px 0;font-size:28px;font-weight:600;line-height:1;color:#555} .product-view .product-shop .availability{margin:0 0 10px 0;font-size:14px;color:#777;font-weight:600} .product-view .product-shop .short-description{padding:5px 0 20px;border-bottom:1px solid #ebebeb;font-size:14px;font-weight:300;line-height:1.5} .product-view .product-shop .short-description h2 {display:none} .product-view .product-shop .price-box{margin:0 0 20px 0} .product-view .product-shop .price-box .regular-price .price{font-size:36px;color:#08c} .product-view .product-shop .price-box .old-price{vertical-align:bottom} .product-view .product-shop .price-box .old-price .price{font-size:18px;line-height:1.2;font-weight:400} .product-view .product-shop .price-box .special-price .price{font-size:33px;color:#08c;line-height:1} .product-view .add-to-links{margin:3px 0;padding:0;text-align:left;display:inline-block;vertical-align:middle;float:right} .product-view .add-to-links li, .product-view .add-to-links li .separator{display:inline} .product-view .add-to-links a{border-width:1px;border-style:solid;border-radius:3px;width:32px;height:32px;display:inline-block;text-align:center;line-height:30px;font-size:18px;margin-left:8px} .product-view .add-to-links a:hover{opacity:.9;filter:Alpha(Opacity=90)} .product-view .product-info {padding-bottom:20px;margin-top:20px;border-bottom:1px solid #ebebeb} .col1-layout .product-view .product-info{float:left;width:50%;border:0} .data-table.grouped-items-table{margin-bottom:20px} .data-table.grouped-items-table th,.data-table.grouped-items-table td{padding:10px 20px} .product-view .product-shop .grouped-items-table .price-box .price{font-size:18px} .product-view .product-shop .grouped-items-table .price-box .old-price .price{font-size:14px} /* Product Options */ .product-options{margin:20px 0 0;position:relative;padding-bottom:20px;border-bottom:1px solid #ebebeb} .col1-layout .product-options{float:left;width:50%;border:0} .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border-bottom:1px solid #ebebeb} .product-options dl{margin:0;margin-bottom:-20px} .product-options dt{padding:0 0 10px 0;font-weight:normal} .product-options dt label{font-weight:bold;color:#777;font-size:14px} .product-options dt label.required em{color:#eb340a} .product-options dd .qty-holder{display:block;padding:10px 0 0} .product-options dd .qty-holder label{vertical-align:middle} .product-options dt .qty-disabled{background:none;border:0;padding:3px;color:#2f2f2f} .product-options dd{margin:0 0 20px;} .product-options dd input.input-text{width:98%} .product-options dd input.datetime-picker{width:150px} .product-options dd .time-picker{display:-moz-inline-box;display:inline-block;padding:2px 0;vertical-align:middle} .product-options dd textarea{width:98%;height:8em} .product-options dd select{width:100%} .product-options dd .multiselect option{border-bottom:1px dotted #d9e5ee;padding:2px 4px} .product-options ul.options-list{margin-right:5px} .product-options ul.options-list li{line-height:1.5;padding:2px 0} .product-options ul.options-list input.radio{float:left;margin-top:3px} .product-options ul.options-list input.checkbox{float:left;margin-top:3px} .product-options ul.options-list .label{display:block;margin-left:18px} .product-options ul.options-list label{font-weight:normal} .product-options ul.validation-failed{padding:0 7px} .product-options p.note{margin:0;font-size:11px} .product-options p.required{display:none} .product-options-bottom{} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices{margin:0;padding:0 0 10px;border:0;background:0;color:#e26703} .product-options-bottom .tier-prices li{background:0;padding:2px 0} .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit{color:#e26703} .product-options-bottom .price-box{float:left;margin:0;padding:0} .product-options-bottom .add-to-links{clear:both;padding:5px 0 0;text-align:left} .col3-layout .product-options-bottom .price-box{float:none;padding:0 0 5px} .product-options-bottom .price-label{float:left;padding-right:5px} .product-options-bottom .price-tax{float:left} .product-options-bottom .add-to-cart{display:inline-block;vertical-align:middle} .product-options-bottom{padding:0 0 20px 0;margin-top:20px;border-bottom:1px solid #ebebeb} .product-options-bottom .price-box{float:none;margin:0 0 5px;display:none} .product-options-bottom .price-label{float:none;padding-right:0} .product-options-bottom .price-tax{float:none} .product-options-bottom .add-to-cart-box{clear:both;float:left;padding-top:12px} .product-options-bottom .add-to-links{padding:0;text-align:left;display:inline-block;vertical-align:middle;float:right;margin:3px 0} .product-options-bottom .add-to-links li:first-child a {margin-left:0} .qty-holder{display:inline-block;vertical-align:middle;margin-right:7px;width:57px} .qty-changer{display:inline-block;vertical-align:middle} .qty-changer >a{width:16px;height:16px;display:block;border:1px solid #e1e1e1;color:#ccc;line-height:14px;text-align:center;margin-bottom:6px;border-radius:3px;font-size:8px;background-color:#fff} .qty-changer >a.qty_dec{margin-bottom:0} /* Grouped Product */ .product-view .grouped-items-table .price-box{margin:0;padding:0} /* Block:Description */ .product-view .box-description{} /* Block:Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td{line-height:1.25} /* Block:Upsell */ .product-view .box-up-sell{margin-top:50px} .product-view .box-up-sell >h2{border-bottom:0;padding:0;margin:0 0 10px;font-size:16px;font-weight:700;color:#313131;text-transform:uppercase;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/bkg_3.png) right center no-repeat} .product-view .box-up-sell >h2 span{padding-right:20px;background-color:#fff} .product-view .box-up-sell .products-grid{} /* Block:Tags */ .product-view .box-tags{margin:0} .product-view .box-tags h3{font-size:13px} .product-view .box-tags .product-tags{display:block;margin:0 0 15px} .product-view .box-tags .product-tags li{display:inline;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/bkg_pipe3.gif) 100% 4px no-repeat;padding:0 7px 0 4px} .product-view .box-tags .product-tags li.first{padding-left:0} .product-view .box-tags .product-tags li.last{background:none;padding-right:0} .product-view .box-tags .form-add label{display:block;font-size:18px;margin:0 0 20px} .product-view .box-tags .form-add .input-box{float:left;margin-right:10px} .product-view .box-tags .form-add input.input-text{width:250px;height:38px;padding:10px} .product-view .box-tags .note{margin:20px 0 0} /* Block:Reviews */ .product-view .box-reviews dl{margin:15px 0} .product-view .box-reviews dt a, .product-view .box-reviews dt span{font-weight:bold} .product-view .box-reviews dd{margin:0 0 15px} .product-view .box-reviews dd small{font-style:italic} .product-view .box-reviews .form-add{margin:15px 0 0} .product-view .box-reviews .form-add h3{font-size:13px;font-weight:normal} .product-view .box-reviews .form-add h3 span{font-weight:bold} .product-view .box-reviews .form-add h4{font-size:12px} .product-view .box-reviews .form-add .data-table td{text-align:center} .product-view .box-reviews .form-add .form-list{margin:15px 0 0} .product-view .box-reviews .form-add .form-list .input-box{width:360px} .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea{width:354px} /* Wishlist link */ #wishlist-add{ float:right; margin:10px 0 -30px 0; padding-left:20px; background:#fff; } #wishlist-add a.link-wishlist { color: #ff4848; background: #f9ebeb; display: block; padding:9px 15px; height: 100%; font-size: 15px; line-height: 33px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; text-transform: uppercase; } #wishlist-add a.link-wishlist:hover { color: #ce3131; background: #f9d9d9; text-decoration:none; } #wishlist-add a.link-wishlist i { display: inline-block; margin-top: -1px; margin-right: 5px; height: 18px; width: 18px; vertical-align: middle; background: url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/custom.png') 0 -729px no-repeat; } /* Wishlist link end */ /* Send a Friend */ .send-friend .form-list{width:615px;overflow:hidden} .send-friend .form-list li{margin-right:-15px} .send-friend .form-list li p{margin:0 15px 0 0} .send-friend .form-list .field{width:315px} .send-friend .form-list .input-box{width:300px} .send-friend .form-list input.input-text, .send-friend .form-list textarea{width:294px} .send-friend .form-list li.wide .input-box{width:612px} .send-friend .form-list li.wide textarea{width:609px} .send-friend .buttons-set .limit{float:right;margin:0 7px 0 0;font-size:11px;line-height:21px} /* Content Styles ================================================================= */ .product-name{margin:10px 0;font-size:1em;font-weight:normal} .product-name a{color:#777} .product-name a:hover{text-decoration:none} /* Product Tags */ .tags-list{display:block;font-size:16px;padding:10px 0} .tags-list li{display:inline !important;margin:0 4px 0 0} /* Advanced Search */ .advanced-search .form-list label{width:160px;padding-right:10px;float:none} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range{} .advanced-search .form-list select{height:80px} .advanced-search-amount{margin:0 0 10px} .advanced-search-summary{margin:10px 0;border:1px solid #d6e9c6;background:#dff0d8;padding:10px;color:#3c763d;border-radius:3px} .advanced-search-summary ul{float:left;width:49%} .advanced-search-summary strong{} .advanced-search-summary p{clear:both;font-weight:bold;margin:0} /* CMS Home Page */ .cms-home .subtitle{} .cms-index-index .subtitle{} /* Sitemap */ .page-sitemap .links{text-align:right;margin:0 8px -22px 0} .page-sitemap .links a{text-decoration:none;position:relative} .page-sitemap .links a:hover{text-decoration:underline} .page-sitemap .sitemap{margin:12px} .page-sitemap .sitemap a{color:#1b2d3b} .page-sitemap .sitemap li{margin:3px 0} .page-sitemap .sitemap li.level-0{margin:10px 0 0;font-weight:bold} .page-sitemap .sitemap li.level-0 a{color:#1e7ec8} /* RSS */ .rss-title h1{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/i_rss-big.png) 0 4px no-repeat;padding-left:27px} .rss-table .link-rss{display:block;line-height:1.55;background-position:0 4px} /* Shopping Cart ========================================================================= */ .cart .page-title{border-bottom:0;margin:0 0 12px} .cart .page-title h1{margin:0 0 20px} /* Checkout Types */ .cart .page-title .checkout-types li{margin:0 0 5px} .cart .title-buttons .checkout-types{float:right} .cart .title-buttons .checkout-types li{float:left;margin:0 0 5px 5px} .cart .checkout-types .paypal-or{margin:0 8px;line-height:2.3;vertical-align:top} .cart .checkout-types .bml_button{display:inline-table;width:150px;margin:0 0 5px} .cart .totals .checkout-types .paypal-or{clear:both;display:block;padding:8px 55px 0 0;line-height:1.0;font-size:11px} /* Shopping Cart Table */ .cart .cart-table-wrap{border:1px solid #ececec;border-radius:8px;background:#fff;display:block;padding:30px;margin-bottom:60px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .cart-table thead tr{border-width:0 0 1px} .cart-table thead th{background-color:transparent;text-transform:none} .cart-table td{padding:10px;vertical-align:middle;font-size:14px} .cart-table tbody th,.cart-table tbody td{border-right-width:0} .cart-table td.last,.cart-table th.last{border-right-width:0} .cart-table tbody td.pr-img-td{text-align:center;border-right:0} .cart-table tbody tr{border-left-width:0!important;border-right-width:0!important} .cart-table tfoot{border-bottom-width:0} .cart-table tfoot tr.first td{border-width:0} .cart-table td.product-name-td{color:#777;font-size:14px} .cart-table td.product-name-td dl.item-options{margin:0} .cart-table .product-name{margin:0} .cart-table .cart-price{} .cart-table td.td-total .cart-price{color:#08c} .cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:bold;color:#df280a} .cart-table tfoot td{padding:15px 5px 0} .cart-table .btn-continue{float:left} .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span{} .cart-table .btn-update, .cart-table .btn-empty{float:right} .cart-table .btn-update{margin-left:10px} .cart-table .action-td{padding:15px 0} .cart-table .qty-holder{width:125px;white-space:nowrap} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals{margin-bottom:45px} .cart-collaterals > *{margin-bottom:15px} .cart .cart-collaterals .col2-set{float:left;width:605px} .cart .cart-collaterals .col2-set .col-2{width:294px} .cart .cart-collaterals h2{padding:10px 45px 10px 15px;margin:0;font-size:13px;font-weight:bold;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#000;position:relative;border-radius:7px 7px 0 0} .cart .crosssell{} .cart .crosssell h2{font-size:16px;color:#313131;font-weight:bold} .cart .crosssell .product-image{float:left;height:auto;border:1px solid #ccc;border-radius:5px;padding:2px;width:90px} .cart .crosssell .product-details{margin-left:105px} .cart .crosssell .product-name{margin:5px 0 5px} .cart .crosssell li.item{margin:12px 0} .cart .crosssell .link-compare{font-weight:normal} .cart .crosssell .price-box{margin:5px 0 10px} .cart .crosssell button.button > span{border:1px solid #ccc;background:#fff;padding:0 12px} .cart .crosssell button.button:hover > span{border:1px solid #08c;background:#08c} .cart .crosssell button.button span{color:#777;font-size:12px;line-height:25px;min-width:0} .cart .crosssell button.button:hover span{color:#fff} .cart .crosssell .add-to-links{display:none} /* Discount Codes &Estimate Shipping and Tax Boxes */ .cart .discount,.cart .shipping{margin-bottom:15px} .cart .discount .input-box{font-size:13px;} .cart .discount h2,.cart .shipping h2{cursor:pointer;border-radius:7px} .cart .discount h2.opened,.cart .shipping h2.opened{border-radius:7px 7px 0 0} .cart .discount h2:before,.cart .shipping h2:before{content:"\e80b";width:26px;height:26px;display:block;border:1px solid #ccc;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px} .cart .discount h2.opened:before,.cart .shipping h2.opened:before{content:"\e80d"} .cart .discount h2:hover:before,.cart .shipping h2:hover:before{background:#08c;border-color:#08c;color:#fff} .cart .discount h2 + *,.cart .shipping h2 + *{display:none} .cart .cart-collaterals h2 + *{padding:15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .cart .discount p,.cart .shipping p{font-size:14px} .cart .discount .form-list label,.cart .shipping .form-list label{} .cart .discount button span, .cart .shipping button span{} .cart .discount .buttons-set, .cart .shipping .buttons-set{margin:10px 0 0;border:0;padding:0;text-align:left} .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button{float:none;margin-left:0;width:100%} .cart .discount h2{} .cart .discount input.input-text{width:100%} .cart .shipping .sp-methods{margin:10px 0 0;padding:5px 0 0} /* Shopping Cart Totals */ .cart .totals{} .cart .totals table{width:100%} .cart .totals tr{border-bottom:1px solid #dcdcdc} .cart .totals td{padding:10px;line-height:1.4;font-size:15px;font-weight:300;text-align:left !important} .cart .totals .price{display:block;text-align:right;color:#000;font-size:14px;font-weight:600} .cart .totals tbody tr:first-child .price,.cart .totals tfoot .price{} .cart .totals tr.last td{} .cart .totals tfoot th{padding:5px 15px 5px 7px} .cart .totals tfoot td{} .cart .totals tfoot th strong,.cart .totals tfoot td strong{} .cart .totals .checkout-types{font-size:13px;text-align:center} .cart .totals .checkout-types li{clear:both;margin:10px 0} .cart .totals tfoot tr{border-bottom-width:0} .cart .totals button.button{width:100%} .cart .totals tfoot th strong,.cart .totals tfoot td strong{font-weight:300} .cart .totals tfoot .price{font-size:17px} /* Options Tool Tip */ .item-options dt{font-weight:bold;font-style:italic} .item-options dd{padding-left:10px;margin:0} .truncated{cursor:help} .truncated a.dots{cursor:help} .truncated a.details{cursor:help} .truncated .truncated_full_value{position:relative;z-index:999} .truncated .truncated_full_value .item-options{position:absolute;top:-99999em;left:-99999em;z-index:999;width:250px;padding:8px;border:1px solid #ddd;background-color:#f6f6f6} .truncated .truncated_full_value .item-options >p{font-weight:bold;text-transform:uppercase} .truncated .show .item-options{top:-20px;left:50%} .col-left .truncated .show .item-options{left:15px;top:7px} .col-right .truncated .show .item-options{left:-240px;top:7px} /* Checkout ============================================================================== */ /********** */ /* One Page Checkout */ .block-progress{border:0;margin:0} .block-progress .block-title{background:none;border:0;padding:0} .block-progress .block-title strong{color:#313131} .block-progress .block-content{background:none} .block-progress dt{background-color:#f5f5f5;border:1px solid #ddd;border-radius:7px;color:#313131;font-size:13px;font-weight:bold;margin-top:13px;padding:10px 15px;position:relative;text-transform:uppercase} .block-progress dd{background-color:#fbfbfb;border:1px solid #ddd;border-radius:0 0 7px 7px;border-top-width:0;font-size:13px;padding:10px 15px} .block-progress dt.complete{border-radius:7px 7px 0 0} .block-progress dd.complete{} .block-progress dt .changelink{text-transform:none;font-weight:normal} .block-progress p{margin:0} .block-progress .cards-list dt{background:none;border:0 none;color:inherit;font-size:12px;margin:5px 0;padding:0} .block-progress .cards-list dd{border:0 none;margin:0;padding:0} .block-progress .cards-list .info-table th{font-weight:normal} /* show/hide "change"link for progress step depend on complete status * should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator{display:inline} .opc-block-progress dt a, .opc-block-progress dt .separator{display:none} .opc .buttons-set{} .opc #checkout-step-billing .buttons-set,.opc #checkout-step-shipping .buttons-set{} .opc .buttons-set p.required{margin:0;padding:0 0 10px} .opc .buttons-set .back-link small{display:none} .opc .buttons-set .back-link a{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/i_arrow-top.gif) 0 50% no-repeat;padding-left:16px} .opc .buttons-set.disabled button.button{display:none} .opc .buttons-set .please-wait{} .opc .buttons-set .please-wait i.icon-spin6{} .opc .ul{list-style:disc outside;padding-left:18px} .opc{position:relative} .opc li.section{margin-bottom:5px;box-shadow:0 2px 3px rgba(0,0,0,0.08);border-radius:6px} .opc .step-title{border:1px solid #ddd;border-radius:4px;background:#f6f6f6;padding:15px;text-align:right} .opc .step-title .number{float:left;padding:0;margin:0 5px 0 0;color:#08c;font-size:16px;line-height:1} .opc .step-title h2{float:left;margin:0;line-height:1;color:#08c;font-size:16px} .opc .step-title a{display:none;float:right;font-size:13px;line-height:1} .opc .allow .step-title{background:#f6f6f6;color:#777;cursor:pointer} .opc .allow .step-title .number{} .opc .allow .step-title h2{} .opc .active .step-title{cursor:default;border-bottom-width:0;border-radius:6px 6px 0 0} .opc .active .step-title .number{} .opc .active .step-title h2{} .opc .step{position:relative;padding:20px 15px;border:1px solid #ddd;border-top-width:0;border-radius:0 0 6px 6px} .opc .step .tool-tip{right:160px} .opc ul li{line-height:20px} #opc-login .buttons-set{padding:0} #opc-login .col2-set .content{min-height:280px} #opc-login h3{text-transform:uppercase;margin-bottom:10px} #opc-login h4{font-size:13px;font-weight:600;margin:10px 0;color:#777} #opc-login .step >.row .col-sm-6:first-child{} #opc-login .contents-area{min-height:225px} #opc-shipping_method .buttons-set{border-top:0} .opc .gift-messages-form{margin:0 -30px;background:#f6f1eb;border:1px solid #e9e4de;border-width:1px 0;padding:22px 24px 22px 30px} .opc .gift-messages-form .inner-box{padding:5px;height:260px;overflow:auto} #opc-review .step{font-size:14px} #opc-review .product-name{font-size:14px} #opc-review .price{} #opc-review tr td.last .cart-price .price{color:#08c} #opc-review .data-table tfoot td{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:15px 10px;font-size:14px;font-weight:300} #opc-review .data-table tfoot td strong{font-weight:300} #opc-review tfoot .price{font-weight:normal} #opc-review tfoot tr .price{color:#313131;font-weight:600} #opc-review tfoot tr.last td{background-color:#f6f6f6} #opc-review .item-options{margin:5px 0 0} #opc-review .buttons-set{} #opc-review .buttons-set p{margin:0;line-height:40px} #opc-review .buttons-set .please-wait{height:60px;line-height:60px} #opc-review .authentication{margin:0 auto;width:570px} #opc-review .warning-message{color:#222;font-weight:bold;text-align:center;padding:10px 10px 0} /* Multiple Addresses Checkout */ .checkout-progress{padding:0 90px;margin:0 0 20px} .checkout-progress li{float:left;width:19%;margin:0 3px 0 0;border-top:10px solid #999;padding:7px 0 0;text-align:center;color:#abb5ba} .checkout-progress li.active{border-top-color:#08c;color:#08c} .multiple-checkout h2{font-size:13px;font-weight:600;margin:10px 0} .multiple-checkout h3, .multiple-checkout h4{font-size:13px;font-weight:600} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a{font-weight:normal} .multiple-checkout .data-table .product-name{font-size:1em !important;font-weight:bold !important;color:#1e7ec8 !important} .multiple-checkout .data-table .product-name a{font-weight:bold !important} .multiple-checkout .data-table .item-options{margin:5px 0 0} .multiple-checkout .box .box-title,.multiple-checkout .box .box-content{border-radius:0} .multiple-checkout .gift-messages{margin:15px 0 0} .multiple-checkout .tool-tip{top:50%;margin-top:-120px;right:20px} .multiple-checkout .col2-set, .multiple-checkout .col3-set{background-color:#fff;border:1px solid #ececec;border-radius:8px;display:block;padding:30px;margin-bottom:40px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .multiple-checkout .col2-set h2.legend{margin:0 0 15px;padding:5px 0;border-bottom:1px solid #ececec;position:relative} .multiple-checkout .col2-set h3.legend{margin:0 0 10px;color:#0a263c} .multiple-checkout .col2-set .divider{margin:0 -20px;padding:25px 0;position:relative} .multiple-checkout .box{margin:0 0 15px} .multiple-checkout .box h2{} .multiple-checkout .place-order .please-wait{float:right;padding:11px 15px 0 0} .multiple-checkout .place-order .grand-total{float:right;height:71px;font-size:1.5em;overflow:hidden} .multiple-checkout .place-order .grand-total .inner{float:left;height:57px} .multiple-checkout .place-order .grand-total .inner div{display:inline} .multiple-checkout .place-order .grand-total big{display:inline;margin-right:12px;line-height:1.4} .multiple-checkout .place-order .grand-total .price{color:#08c} .multiple-checkout .place-order .grand-total button.button span{font-size:16px} .multiple-checkout .place-order .grand-total button.button span span{padding:0 45px 0 36px} /* Step 1 */ #multiship-addresses-table td{padding:10px} #multiship-addresses-table tfoot td{padding:5px 10px} /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list{width:100%;overflow:hidden} .multiple-checkout .gift-messages-form .item .details .form-list li{margin-right:-15px} .multiple-checkout .gift-messages-form .item .details .form-list .field{width:230px} .multiple-checkout .gift-messages-form .item .details .form-list .input-box{width:215px} .multiple-checkout .gift-messages-form .item .details .form-list input.input-text{width:209px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box{width:445px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea{width:439px} .checkout-multishipping-shipping .box-sp-methods{position:relative} .checkout-multishipping-shipping .box-sp-methods .pointer{display:none} /* Step 3 */ .checkout-multishipping-billing .multiple-checkout{position:relative} /* Account Login/Create Pages ============================================================ */ .account-login .content{min-height:275px} .account-login .new-users,.account-login .registered-users{} .account-login .new-users h2,.account-login .registered-users h2{} .account-login .buttons-set{} .account-create{} /* Captcha ================================================================================ */ .captcha-note{clear:left;padding-top:5px} .captcha-image{float:left;display:inline; margin:0;position:relative;width:258px} .captcha-image .captcha-img{border:1px solid #b6b6b6;vertical-align:bottom;width:100%} .registered-users .captcha-image{margin:0} .captcha-reload{cursor:pointer;position:absolute;top:2px;right:2px} .captcha-reload.refreshing{animation:rotate 1.5s infinite linear} @-webkit-keyframes rotate{ 0%{-webkit-transform:rotate(<0)} 0%{-webkit-transform:rotate(-360deg)} } @-moz-keyframes rotate{ 0%{-moz-transform:rotate(0)} 0%{-moz-transform:rotate(-360deg)} } @keyframes rotate{ 0%{transform:rotate(0)} 0%{transform:rotate(-360deg)} } /* Remember Me Popup ===================================================================== */ .window-overlay{background:rgba(0,0,0,.35);position:absolute;top:0;left:0;height:100%;width:100%;z-index:990} .remember-me label{float:none;margin:0 6px} .remember-me-popup{background:#fff;border:1px solid #ccc;left:50%;top:50%;position:absolute;margin:-85px 0 0 -200px;width:400px;text-align:left;box-shadow:0 0 6px #ccc;z-index:1000} .remember-me-popup h3{background:#d9e5ee;border-bottom:1px solid #ccc;font-size:14px;padding:5px 10px} .remember-me-popup .remember-me-popup-head{position:relative} .remember-me-popup .remember-me-popup-head .remember-me-popup-close{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/btn_window_close.gif) no-repeat;display:block;position:absolute;top:7px;right:7px;height:15px;width:15px;text-indent:-9999em} .remember-me-popup .remember-me-popup-body{padding:10px} .remember-me-popup .remember-me-popup-body a{display:inline-block;height:19px;border:1px solid #de5400;background:#f18200;padding:0 8px;font:bold 12px/19px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;color:#fff} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss{float:none;margin:0} /********** */ /* Address Book */ .addresses-list h2{font-size:16px;font-weight:bold;color:#313131;line-height:1.4} .addresses-list h3{font-weight:bold;font-size:13px} .addresses-list address{margin:0 0 3px} .addresses-list p{margin:0} .addresses-list a{font-weight:bold} .addresses-list .link-remove{color:#646464} .addresses-list .separator{margin:0 3px} .addresses-list li.item{border:1px solid #ddd;border-radius:7px;padding:15px;margin:0 0 10px} .addresses-list li.empty{background:none;border:0;padding:0} .addresses-list li.empty p{font-weight:bold} .addresses-list .addresses-additional li.item{background:none;border:0;padding:0} /* Order View */ .order-info{color:#313131;font-size:16px;font-weight:bold;line-height:1.4;margin: 0 0 10px} .order-info dt, .order-info dd, .order-info ul, .order-info li{display:inline} .order-info .current{font-weight:bold} .order-info li{margin:0 3px} .order-date{margin:10px 0} .order-info-box{margin-bottom:25px} .order-info-box h2{font-weight:bold;font-size:13px;margin:0} .order-info-box .box-payment p{margin:0 0 3px} .order-info-box .box-payment th{font-weight:bold;padding-right:7px} .table-caption{clear:none;font-size:15px;font-weight:bold;color:#313131;padding:0;margin:0 0 10px} .order-details .product-name{} .order-details .link-print{color:#1e7ec8;font-weight:normal} .order-details .order-links{text-align:right} .order-additional{margin:15px 0} /* Order Gift Message */ .gift-message dt strong{color:#666} .gift-message dd{font-size:13px;margin:5px 0 0} /* Order Comments */ .order-about dt{font-weight:bold} .order-about dd{font-size:13px;margin:0 0 7px} .tracking-table{margin:0 0 15px} .tracking-table th{font-weight:bold;white-space:nowrap} .tracking-table-popup{width:100%} .tracking-table-popup th{font-weight:bold;white-space:nowrap} .tracking-table-popup th, .tracking-table-popup td{padding:1px 8px} /* Order Print Pages */ .page-print .print-head{margin:0 0 15px} .page-print .print-head .logo{float:left} .page-print .print-head address{float:left;margin-left:15px} .page-print h1{font-size:16px;font-weight:bold} .page-print h2, .page-print h3{font-size:13px;font-weight:bold} .page-print h2.h2{font-size:16px;font-weight:bold} .page-print .order-date{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/bkg_divider1.gif) 0 100% repeat-x;padding:0 0 10px;margin:0 0 10px} .page-print .col2-set{margin:0 0 10px} /* Price Rewrites */ .page-print .gift-message-link{display:none} .page-print .price-excl-tax, .page-print .price-incl-tax{display:block;white-space:nowrap} .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price{display:inline} /* My Wishlist */ #wishlist-table td{} #wishlist-table .product-name{margin-bottom:10px;} #wishlist-table .product-name a{color:#08c;font-weight:normal} #wishlist-table .description{margin-bottom:10px} #wishlist-table textarea{display:block;width:100%;height:109px} #wishlist-table .buttons-set{margin-top:2em} #wishlist-table .buttons-set button.button{float:none} #wishlist-table .buttons-set .btn-add span, #wishlist-table .buttons-set .btn-share span{border-color:#406a83;background:#618499} #wishlist-table .add-to-links{white-space:nowrap} /* My Tags */ .my-tag-edit{float:left;margin:0 0 10px} .my-tag-edit .btn-remove{float:right;margin:4px 0 0 5px} #my-tags-table{clear:both} #my-tags-table td{padding:10px} #my-tags-table .add-to-links{white-space:nowrap} /* My Reviews */ #my-reviews-table tbody{border-top:1px solid #dcdcdc} #my-reviews-table td{padding:10px} .product-review .product-img-box{float:left;width:140px} .product-review .product-img-box .product-image{border:1px solid #ddd;border-radius:5px;margin-bottom:5px;display:block;width:125px;height:125px} .product-review .product-img-box .label{font-size:11px;margin:0 0 3px} .product-review .product-img-box .ratings .rating-box{float:none;display:block;margin:0 0 3px} .product-review .product-details{margin-left:150px} .product-review .product-name{font-size:16px;font-weight:bold;margin:0 0 10px} .product-review h3{font-size:12px;margin:0 0 3px;color:#2f2f2f} .product-review .ratings-table{margin:0 0 10px} .product-review dt{font-weight:bold} .product-review dd{font-size:13px;margin:5px 0 0} /* Billing Agreements */ .billing-agreements .info-box{margin:15px 0} .billing-agreements .form-list li select{float:left} .billing-agreements .form-list li button.button{float:left;margin-left:10px} .billing-agreements .table-caption{font-weight:bold;font-size:13px} /* MAP Popup============================================================================== */ .cart-msrp-totals{color:red;font-size:12px !important;font-weight:bold;margin:10px 10px 0;padding:10px;text-align:center;line-height:1.4;text-transform:uppercase} .map-cart-sidebar-total{color:red;display:block;font-size:10px;font-weight:bold;text-align:left;padding:2px 5px;text-shadow:0 1px 0 #fff} .map-popup{background:#fff;border:1px solid #aaa;margin:12px 0 0;position:absolute;box-shadow:0 0 6px #ccc;text-align:left;width:300px;z-index:100} .map-popup-heading{background:#d9e5ee;border-bottom:1px solid #ccc;padding:5px 30px 5px 10px;width:260px} .map-popup-heading h2{font-size:16px;margin:0;text-shadow:0 1px 0 #f6f6f6;overflow:hidden;white-space:nowrap;word-wrap:break-word;text-align:left;text-overflow:ellipsis} .map-popup-arrow{position:absolute;left:50%;top:-10px;height:10px;width:19px} .map-popup-close{display:block;position:absolute;top:8px;right:10px;height:15px;width:15px;text-indent:-9999em;box-shadow:0 0 3px #999;border-radius:2px} .map-popup-content{border-top:1px solid #eee;padding:10px;overflow:hidden;text-align:left;width:280px} .map-popup-checkout{display:inline;float:right;text-align:right} .map-popup-checkout span{display:block} .map-popup-checkout .paypal-or{clear:both;display:block} .map-popup-checkout .paypal-logo{margin:0 0 5px} .map-popup-checkout li{list-style:none} .map-popup-checkout{text-align:center} .map-popup-price .price-box, .map-popup-price .price-box .special-price{margin:0;padding:0} .map-popup-price{margin:5px 0 0} .map-popup-text{clear:right;margin:0 10px;padding:10px 0;text-align:left;word-wrap:break-word} .map-popup-only-text{border-top:1px solid #ddd} /* ======================================================================================= */ .owl-theme .owl-controls .owl-page span{width:8px;height:8px;background:#a0a09f;opacity:1;filter:Alpha(Opacity=100)} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#08c} /* Footer ================================================================================ */ .footer-container{border-top:0} .footer{} .footer .block .block-content{background-color:transparent} .footer-top{background-color:#f0f0ed;padding:15px 0} #feed-container{padding:50px 0} #feed-container .owl-item{} #feed-container .owl-item .item{padding:0 20px 0 90px;text-align:left;color:#121214;line-height:1.5;font-size:16px;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/i_twitter.png) 20px 0 no-repeat} #feed-container .timePosted{font-size:14px;font-style:italic;color:#777} .cms-index-index .footer-container.fixed-position{position:fixed;bottom:0;z-index:1;width:100%;margin:0} .cms-index-index .footer-container.fixed-position .footer-top,.cms-index-index .footer-container.fixed-position .footer-middle{display:none} .cms-index-index .footer-container.fixed-position .footer-bottom{padding:5px 0;background-color:#fff;background-color:rgba(255,255,255,0.85)} .footer-container.fixed-position .footer-bottom .custom-block{margin-left:20px} .footer-container.fixed-position .footer-bottom .custom-block.f-right{margin-left:60px} .footer-container .bottom-container{margin:0 0 5px} .footer-middle{background-color:#121214;color:#777;padding:40px 0;font-size:13px} .footer-middle a{color:#fff} .footer-middle a:hover{color:#fff;text-decoration:underline} .footer-middle ul.links{padding:0;margin-top:-5px} .footer-middle ul.links li{position:relative;padding:10px 0;line-height:1;display:block} .footer-middle ul.links li i{margin-left:-5px} .footer-middle ul.features{padding:0;margin-top:-5px} .footer-middle ul.features li{position:relative;padding:10px 0;line-height:1;display:block} .footer-middle ul.features li i{margin-left:-5px;margin-right:3px} .footer-middle p{margin-bottom:15px;color:#777} .footer-middle p.label{display:block;text-align:left;font-size:13px;font-weight:400;padding:0} .footer-middle ul{padding:0} .footer-middle .block{text-align:left;line-height:1.5;border:0;margin:0;background-color:transparent;float:none;width:auto} .footer-middle .block .block-title{margin-bottom:20px} .footer-middle .block .block-title strong{font-weight:400;padding:0;font-size:16px;line-height:inherit;color:#fff;text-transform:none} .footer-middle .contact-info li{padding:5px 0} .footer-middle .contact-info li:first-child{padding-top:0} .footer-middle .contact-info p{display:inline-block;vertical-align:top;margin:0} .footer-middle .contact-info i{color:#777;display:inline-block;vertical-align:top;font-size:14px;line-height:18px} .footer-ribbon{position:absolute;margin:-56px 0 25px 0px;padding:10px 20px 6px 20px;background-color:#08c;} .footer-ribbon:before{border-right:10px solid #005580;border-top:16px solid transparent;content:"";display:block;height:0;left:-10px;position:absolute;top:0;width:7px;} .footer-ribbon span{color:#fff;font-size:20px;font-family:"Shadows Into Light",cursive} .block.block-facebook-like .block-title a.btn-like{background-color:#08c;height:34px;line-height:34px;font-size:14px;width:80px;text-align:center;border-radius:5px;margin-top:12px;font-weight:400;margin-right:55px} .footer-middle .block.block-subscribe .input-box{padding:0;margin-top:50px} .footer-middle .block.block-subscribe .input-box input.input-text{float:left;height:30px;padding:0 10px;border:0;background-color:#dcdcdc;border-radius:5px;max-width:300px} .footer-middle .block.block-subscribe .input-box button{float:left;width:75px;margin-left:-75px} .footer-middle .block.block-subscribe .input-box button span{padding:0;font-size:14px;height:30px;line-height:30px;border-radius:0 5px 5px 0;font-weight:normal;min-width:75px} .footer-middle .block.block-subscribe em{color:#cef09d;font-size:12px;display:block;margin:5px 0} .footer-middle .block-tweets ul{margin-top:-15px} .footer-middle .block-tweets ul li{padding:15px 0;border-top:1px solid #75b11f} .footer-middle .block-tweets ul li:first-child{border-top:0} .footer-middle .block-tweets p.tweet{margin-bottom:10px} .footer-middle .block-tweets p.timePosted{margin-bottom:0;color:#a5d75f;font-size:11px;font-style:italic} .footer-middle .block-flickr-photos .block-content{margin:-5px} .footer-middle .block-flickr-photos a.flickr-image{width:65px;display:inline-block;margin:5px} .footer-middle .block-flickr-photos a.flickr-image:hover{opacity:.8;filter:alpha(opacity=80)} .footer-middle .block-flickr-photos a.flickr-image img{width:100%} .footer-middle .fb-persons{margin:-5px} .footer-middle .fb-persons .fb-person{display:inline-block;width:75px;padding:5px;text-align:center} .footer-middle .fb-persons .fb-person a{width:100%;display:inline-block} .footer-middle .fb-persons .fb-person a:hover img{opacity:.8;filter:alpha(opacity=80)} .footer-middle .fb-persons .fb-person a img{width:100%} .footer-bottom{min-height:50px;line-height:40px;background-color:#0c0c0c;padding:25px 0} .footer-bottom a.logo{float:left;margin-right:45px} .footer-bottom a.logo img{display:inline-block;vertical-align:middle} .footer-bottom .custom-block{float:left;margin-left:60px} .footer-bottom .custom-block img{max-width:100%;display:inline-block;vertical-align:middle} .footer-bottom address{float:right;line-height:40px} #totop{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#404040;font-size:16px;color:#08c;text-align:center;line-height:1;padding:11px 0;display:none;border-radius:5px 5px 0 0} #totop:hover{background-color:#555} .footer .social-icons{float:left} .social-icons a:first-child{margin:0} .footer .social-icons a{background-color:#9e9e9e;border-radius:50%} .footer .social-icons a.icon1-class:hover{background-color:#3c599b} .footer .social-icons a.icon2-class:hover{background-color:#1ca8e3} .footer .social-icons a.icon3-class:hover{background-color:#4975b6} .footer-bottom ul.links a{color:#777;font-size:11px} .footer-bottom ul.links li{padding:0 12px;border-right:1px solid #bbb;font-size:11px} .footer-bottom ul.links li:first-child{padding-left:0} /* Sample Data============================================================================ */ .home-callout{margin-bottom:12px} .home-callout img{display:block} .home-spot{float:left;width:470px;margin-left:20px} .best-selling h3{margin:12px 0 6px 0;color:#e25203;font-size:1.2em} .best-selling table{border-top:1px solid #ccc} .best-selling tr.odd{background:#eee url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x} .best-selling tr.even{background:#fff url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/best_selling_tr_even_bg.gif) 0 100% repeat-x} .best-selling td{width:50%;border-bottom:1px solid #ccc;padding:8px 10px 8px 8px;font-size:11px} .best-selling .product-img{float:left;border:2px solid #dcdcdc} .best-selling .product-description{margin-left:107px;line-height:1.3em} .best-selling a.product-name, .home-spot .best-selling a.product-name:hover{color:#203548} /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .form-list .input-box:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .box-content:after, .block-content:after, .postDetails:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden} /* ======================================================================================= */ .guest-select{width:305px !important} .background-overlay{background-color:#fff;opacity:.5;filter:Alpha(Opacity=50);left:0;top:0} .fancybox-wrap, .fancybox-wrap *{transition:initial;-webkit-transition:initial} /*** Revolution Slider ***/ .home-slider-container, .home-slider-container *{transition:initial;-webkit-transition:initial} .home-slider-container .tp-banner-container{margin:0;border:0} .sharing-tool-area,.addthis_toolbox{margin-top:20px;padding-bottom:20px} .col1-layout .sharing-tool-area {float:right} .sharing-tool-area .addthis_default_style .at300m,.sharing-tool-area .addthis_default_style .at300b{padding:3px} .sharing-tool-area .addthis_default_style .addthis_counter{margin:3px 0} .sharing-tool-area .addthis_32x32_style .at300bs{border-radius:3px} .block.block-related{border:0;border-radius:5px} .block.block-related .block-title{background-color:transparent;border:0} .block.block-related .block-title strong{font-size:18px;padding:10px 0;line-height:1;color:#313131} .block.block-related .block-content{background-color:transparent;padding-bottom:30px} .block.block-related .block-subtitle{padding:0;min-height:38px} .block.block-related .item{padding:0} .block.block-related .owl-theme .owl-controls{position:absolute;right:0;top:-73px} .block.block-related .owl-theme .owl-controls .owl-buttons div{color:#08c;font-size:13px;padding:0;margin:0;background:transparent} .block.block-related .product{margin:10px 0 15px;position:relative} .block.block-related .product input.checkbox{position:absolute;left:5px;top:5px;z-index:1001;margin:0} .block.block-related .product .product-image{overflow:hidden;border:1px solid #ddd;border-radius:7px;background:#fff;padding:1px} .block.block-related .product .product-image img{width:100%;border-radius:5px} .block.block-related .product-details{padding:0} .sidebar .custom-block{margin-bottom:30px;padding-bottom:40px;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/bkg_4.png) bottom no-repeat} .sidebar .custom-block.custom-block-1{padding-bottom:20px} .sidebar .custom-block-1>div{min-height:50px;margin-bottom:20px;clear:both} .sidebar .custom-block-1>div i{font-size:30px;color:#000;float:left;width:50px;height:50px;line-height:48px;border:1px solid #bbb;border-radius:50%;text-align:center;margin-right:10px} .sidebar .custom-block-1>div h3{color:#313131;font-size:16px;margin:0;line-height:1.5;margin-left:50px;padding-top:4px} .sidebar .custom-block-1>div p{font-size:12px;margin:0;margin-left:50px;line-height:1} .onepagecheckout_datafields .form-list li{margin:0} .onepagecheckout_datafields .form-list .field{width:100%;float:none;margin:0} .onepagecheckout_datafields .form-list .input-box{margin-bottom:20px} p.newsletter label{color:#777;line-height:20px} .gift-messages p.control label{line-height:20px} .op_login_area{width:300px;padding:20px} .onepagecheckout-index-index .page-title{border:0;margin:20px 0} .order-products-table .price{letter-spacing:0;color:#08c} .discount-form label{font-size:14px} .discount-form input.input-text{height:38px;border:1px solid #ccc;padding:0 20px} .block.block-account .block-content{} .block-account ul li,.block.block-blog-categories .blog-category{padding:8px 3px 8px 18px;position:relative;line-height:1.3;border-bottom:1px solid #ddd} .block-account ul li strong{font-weight:normal} .block-account ul li strong,.block-account ul li a:hover,.block.block-blog-categories a:hover{color:#08c} .block-account ul li strong:before,.block-account ul li a:before,.block.block-blog-categories a:before{content:'\e814';font-family:'porto';position:absolute;left:3px} .block-account ul li a,.block.block-blog-categories a{color:#777;text-decoration:none} #my-orders-table .price{letter-spacing:0} .my-account .pager{margin:20px 0} /*** About US ***/ h2.word-rotator-title{line-height:30px;font-size:20px;font-weight:300;margin:0 0 20px 0;color:#121214} .word-rotate{visibility:hidden;width:100px;height:0;margin-bottom:-7px;display:inline-block;overflow:hidden;text-align:center;position:relative} h2 .word-rotate{margin-bottom:-7px} .word-rotate.active{visibility:visible;width:auto} .word-rotate .word-rotate-items{position:relative;top:0;width:100%} .word-rotate .word-rotate-items span{display:block;white-space:nowrap} p .alternative-font{display:inline-block;margin-top:-15px;position:relative;top:3px;margin-bottom:-6px;color:#08c;font-family:"Shadows Into Light",cursive;font-size:1.6em} .btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#08c;border-color:#08c} .btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px} .btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px} .push-top{margin-top:20px} .btn-primary:hover{border-color:#0099e6;background-color:#0099e6;color:#fff} .btn:hover{text-decoration:none} hr.tall{margin:30px 0;background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);border:0;height:1px} .entry-content h3{font-size:1.7em;font-weight:normal;color:#08c;letter-spacing:normal;line-height:24px;margin-bottom:33px;text-transform:uppercase} .entry-content p{font-size:14px;line-height:24px;margin-bottom:20px} .entry-content .lead{font-size:21px;line-height:1.4} .history{margin:25px 0;padding:0;clear:both} .history .thumb{background:transparent url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/history-thumb.png) no-repeat 0 0;width:227px;height:160px;margin:0 0 30px;padding:0;float:left} .history .thumb img{border-radius:50%;margin:7px 8px;width:145px;height:145px} .featured-box{background:#f5f5f5;background-color: transparent;background:linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;box-sizing:border-box;border-bottom:1px solid #DFDFDF;border-left:1px solid #ECECEC;border-radius:8px;border-right:1px solid #ECECEC;box-sizing:0 1px 1px 0 rgba(0,0,0,0.04);margin-bottom:20px;margin-left:auto;margin-right:auto;margin-top:20px;min-height:100px;position:relative;text-align:center;z-index:1} .history .featured-box{text-align:left;margin-left:225px;margin-bottom:35px;min-height:115px} .featured-box .box-content{border-radius:8px;border-top:4px solid #08c;padding:30px 20px 0} .history .featured-box .box-content{border-top-color:#08c} .history h4{float:left;margin:15px 0;padding:0;color:#08c;line-height:27px} .featured-box h4{font-size:1.3em;font-weight:400;letter-spacing:-0.7px;text-transform:uppercase} .history p{margin:0 0 20px;margin-left:55px;line-height:24px} .featured-box .block-flickr-photos{border:0} .featured-box .block-flickr-photos .block-title{display:none} .featured-box .block-flickr-photos a.flickr-image{margin:5px;display:inline-block;border:1px solid #dcdcdc;padding:5px;border-radius:5px} .featured-box .block-flickr-photos a.flickr-image img{max-width:100%;width:75px} .shop-features{text-align:center} .shop-features h2.shop-features-title{position:relative;text-align:center;margin:30px 0} .shop-features h2.shop-features-title:before{content:"";background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.2),transparent);height:1px;width:100%;display:block;position:absolute;top:50%} .shop-features h2.shop-features-title span{background-color:#fff;display:inline-block;position:relative;z-index:1;padding:0 12px;color:#313131;font-weight:700;font-size:15px} .shop-features i{color:#333;width:64px;height:64px;text-align:center;line-height:60px;display:inline-block;border:2px solid #ccc;border-radius:50%;font-size:28px} .shop-features h3{color:#121214;font-size:15px;line-height:1;margin:20px 0 10px} .shop-features p{color:#777;font-size:14px;margin:0;margin-bottom:15px;padding: 0 20px} .shop-features a{margin:0;font-size:14px} .form-list .input-box.input-textarea{border:0} .form-list .input-box.input-textarea label{padding:0;vertical-align:top} .form-list .input-box.input-textarea label i{border:1px solid #ccc;border-right:0;margin:0;border-radius:3px 0 0 3px} .form-list .input-box.input-textarea textarea{} .contacts-index-index h2.legend{font-size:20px;margin-bottom:20px;font-weight:300;letter-spacing:0} .contacts-index-index .col-main .contact-info i{float:left;width:43px;height:43px;background-color:#08c;color:#fff;line-height:43px;text-align:center;font-size:16px;border-radius:6px;margin-bottom:15px} .contacts-index-index .col-main .contact-info p{margin-left:55px;margin-bottom:0;font-size:14px;line-height:21px} .form-list .input-box label i{background-color:#f0f0ed} table.for-mobile{ display:none} table.for-desktop{ display:table} .block-compare .block-title strong{} .page-popup .link-print{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/i_print.gif) 0 2px no-repeat;padding:2px 0 2px 25px;font-weight:bold;color:#1e7ec8} .compare-table{border:0} .compare-table thead tr.first th, .compare-table thead tr.first td{border:0;background:none;padding:0;font-size:0;line-height:0} .compare-table .btn-remove{float:right;width:72px;height:15px} .compare-table tbody th{} .compare-table tbody th, .compare-table tbody td{padding:10px;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top} .compare-table tbody td .std{text-align:left} .compare-table tbody td.last{} .compare-table tbody tr.last th, .compare-table tbody tr.last td{} .compare-table tr.add-to-row td{background:#f7f7f7;text-align:center} .compare-table tr.first td{text-align:center} .compare-table tr.first td .product-name{font-size:13px;font-weight:bold;margin:0 0 5px} .compare-table tr.first td .product-name a{} .compare-table tr.first td .ratings{width:69px;margin:0 auto} .compare-table tr.first td p, .compare-table tr.add-to-row td p{margin:0} .data-table.compare-table{ border:1px solid #dcdcdc} .data-table.compare-table td{ border:0; text-align:center; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; line-height:1.5} .data-table.compare-table th{ text-align:right; text-transform:uppercase; background:#f7f7f7; border:0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc} .data-table.compare-table .ratings{margin:0} .data-table.compare-table .ratings .rating-box{float:none;margin:0 auto} .data-table.compare-table .ratings .amount{margin-top:5px;display:none;margin:0 auto} .data-table.compare-table .ratings .amount a{} .data-table.compare-table .price-box{ margin:0} .data-table.compare-table .price-box p{ float:none; display:inline-block} .compare-table tr.product-img-row td{ padding:20px 30px; position:relative} .compare-table tr.product-img-row td a.btn-remove2{ position:absolute; right:5px; top:5px; width:20px; height:20px} .compare-table tr.product-img-row .product-image img{width:100%} .compare-table tr.product-img-row td .product-name{ margin:15px 0 0} .compare-table tbody tr.last td{ vertical-align:middle; border-bottom:0} .blank-rating{display:none} .data-table.compare-table .blank-rating{display:block} .data-table.compare-table tr.add-to-row td{ background:none} /*** Blog ***/ .block.block-blog-categories a{font-size:inherit;margin-left:0} .block.block-blog-recent ul li{margin:0;padding:10px 0} .block.block-blog-recent ul li div.post-image{border-radius:4px;padding:2px;background-color:#fff;border:1px solid #ddd;margin-right:12px} .block.block-blog-recent ul li div.post-image:after{display:table;content:"";clear:both} .block.block-blog-recent ul li a{font-family:inherit;font-size:inherit;color:#08c;line-height:18px} .block.block-blog-recent ul li div.post-time{color:#888;font-size:12px;line-height:24px;font-family:inherit;font-style:normal;text-align:left;margin:0} .block.block-blog-tags ul li a{font-family:inherit;font-weight:normal} .block.block-blog-tags ul li a:hover{text-decoration:none;background-color:#08c} .posts-wrap{margin:10px 0 0} .postBanner{padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:30px} .postBanner p{line-height:1;margin:0} .postBanner .owl-item .item{width:100%} .postBanner .owl-item .item img{width:100%} .postBanner img{width:100%;border-radius:3px} .postBanner iframe{min-height:300px} .postBanner .owl-theme .owl-controls{position:absolute;left:0;right:0;bottom:0} .postTitle{border:0} .postTitle h2{font-weight:600;margin:0 0 10px 0} .postTitle h2 a:hover{opacity:0.9;filter:alpha(opacity=90);text-decoration:none} .postWrapper{margin-left:60px;margin-top:0;margin-bottom:30px;border-bottom:1px solid #ddd} .postBanner{margin-left:-60px} .postContent{font-size:14px;line-height:1.5;padding-bottom:15px} .recent-posts .postContent>p{margin:0} .recent-posts a.readmore{font-weight:300;font-size:16px} .postWrapper .post-date{margin-left:-60px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);float:left;margin-right:10px;text-align:center} .postWrapper .post-date .day{color:#08c;background-color:#f4f4f4;border-radius:2px 2px 0 0;display:block;font-size:16px;font-weight:bold;padding:10px;line-height:22px;margin-bottom:3px} .postWrapper .post-date .month{color:#fff;background-color:#08c;border-radius:0 0 2px 2px;box-shadow:0 -1px 0 0 rgba(0,0,0,.07) inset;display:block;font-size:12px;padding:0 10px 2px;line-height:16px} .postDetails{line-height:22px} .postDetails >span{margin-right:10px} .postDetails >span span:last-child{display:none} .postDetails >span i{margin-right:5px} .postDetails >span a{color:#777} .postDetails >span a:hover{color:#08c} .postBookmarks a{line-height:1.2} .smartwave-blog-read-more{color:#777;font-size:13px} .postBookmarks{padding:10px 0 0} .postBookmarks a{color:#777;text-decoration:none} .postBookmarks a:hover{color:#08c} .postBookmarks img{margin:0 2px} #postComment .form-list .input-box{border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} #postComment .form-list input.input-text{height:34px;padding:6px 12px;font-size:14px;line-height:1.5;color:#555} #postComment .form-list textarea{height:150px;padding:6px 12px;font-size:14px;line-height:1.5;color:#555} #postComment .form-list label{margin-bottom:5px} .postComments{margin-left:60px} .post-share{padding:10px 0 0;margin-bottom:-5px;border-top:1px solid #ddd} .post-share i{margin-right:5px} .post-share h3{color:#08c;font-size:13px;font-weight:300;margin:10px 10px 0 0;text-transform:none;float:left} .blog-post-view .postWrapper{margin-bottom:0} .postComments .postTitle h2{padding:20px 0;font-size:1.8em;font-weight:200;margin:0 0 20px;text-transform:none;color:#08c} .postComments .toolbar{border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:10px} form#postComment{display:block;margin-top:25px;padding:45px 0 0;border-top:1px solid #ddd} #postComment h4.legend{padding:0 0 20px 0;font-size:1.8em;font-weight:200;margin:0 0 20px;text-transform:none;color:#08c} .commentWrapper i.icon-user{font-size:50px;border:4px double #ddd;background:#fff;border-radius:5px;float:left;line-height:70px;text-align:center} .commentWrapper .comment-area:before{border-bottom:15px solid transparent;border-right:15px solid #F4F4F4;border-top:15px solid transparent;height:0;left:-15px;position:absolute;top:28px;width:0;content:""} .commentWrapper .comment-area{margin-left:110px;background:#F4F4F4;border-radius:5px;padding:20px;position:relative} .commentWrapper .comment-area .commentContent{line-height:22px;margin-bottom:10px} .commentWrapper .comment-area .date{text-align:right;color:#999} /***** Home Page *****/ /* Slider */ .cms-index-index .tp-caption{text-align:left} .cms-index-index .tp-caption.very_large_text{color:#08c;font-size:56px;font-weight:600;text-decoration:none;background-color:transparent;letter-spacing:13px;border:0;text-shadow:none;font-family:"Open Sans"} .cms-index-index .tp-caption.large_thin{color:#08c;background-color:transparent;text-decoration:none;font-size:46px;font-weight:300;border:0;font-family:"Open Sans"} .cms-index-index .tp-caption.small_thin_grey{font-size:20px;line-height:30px;font-weight:300;color:#777;font-family:"Open Sans";text-decoration:none;background-color:transparent;text-shadow:none;margin:0px;border:0} .cms-index-index .tp-caption a,.cms-index-index .tp-caption a:hover{color:#fff;font-family:"Open Sans"} .cms-index-index .tp-caption.title1{font-size:36px;font-weight:600;color:#08c;background-color:transparent;text-decoration:none;letter-spacing:8px;border:0;font-family:"Open Sans"} .cms-index-index .tp-caption.small-desc{color:#999;font-size:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;background-color:transparent;text-decoration:none} .cms-index-index .white-arrow .tparrows.navbar{color:#fff} .cms-index-index .tparrows.navbar:hover{background-position:0 -45px !important} .cms-index-index .tp-caption.white-title1{text-decoration:none;font-family:"Open Sans",Arial,sans-serif;font-size:48px;font-weight:600;color:#fff;background-color:transparent;letter-spacing:12px;border:0} .cms-index-index .tp-caption.small-desc-white{color:#fff;font-size:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;background-color:transparent;text-decoration:none;border:0;line-height:24px} .cms-index-index .tp-caption a.btn-white,.cms-index-index .tp-caption a.btn-white:hover{background-color:#fff;color:#08c} .single-image{overflow:hidden;text-align:center;margin:15px 0} .single-images .single-image{margin:0;border-radius:5px} a.single-image{display:block;margin:4px;border-radius:5px;position:relative} a.single-image img{width:100%} .single-image img{max-width:100%;transition:0.5s ease} .single-image:hover img{transform:scale(1.2)} .filter-products .products.small-list{text-align:left;margin-top:-10px} .filter-products .products.small-list div.item{width:100%;max-width:300px;float:none;display:inline-block;padding:0} .filter-products .products.small-list div.item .item-area{padding:10px 0 6px} .filter-products .products.small-list div.item .product-image-area{width:33%;float:left;padding:2px} .filter-products .products.small-list div.item .details-area{width:66%;float:left;text-align:left;padding:10px 16px} .filter-products .products.small-list div.item .details-area .ratings{background:transparent;margin-bottom:10px} .filter-products .products.small-list div.item .price-box{margin:0;line-height:1.2} .filter-products .products.small-list div.item .price-box p{margin:0;line-height:1.2} h2.sidebar-title{margin-bottom:20px;font-size:16px;font-weight:bold;text-transform:uppercase;color:#313131;line-height:1} .owl-top-narrow .sidebar-list .owl-controls{top:-16px} .owl-top-narrow .sidebar-list .owl-controls .owl-buttons div{font-size:16px} .filter-products .products.sidebar-list div.item .item-area{background-color:transparent;box-shadow:none;border:0;border-radius:0} .filter-products .products.sidebar-list div.item:hover .item-area{background-color:transparent;box-shadow:none;border:0;border-radius:0} .sidebar-filterproducts{margin-bottom:30px} .sidebar-filterproducts .owl-top-narrow{margin:0} /******** Homepage Bar(5) ***********/ .homepage-bar{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#fbfbfb} .homepage-bar .col-md-4{border-left:1px solid #e1e1e1;padding-top:20px;padding-bottom:21px} .homepage-bar .col-md-4:first-child{border-left:0} .homepage-bar i{font-size:34px;color:#000;display:inline-block;vertical-align:middle} .homepage-bar i:before{width:auto} .homepage-bar .text-area{display:inline-block;vertical-align:middle;text-align:left;margin-left:5px} .homepage-bar h3{color:#313131;font-size:16px;margin:0;line-height:1.5} .homepage-bar p{font-size:12px;margin:0;line-height:1} .homepage-bar.type2{border:0;background-color:transparent} .homepage-bar.type2 i{color:#fff;background-color:#121214;border-radius:50%;width:62px;height:62px;line-height:62px;text-align:center;float:left} .homepage-bar.type2 i.icon-truck{padding-right:4px} .homepage-bar.type2 .text-area{display:block;margin-left:75px} .homepage-bar.type2 .col-md-4{border:0;padding-top:5px;padding-bottom:5px} .homepage-bar.type2 h3{color:#000;font-size:20px;margin:0;line-height:1;font-weight:600;margin-bottom:6px} .homepage-bar.type2 em{font-size:11px;font-style:normal;font-weight:400;font-family:Arial;line-height:1;margin-bottom:12px;display:block;color:#878787} .homepage-bar.type2 p{font-size:14px;margin:0;line-height:1.3;color:#666} /********* Parallax Slider *********/ .parallax-slider .owl-carousel h2{font-size:60.28px;color:#fff;line-height:1} .parallax-slider .owl-carousel p{font-size:22.6px;color:#fff;line-height:1;margin-bottom:30px;} .parallax-slider .owl-carousel a{font-size:16px;color:#fff;line-height:1} .parallax-slider .owl-theme .owl-controls{margin-top:25px} /* Content */ .owl-item .item{max-width:100%;float:none!important} .owl-item .item img{max-width:100%} .cms-index-index blockquote.testimonial{background-color:#08c;border:0;border-radius:10px;color:#fff;font-family:Georgia,serif;font-style:italic;margin:0;padding:10px 50px;position:relative;font-size:1.2em;line-height:1.3} .cms-index-index blockquote.testimonial:before{left:10px;top:0;color:#fff;content:"\201C";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index blockquote.testimonial:after{right:10px;bottom:-0.5em;color:#fff;content:"\201D";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index .testimonial-arrow-down{border:15px solid transparent;border-top-color:#08c;border-bottom:0;height:0;margin:0 0 0 25px;width:0} .cms-index-index .testimonial-author{margin:8px 0 0 8px} .cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto} .cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto} .cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px} .cms-index-index .testimonial-author p >strong{color:#111;display:block;padding-top:7px;font-size:14px} .cms-index-index .testimonial-author span{color:#666;display:block;font-size:12px} .slide .product{text-align:center} .slide .product img{float:none;max-width:100%;margin:5px auto} .slide .product h6{color:#777;font-size:1.14em;line-height:18px;font-weight:400;margin:0 0 14px 0;letter-spacing:normal} .slide .product .price{font-size:32px;line-height:32px;color:#08c;letter-spacing:0} .slide .product .price .amount{display:inline-block} .slide .product .price .amount .currency,.slide .product .price .amount .decimal{font-size:0.67em} .slide .product .price del{display:none} .slide .product .price ins{text-decoration:none} .slide .product .add_to_cart_button{display:inline-block;margin:15px 0} div.filter-title,h2.filter-title{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/slider-bar.png) right no-repeat;font-size:16px;font-weight:300;line-height:42px;margin:0;color:#313131;text-transform:uppercase;text-align:left} div.filter-title .content,h2.filter-title .content{background-color:#fff;padding-right:20px;display:inline} p.filter-title,h3.filter-title{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/slider-bar.png) right no-repeat;font-size:1.7em;font-weight:400;line-height:24px;margin:0 0 32px 0;color:#08c} p.filter-title .content,h3.filter-title .content{background-color:#fff;padding-right:20px} .filterproducts-tab .filter-title ul{list-style:none;padding:0;padding-right:20px} .filterproducts-tab .filter-title ul li{display:inline-block} .filterproducts-tab .filter-title ul li a{color:#313131;padding-left:15px;margin-left:12px;border-left:1px solid #ddd} .filterproducts-tab .filter-title ul li:first-child a{margin:0;padding:0;border:0} .filterproducts-tab .filter-title ul li.active a{color:#08c} .border-box{position:relative;border:solid 1px #d5d5d5;padding:15px 15px 30px;min-height:100px;margin:30px 0 0;text-align:center} .border-box .box-title{position:absolute;top:-21px;left:0;width:100%;text-align:center} .border-box .box-title h2{display:inline-block;padding:0 10px;background-color:#fff;color:#9c9c9c;font-size:2.6em;font-weight:300;line-height:42px;margin:0} .border-box .box-thumb{position:absolute;bottom:0} .border-box .box-thumb img{max-width:200px} .feature-box{clear:both} .feature-box.gift-card{overflow:hidden} .feature-box .feature-box-icon{background-color:#08c;border-radius:35px;color:#fff;display:inline-block;float:left;height:35px;margin-right:10px;position:relative;text-align:center;top:5px;width:35px} .feature-box.tertiary .feature-box-icon{float:none;margin:15px auto;padding:0;border-radius:100%} .feature-box.orange .feature-box-icon{background-color:#ffa800} .feature-box.green .feature-box-icon{background-color:#2dbe7f} .feature-box.pink .feature-box-icon{background-color:#ee68a7} .feature-box.gift-card .feature-box-icon{width:70px;height:70px;line-height:70px;font-size:30px} .feature-box .feature-box-info{padding-left:50px} .feature-box.tertiary .feature-box-info{padding:0} .feature-box.gift-card h4{font-size:32px;font-style:italic;margin-bottom:10px;color:#9c9c9c} p.tall{margin-bottom:20px;color:#777;line-height:24px;margin:0 0 20px;font-size:14px} .custom-gift .feature-box .feature-box-icon{width:100px;height:100px;line-height:100px;font-size:45px;text-align:center} .custom-gift .feature-box .feature-box-info h4{color:#fff;font-size:51px;margin:0 20px 20px;line-height:1;font-weight:400} .custom-gift .feature-box .feature-box-info p{font-size:22px;line-height:28px;font-weight:300;margin-bottom:20px;color:#fff} .feature-box.secundary h4{color:#121214;font-size:20px;font-weight:400} .feature-box.secundary .feature-box-icon{background-color:transparent;color:#08c} .feature-box.secundary .feature-box-icon i{font-size: 28px} .feature-box.secundary .feature-box-info{padding-left:60px;} .custom-support{text-align:left} .custom-support i{float:left;background-color:#e35d53;color:#fff;border-radius:50%;width:62px;height:62px;text-align:center;line-height:62px;font-size:20px} .custom-support div.content{margin-left:76px} .custom-support div.content>h2{color:#000;margin:0;font-weight:600;font-size:20px;line-height:1.5;} .custom-support div.content>em{color:#888;font-weight:300;font-size:11px;font-style:normal;line-height:1;margin-bottom:15px;display:block} .custom-support div.content>p{color:#666;font-size:14px} .gift-box>p{text-align:left;font-size:15.36px;color:#525252;font-weight:300;margin-left:3px;margin-bottom:30px} .gift-box .feature-box.gift-card h4{font-size:18px;font-style:normal;font-weight:normal;color:#222;text-transform:uppercase} .homepage-grid-banner{padding:0} .homepage-grid-banner *{transition:all 0.2s} .homepage-grid-banner .row{margin-left:-4px;margin-right:-4px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:4px;padding-right:4px} .homepage-grid-banner .col-sm-margin{margin-bottom:8px} .homepage-grid-banner img{width:100%} .homepage-grid-banner .content a{font-size:16px;margin-right:5px;} .homepage-grid-banner .content a.btn-default{font-size:13px;margin:0;border:0;padding-right:3px} .homepage-grid-banner .ribbon{width:33.5%;height:22.3%} .homepage-grid-banner .ribbon:before{content:"";position:absolute;right:0;top:0;border:150px solid #08c;border-right:0;border-bottom:0;border-left:200px solid transparent;} .homepage-grid-banner .ribbon>div{width:90%} .homepage-grid-banner .ribbon em{font-size:14px} .homepage-grid-banner .ribbon h4{font-size:33px;line-height:1;margin:0} .homepage-grid-banner .ribbon h5{font-size:18px;line-height:1;margin:0} .homepage-grid-banner .grid1,.homepage-grid-banner .grid2,.homepage-grid-banner .grid3,.homepage-grid-banner .grid4{cursor:pointer;overflow:hidden;min-height:50px} .homepage-grid-banner .grid1:before,.homepage-grid-banner .grid2:before,.homepage-grid-banner .grid3:before,.homepage-grid-banner .grid4:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s} .homepage-grid-banner .grid1:hover:before,.homepage-grid-banner .grid2:hover:before,.homepage-grid-banner .grid3:hover:before,.homepage-grid-banner .grid4:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible} .homepage-grid-banner .grid1 .content h2{font-size:70.72px;line-height:1} .homepage-grid-banner .grid1 .content p{font-size:29.47px;line-height:1;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px;line-height:1} .homepage-grid-banner .grid2 .content h2{font-size:28.88px;line-height:1;} .homepage-grid-banner .grid2 .content p{font-size:17.58px;line-height:1;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px;line-height:1;margin:0} .homepage-grid-banner .grid3 .content h5{font-size:16px;line-height:1;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;line-height:1;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;line-height:1;margin-top:20px;margin-bottom:0} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px;line-height:1} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;line-height:1;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px;line-height:1} .homepage-grid-banner .grid4 .content h2{font-size:33.86px;line-height:1.2;margin:0;margin-bottom:15px} .homepage-grid-banner .grid4 .content p{font-size:19.75px;line-height:1.2;margin-bottom:17px} .grid-images{text-align:center} .grid-images .row{margin-left:-10px;margin-right:-10px} .grid-images .col-sm-4,.grid-images .col-sm-8{padding-left:10px;padding-right:10px} .grid-images .grid1{margin-bottom:10px} .grid-images img{max-width:100%} .slider-with-side{margin:0 -8px} .slider-with-side .slider-area{padding:0 8px;float:left;width:72.3%} .slider-with-side .side-area{padding:0 8px 0 7px;float:left;width:27.7%} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{margin-bottom:9px;position:relative;overflow:hidden} .slider-with-side .side-area .item3{margin:0 !important} .slider-with-side .side-area .item1 .content{position:absolute;bottom:17px;left:15px;text-align:left} .slider-with-side .side-area .item1 .content h2{font-size:35.16px;margin:0;margin-bottom:14px} .slider-with-side .side-area .item1 .content em{font-size:27.45px;margin:0;margin-bottom:2px;display:block;margin-left:4px} .slider-with-side .side-area .item1 .content a{font-size:15.08px;margin:0;margin-left:4px;display:block;} .slider-with-side .side-area .item2 .content{position:absolute;bottom:17px;left:21px;text-align:left} .slider-with-side .side-area .item2 .content h2{font-size:33.86px;margin:0;margin-bottom:12px} .slider-with-side .side-area .item2 .content p{font-size:18.34px;margin:0;margin-left:1px} .slider-with-side .side-area .item2 .content a{font-size:13px;border:0;text-shadow:none;padding:8px 10px 8px 15px;margin:13px 0 0 25px} .slider-with-side .side-area .item3 .content{position:absolute;bottom:17px;left:19px;text-align:left} .slider-with-side .side-area .item3 .content h2{font-size:32px;margin:0} .slider-with-side .side-area .item3 .content p{font-size:20px;margin:0;margin-bottom:17px} .slider-with-side .side-area .item3 .content a{font-size:16px;margin:0} .slider-with-side .side-area .item1:before,.slider-with-side .side-area .item2:before,.slider-with-side .side-area .item3:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s} .grid-images .grid1 img,.grid-images .grid2 img,.grid-images .grid3 img{opacity:1;filter:alpha(Opacity=100);visibility:visible;transition:all 0.2s} .slider-with-side .side-area .item1:hover:before,.slider-with-side .side-area .item2:hover:before,.slider-with-side .side-area .item3:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible} .grid-images .grid1:hover img,.grid-images .grid2:hover img,.grid-images .grid3:hover img{opacity:0.8;filter:alpha(Opacity=80);visibility:visible} .slider-with-side .slider-area .item .content .text-area h2{display:inline-block;padding:7px 50px 7px 11px;font-size:42.7px;margin-bottom:4px} .slider-with-side .slider-area .item .content .text-area p{display:inline-block;padding:12px 17px 12px 13px;font-size:17.58px;margin:0} .slider-with-side .slider-area .item .content .ribbon{right:13px;top:16px} .slider-with-side .slider-area .item .content .ribbon em{font-size:14px;margin:0;margin-right:63px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:33px;margin:0;margin-right:14px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:18px;margin:0;margin-top:-3px} .full-screen-slider{} .full-screen-slider .item > div.content{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:2} .full-screen-slider .item > div.content > h2{font-size:60.28px;margin-bottom:18px;line-height:1} .full-screen-slider .item > div.content > p{font-size:25.12px;margin-bottom:35px;line-height:1} .full-screen-slider .item > div.content > a.btn-default{font-size:14px;line-height:1;font-weight:600;text-shadow:none;padding:15px 48px;border-radius:7px;border:0} .full-screen-slider .item > div.content em{font-style:normal;line-height:1;display:block} .full-screen-slider .item > div.content em.type1{font-size:18.34px;margin-bottom:-5px} .full-screen-slider .item > div.content em.type2{font-size:29.47px;margin-bottom:10px;margin-left:30px} .full-screen-slider .item > div.content em.type3{font-size:17.68px;margin-top:10px} .full-screen-slider .item > div.content h3{font-size:61.56px;margin:0;line-height:1} .full-screen-slider .item > div.content h4{font-size:52.39px;margin:0;padding-right:35px;border-right:2px solid #83c5e6;line-height:1;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar a{font-size:20.96px;margin-left:23px;line-height:1;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:12px;margin-left:10px;border-radius:50%;background-color:#08c;color:#fff;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:15px 22px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:15px 40px} .full-screen-slider .item > div.content .sale-bar{height:82px;margin-left:14px} .full-screen-slider .item > div.content .sale-bar .triangle{float:left;height:82px;position:relative;overflow:hidden} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:41px;border:20px solid transparent;border-top-width:41px;margin:0 -20px -20px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:41px;border:20px solid transparent;border-bottom-width:41px;margin:-20px -20px 0 0} .full-screen-slider .item > div.content.content-1{margin-top:-126px} .full-screen-slider .item > div.content.content-1 > p{font-size:20.09px;margin:38px 0} .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:16px;padding:15px 20px} .full-screen-slider .item > div.content.content-1 > img{} .full-screen-slider .item > div.content.content-2{margin-top:-75px} .full-screen-slider .item > div.content.content-3{margin-top:-91px} .slide3-1-content p{line-height:1;margin:0;margin-bottom:5px;font-size:19.75px} .slide3-1-content h2{line-height:1;margin:0;font-size:50.23px;margin-bottom:30px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-style:normal;line-height:1;margin:0;font-size:17.33px;text-align:right} .slide3-1-content .price-area em:first-child{margin-right:0;margin-bottom:-2px;text-align:left} .slide3-1-content .price-area h3{line-height:1;margin:0;font-size:58.18px} .slide3-1-content .button-area{padding-left:15px;margin-left:15px} .slide3-1-content a.btn-default{height:67px;font-size:16px;font-weight:300;line-height:67px;padding:0 20px 0 30px;border-radius:8px} .slide3-1-content a.btn-default i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:5px;margin-left:12px} .slide3-2-content em{font-size:20px;font-style:normal;margin-left:2px;margin-bottom:5px;line-height:1} .slide3-2-content h2{font-size:50.23px;line-height:1;margin:0;margin-bottom:5px} .slide3-2-content p{font-size:37px;line-height:1;margin-bottom:30px} .slide3-2-content a{font-size:16px;display:inline-block;vertical-align:middle;line-height:1} .slide3-2-content a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;background-color:#fff;border-radius:50%;color:#000} .image-link{display:block;position:relative} .image-link:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s} .border-radius .image-link:before{border-radius:8px} .image-link:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible} .image-link img{width:100%} #banner-slider-demo-1 .slide1-content img.quote{} #banner-slider-demo-1 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-1 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-1 .slide1-content p{font-size:23.64px} #banner-slider-demo-1 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-1 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-1 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-1 .slide3-content em{font-size:26.26px} #banner-slider-demo-1 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-14 .slide1-content img.quote{} #banner-slider-demo-14 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-14 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-14 .slide1-content p{font-size:23.64px} #banner-slider-demo-14 .slide2-content em{font-size:26.26px;margin-left:4px} #banner-slider-demo-14 .slide2-content h2{font-size:72px;margin:3px 0 10px} #banner-slider-demo-14 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:17px;width:178px;height:58px;line-height:58px;padding:0;margin-right:3px;margin-left:6px;} #banner-slider-demo-14 .slide3-content em{font-size:26.26px} #banner-slider-demo-14 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} .side-custom-menu{border:1px solid #ddd;border-radius:7px;overflow:hidden} .side-custom-menu h2{color:#000;border-bottom:1px solid #ddd;font-size:13px;font-weight:700;text-align:left;padding:13px 13px 12px;background-color:#f5f5f5;line-height:1;margin:0} .side-custom-menu ul{padding:0 12px} .side-custom-menu ul li{text-align:left;padding:13px 4px 12px;border-top:1px solid #ddd} .side-custom-menu ul li:first-child{border:0} .side-custom-menu ul li a{color:#777;font-size:15px;line-height:1;display:block} .owl-item-links-block ul li{display:inline-block;vertical-align:middle;padding:0 15px} .owl-item-links-block ul li a{line-height:2;font-size:18px;font-weight:600;color:#fff;text-decoration:underline} .owl-item-links-block span{font-size:18px;padding-left:25px;line-height:2.5;margin-left:10px} .owl-item-links-block span .icon-angle-down{font-size:9px;margin-left:7px} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .btn-default:hover{color:#333} .col-main .category-products .products-grid{margin-left:-10px;margin-right:-10px;list-style:none} .filter-products .products div.item{float:left;padding:10px} .filter-products .products div.item .item-area{width:100%;position:relative} .filter-products .products div.item .product-image{width:100%;min-height:60px;display:block;position:relative;z-index:0;overflow:hidden;border-radius:3px;background:#fff} .filter-products .products .owl-item.loading{background:transparent} .filter-products .products .owl-item.loading div.item .product-image {background-image:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/ajax_loader.gif);background-repeat:no-repeat;background-position:center center} .filter-products .products div.item .product-image img{width:100%;transition:opacity 0.3s} .filter-products .products div.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)} .filter-products .products div.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} .filter-products .products div.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)} .filter-products .products div.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)} .filter-products .products div.item .details-area{padding:10px;text-align:center} .filter-products .products div.item .details-area .product-name{margin:0 0 3px 0} .filter-products .products div.item .details-area .product-name a{font-size:14px} .block-layered-nav .filter-products .products div.item:hover .item-area{background-color:transparent;border-color:transparent;box-shadow:none} .owl-top-narrow{margin:0 -10px} .owl-top-narrow .owl-item .item{padding:0 10px} .owl-top-narrow .recent-posts .owl-item .item{padding-top:10px} .owl-top-narrow .owl-controls{position:absolute;right:5px;top:-33px;margin:0} .owl-top-narrow .owl-controls .owl-buttons div{color:#08c;background:transparent;padding:0;margin:0;font-size:18px} .owl-bottom-narrow .owl-controls{position:absolute;bottom:20px;margin:0;width:100%} .owl-bottom-narrow .owl-controls .owl-buttons div{color:#08c;background:transparent;padding:0;margin:0;font-size:18px} .owl-no-narrow{margin:0 -10px} .owl-no-narrow .owl-item .item{padding:0 10px} .owl-no-narrow .owl-controls{margin-top:30px} .sep-title{display:table;margin-bottom:35px;width:100%;color:#fff;font-size:38px} .sep-title-holder-l,.sep-title-holder-r{display:table-cell;height:1px;position:relative;vertical-align:middle;width:50%} .sep-title-line{height:1px;display:block;border-top:1px solid #fff;position:relative;top:1px;width:100%} .sep-title h2{display:table-cell;padding:0 0.8em;color:#fff;font-size:36px;line-height:1em;white-space:pre;margin:0 0 32px 0;font-weight:300} .recent-posts .item{padding:20px 10px 0 10px} .recent-posts .item .row{margin-left:-10px;margin-right:-10px} .recent-posts .item .col-sm-5,.recent-posts .item .col-sm-7{padding-left:10px;padding-right:10px} .recent-posts .item .post-image{border-radius:5px;overflow:hidden;margin:0 0 15px 0;padding:2px;border:1px solid #e1e1e1;background-color:#fff} .recent-posts .item .post-image img{border-radius:4px;width:100%} .recent-posts .post-date{float:left;margin-right:10px;text-align:center} .recent-posts .post-date .day{background-color:#f7f7f7;color:#08c;display:block;font-size:18px;font-weight:bold;padding:8px} .recent-posts .post-date .month{background-color:#08c;border-radius:0 0 2px 2px;box-shadow:0 -1px 0 0 rgba(0,0,0,.07) inset;color:#fff;font-size:0.9em;padding:2px 0;display:block;width:45px} .recent-posts .postTitle{min-height:55px} .recent-posts .postTitle h2{font-size:20px;line-height:27px;font-weight:normal} .date-absolute-type .recent-posts{margin:-15px -10px 0} .date-absolute-type .recent-posts .item .col-sm-5,.date-absolute-type .recent-posts .item .col-sm-7{width:100%} .date-absolute-type .recent-posts .item .post-image{padding:3px} .date-absolute-type .recent-posts .post-date{margin-top:-75px;margin-left:10px} .date-absolute-type .recent-posts .postTitle{min-height:18px;margin-bottom:10px} .date-absolute-type .recent-posts .postTitle h2{font-size:18px;line-height:18px} .date-absolute-type .recent-posts .postContent{font-size:13px;padding-bottom:0} .date-absolute-type .recent-posts a.readmore{font-size:10px;text-transform:uppercase;display:inline-block;margin-top:10px} #slideshow img{max-width:100%;height:auto} h2.short{margin-bottom:15px;font-size:2.6em;font-weight:300;line-height:42px;margin:0 0 32px 0} .true-color{color:#08c} .italic{font-style:italic} ul.icons{list-style:none} .list-unstyled{padding-left:0;list-style:none} ul.list li{margin-bottom:13px;line-height:24px} ul.list.icons li i.icon{color:#08c} .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div{opacity:1;filter:Alpha(Opacity=100);transition:all 0.2s} .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:0.9;filter:Alpha(Opacity=90)} .owl-middle-narrow .owl-controls{position:absolute;left:0;width:100%;top:50%;margin-top:-25px} .owl-middle-narrow .owl-controls .owl-buttons div{font-size:40px;background:none;color:#08c;position:absolute} .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:-60px} .owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:-60px} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div{visibility:hidden;opacity:0;transition:0.5s all} .owl-banner-carousel.owl-middle-narrow:hover .owl-controls .owl-buttons div{visibility:visible;opacity:1;text-shadow:0 0 3px rgba(255,255,255,0.5)} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:0} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:0} .owl-banner-carousel .content.type1 h2{font-size:60px} .owl-banner-carousel .content.type1 p{font-size:25px} .owl-banner-carousel .content.type1 a{font-size:16px} .owl-banner-carousel .content.type2 h2{font-size:46.48px;border-top:5px solid #08c;padding-top:10px} .owl-banner-carousel .content.type2 h3{font-size:30.59px} .owl-banner-carousel .content.type2 p{font-size:14px} .owl-banner-carousel .content.type2 a{font-size:18px} .parallax-wrapper{position:relative} .parallax{background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:100% auto;width:100%;margin:50px 0;padding:50px 0} .overlay{background-color:#000;opacity:0.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute} .testimonial-item{color:#fff;border:0;padding:0 10%;margin-bottom:60px} .testimonial-item .inner{font-style:italic;display:table-row} .testimonial-item .testimonial-author{display:table-cell;padding-right:15px} .testimonial-item .img-round.img-thumbnail-small{width:85px;height:85px;border-radius:25px;display:inline-block;overflow:hidden} .testimonial-item .testimonial-content{display:table-cell;vertical-align:top;text-align:left} .testimonial-item .testimonial-content .size-32.name{margin-top:15px;margin-bottom:5px;font-size:32px} .testimonial-item .testimonial-content p{font-size:18px} .featured-post{font-size:14px} .featured-post h4{color:#08c;margin-bottom:9px;font-size:1.4em;font-weight:400;letter-spacing:normal;line-height:27px;margin:0 0 14px 0} .featured-post .post-meta{margin-bottom:8px;line-height:24px;margin:0 0 20px} .post-a-month,.post-a-day,.post-a-year{display:inline-block;background-color:#f0f0ed;color:#fff;padding:0 10px;margin-right:3px} .post-a-day,.post-a-year{color:#08c} .post-a-month{background-color:#08c} .cms-index-index .block-layered-nav dd{padding:20px 10px} .cms-index-index .block-layered-nav .filter-products .products.small-list div.item{border-top:1px solid #ddd} .cms-index-index .block-layered-nav .filter-products .products.small-list div.item:first-child{border-top:0} .custom-info-box{font-size:12px;font-weight:700;text-transform:uppercase;border-top:1px solid #9c9c9c} .custom-info-box p{line-height:30px;padding:20px 0;margin:0;text-align:center} .color-banner{color:#535353} .color-banner .col-md-5-5 h2{font-size:60px;font-family:"Open Sans";font-weight:600;text-transform:uppercase;color:#535353;margin:100px 20px 30px;letter-spacing:10px} .color-banner .col-md-5-5 p{font-size:22px;font-family:"Open Sans";font-weight:600;color:#535353;max-width:420px;line-height:1;display:inline-block;margin:0 20px} .btn-default{color:#fff;font-weight:400;background-color:#08c;text-shadow:none;border:0;opacity:1;filter:alpha(opacity=100))} .btn-default:hover{color:#fff;background-color:#08c;opacity:0.9;filter:alpha(opacity=90)} .owl-theme.banner-carousel .owl-controls .owl-buttons div{background:transparent;color:#08c;font-size:40px;visibility:hidden;opacity:0;transition:0.2s all;position:absolute;top:50%;margin-top:-30px} .owl-theme.banner-carousel:hover .owl-controls .owl-buttons div{visibility:visible;opacity:1} .owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-prev{left:0} .owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-next{right:0} /****** QuickView *******/ a.quickview-icon{position:absolute;right:0;top:0;background-color:#08c;color:#fff;padding:10px;z-index:9;border-radius:0 5px;opacity:0;visibility:hidden;transition:0.1s all;font-size:12px;line-height:1.4} a.quickview-icon span{margin-left:2px} a.quickview-icon:hover span{text-decoration:underline} a.quickview-icon:hover{opacity:0.9 !important;text-decoration:none;color:#fff} .item-area:hover a.quickview-icon{opacity:1;visibility:visible} a.quickviewlink.quickview-icon{position:static;padding:0;visibility:visible;opacity:1;color:#08c;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #08c;border-radius:5px;text-align:center} a.quickviewlink.quickview-icon:hover{color:#08c} /****** Mango_Attributeswatches Extension Styles ******/ /*new color swatches code*/ .product-swatches-container{float:left;clear:both;margin-bottom:15px} .product-swatches-container ul{margin-bottom:10px;width:100%} .product-swatches-container ul li{display:block;height:35px;float:left} .product-swatches-container li a{display:block;float:left;height:30px;line-height:30px;padding:0px 5px 0px;border:solid 1px #ccc;margin:3px;text-decoration:none;background:#ddd;color:#bbb;cursor:default;border-radius:5px;opacity:0.2;filter:alpha(opacity=20);} .product-swatches-container a.active{background:#fff;color:#333;cursor:pointer;box-shadow:3px 3px 5px #aaa;display:block;float:left;opacity:1;filter:alpha(opacity=100);} .product-swatches-container a.active.selected{background:#fff;color:#333;height:32px !important;line-height:32px !important;padding:0px 6px 0px !important;cursor:pointer;border:none;box-shadow:1px 1px 5px #444 inset} .product-swatches-container .has-swatches a{width:30px;height:30px;overflow:hidden;padding:0px;position:relative;text-align:center} .product-swatches-container .has-swatches a.active.selected{width:32px !important;padding:0px !important} .product-swatches-container .has-swatches li{position:relative} .product-swatches-container .has-swatches li a span{display:none} .product-swatches-container .has-swatches span.tooltip-container{display:none} .product-swatches-container .has-swatches span.tooltip-container.on{display:block;position:absolute;top:-16px !important;left:20px;height:16px;z-index:20000} .product-swatches-container .has-swatches span.tooltip-container.on span.tooltip{display:block;margin-left:-50%;float:left;height:16px;line-height:16px;background:#333;padding:0px 5px;color:#efefef;white-space:nowrap;font-size:11px} #product-options-wrapper .input-box .configurable-option-select.hideselect{ display:none} .product-image{position:relative;display:block} a.product-image{z-index:1} #fancybox-link{display:none;line-height:25px;height:25px;padding:0px 10px;border:solid 1px #ccc;z-index:30000;position:relative;background:#fff;text-decoration:none;position:absolute;right:0px;bottom:0px} .layered-navigation-swatch{display:block;float:left;width:20px;margin-right:5px} ul.attribute-swatches li{display:block;float:left;margin:3px 7px 3px 0px;width:20px;height:20px;position:relative;z-index:0} ul.attribute-swatches li.color-swatch-last{margin-right:0px} ul.attribute-swatches li a{display:block;width:20px;height:20px;position:relative;overflow:hidden;border:solid 1px #ddd;float:left;text-decoration:none;background-position:center} ul.attribute-swatches li a:hover{text-decoration:none;border-color:#444} ul.attribute-swatches li a img{margin:0px;display:inline;padding:0px;border:none;z-index:0;position:absolute;top:0px;left:0px} ul.attribute-swatches li a img.color-swatch-mask{margin:0px;display:inline;position:absolute;z-index:20;padding:0px;border:none} ul.attribute-swatches li span{display:none;z-index:10000} ul.attribute-swatches li span.tooltip-container.on{display:block;position:absolute;top:-22px;left:10px;height:22px;z-index:20000} ul.attribute-swatches li span.tooltip.on{display:block;margin-left:-50%;float:left;height:22px;white-space:nowrap !important;background:transparent} ul.attribute-swatches li span span span{display:block;float:left;background:#333;border:solid 1px #efefef;;padding:1px 10px 1px;font-weight:bold;line-height:15px;color:#fff} .attribute-swatches.product-view{height:20px;clear:both;margin:5px 0px;border:none} .products-grid li.item{padding:12px 10px 80px} .attribute-swatches.product-list{float:left;width:100%;padding:0px;clear:both;} /* layered navigation */ #narrow-by-list ol.swatches li{display:block;clear:both} #narrow-by-list ol li .layered-navigation-swatch{border:solid 1px #ccc;margin:0px 5px 10px 0px} /* availability labels */ .attribute-availability{width:100%;clear:both;margin:0px 0px 5px;padding:0px} .attribute-availability li{display:block;padding:3px;float:left} .more-views ul li{float:left} .block-layered-nav #narrow-by-list ol.swatches{margin:10px -3px -3px} .block-layered-nav #narrow-by-list ol.swatches li{display:inline-block;vertical-align:middle;position:relative} .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch{border-radius:5px;width:26px;height:26px;margin:0 2px 7px 3px;float:none} .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label{display:none} .block-layered-nav #narrow-by-list ol.swatches.show-label li a{position:relative;display:block} .block-layered-nav #narrow-by-list ol.swatches li a:hover{text-decoration:none} .block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label{display:inline-block;line-height:26px;position:absolute;left:3px;top:0;width:26px;height:26px;text-align:center;overflow:hidden} span.selected-label{vertical-align:middle} .product-options .product-swatches-container .has-swatches a.active{box-shadow:none;text-align:center;line-height:28px;color:#08c} .product-options .product-swatches-container .has-swatches a.active.selected{width:30px !important;box-shadow:none;background-color:#08c;color:#fff;height:30px !important;line-height:28px !important;border:1px solid transparent} p.product-image{z-index:1} .product-image img{max-width:100%;height:auto} .product-options .product-swatches-container{margin:0;position:relative;z-index:1} /******* QuickView *******/ .quickview-index-view{padding:25px} .quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:-20px} .quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:-20px} .quickview-index-view .product-view .product-img-box{padding:20px;margin-bottom:0} a.fancybox-close{background:transparent;transition:all 0.2s;width:20px;height:20px;line-height:20px;top:0;right:0;font-size:15px}/*boa 12/19 - color, opacity*/ a.fancybox-close.fancybox-newsletter-close{top:10px;right:10px} a.fancybox-close:before{content:"\e82c";font-family:"porto"} a.fancybox-close:hover{text-decoration:none;opacity:0.65;filter:alpha(opacity=65)}/*boa 12/19 - color, opacity*/ .fancybox-opened .fancybox-skin{border-radius:5px;overflow:hidden} .price-filter-slider a{transition:initial} i.icon-spin6{font-size:30px} .add-to-cart i.icon-spin6{font-size:16px;margin-left:10px} #fancybox-loading{background:none} .block-reorder input.checkbox{position:absolute;left:0} .block-reorder .block-content ol li.item{position:relative;padding-left:25px} .fixed-header .menu>li>a>span.cat-label,.main-nav .menu>li>a>span.cat-label{top:-7px;right:10px;font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1} .fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label,.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label{top:3px;right:-35px;font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1} div.mobile-nav .sw-mobile-menu li>a span.cat-label,.menu.side-menu li>a span.cat-label{font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1;position:relative;margin:0 0 0 10px;display:inline-block} .fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,.menu.side-menu li>a span.cat-label.cat-label-label1{background-color:#0cc485;color:#fff} .fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,.menu.side-menu li>a span.cat-label.cat-label-label2{background-color:#eb2771;color:#fff} #product-attribute-specs-table{border:1px solid #ddd} #product-attribute-specs-table th.label{display:table-cell} .parallax-category-banner .parallax{padding:75px 0} .parallax-content h2{font-size:45px;line-height:1.1;margin:0} .parallax-content p{font-size:23px;line-height:1.1;margin:0} i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important} i.ajax-loader.small{width:16px;height:16px;border-width:2px 3px 1px 0} i.ajax-loader.large{width:32px;height:32px;border-width:3px 5px 2px 0} #fullajax_loader i.ajax-loader{position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px} .add-to-cart #ajax_loader{margin:0 10px} .fixed-header .cart-area{right:0} .fixed-header ul.menu>li,.main-nav ul.menu>li{transition:color 0.1s,background-color 0.1s} .fixed-header ul.menu>li>a,.main-nav ul.menu>li>a{transition:color 0.1s,background-color 0.1s} .fixed-header ul.menu>li.menu-full-width,.fixed-header ul.menu>li.menu-static-width,.fixed-header ul.menu>li.menu-item-has-children,.main-nav ul.menu>li.menu-full-width,.main-nav ul.menu>li.menu-static-width,.main-nav ul.menu>li.menu-item-has-children{margin-bottom:-1px} .fixed-header ul.menu>li.menu-full-width>a,.fixed-header ul.menu>li.menu-static-width>a,.fixed-header ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .fixed-header ul.menu >li.menu-full-width >a:after,.fixed-header ul.menu >li.menu-item-has-children >a:after,.fixed-header ul.menu >li.menu-static-width >a:after,.main-nav ul.menu >li.menu-full-width >a:after,.main-nav ul.menu >li.menu-item-has-children >a:after,.main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px} .header-container.type1 .main-nav ul.menu>li.menu-full-width>a,.header-container.type1 .main-nav ul.menu>li.menu-static-width>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:11px} .header-container.type2 .main-nav ul.menu>li.menu-full-width>a,.header-container.type2 .main-nav ul.menu>li.menu-static-width>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .header-container.type4 .main-nav ul.menu>li.menu-full-width>a,.header-container.type4 .main-nav ul.menu>li.menu-static-width>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .header-container.type5 .main-nav ul.menu>li.menu-full-width>a,.header-container.type5 .main-nav ul.menu>li.menu-static-width>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:11px} .header-container.type6 .main-nav ul.menu>li.menu-full-width>a,.header-container.type6 .main-nav ul.menu>li.menu-static-width>a,.header-container.type6 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type7 .main-nav ul.menu>li.menu-full-width>a,.header-container.type7 .main-nav ul.menu>li.menu-static-width>a,.header-container.type7 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type8 .main-nav ul.menu>li.menu-full-width>a,.header-container.type8 .main-nav ul.menu>li.menu-static-width>a,.header-container.type8 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type1 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type1 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:10px} .header-container.type1 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type1 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:11px} .header-container.type2 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type2 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:14px} .header-container.type2 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type2 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:15px} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type4 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:14px} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type4 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:15px} .header-container.type5 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type5 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:10px} .header-container.type5 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type5 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:11px} .header-container.type6 .main-nav ul.menu >li:first-child,.header-container.type7 .main-nav ul.menu >li:first-child,.header-container.type8 .main-nav ul.menu >li:first-child{margin-right:3px} .block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch{border-color:#08c} .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1:before,.menu.side-menu li>a span.cat-label.cat-label-label1:before{content:"";position:absolute;left:-6px;top:3px;width:3px;height:3px;border:3px solid transparent;border-right-color:#0cc485} .fixed-header .menu > li > a > span.cat-label.cat-label-label1:before, .main-nav .menu > li > a > span.cat-label.cat-label-label1:before{content:"";position:absolute;left:3px;bottom:-6px;width:3px;height:3px;border:3px solid transparent;border-top-color:#0cc485} .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2:before,.menu.side-menu li>a span.cat-label.cat-label-label2:before{content:"";position:absolute;left:-6px;top:3px;width:3px;height:3px;border:3px solid transparent;border-right-color:#eb2771} .fixed-header .menu > li > a > span.cat-label.cat-label-label2:before, .main-nav .menu > li > a > span.cat-label.cat-label-label2:before{content:"";position:absolute;left:3px;bottom:-6px;width:3px;height:3px;border:3px solid transparent;border-top-color:#eb2771} a.search-icon{display:inline-block;width:25px;text-align:center} .product-image-area .actions{position:absolute;width:100%;bottom:10px;left:0;text-align:left;padding:0 10px;visibility:hidden;opacity:0;transition:opacity 0.2s} .item:hover .product-image-area .actions{visibility:visible;opacity:1} .product-image-area .actions a{background-color:#fff;overflow:hidden} .product-image-area .actions a.addtocart{color:#08c;border-color:#08c;width:32px;height:32px;line-height:32px;font-size:17px;padding:0;text-align:center} .product-image-area .actions a.addtocart.outofstock{display:none} .product-image-area .actions a.addtocart i.icon-cart{font-size:17px} .product-image-area .actions a.addtocart span{display:none} .header-container.type3 .main-nav ul.menu>li.fl-right,.header-container.type4 .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:right!important} .header-container.type3 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type3 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .owl-item.loading{min-height:100px} .owl-banner-carousel .content-9.type1 em{font-size:20px;margin-bottom:-5px;margin-left:9px} .owl-banner-carousel .content-9.type1 h2{font-size:65px;margin-bottom:0} .owl-banner-carousel .content-9.type1 p{font-size:37px} .owl-banner-carousel .content-9.type1 a{font-size:15px} .owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;color:#fff;border-radius:50%} .owl-banner-carousel .content-9.type2 h3{font-size:46.48px;margin-bottom:15px} .owl-banner-carousel .content-9.type2 span{display:inline-block;vertical-align:middle;font-style:italic;font-size:18px;margin-right:20px} .owl-banner-carousel .content-9.type2 a{font-size:13px;padding-right:5px} /* Previous/Next Product links on Product View Page*/ .prev-next-products{float:right} .quickview-index-view .prev-next-products{display:none} .prev-next-products .product-nav{display:inline-block;vertical-align:middle;position:relative} .prev-next-products a{color:#555;display:inline-block;font-size:22px;line-height:58px} .prev-next-products .product-nav .product-pop{border-top:3px solid #08c;position:absolute;left:0;top:100%;padding:10px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);z-index:1;visibility:hidden;opacity:0;transition:all 0.2s;text-align:center;border-radius:4px} .prev-next-products .product-nav .product-pop:before{content:"";width:5px;height:2px;border:5px solid transparent;border-bottom-color:#08c;display:block;position:absolute;top:-13px;left:0} .prev-next-products .product-nav:hover .product-pop{opacity:1;visibility:visible} .prev-next-products .product-nav .product-pop .product-image{margin-bottom:10px} .prev-next-products .product-nav .product-pop .product-name{margin:0;font-weight:600;font-size:11px} .prev-next-products .product-nav.product-prev .product-pop{right:auto;left:0;margin-left:-17.5px} .prev-next-products .product-nav.product-prev .product-pop:before{left:32px;right:auto} .prev-next-products .product-nav.product-next .product-pop{left:auto;right:0;margin-right:-17.5px} .prev-next-products .product-nav.product-next .product-pop:before{right:32px;left:auto} /* Newsletter Popup */ .page>#newsletter_popup{display:none} #newsletter_popup{background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/newsletter_popup_bg.jpg) no-repeat;margin:0;padding:40px 40px 25px;width:700px;height:325px;border-top:4px solid #08c;text-align:left;position:relative} #newsletter_popup .block-content{max-width:312px;text-align:center} #newsletter_popup h2{font-weight:700;color:#313131;font-size:16px;line-height:1;margin:30px 0 12px} #newsletter_popup p{font-size:13px;line-height:1.4} #newsletter_popup .input-box{padding:0} #newsletter_popup input.input-text{float:left;padding:2px 13px;line-height:30px;width:100%} #newsletter_popup button.button{float:left;margin-left:-55px;position:relative;z-index:1;width:55px;border-left:1px solid #ccc} #newsletter_popup button.button span{height:34px;background-color:transparent;color:#555;line-height:34px;padding:0;text-align:center} #newsletter_popup .subscribe-bottom{position:absolute;bottom:30px} #newsletter_popup .subscribe-bottom label{font-size:11px} #newsletter_popup #newsletter_popup_dont_show_again{margin-top:1px} /* Zeon Shop by Manufaturer */ .shop-by-manufacturer{margin-top:20px} .shop-by-manufacturer .filter-title a{font-size:13px;font-weight:400} .shop-by-manufacturer .owl-carousel .item{padding:10px} .shop-by-manufacturer .owl-carousel{margin:0 -10px} .manufaturers-grid {margin:0 -15px} .manufaturers-grid li.item{padding:10px 15px;float:left;text-align:center} .manufaturers-grid li.item a{width:100%;display:block} .manufaturers-grid li.item a img{max-width:100%} .page-head{margin-bottom:20px} .page-head h3{font-size:20px} .manufacturer-index-view .block-layered-nav .block-title{margin-top:0;margin-bottom:0;padding:10px 15px;font-size:13px;font-weight:bold;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px} .filter-title>a{font-size:13px;font-weight:400;text-transform:none} .brand-slider .owl-carousel .owl-item .item{padding:0 20px;padding-top:10px} .brand-slider .owl-carousel .owl-item .item img{width:100%} /* addthis widget */ #_atssh{position:absolute;z-index:-1;bottom:0} /*Ajax Cart*/ #success-message-container{border-top:4px solid #08c;border-radius:6px;font-weight:400;line-height:1.4} #success-message-container button{margin-top:15px} #success-message-container button:first-child{margin-top:20px} #success-message-container .timer{font-weight:600;margin-top:10px;font-size:16px} .fixed-header-area.fancybox-margin{padding-right:17px} /*Fullwidth Category Banner*/ .full-width-image-banner{height:375px;position:relative} .full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:0.65;filter:alpha(opacity=65)} .full-width-image-banner .content{margin-top:-36px} .full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1} .full-width-image-banner p{margin:0;font-size:16px} .filter-products .products.small-list div.item .details-area{padding-top:7px;padding-bottom:7px} .filter-products .products.small-list div.item .details-area .product-name a{font-size:12px} .small-list .price{font-size:12px} .small-list .regular-price .price{font-size:15px} .small-list .special-price .price{font-size:15px} .small-list .old-price .price{font-size:12px} /*homepage filterproducts for one product*/ .one-product h4.filter-title{font-size:16px;text-align:center;color:#333;font-weight:700;line-height:1.4;padding:14px 0;background-color:#fff;margin:0} .one-product .filter-products .products div.item{padding:0} .one-product .filter-products .products div.item .details-area{padding-top:20px} .one-product .filter-products .products{background-color:#fff;padding-bottom:15px} .one-product .filter-products .product-image-area{margin:0;background-color:transparent;border:0;padding:0} /*no border-radius*/ .footer .container{max-width:100%} /* header type 9 */ .header-container.type9{border:0;background-color:#fff} .header-container.type9 .top-links-container{background-color:#f7f7f7;color:#777} .header-container.type9 .top-links-container span.split{border-color:#ccc} .header-container.type9 .links li{border-left-color:#ccc} .header-container.type9 .top-links a{color:#08c} .header-container.type9 .selectbox .select{color:#777} .header-container.type9 .top-links .top-select:first-child .selectbox .select{padding-left:0} .header-container.type9 .header{text-align:center} .header-container.type9 .header>.logo{margin:30px 0} .header-container.type9 .header>.logo img{height:50px} .header-container.type9 .search-area{left:15px} .header-container.type9 .header .search-icon{display:none} .header-container.type9 .header .form-search{padding-right:166px} .header-container.type9 .header .form-search #search{height:34px;padding:8px 15px;line-height:20px} .header-container.type9 .header .form-search #cat{height:34px;line-height:30px;right:36px} .header-container.type9 .header .form-search button.button{width:36px;height:34px} .header-container.type9 .header .custom-block{margin-right:10px} .header-container.type9 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type9 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type9 .header .custom-block a{font-size:12px} .header-container.type9 .header .mini-cart{display:inline-block;position:relative;padding:0;margin:0;vertical-align:middle;top:0;left:0} .header-container.type9 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type9 .mybag-link i{color:#08c; font-size:35px} .header-container.type9 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type9 .mybag-link .cart-info span{display:none} .header-container.type9 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type9 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type9 .main-nav{background-color:transparent;margin-bottom:0} .header-container.type9 .main-nav .menu-wrapper{background-color:transparent} .header-container.type9 .main-nav ul.menu>li>a{color:#fff;padding-top:15px;padding-bottom:15px} .header-container.type9 .main-nav ul.menu>li:hover,.header-container.type9 .main-nav ul.menu>li.act{background-color:transparent} .header-container.type9 .main-nav ul.menu>li.act>a,.header-container.type9 .main-nav ul.menu>li:hover>a{color:#08c} .header-container.type9 .main-nav ul.menu>li>a{padding:17px 20px 17px 0;margin-right:10px;color:#828385} .header-container.type9 .main-nav ul.menu >li.menu-full-width >a,.header-container.type9 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type9 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type9 .main-nav ul.menu>li .nav-sublist-dropdown,.header-container.type9 .main-nav .menu>li.menu-full-width .nav-sublist-dropdown,.header-container.type9 .main-nav .menu>li.menu-static-width .nav-sublist-dropdown{margin-top:0} .header-container.type9 .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:right!important} .header-container.type9 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type9 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .single-images .single-image-label{font-size:17px;text-align:center;color:#818385;line-height:1.4;padding:10px 0;font-weight:600} .single-images .caption{background-color:#a1a2a3;color:#fff;font-size:14px;line-height:35px;text-align:center} /*fixed-header*/ .fixed-header ul.menu >li.menu-static-width.act:hover >a, .fixed-header ul.menu >li.menu-full-width.act:hover >a, .fixed-header ul.menu >li.menu-item-has-children.act:hover >a { padding-bottom: 14px; } .fixed-header ul.menu >li.menu-static-width.act >a, .fixed-header ul.menu >li.menu-full-width.act >a, .fixed-header ul.menu >li.menu-item-has-children.act >a { padding-bottom: 13px; } .gift-messages h3 .expand_plus{ display:none} .footer-top-subscribe{} .footer-top-subscribe > h4 {float:left;margin:0} .footer-top-subscribe .input-box{text-align:right;margin:0} .footer-top-subscribe input#newsletter{height:34px;line-height:18px;padding:8px;max-width:55%;min-width:200px;width:250px;border-radius:2px} .footer-top-subscribe button.button{margin-left:-53px;width:50px} .footer-top-subscribe button.button > span{line-height:34px;background-color:transparent;color:#333;border-left:1px solid #ccc;border-radius:0 2px 2px 0} /*** Header Type 10 ***/ .header-container.type10{border:0;background-color:#0083c1} .header-container.type10 .top-links-container{background-color:#008acc} .header-container.type10 .top-links-container span.split{border-color:#eee} .header-container.type10 .links li{border-left-color:#eee} .header-container.type10 .top-links ul.links a{color:#fff} .header-container.type10 .top-links-icon{color:#fff} .header-container.type10 .welcome-msg{color:#fff} .header-container.type10 .search-area{position:static;margin:0} .header-container.type10 .header{color:#fff} .header-container.type10 .header a{color:inherit} .header-container.type10 .header .form-search{border-color:transparent;background-color:#006393} .header-container.type10 .header .form-search #search{background-color:transparent;color:#ddd} .header-container.type10 .header .form-search #cat{border-color:#0076ae;border-color:rgba(255,255,255,.2);color:#fff;background-color:transparent} .header-container.type10 .header .form-search button.button{color:#fff;background-color:transparent} .header-container.type10 .header .custom-block{margin-right:10px} .header-container.type10 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type10 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type10 .header .custom-block a{font-size:12px} .header-container.type10 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-3px} .header-container.type10 .header .form-search{width:450px} .header-container.type10 .mybag-link{position:relative;padding:2px 0} .header-container.type10 .mybag-link span{display:none} .header-container.type10 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type10 .mybag-link .cart-qty{display:block;font-size:16px;color:#000} .header-container.type10 .mybag-link i{font-size:35px} .header-container.type10 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type10 .header .search-icon{display:none} .header-container.type10 .header-wrapper{background-color:#fff;text-align:left;border-bottom:1px solid #eee} .header-container.type10 .header-wrapper>.container{padding:0 5px} .header-container.type10 .dropdown-menu{position:relative;width:25%;min-width:244px;overflow:visible;z-index:9;display:inline-block;padding:0 10px} .header-container.type10 .dropdown-menu .menu-container{position:relative} .cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container>a,.header-container.type10 .dropdown-menu .menu-container>a{color:#fff;background-color:#303030;padding:14px 15px;width:100%;font-size:13px;font-weight:700;display:block} .header-container.type10 .dropdown-menu:hover .menu-container>a{background-color:#777;text-decoration:none} .cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:none} .header-container.type10 .dropdown-menu .menu-container>a>i{margin-right:5px} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu{position:absolute;left:0;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);border-bottom:5px solid #303030;visibility:hidden;opacity:0;transition:200ms opacity} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu.show,.cms-index-index .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu{visibility:visible;opacity:1} .header-container.type10 .dropdown-menu .container{padding:0} .header-container.type10 .menu-wrapper>.custom-menu-block{display:inline-block;line-height:41px} .header-container.type10 .menu-wrapper>.custom-menu-block a{padding:0 14px;font-size:12px;font-weight:600;color:#777;white-space:nowrap} .header-container.type10 .header .form-search { border: 0; } .header-container.type10 .header .form-search #cat { border-color: #ccc; } #banner-slider-demo-10 .item .content{position:absolute;right:6.3%;bottom:20.5%} #banner-slider-demo-10 .item .content>span{font-size:21px;font-weight:300;color:#303030;margin-right:35px;display:inline-block;vertical-align:middle} #banner-slider-demo-10 .item .content>a.btn-default{font-size:13px} /*** Header Type 11 ***/ .header-container.type11{background-color:transparent;border:0;position:absolute;width:100%} .header-container.type11 .header{text-align:center} .header-container.type11 .top-links-icon a{color:#777} .cms-index-index .header-container.type11{position:absolute;top:0;left:0;z-index:2;background-color:transparent;width:100%;max-height:100%;} .header-container.type11 .mobile-nav.side-block .sw-mobile-menu li>a,.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li .open-child,.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li.over>a{color:#fff} .header-container.type11 .top-links-area{display:inline-block;vertical-align:middle;float:none} .header-container.type11 .top-links-icon{background-color:#fff;border-radius:2px;color:#777} .header-container.type11 .header .logo{margin:20px 0;position:relative;z-index:10;display:inline-block} .header-container.type11 .header-wrapper{border:0;display:block;margin:0;margin-top:-16px;z-index:9;position:absolute;left:0;top:50%;width:100%} .header-container.type11 .main-nav{margin:0} .header-container.type11 .main-nav > .container{width:auto !important;padding:0} .header-container.type11 .main-nav .menu-wrapper{background-color:transparent;padding: 0 53% 0 20px} .header-container.type11 .main-nav ul.menu>li>a{color:#fff;padding:10px;font-weight:600} .header-container.type11 .main-nav ul.menu >li.menu-full-width >a,.header-container.type11 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type11 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type11 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type11 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type11 .main-nav ul.menu >li.menu-static-width >a:after{right:8px} .header-container.type11 .main-nav ul.menu>li:hover,.header-container.type11 .main-nav ul.menu>li.act{background-color:#fff} .header-container.type11 .main-nav ul.menu>li:hover>a,.header-container.type11 .main-nav ul.menu>li.act>a{color:#777} .header-container.type11 .main-nav .menu>li .nav-sublist-dropdown{top:auto} .header-container.type11 .header-right-area{text-align:right;position:absolute;right:15px;top:50%;margin-top:-13px;margin-bottom:0;z-index:11} .header-container.type11 .header-right-area>div{display:inline-block;margin-right:12px} .header-container.type11 .links{display:inline-block;vertical-align:middle;float:none;margin-right:5px} .header-container.type11 .links li{font-weight:300;padding:0 12px;border:0;border-right:1px solid #ccc} .header-container.type11 .links a{color:#fff} .header-container.type11 .search-area{position:relative;display:inline-block;vertical-align:middle;margin:0;height:25px;width:25px;line-height:25px;text-align:center;margin-left:10px;left:0;top:0;z-index:5} .header-container.type11 .search-area>a{color:#fff} .header-container.type11 .header #search_mini_form{display:none} .header-container.type11 .header .form-search{width:450px;position:absolute;right:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type11 .header .form-search:before{content:"";display:block;position:absolute;right:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type11 .form-currency,.header-container.type11 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px} .header-container.type11 .selectbox .select{border-color:#fff;background-color:#fff;color:#777;text-align:center} .header-container.type11 .selectbox .dropdown{border:0} .header-container.type11 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto} .header-container.type11 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#fff;color:#777;border-radius:2px} .header-container.type11 .mini-cart .mybag-link i{font-size:14px;color:#777} .header-container.type11 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type11 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:normal} .header-container.type11 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type11 .mini-cart .topCartContent{top:26px} .header-container.type11 .menu-icon{display:none;padding:0;margin:0;height:auto;margin-right:1px;margin-left:10px} .header-container.type11 .menu-icon a{color:#fff} #banner-slider-demo-13 .slide1-content img.quote{} #banner-slider-demo-13 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-13 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-13 .slide1-content p{font-size:23.64px} #banner-slider-demo-13 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-13 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-13 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-13 .slide3-content em{font-size:26.26px} #banner-slider-demo-13 .slide3-content h2{font-size:82.51px;margin-bottom:17px;} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} .no-border .product-image-area{border:0;padding:0;border-radius:0} .no-border .filter-products .products div.item .product-image{border-radius:0} h3.fullwidth-filter-title{font-size:28px;color:#000;line-height:1.2;margin-left:15px;} p.fullwidth-filter-description{font-size:14px;color:#666;line-height:1.4;margin-left:15px;} .home-side-menu-type2{} .home-side-menu-type2>h2{font-size:15px;font-weight:600;color:#333} .home-side-menu-type2>h2>i.icon-menu:before{margin-left:0} .home-side-menu-type2>.side-block{border-top:1px solid #ddd} .home-side-menu-type2>.side-block ul.menu{padding:0;list-style:none} .home-side-menu-type2>.side-block ul.menu ul{list-style:none;margin:0;display:none} .home-side-menu-type2>.side-block ul.menu>li{padding-left:12px;display:block;line-height:40px;border-bottom:1px solid #ddd} .home-side-menu-type2>.side-block ul.menu li{position:relative} .home-side-menu-type2>.side-block ul.menu a{font-size:13px;color:#777} .home-side-menu-type2>.side-block ul.menu a span.cat-label{display:none} .home-side-menu-type2>.side-block ul.menu a:hover{color:#000;text-decoration:none} .home-side-menu-type2>.side-block ul.menu>li>a{font-size:15px} .home-side-menu-type2>.side-block ul.menu ul>li{line-height:40px;border-top:1px solid #ddd} .home-side-menu-type2>.side-block ul.menu ul>li:first-child{border-top:0} .home-side-menu-type2>.side-block ul.menu a.open-child{position:absolute;right:0;top:0;font-size:15px} .featured-box-2{margin:30px 0} .featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px} .featured-box-2 h3 i{font-size:18px} .featured-box-2 p{font-size:14px;margin-bottom:10px} .featured-box-2 a{font-size:14px} .footer .tags-list li{margin:0;margin-bottom:2px;display:inline-block !important} .footer .tags-list a{color:#fff;background-color:#000;padding:0 7px;line-height:25px;display:inline-block;font-size:12px !important;border-radius:3px} .footer .tags-list a:hover{color:#fff} .page-header{margin:0;padding:0;min-height:175px;background:url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/page_header.jpg) center center no-repeat;background-size:cover;border:0} #banner-slider-demo-11 .content-1{position:absolute;left:50%;top:50%;padding:30px 20px 15px;text-align:left;margin-left:-163px;margin-top:-95px} #banner-slider-demo-11 .content-1>div{display:inline-block;vertical-align:middle} #banner-slider-demo-11 .content-1>div:first-child{padding-right:10px} #banner-slider-demo-11 .content-1 p{font-size:23px;line-height:1;margin-bottom:0;margin-left:7px;font-weight:300} #banner-slider-demo-11 .content-1 h3{font-size:73px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-11 .content-1 h3 b{font-weight:800;margin-top:-23px;display:block} #banner-slider-demo-11 .content-1 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-11 .content-1 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-11 .content-1 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-11 .content-2{position:absolute;right:28px;bottom:28px;text-align:left} #banner-slider-demo-11 .content-2>div{display:inline-block;vertical-align:middle;padding:20px 15px} #banner-slider-demo-11 .content-2>div:first-child{margin:-6px 0;padding-left:25px} #banner-slider-demo-11 .content-2 p{font-size:20px;line-height:1;margin-bottom:0;margin-left:2px;font-weight:300} #banner-slider-demo-11 .content-2 h3{font-size:54px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-11 .content-2 h3 b{font-weight:800} #banner-slider-demo-11 .content-2 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-11 .content-2 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-11 .content-2 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-11 .content-2 a{font-size:13px;margin-right:-10px} .md-modal #login-form,.form-wrap.new-users,.form-wrap.registered-users,.opc #login-form{border:0;background:transparent;box-shadow:none;padding:0} .fancybox-prev span,.fancybox-next span{background-image:none;font-size:40px;} .fancybox-prev span:before,.fancybox-next span:before{font-family:"porto";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:40px;} .fancybox-next span:before{content:'\e81a'} .fancybox-prev span:before{content:'\e819'} #checkout-review-submit .grand_total {position:relative;} #checkout-review-submit .totals-wrapper {margin-top:30px;margin-bottom:10px;width:250px;} #checkout-review-submit .sub_total {font-size:16px;margin-bottom:10px;} #checkout-review-submit .sub_total span {margin-left:45px;float:right;} #checkout-review-submit h5 span {float:right;} .opc-review-actions h5 {margin:0!important;} #opc-loading-mask{display:none;font-size:1.1em;font-weight:bold;position:absolute;text-align:center;z-index:20002;width:100%;height:100%;left:0;top:0} #loading-mask{display:none;font-size:1.1em;font-weight:bold;position:fixed;text-align:center;z-index:200002;width:100%;height:100%;left:0;top:0} #opc_loading_mask_loader {position:absolute;font-weight:bold; left:50%; margin-left:-22px; margin-top: -22px; padding:6px 0; text-align:center; top:50%; width:44px; height: 44px; z-index:1000; font-size: 16px; font-weight: normal; colo r: #fff; background-color: transparent; } #after-loading-success-message{display:none;font-size:1.1em;position:fixed;text-align:center;z-index:20002;width:100%;height:100%;left:0;top:0} #success-message-container{padding:20px 15px;line-height:1.4;position:relative;text-align:center;top:35%;width:300px;z-index:1000;background:#FFFFFF none repeat scroll 0 0;margin:auto} #success-message-container img.product-image{display:inline-block;width:30%} #success-message-container .msg{display:block;margin-bottom:10px;font-size:13px} #success-message-container .product-name{font-size:14px;margin:5px 0 10px} #success-message-container .timer{display:none} #success-message-container button{margin-top:15px;min-width:133px} /******* New Sticky Header *******/ .header-container.sticky-header .header-wrapper{position:fixed !important;left:0 !important;top:0 !important;z-index:2000 !important;margin:0 !important;padding:7px 0 !important;margin: 0 !important;width:100% !important;box-shadow:0 1px 2px rgba(0,0,0,0.1);-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:all} .header-container.sticky-header .menu-wrapper{position:relative} .header-container.sticky-header .main-nav ul.menu>li>a{padding-top:10px !important;padding-bottom:10px !important;padding-left:15px !important;padding-right:15px !important;margin:0 !important} .header-container.sticky-header .main-nav ul.menu>li.menu-static-width>a,.header-container.sticky-header .main-nav ul.menu>li.menu-full-width>a,.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children>a{padding-left:15px !important;padding-right:25px !important} .header-container.sticky-header .main-nav ul.menu>li>a:after{right:10px !important} .header-container.sticky-header .main-nav .menu{border:0;height:auto} .header-container.sticky-header .main-nav ul.menu >li.menu-full-width >a:after, .header-container.sticky-header .main-nav ul.menu >li.menu-item-has-children >a:after, .header-container.sticky-header .main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px !important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right,.header-container.type4.sticky-header .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:none !important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a:after{right:0} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:none !important} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a:after{right:0} /* - Header Type 1 */ .header-container.type1.sticky-header .header-wrapper {background-color:#1e1e1e} .header-container.type1.sticky-header .header-wrapper .main-nav.container{margin:0 auto;padding:0 15px} /* - Header Type 2 */ .header-container.type2.sticky-header .header-wrapper {background-color:#fff} .header-container.type2.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type2.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} /* - Header Type 3 */ .header-container.type3.sticky-header .header-wrapper {background-color:#006fa4} .header-container.type3.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent} .header-container.type3.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} /* - Header Type 4 */ .header-container.type4.sticky-header .header-wrapper {background-color:#fff} .header-container.type4.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type4.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type4.sticky-header .main-nav ul.menu>li>a{height:auto !important} /* - Header Type 5 */ .header-container.type5.sticky-header .header-wrapper {background-color:#fff} .header-container.type5.sticky-header .header-wrapper .main-nav.container > .container{padding:0 15px} .header-container.type5.sticky-header .header-wrapper .main-nav .menu-wrapper{text-align:left} .header-container.type5.sticky-header .header-wrapper .main-nav .menu{padding-right: 0} .header-container.type5.sticky-header .header-wrapper .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{right:auto} /* - Header Type 6 */ .header-container.type6.sticky-header .header-wrapper {background-color:#fff} .header-container.type6.sticky-header .header-wrapper .main-nav.container{margin:0 auto;padding:0} .header-container.type6.sticky-header .header-wrapper .main-nav .menu{padding-right: 0} /* - Header Type 7 */ .header-container.type7.sticky-header .header-wrapper {background-color:#fff} .header-container.type7.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type7.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} /* - Header Type 8 */ .header-container.type8.sticky-header .header-wrapper {background-color:#fff} .header-container.type8.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type8.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} /* - Header Type 9 */ .header-container.type9.sticky-header .header-wrapper {background-color:#fff} .header-container.type9.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent;text-align:left} .header-container.type9.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} /* - Header Type 10 */ .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>a{pointer-events:all} .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu{visibility:hidden;opacity:0} .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu.show{visibility:visible;opacity:1} .header-container.type10.sticky-header .menu-wrapper .mini-cart{top:0} /* - Header Type 11 */ .header-container.type11.sticky-header .header-wrapper{background-color:#555} .header-container.type11.sticky-header .main-nav{width:100% !important} .header-container.type11.sticky-header .main-nav > .container{width:100% !important;padding:0 15px} .header-container.type11.sticky-header .main-nav .menu-wrapper{padding:0} /* - Mini Cart */ .header-container.sticky-header .menu-wrapper .mini-cart {position:absolute;right:0;left:auto;top:-5px;margin:0;background-color:transparent;border:0} .header-container.sticky-header .menu-wrapper .mybag-link{position:relative;line-height:1;display:inline-block;border-radius:5px;height:40px;padding:5px;text-transform:uppercase;text-align:center;max-width:120px;background-color:transparent;top:auto} .header-container.sticky-header .menu-wrapper .mybag-link span{display:none} .header-container.sticky-header .menu-wrapper .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px;left:0;padding:3px} .header-container.sticky-header .menu-wrapper .mybag-link .cart-qty{display:block;font-size:12px;color:#fff;margin:0 !important;line-height:16px;font-weight:600} .header-container.sticky-header .menu-wrapper .mybag-link i{font-size:31px;color:#08c} .header-container.sticky-header .menu-wrapper .mini-cart .topCartContent{top:40px} .header-container.type1.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#1e1e1e} .header-container.type3.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type3.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#000} .header-container.type11.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type11.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#000} /*********** Compare Link in Headers *************/ .header-container .compare-link{display:inline-block;vertical-align:middle;position:relative} .header-container.type1 .compare-link,.header-container.type8 .compare-link,.header-container.type11 .compare-link{position: relative;top: 0;right: 0;display: inline-block;vertical-align: middle;margin: 0;margin-right:4px;width: auto} .header-container.type1 .compare-link > a,.header-container.type8 .compare-link > a,.header-container.type11 .compare-link > a{height: 26px;padding: 4px 7px;background-color: #010101;border-radius: 2px;line-height: 18px;display: inline-block;color: #fff;text-transform: uppercase;text-align: center;font-size:11px} .header-container.type8 .compare-link > a{border-color: transparent;background-color: #e2e2dc;color: #777;text-align: center;padding: 3px 7px;border-radius:3px;line-height:20px} .header-container.type11 .compare-link > a{border-color: #fff;background-color: #fff;color: #777;text-align: center;} .header-container.type2 .compare-link,.header-container.type3 .compare-link,.header-container.type4 .compare-link,.header-container.type5 .compare-link,.header-container.type6 .compare-link,.header-container.type7 .compare-link,.header-container.type9 .compare-link,.header-container.type10 .compare-link{display:block;float:left;font-size:11px;line-height:26px;margin-left:5px;text-transform:uppercase} .header-container.type5 .compare-link{float:right;margin:0;margin-right:15px} .header-container.type3 .compare-link>a,.header-container.type5 .compare-link>a,.header-container.type6 .compare-link>a{color:#fff} /*.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-full-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-static-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-static-width .nav-sublist-dropdown{margin-top:1px}*/ .fixed-header ul.menu >li .nav-sublist-dropdown:before,.main-nav ul.menu >li .nav-sublist-dropdown:before{content:"";height:6px;display:block;position:absolute;top:-6px;left:0} .header-container.sticky-header .main-nav ul.menu>li.menu-full-width:hover>a,.header-container.sticky-header .main-nav ul.menu>li.menu-static-width:hover>a,.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children:hover>a{padding-bottom:11px !important} a.at300b .at4-icon, a.at300m .at4-icon{border-radius:3px} /****************** Demo 15 ***************/ #parallax_01 .parallax-content-15 img.quote{} #parallax_01 .parallax-content-15 em{font-size:26.26px;margin:0 10px} #parallax_01 .parallax-content-15 h2{font-size:79.12px;margin:5px 0 10px} #parallax_01 .parallax-content-15 p{font-size:23.64px} #parallax_02{padding:250px 0} #parallax_02 .parallax-content-15 em{font-size:26.26px;margin:0} #parallax_02 .parallax-content-15 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_02 .parallax-content-15 .text-content p {margin:0} #parallax_02 .parallax-content-15 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_02 .parallax-content-15 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} #parallax_03{padding:250px 0} #parallax_03 .parallax-content-15 em{font-size:26.26px;margin:0;margin-left:5px} #parallax_03 .parallax-content-15 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_03 .parallax-content-15 .text-content p {margin:0} #parallax_03 .parallax-content-15 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_03 .parallax-content-15 .text-content p a{font-size:16px;padding:10px 28px;margin-left:125px;margin-top:5px} #parallax_04 .parallax-content-15 img.quote{} #parallax_04 .parallax-content-15 em{font-size:26.26px;margin:0 10px} #parallax_04 .parallax-content-15 h2{font-size:61px;margin:5px 0 10px;letter-spacing:-3px} #parallax_04 .parallax-content-15 p{font-size:18px} #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:16px;padding:8px 35px} /********* Header Type 12 **************/ body.side-header .page{position:relative;z-index:2} body.side-header.cms-index-index .page{height:100vh} .header-container.type12{position:absolute;left:0;top:0;z-index:999;width:256px;min-height:100vh;background-color:#383734;text-align:center;border:0;padding:10px} .cms-index-index .header-container.type12{background-color:rgba(0,0,0,0.4)} .header-container.type12.fixed-bottom{position:fixed;top:auto;bottom:0} .header-container.type12 .switcher-area{text-align:center;position:relative;z-index:3} body.side-header .top-container, body.side-header .main-container, body.side-header .footer-container{margin-left:256px} .header-container.type12 .form-currency,.header-container.type12 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px;margin-bottom:7px} .header-container.type12 .selectbox .select{border-color:#101010;background-color:#101010;color:#fff;text-align:center} .selectbox li{transition:all 0.3s} .header-container.type12 .selectbox .dropdown{border:0} .header-container.type12 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto;margin-bottom:7px} .header-container.type12 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px} .header-container.type12 .mini-cart .mybag-link i{font-size:14px} .header-container.type12 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type12 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:normal} .header-container.type12 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type12 .mini-cart .topCartContent{top:26px;left:0} .header-container.type12 .mini-cart .topCartContent:before{left:15px;right:auto} .header-container.type12 .compare-link{position: relative;top: 0;right: 0;display: inline-block;vertical-align: middle;margin: 0;margin-right:4px;margin-bottom:7px;width:auto} .header-container.type12 .compare-link > a{height: 26px;padding: 4px 7px;background-color: #010101;border-radius: 2px;line-height: 18px;display: inline-block;color: #fff;text-transform: uppercase;text-align: center;font-size:11px} .header-container.type12 .header{text-align:center;position:static;min-height:100%;padding-bottom:145px} .header-container.type12 .header>.logo{margin:30px 0;max-width:none} .header-container.type12 .search-area{position:relative;margin:0;top:0;left:0;padding:0 7px;margin-bottom:20px;width:100%} .header-container.type12 .search-area a.search-icon{display:none} .header-container.type12 .header #search_mini_form{margin:0;width:100%} .header-container.type12 .header .form-search{border-radius:5px;width:auto;min-width:initial;padding-right:140px} .header-container.type12 .header .form-search #cat{width:100px} .header-container.type12 .menu.side-menu{text-align:left;margin:0 7px 20px 7px} .header-container.type12 .menu.side-menu>li>a{margin:0;color:#fff;border-color:#575757} .header-container.type12 .menu.side-menu>li.menu-static-width>a:after,.header-container.type12 .menu.side-menu>li.menu-item-has-children>a:after,.header-container.type12 .menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,.header-container.type12 .menu.side-menu>li.menu-full-width>a:after{color:#fff} .header-container.type12 .top-links-area{float:none;text-align:left;margin-bottom:20px} .header-container.type12 .links{float:none;padding:0 7px} .header-container.type12 .links li{display:block;padding:0;border:0;padding:10px 5px;border-top:1px solid #575757} .header-container.type12 .links li:first-child{border-top:0} .header-container.type12 .links li a{color:#fff} .header-container.type12 .header .custom-block{position:absolute;width:100%;bottom:0;left:0;padding:20px 10px} .header-container.type12 .social-icons{float:none} .header-container.type12 address{display:block;text-align:center;font-size:12px;color:#777} .header .social-icons a{background-color:#9e9e9e;border-radius:50%} .header .social-icons a.icon1-class:hover{background-color:#3c599b} .header .social-icons a.icon2-class:hover{background-color:#1ca8e3} .header .social-icons a.icon3-class:hover{background-color:#4975b6} #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:256px} #banner-slider-demo-16 .text-content{text-align:left} #banner-slider-demo-16 .text-content em{font-size:26.26px;margin:0;margin-bottom:-10px} #banner-slider-demo-16 .text-content h2{font-size:79.12px;letter-spacing:-4px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} body.side-header .top-container > .breadcrumbs.fixed-position{position:fixed;width:100%;z-index:999;top:0} /******** right zoom **********/ .product-view-zoom-area{width:100%;height:100%;z-index:2;position:absolute;left:100%;top:0;display:none} .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area{display:block} /******** Sticky Addtocart **********/ .sticky-product{position:fixed;top:0;left:0;width:100%;z-index:1001;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.08);padding:60px 0 15px 0} .sticky-product.no-sticky-header{padding:15px 0} .sticky-product > .container{position:relative} .sticky-product .sticky-image,.sticky-product .sticky-detail{display:inline-block;vertical-align:middle;margin-right:15px} .sticky-product .sticky-detail .product-name-area,.sticky-product .ratings,.sticky-product .sticky-detail .availability{display:inline-block;vertical-align:top;margin:0;margin-right:15px} .sticky-product .sticky-detail .product-name-area .product-name,.sticky-product .ratings,.sticky-product .sticky-detail .availability{line-height:25px} .sticky-product .sticky-detail .product-name-area .product-name{font-size:16px;font-weight:600} .sticky-product .sticky-detail .availability span{font-size:14px;font-weight:400} .sticky-product .add-to-cart{position:absolute;right:15px;top:50%;margin-top:-19px} .side-header .sticky-product > .container{width:100%;padding-left:277px} .product-view.moved-tab .product-shop .short-description{border:0} /******** Menu Update ***********/ .main-nav .menu > li .nav-sublist-dropdown{top:auto} /******** Product Deal **********/ .deal-label{position: absolute;left: 3px;top: 3px;color: #fff;font-size: 20px;padding: 3px;} .deal-label:before{content: "";display: block;width: 40px;height: 40px;position: absolute;z-index: 1;border: 26px solid transparent;border-left-color: #e27c7c;border-top-color: #e27c7c;border-radius: 3px;left: 0;top: 0;transition:all 0.3s;} .deal-label i{position: relative;z-index: 2;left: -1px;top: 1px;} .block-dailydeal-new .sidebardailydeal{text-align:center} .block-dailydeal-new .sidebardailydeal a{float:none} .block-dailydeal-new{font-family:inherit;} .block-dailydeal-new,.block-dailydeal-new:hover{border:0;} .block-dailydeal-new .block-title{padding:10px 15px;font-size:13px;font-weight:bold;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px} .block-dailydeal-new .block-title.closed{border-radius:7px} .block-dailydeal-new .block-title:before{content:"\e80d";width:26px;height:26px;display:block;border:1px solid #ccc;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px} .block-dailydeal-new .block-title.closed:before{content:"\e80b"} .block-dailydeal-new .block-title:hover:before{background-color:#08c;color:#fff} .block-dailydeal-new .block-content{padding:10px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .block-dailydeal-new .block-title{cursor:pointer;margin:0} .bottom-home-dailydeal ul.time-left{float:none;background-color:transparent;} .bottom-home-dailydeal ul.time-left li{padding:3px;list-style:none;} .bottom-home-dailydeal ul.time-left li>div{background-color:#999;padding:4px 0;border-radius:5px} .bottom-home-dailydeal{position:absolute;bottom:-23px;z-index:9;left:0;width:100%;opacity:0.3;filter:alpha(opacity=30);transition:all 0.3s;margin:0} .item-area:hover .bottom-home-dailydeal{opacity:1;filter:alpha(opacity=100);bottom:0} .block-dailydeal-new .sidebardailydeal.item{padding:20px 0;} .bottom-home-dailydeal ul.time-left li span{font-family:inherit;font-size:16px;font-weight:600} .timeleft-text{margin:0;} .item-area:hover .deal-label:before{border-left-color:#af2727;border-top-color:#af2727;} .product-view .bottom-home-dailydeal {position: static;opacity:1;filter:alpha(opacity=100);border-bottom:1px solid #ccc;padding:10px;} .product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text{font-size:20px} .product-essential .bg-saleoff{margin-bottom: 10px} ol#products-list li.item { background: transparent; } ol#products-list .bottom-home-dailydeal ul.time-left li span {font-size: 13px} ol#products-list .bottom-home-dailydeal ul.time-left li span.text-time{font-size: 10px} .product-image-area a.product-image{overflow: hidden} .slide3-1-new-content em{font-size:18px} .slide3-1-new-content h2{font-size:44px} .slide3-1-new-content hr{margin:10px 0} .slide3-1-new-content a{font-size:16px} .img-desc-home3{margin-top:-88px;padding:0 25px} .img-desc-home3 h3{font-size:24px} .img-desc-home3 hr{width:90px;margin:15px 0} .img-desc-home3 p{font-size:15px} .img-desc-home3 a{font-size:15px} .top-newsletter #newsletter{width:300px;height:30px;border-radius:0;line-height:16px} .top-newsletter button.button{position:absolute;right:0;top:0} .top-newsletter button.button span{height:30px;line-height:30px;border-radius:0;color:#000;background-color:transparent} .input-box{position:relative} .validation-advice:before{content:"\e820";font-family:"porto";font-size:8px;position:absolute;left:3px;top:1px} .product-options .validation-advice{position:relative} .block-subscribe .validation-advice{position:absolute} .opc-wrapper-opc .validation-advice{padding-left:10px} .fixed-header .menu >li.menu-item .nav-sublist-dropdown a,.main-nav .menu >li.menu-item .nav-sublist-dropdown a{color:#777} #banner-slider-demo-2-new .slide-1 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-2-new .slide-1 .text-content p {margin:0} #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-2-new .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px} #banner-slider-demo-2-new .slide-2 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-2-new .slide-2 .text-content p {margin:0} #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-2-new .slide-2 .text-content a{font-size:15.76px;padding:10px 0;margin-top:10px} .image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658} .image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%} .compare-link > a:hover{text-decoration:none} .compare-popup{position:absolute;left:0;top:100%;width:300px;background-color:#fff;border-width:6px 0 0 0;border-style:solid;z-index:1;border-radius:8px 8px 5px 5px;color:#777;box-shadow:0 2px 8px rgba(0,0,0,0.5);margin-top:10px;padding:20px;text-align:left;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:all 0.2s} .compare-link:hover .compare-popup{visibility:visible;opacity:1;filter:alpha(opacty=100)} .compare-popup p{margin:0} .compare-popup:before{content:"";position:absolute;border:10px solid transparent;display:block;left:15px;top:-25px;border-bottom-color:#08c} .compare-popup:after{width:100%;height:20px;position:absolute;content:"";display:block;top:-20px;left:0} .compare-popup li.item{position:relative;padding:5px 0} .compare-popup a.btn-remove{position:absolute;right:0} .compare-popup .actions{margin-top:20px} .compare-popup .actions a{line-height:32px} .compare-popup .actions button.button{float:right} .compare-popup .actions button.button span{line-height:32px;padding:0 15px} .header-container.type1 .compare-popup,.header-container.type11 .compare-popup,.header-container.type5 .compare-popup,.header-container.type8 .compare-popup{left:auto;right:0} .header-container.type1 .compare-popup:before,.header-container.type11 .compare-popup:before,.header-container.type5 .compare-popup:before,.header-container.type8 .compare-popup:before{left:auto;right:15px} .ajaxcart-index-options .product-view .product-name{padding:0;border-bottom:1px solid #384045;margin-bottom:25px} .quickview-index-view .product-collateral{display:none} .store-switcher{text-align:right} .store-switcher:before{content:"";display:block;clear:both} .sticky-logo{float:left;margin-right:20px} .sticky-logo .logo{margin:0!important} .sticky-logo strong{display:none} .sticky-logo img{max-height:32px} /*** Header Type 13 ***/ .header-container.type13{border:0;border-bottom:1px solid #e1e1e1} .header-container.type13 .top-links-container{background-color:#08c;color:#fff} .header-container.type13 .top-links a{color:#fff} .header-container.type13 .selectbox .select{color:#fff} .header-container.type13 .header{display:block;vertical-align:middle;padding:28px 0;text-align:center} .header-container.type13 .header > .logo{display:inline-block;padding:0 15px;margin:0;float:none} .header-container.type13 .header > .logo img{height:50px} .header-container.type13 .header .search-area{position:absolute;margin:0;display:block;float:none;top:50%;left:0;height:50px;pointer-events:none;margin-top:-25px;z-index:2} .header-container.type13 .header .search-area a.search-icon{display:block;line-height:50px;margin-left:15px;margin-right:15px;pointer-events:all;float:left} .header-container.type13 .header #search_mini_form{width:450px;display:none;pointer-events:all} .header-container.type13 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type13 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type13 .header .custom-block a{font-size:12px} .header-container.type13 .header .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type13 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type13 .mybag-link i{color:#08c;font-size:35px} .header-container.type13 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type13 .mybag-link .cart-info span{display:none} .header-container.type13 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type13 .main-nav{margin:0;height:30px} .header-container.type13 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type13 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type13 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type13 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type13 .main-nav .menu{padding-right:50px} .header-container.type13 .top-links > .top-select:first-child .selectbox .select{padding-left:0;} .header-container.type13 .main-nav ul.menu >li{pointer-events:all} .header-container.type13 .main-nav ul.menu >li.menu-full-width >a,.header-container.type13 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type13 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type13 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type13 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type13 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type13 .header #search_mini_form{display:none;margin:0} .header-container.type13 .header .form-search{width:450px;position:absolute;left:-10px;top:50px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type13 .header .form-search:before{content:"";display:block;position:absolute;left:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type13 .compare-link{display:block;float:left;font-size:11px;line-height:26px;margin-left:5px;text-transform:uppercase} .header-container.type13 .main-nav ul.menu >li.fl-right{float:right} .header-container.type13 .main-nav .menu >li.fl-right .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{left:auto;right:100%} .header-container.type13.sticky-header .header-wrapper{background-color:#fff} .header-container.type13.sticky-header .main-nav{margin:0 auto} .header-container.type13.sticky-header .main-nav ul.menu >li.fl-right{float:none} .header-container.type13.sticky-header .header .mini-cart{position:absolute} /*02/10/2015*/ .product-shop, .attributes { border: 2px solid #0094eb; padding: 15px; float:right; margin-top: 15px; } /* for author name*/ /*.catalog-product-view { font-family: 'Roboto Condensed', sans-serif; color: #565656; cursor: default; /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*//* font-style: normal; font-weight: normal; line-height: 1; }*/ .catalog-product-view .brand-name{ text-align:right; } .catalog-product-view .product-name h1{ /*.product-view .product-name h1*/ color : #863494; } .catalog-product-view .columns{ /*float: left;*/ padding-left: 10px; padding-right: 10px; position: relative; } /*.catalog-product-view .author_name .a_name{ color : #0094EB; }*/ .catalog-product-view .product-shop{ margin-top:0px; } .featuresdescription,.screenshots,.contentAttribute{ border-bottom: 1px dashed #cccccc; margin-top: 2.25em; padding-bottom: 2.25em; } .featuresdescription h1, .screenshots h1,.contentAttribute h1{ color: #863286; font-size: 2.13333em; } /* .screenshots std img{ width:113px; } */ .qty-holder { display :none; } .product-options dd .qty-holder { display:none; } /*20151005*/ .product-shop { background: #edf5e6 none repeat scroll 0 0; border: 2px solid #82bf4b; float: right; margin-top: 15px; padding: 15px; } .attributes, .moneyback{ background: #F5F5F5 none repeat scroll 0 0; border: 1px solid #ccc; float: right; margin-top: 15px; padding: 15px; } .moneyback{ font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; font-size: 1.33333em; } .attributes h3 { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; color: #a2a2a2; font-size: 22px; font-weight: 300; } .theme-glyphicon { border: 3px solid; border-radius: 25px; color: #000; float: left; font-size: 25px; padding: 10px; } .block-money { float: left; font-size: 20px; line-height: 19px; margin-left: 10px; padding: 5px; color:#000; } .block-money small { color: #5a5a5c; } .product-options dd { /* border-bottom: 1px solid #ccc; */ display: block; float: left; padding-bottom: 10px; width: 100%; } .col1-layout .product-options { width: 100%; } .attributes dd { margin-bottom: 20px; } .attributes a { color: #23a2e1; } .author-widget { float: right; margin-top: 0; padding-left: 60px; text-align: left !important; } .author-widget .avatar { display: block; float: left; margin-left: -60px; } .author-widget .name { display: block; font-size: 18px; color: #23a2e1; } .authorLabel{ font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; font-size: 15px; } .product-shop { padding: 0;} .product-shop .product-options { padding-bottom: 0; } .product-shop .product-options-bottom { margin-top: 0; } .product-view .product-info { margin-top: 0; } .product-options dt { font-weight: normal; padding: 0 10px; } .product-options dd { padding: 10px; } .product-options-bottom , .product-info, .add-to-cart { float: left; padding: 10px; width: 100% !important; } .product-info { width: 100% !important; } .product-collateral { margin-top: 110px; position: relative; } .add-to-cart button.button { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; display: block; font-size: 1.3em !important; font-weight: bold; padding: 0 !important; text-transform: uppercase; width: 100%; height: auto; } .add-to-cart button.button span { border-radius: 5px; font-size: 1.2em; font-weight: normal; height: auto; line-height: 50px; min-width: 110px; padding: 0 5px 0 0; } .add-to-cart button.button span , .add-to-cart button.button span span { background: #79b845 linear-gradient(to bottom, #86c24e, #77b742) repeat scroll 0 0 !important; } .product-options ul.options-list label { float: left; font-weight: normal; width: 95%; } .price-notice , .price-notice .price{ color: #82bf4b !important; float: right !important; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; font-size: 16px !important; font-weight: normal !important; padding-left: 10px; } .price-notice .price{ font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; color: #82bf4b !important; } .price-notice .old-price .price { font-size:15px!important; margin-right:-5px; color:#999!important; } .product-view .product-img-box .etalage-control { top: 45%; } /*20151006*/ .product-options dt { font-weight: normal; padding: 0px 0px; display:none; } .options-list li input[type=checkbox]:not(old), .options-list li input[type=radio ]:not(old){ width : 28px; margin : 0; padding : 0; opacity : 0; } .options-list li input[type="checkbox"]:not(old) + span { display: inline-block !important; margin-left: -28px !important; padding-left: 28px !important; background: transparent url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/chk-unselect.png") no-repeat scroll 0px 0px; font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif !important; height: 20px; width: 100%; } .options-list li input[type="radio"]:not(old) + span { display: inline-block !important; margin-left: -28px !important; padding-left: 28px !important; background: transparent url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/radio-unselect.png") no-repeat scroll 0px 0px; font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif !important; height: 20px; width: 100%; } .options-list li input[type=checkbox]:not(old):checked + span{ background: transparent url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/chk-select.png") no-repeat scroll 0px 0px; } .options-list li input[type=radio]:not(old):checked + span{ background: transparent url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/radio-select.png") no-repeat scroll 0px 0px; } .product-options ul.options-list label { font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #000; } .product-options dd { padding: 0px; margin: 0px; } .product-options ul.options-list li { padding: 15px 10px; border-bottom: 1px solid #ccc; } .price-notice .price { color: #73AD3F !important; font-size: 18px !important; } .custom-contact-us { display: inline-block; vertical-align: middle; margin: 0px; color: #73B340 !important; text-decoration: underline; float: left; width: 100%; padding: 0px 10px 10px !important; text-align: center; font : 15px "Helvetica Neue",Helvetica,Arial,sans-serif; } .regular-price, .price-as-configured { text-align: right; padding-right: 16px; } .regular-price .price-label, .price-as-configured .price-label , .regular-price .price, .price-as-configured .full-product-price .price { padding: 0px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 19px; /*color: #36551D;*/ text-align: right; font-weight: normal; } li.etalage_small_thumbs { margin-top: 8px; top: 100%; display: none; } .product-view .product-img-box .etalage-control { top: 20%; display: none; } .product-shop .product-options { margin: 0px; } .product-view .product-name h1 { margin: 15px 0px; font-size: 28px; font-weight: 400; line-height: 1; color: #863286; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; } .product-collateral { margin-top: 25px; position: relative; } .product-tabs .tab-content { padding: 0px 10px; } .product-view .product-shop .availability , .price-box-bundle, .product-options-bottom, .product-img-box .glyphicon.glyphicon-search{ display: none; } .product-options-bottom, .product-info, .add-to-cart { float: left; padding: 0px 10px 10px 10px !important; width: 100% !important; } .product-view .product-shop .price-box { margin: 5px 0px 0px 0px; } .product-options ul.options-list { margin-right: 0px; } .product-view #product-customer-reviews { margin-top: 0px; } /*lightbox*/ .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/css/data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*lightbox end*/ @media all and (max-width:800px){ .attributes, .moneyback { background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #ccc; float: right; margin-top: 15px; padding: 15px; width: 100%; } .add-to-cart button.button { width: 100% !important; } .last { float: left; } .product-options ul.options-list li { display: block; float: left; height: 63px; width: 100%; } .product-info { display: block; float: left !important; margin-top: 18px !important; } .product-name{ width:60% !important; float: left; } .brand-name{ width:39% !important; float: left; } .product-view .product-img-box { float: left; } .product-img-box .etalage{ display: block; height: 118px; width: 100%; } .product-img-box .etalage li img{ width: 100%; } } @media all and (min-width:320px) and (max-width:480px){ .product-name, .brand-name{ width:100% !important; float: left; } .product-collateral { width: 95% !important; } .author-widget { float: left; margin: 10px 8px; padding-left: 60px; text-align: left !important; } } /*20151007*/ @media all and (min-width:320px) and (max-width:980px){ .add-to-cart button.button { width: 100% !important; } .sticky-product .add-to-cart button.button span, .sticky-product .add-to-cart button.button span span { font-size: 1em !important; } } .sticky-product .add-to-cart { float: right; padding: 0px 10px 10px !important; width: 25% !important; } .catalog-product-view .brand-name { text-align: right; padding-right: 15px !important; } .moneyback, .attributes{width:100%;} .product-options ul.options-list li { display: block; float: left; height: auto; width: 100%; } .product-options ul.options-list .label { display: block !important; margin-left: 0px; float: left !important; height: auto; } .product-options ul.options-list label{ margin-bottom: 0px; } .moneyback .money-icon { height:71px; width:69px; background: transparent url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/money_back_small.png") no-repeat 0 0; background-size:cover; float:left; margin:-10px 0; } .questionmark > a { color: #fff; font-weight: bold; text-decoration:none; } .questionmark { background: #6ABBE7 none repeat scroll 0px 0px; border: 1px solid #3B89B4; border-radius: 100%; color: #FFF; float: left; margin-left: 10px; padding: 1px 5px; text-align: center; cursor: pointer; } .product-options ul.options-list label { float: left; font-weight: normal; width: 90%; } .regular-price, .price-as-configured { padding-right: 2px; text-align: right; } /*model*/ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); 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.active, .modalDialog:target { overflow-y:auto; opacity:1; pointer-events: auto; } body.no-v-scroll { overflow-y:hidden; } .modalDialog > div { width: 40%; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 0px; background: #fff; } .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; } .close:hover { background: #00d9ff; } /*model end*/ .shortDesc li { border: medium none !important; padding: 0 !important; color: #67725D; font-size:14px; } .shortDesc li::before { content: "+"; float: left; font-weight: bold; margin: -2px 0 0 -15px; } @media all and (min-width:320px) and (max-width:480px){ .questionmark { position: absolute; right: 5px; } #totals-progress-opcheckout .questionmark { position:relative; right:0; } } /*09102015 - snehal*/ /**/ /* .etalage_thumb_image{ width:650px !important; } */ .catalog-product-view .contentAttribute .std img { width: 100%; } /*20151009*/ .product-tabs > ul > li { padding: 8px 15px !important; text-decoration:none; text-transform: capitalize; } .product-tabs > ul .active{ border:none !important; border-bottom: 2px solid #0083c5 !important; } .product-tabs > ul li a { text-decoration:none; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; font-size: 18px !important; } .product-tabs > ul li.active a { color: #0094EB !important; } @media all and (min-width:320px) and (max-width:640px){ .product-img-box .etalage { width: 100% !important; } } .ruler { border:none; border-top:1px dotted #f00; color:#fff; background-color:#fff; height:1px; width:50%; } .modalbody { background: #fff none repeat scroll 0 0; border-radius: 0; float: left; left: 50% !important; margin: 10% auto 10% -20% !important; padding: 15px !important; position: absolute !important; width: 40%; color:#565656; line-height:1.7; font-size: 14px; } .modalbody .shortDesc { display: block; float: left; padding: 0 15px; } .modalbody h2 { border-bottom: 1px solid #e4e4e4; color: #863286; font-size: 26px; font-weight: 300; margin-bottom: 30px; padding-bottom: 0.8em; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; } /*star rating */ .webwidget_rating_simple{ padding: 0px; margin: 0px; float: left; } .webwidget_rating_simple li{ line-height: 0px; width: 15px; height: 15px; padding: 0px; margin: 0px; margin-left: 2px; list-style: none; float: left; cursor: pointer; } .webwidget_rating_simple li span{ display: none; } .orderBox_option_description { color: #67725d; font-size: 14px; } .featuresdescription, .screenshots, .contentAttribute { font-size: 14px !important; } .featuresdescription h1, .screenshots h1, .contentAttribute h1, h1.comments{ color: #863286; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 2.13333em; font-weight: 300 !important; } .customName h1 { float: left; } .customName .ratings { float: left; margin-left: 20px; padding-top: 15px; } .catalog-product-view .author-widget .avatar img { background: #f3f3f3 none repeat scroll 0 0; height: 50px; width: 50px; } .catalog-product-view .attributes .avatar > img { width : 80px; } .btn-view { background: #0083c5 none repeat scroll 0 0 !important; color: #fff !important; float: left; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 5px; text-transform: uppercase; } .author-widget-side .name { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal !important; line-height: 15px; } .author-widget-side .position { display: block; margin-bottom: 4px; font-weight: normal; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 16px; color:#000 !important; } .section-quotes { box-sizing: border-box; color: rgb(86, 86, 86); cursor: default; direction: ltr; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; height: 228.5px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 45px; padding-left: 0px; padding-right: 0px; padding-top: 52.5px; width: 100%; } .section-quotes .row { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1080px; width: 100%; } .section-quotes .row .medium-6 { width: 50%; } .section-quotes .column { padding-left: 10px; padding-right: 10px; width: 100%; float: left; position: relative; } .section-quotes .plainQuote { position: relative; margin: 0; border: 0; padding: 0 35px 0px 35px; font-size: 24px; font-family: Georgia,"Times New Roman",serif; font-style: italic; color: #424242; } .section-quotes .plainQuote:before { position: absolute; top: -14px; left: 0; content: "“"; font-size: 46px; color: #d8d8d8; } .section-quotes .plainQuote:after { display: inline; vertical-align: -30px; line-height: .1; content: "”"; font-size: 46px; color: #d8d8d8; } .section-quotes .plainQuote cite { position: absolute; left: 37px; bottom: -40px; font-style: normal; } .section-quotes .plainQuote cite:before { margin-right: .65em; content: '—'; } .section-quotes blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } .section-quotes .icon.logo { background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/hp_quotation_sprite.png); } .section-quotes .icon.yahoogames{ background-position: -1113px 0; height: 32px; width: 81px; } .section-quotes .icon.wiredSmall{ background-position: -825px -97px; height: 22px; width: 108px; } .section-quotes .icon { display: inline-block; vertical-align: middle; } .numberPromo { padding: 5em 0; color: #fff; background: #1d80cf url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/hp_bottom_banner_bg.png); } .grid { clear: both; list-style: none!important; font-size: 0; letter-spacing: -.31em; text-align: center; direction: ltr; margin-left: -14px; margin-right: -14px; } .grid_column { position: relative; float: none !important; display: inline-block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; width: 100%; vertical-align: top; font-size: 16px; letter-spacing: normal; text-align: left; direction: ltr; } .-large7 { width: 58.33333%; } .-large6 { width: 50%; } .-large9 { width: 80%; } .-large3 { width: 33%; } .numberPromo strong { display: block; font-size: 36px; font-weight: bold; text-align: center; } .numberPromo span { display: block; font-size: 24px; font-weight: 300; text-align: center; } body .left .chupa-login { border-radius: 5px; background: none; color: #000; display: block; line-height: 38px; font-size: 14px; padding: 0; text-decoration: underline; font-style: italic; } body .left .chupa-login:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=80); color: #000; } body .cart .totals .checkout-types .paypal-or { margin: auto; padding: 0; } body .paypal-logo.chupamobile_checkout { width: 98px; height: 28px; display: inline-block; background: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/paypal.png"); background-size: contain; vertical-align: bottom; } body .opc-col-left.chupamobile_checkout { width: 50%; } body .opc-col-right.chupamobile_checkout .opc-form-wrapper { position:relative; } body .opc-col-right.chupamobile_checkout { float: left; width: 50%; position:relative; } body .opc-col-right.chupamobile_checkout.logged { float: right; width: 50%; } body .opc-col-left.chupamobile_checkout .form-list li { margin: 0; } body #billing-new-address-form .fields .field.email { width: 100%; padding-right: 0; } body button.btn-checkout.opc-btn-checkout { width: 100%; } .stripe_method_icon { background-image: url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/payments.png'); background-size: contain; width: 256px; height: 20px; display: inline-block; vertical-align: bottom; } .stripe-new.expiration, .stripe-new.cvv{ width: 50%; float: left; } #cryozonic_stripe_cc_type_exp_div > div > div:nth-child(1) { width: 50%; } #cryozonic_stripe_cc_type_exp_div > div > div:nth-child(2) { width: 35%; } #cryozonic_stripe_cc_type_cvv_div > div > div { width: 100%; } body .pslogin-block { display: block; margin: auto; width: 179px; } /* ----------------- ProductPage ----------------- */ .featuresdescription img { max-width: 90%; height: auto; } .featuresdescription{overflow-x:hidden;} .price-box p{ text-align: center; } /* --------------- end ProductPage --------------- */ /* --------------- Comments ---------------------*/ h3.comments { margin: 20px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: 300; font-style: normal; color: #222; text-rendering: optimizelegibility; font-size: 2.46667em; } ul.comments li.comment, div.comment.add-comment { clear: both; position: relative; min-height: 110px; margin: 0; padding: 25px 0 0 75px!important; background-color: transparent; width: 100%; } ul.comments > li.comment/*, div.comment.add-comment*/ { border-bottom: 1px dashed #C9C9C9; border-top: none; border-right: none; border-left: none; word-wrap:break-word; } .comment.add-comment.reply { border: none; } ul.comments li .avatar, div.comment.add-comment .avatar { top: 25px; position: absolute; left: 0; } ul.comments li div.content { min-height: 60px; padding-bottom: 25px; } ul.comments li div.top { float: left; position: relative; width: 100%; margin-top: -5px; } ul.comments li span.username { display: block; font-weight: bold; } ul.comments li span.date { display: block; margin: 1px 8px 0 0; color: #ADAFB0; font-size: 13px; position: absolute; top: 0; right: 0; } ul.comments li img, div.comment.add-comment img { width: 60px; height: 60px; display: block; background: #D3D3D3 none repeat scroll 0; vertical-align: middle; } ul.comments li div.preformat.edit-comment-original-content { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; clear: both; padding-top: 6px; font-size: 15px; } ul.comments li div.preformat.edit-comment-original-content p{ margin-bottom: 0; } .tab-content h1.comments { border-bottom: 1px dashed #C9C9C9; padding: 20px 0; } div.comment textarea { width: 100%; height: 60px; } div.comment input { transition-property: box-shadow; transition-duration: 0.15s; border: 0; border-radius: 3px; text-transform: uppercase; text-align: center; cursor: pointer; padding: 0.3em 1.5em 0.4em 1.5em; font-size: 15px; text-decoration: none; background: #8ed157; color: white; margin: 10px 0 0 0; } div.comment.top input { margin-bottom: 25px; } div.comment input:hover { background: #79b845; color: #3e651e; } #tab_comment_tabbed_contents.loading { opacity: 0.5; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/ajax_loader.gif) no-repeat center center; } #pagination_comment { margin-top: 40px; text-align: center; } #pagination_comment li { display: inline-block; vertical-align: middle; font-size: 15px; margin-left: 0px; } #pagination_comment li.active { vertical-align: middle; font-size: 15px; margin-left: 0px; } #pagination_comment li.ellipsis a { cursor: default; color: #808080; background: transparent none repeat scroll 0% 0%; } #pagination_comment li.prev a { font-size: 16px; line-height: 31px; } #pagination_comment li a { position: relative; overflow: hidden; font-weight: normal; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; text-decoration: none; background: #EBEBEB linear-gradient(to bottom, #F0F0F0, #E8E8E8) repeat scroll 0% 0%; border: 0px none; transition-property: box-shadow; transition-duration: 0.15s; height: 34px; line-height: 33px; font-size: 16px; color: #5F5F5F; padding: 4px 16px; border-radius: 3px 0px 0px 3px; margin-left: 0px; } #pagination_comment li:not(.ellipsis .active) a:hover { color: #000; background: transparent linear-gradient(to bottom, #E5E5E5, #E0E0E0) repeat scroll 0 0; } #pagination_comment li.active a { color: #FFF; background: #0083C5 none repeat scroll 0 0; } /* --------------- end Comments --------------- */ /* --------------- Langauge Switcher ---------- */ .type4 .header.container .form-language.top-select { position: absolute; top: 50%; right: 375px; margin-top: -12px; } /* --------------- end Langauge Switcher ---------- */ /* --------------- Landing Pages ---------- */ .landing section { display: block; } .landing section#promo.build-an-app { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/reskin-header-large.jpg");; } .landing section#promo.sell-your-app { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/sell-app-large.jpg"); } .landing #page #promo { text-align: left; } .landing#page #promo { margin: 0; color: white; border: 0; } .landing#page > section:first-child { border-top: 0; } .landing .parallax { padding: 0; position: relative; width: 100%; overflow: hidden; background: none; } .landing#page #promo .row { min-height: 550px; } .landing .parallax > .row { position: relative; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .landing#page .row { margin: 0 auto; max-width: 1080px; width: 100%; } .landing#page #promo .columns { padding-top: 4em; padding-bottom: 4.66667em; padding-left: 4em; } .landing .medium-7 { width: 58.33333%; } .landing .column, .columns { padding-left: 10px; padding-right: 10px; float: left; position: relative; } .landing#page #promo .contentWrapper { width: 560px; } .landing#page #promo h1 { font-size: 35px; font-weight: bold; width: 800px; } .landing#page #promo h2, #page #promo h3 { font-size: 23px; font-weight: 300; line-height: 1.4; } .landing#page #promo h1, body.reskin #page #promo h2, body.reskin #page #promo h3 { margin-bottom: 20px; } .landing#page #promo h1, #page #promo h2, #page #promo h3, #page #promo h4, #page #promo .circle strong, #page #promo .title { font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); margin-bottom: 8%; } .landing#page #promo .button { margin-top: 40px; z-index:1; } .landing#page a{ text-decoration: none; } .landing .button.widest, .button-group > li > a.widest, .button-group > li > button.widest { padding-left: 4.5em; padding-right: 4.5em; } .landing .button.cta2, .landing .button.cta { color: white; font-weight: 500; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background: #79b845 linear-gradient(to bottom, #86c24e, #77b742); box-shadow: inset 0 -1px 0 #61a531; } .landing .button.text-larger, .button-group > li > a.text-larger, .button-group > li > button.text-larger { font-size: 1.38em; } .landing .button.taller, .button-group > li > a.taller, .button-group > li > button.taller { padding-top: 1em; padding-bottom: 1em; } .landing .button, .button-group > li > a, .button-group > li > button { position: relative; overflow: hidden; line-height: 1.2em; font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; border: 0; border-radius: 3px; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; -webkit-transition-property: box-shadow; transition-property: box-shadow; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .landing#page #promo .button:hover { background-color: rgba(255, 255, 255, 0.2); } .landing#page #promo img { display: inline-block; vertical-align: middle; max-height: none; max-width: 100%; height: auto; } .landing#page #promo #hand { position: absolute; bottom: 0; right: 0; display: block; margin: 0 auto; max-width: 487px; text-align: center; } .landing#page .section_title { font-size: 42px; margin-top: -10px; margin-bottom: 60px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; color: #454545; text-align: center; } .landing .section.-alternate { border-top: 1px solid #ECECEC; padding: 4em; } .landing#page .grid { clear: both; margin-left: auto; margin-right: auto; list-style: outside none none!important; font-size: 0px; letter-spacing: -0.31em; text-align: center; direction: ltr; } .landing .grid_column { position: relative; float: none !important; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; vertical-align: top; font-size: 16px; letter-spacing: normal; text-align: left; direction: ltr; } .landing .bulletSteps { display: block; width: 100% !important; list-style: outside none none; } .landing .bulletSteps_item { width: 33.33%; } .landing .bulletSteps.-largeHorizontal .bulletSteps_item { float: left; padding-right: 1.5em; } .landing .bulletSteps_item { position: relative; display: block; margin-bottom: 25px; } .landing .bulletSteps_item::before { float: left; margin-right: 18px; width: 38px; height: 38px; font-size: 20px; color: #FFF; line-height: 37px; text-align: center; background: #A666A2 none repeat scroll 0% 0%; border: 1px solid #8C3887; border-radius: 50%; content: "1"; } .landing .bulletSteps_item:nth-child(2)::before { content: "2"; } .landing .bulletSteps_item:nth-child(3)::before { content: "3"; } .landing .reskinSlider { padding: 30px 0px; text-align: center; overflow: hidden; } .landing .swiper { position: relative; width: 100%; } .landing .medium-4 { width: 33.3333%; } .landing .userQuoteWrapper { margin-bottom: 25px; } .landing .userQuote_picture { margin-bottom: 0px; } .landing .userQuote_picture { display: block; margin: 0px auto 50px; width: 100px; height: 100px; border-radius: 100px; } .landing .userQuote { position: relative; margin: 0px 6px 30px; padding: 1.3em 1.5em 4em; height: 100%; font-size: 16px; font-family: Georgia,"Times New Roman",serif; font-style: italic; font-weight: 300; color: #6D6D6D; background: #FFF none repeat scroll 0% 0%; border: 1px solid #E7E7E7; border-radius: 6px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); } .landing .userQuote::before { position: absolute; z-index: 2; bottom: -16px; left: 50%; margin-left: -8px; width: 0px; height: 0px; border: 8px solid transparent; border-top-color: #FFF; content: ""; } .landing .userQuote::after { position: absolute; z-index: 1; bottom: -20px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border: 10px solid transparent; border-top-color: rgba(0, 0, 0, 0.06); content: ""; } .landing .userQuote cite { position: absolute; left: 1.5em; bottom: 1.3em; font-size: 18px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-style: normal; font-weight: bold; color: #454545; } .landing .medium-offset-2 { margin-left: 16.6667%; } .landing .medium-8 { width: 66.6667%; } .landing#page #promo.sell-your-app .columns { padding-top: 5.33333em; padding-bottom: 5.33333em; } .landing#page #promo.sell-your-app .wrapper { padding-left: 370px; } .landing#page #promo.sell-your-app .big-circle { width: 310px; height: 310px; float: left; padding-top: 90px; font-size: 2.9em; line-height: 1.1; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: 300; border: 2px solid #FFF; border-radius: 310px; margin-left: -370px; margin-bottom: 0px; text-align: center; } .landing#page #promo.sell-your-app .right { text-align: left; float: right; } .landing#page #promo.sell-your-app h2 { font-size: 2.26667em; font-weight: 400; margin-bottom: 28px; } .landing#page #promo.sell-your-app h3 { font-size: 1.6em; margin-bottom: 38px; } .landing .button.cta:hover { color: #3E651E; background: #8ED157 none repeat scroll 0% 0%!important; } .landing .button.extrawide { padding-left: 6em; padding-right: 6em; } .landing .text.sell-your-app { padding-top: 4em; } .landing .sell-your-app { text-align: center; } .sell-your-app .intro h1 { font-size: 2.66667em; margin-bottom: 1em; } .sell-your-app .intro h2 { font-size: 1.46667em; } .sell-your-app .block { margin-bottom: 60px; padding-top: 50px; border-top: 1px solid #DFDFDF; } .sell-your-app .how-it-works h4 { font-size: 2.53333em; margin-bottom: 0.5em; color: #BBB; } .sell-your-app .how-it-works > ul.HIW { text-align: left; padding-top: 25px; } .sell-your-app ul.HIW { margin-left: 140px; margin-right: 140px; } .sell-your-app .how-it-works > ul.HIW > li { list-style: none; padding-left: 130px; margin-bottom: 35px; } .sell-your-app .how-it-works > ul.HIW > li { margin-left: 0px; position: relative; } .sell-your-app .how-it-works > ul.HIW > li .icon { transform: scale(1, 1); margin-top: -10px; position: absolute; top: 0px; left: 0px; } .sell-your-app .icon, ul.hollow li::before { display: inline-block; vertical-align: middle; } .HIW-organize { background-position: 0px -84px; height: 84px; width: 98px; } .HIW-earnings { background-position: 0px 0px; height: 74px; width: 94px; } .HIW-upload { background-position: 0px -178px; height: 95px; width: 89px; } .HIW-sprite, .HIW-earnings, .HIW-organize, .HIW-upload { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/sell-your-app-icon.png"); } .sell-your-app .how-it-works > ul.HIW > li h2 { padding-top: 9px; font-size: 2em; } .how-it-works > ul.HIW > li h2 { color: #863286; font-weight: normal; margin-bottom: 5px; } .landing .hero.-android { background-color: #69BD3B; } .landing .hero { overflow: hidden; background-image: none; } button .disabled { cursor: auto; } img .hero.disabled { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .add-to-cart button.button span.disable, .add-to-cart button.button span.disable span { background: #63918d linear-gradient(to bottom, #849175, #63918d) repeat scroll 0 0 !important; cursor: auto; } .add-to-cart button.button span, .add-to-cart button.button span span { background: #79b845 linear-gradient(to bottom, #86c24e, #77b742) repeat scroll 0 0 !important; } .product-shop.disabled { border: 2px solid #63918d; } .landing .hero_inner { position: relative; margin: auto; display: table; width: 100%; max-width: 1080px; min-height: 500px; padding: 3.2em 0px 3em 20px; } .landing .hero_content { display: block; padding: 0px; vertical-align: middle; margin: 0px; width: 51%; text-align: left; position: relative; z-index: 2; } .landing .hero_title { font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 600; line-height: 1.25; color: #FFF; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } .landing .hero_subtitle { text-align: left; } .landing .hero_subtitle { font-size: 1.2em; font-weight: 400; } .landing .hero_subtitle, .landing .hero_title { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 1.8em; font-weight: 600; line-height: 1.25; color: #FFF; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); } .landing .hero_button { margin-top: 0.5em; padding: 16px 50px; } .landing .button { border: 2px solid rgba(255, 255, 255, 0.75); background: transparent none repeat scroll 0% 0%; color: #FFF; } .landing .hero_person { display: block; position: absolute; bottom: 0px; right: -158px; width: 940px; min-width: 0px; transform: translateX(0px); z-index: 1; } .landing .hero_person_quote { display: block; position: absolute; padding: 0px 0px 12px 2px; left: 62%; bottom: 56%; width: 190px; border-bottom: 1px solid rgba(255, 255, 255, 0.65); font-size: 18px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; line-height: 1.2; font-weight: 500; color: #FFF; } .landing .hero_person_quote::before { position: absolute; left: -25px; bottom: -11px; width: 30px; height: 1px; background: rgba(255, 255, 255, 0.65) none repeat scroll 0% 0%; transform: rotate(-45deg); content: ""; } #page > section { padding-top: 2.5em; margin-bottom: 3.2em; } .landing .large-12 { width: 100%; } .landing a { color: #0094eb; } .landing a:hover { color: #000; } #what-chupa-header h3 { text-align: center; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 4em; color: #863286; } .landing .chupa-text-container p { font-size: 1.53333rem; font-weight: 300; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; color: #222; line-height: 1.6; margin-bottom: 1.33333em; text-rendering: optimizelegibility; } .landing .bulletSteps.-mediumHorizontal .bulletSteps_item { float: left; padding-right: 1.5em; } .landing .hero.-ios { background-color: #46a1c7; } .landing .hero.-appTemplates { background-color: #e77817; } .landing .sidebar.large-3 { width: 25%; } .landing .sidebar .block { margin-bottom: 1em; padding: 1.2em 1.1em; background: #F5F5F5 none repeat scroll 0% 0%; border: 1px solid #D2D2D2; border-radius: 3px; } .landing .sidebar .block .block-title { margin-bottom: 0.5em; font-size: 1.35em; font-weight: 300; } .landing .large-8 { margin-bottom: 50px; float: right; width: 66.6667%; } .landing .large-8 .header-container { border-bottom: 1px solid #D3D3D3; } .landing .large-8 .header-container #buying-header h2, .landing .large-8 .buying-content-container #buying-header h3 { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: 300; font-style: normal; font-size: 2.46667em; color: #863286; text-rendering: optimizelegibility; } .landing .large-8 .buying-content-container #buying-header h3 { font-size: 1.8em; } .landing .large-8 .buying-content-container { border-bottom: 1px dashed #D3D3D3; } .landing .header-container { background-color: transparent; border-top: 0; } .landing .large-8 .buying-content-container .about-title-text { margin-top: 25px; } .landing .large-8 .buying-content-container .about-title-text p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.33333em; text-rendering: optimizelegibility; } .landing .large-8 .buying-content-container .section-title h3 { padding-top: 25px; font-size: 1.46667em; color: #863286; border-top: 1px dashed #D3D3D3; height: 65px; } .landing .large-8 .buying-content-container .section-title h3 span { padding: 9px 0px 0px 0px; margin: -7px 10px 0px 0px; border-radius: 42px; border: 1px solid #D3D3D3; width: 48px; height: 48px; text-align: center; float: left; } .landing .large-8 .section-title-file h3 { padding-top: 25px; font-size: 1.33333em; color: #863286; } .landing .large-8 .buying-content-container #buying-header { margin-top: 25px; } /* --------------- end Landing Pages ---------- */ .like-h1 { color: #863286!important; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important; font-size: 2.13333em!important; font-weight: 300 !important; margin-bottom: 20px!important; line-height: 1.35!important; display: block!important; } input:disabled, input.disabled { background-color: #eee!important; } /*================customer my downloads=================*/ .my-downloads .item { position:relative; margin:0 0 20px 0; } .my-downloads .item .product-image { margin-right:10px; float:left; } .my-downloads .item .product-name { margin:0 10px 0 0; float:left; } .my-downloads .item .product-name a { font-size:18px; color:#863286; font-family:"Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; } .my-downloads .item .short-description { height:20px; overflow:hidden; line-height:20px; position:relative; white-space:nowrap; } .my-downloads .item .license { margin-bottom:10px; } .my-downloads .item .short-description:after { padding-left:3px; height: 20px; width: 20px; content:' ...'; position:absolute; right:0; top:0; background:#fff; } .my-downloads .item .actions { position:absolute; left:220px; bottom:0; } .my-downloads .item .btn-download { width:200px; position:relative; } .my-downloads .item .btn-download.pending span { background:#ccc; } .my-downloads .item .btn-download.pending:hover span { opacity:1; } .my-downloads .item .btn-download-container { float: left; margin-right: 5px; } .my-downloads .item .btn-download-container .dropdown { width:200px; display:none; position:absolute; top:38px; z-index:1; padding:15px 0 0 0; font-size:12px; text-align:center; } .my-downloads .item .btn-download-container .dropdown ul { width:200px; line-height:30px; background:#fff; top:48px; box-shadow:0 0 10px rgba(0,0,0,0.5); border-width:6px 0 0 0; border-style:solid; } .my-downloads .item .btn-download-container .dropdown ul:before { content:""; position:absolute; border:10px solid transparent; border-bottom-color:#000; display:block; left:90px; top:-5px; } .my-downloads .item .btn-download-container:hover .dropdown { display:block; } .my-downloads .item .ratings { padding:5px; background:none; } .my-downloads .item .rating-box { width:79px; height:15px; } /*================customer my downloads end=============*/ .item .details-area .platform{clear:both;} .mobile-nav > .sw-mobile-menu{border-top:1px solid #fff;} .comment .content .top .username .label.author, .reply .content .top .username .label.author { background:#00923f; display: inline-block; vertical-align: 1px; padding: 3px 4px; font-size: 11px; text-transform: uppercase; color: white; line-height: 1; border-radius: 2px; } .comment .content .top .username .label.buyer, .reply .content .top .username .label.buyer { background:#939ea7; display: inline-block; vertical-align: 1px; padding: 3px 4px; font-size: 11px; text-transform: uppercase; color: white; line-height: 1; border-radius: 2px; } /*custom quotation modal*/ #openCustomQuotationModal .modalbody {width:70%;padding:20px!important;margin: 2% auto 2% -35% !important;} #openCustomQuotationModal .padding-double { } #openCustomQuotationModal .preformat ul li { margin-bottom:0; padding-left: 0.2em; } #openCustomQuotationModal .preformat { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; word-break: break-word; font-size: 15px; line-height: 150%; text-align: left; } #openCustomQuotationModal .preformat ul { margin-top:-35px; } #openCustomQuotationModal .preformat h3 { font-size: 1.53333em; font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:400; color:#393039; } #openCustomQuotationModal .customization-icons li { vertical-align: top; text-align: center !important; } #openCustomQuotationModal .customization-icons li i { display: block; background-image: url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/customization-form.png'); -webkit-background-size: 100% 100% !important; background-size: 100% !important; margin: auto; } #openCustomQuotationModal .icon.full-redesign, ul.hollow li.full-redesign:before { background-position: 0 -255px; height: 75px; width: 75px; } #openCustomQuotationModal .icon.customized, ul.hollow li.customized:before { background-position: 0 -85px; height: 75px; width: 75px; } #openCustomQuotationModal .icon.design-integration, ul.hollow li.design-integration:before { background-position: 0 -170px; height: 75px; width: 75px; } #openCustomQuotationModal .icon.monetization, ul.hollow li.monetization:before { background-position: 0 -340px; height: 75px; width: 75px; } #openCustomQuotationModal .icon.app-store-submission, ul.hollow li.app-store-submission:before { background-position: 0 0; height: 75px; width: 75px; } #openCustomQuotationModal .customization-icons li div { margin: 10px 3px; font-weight: 500; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 16px; } #openCustomQuotationModal .grid_column { position: relative; float: none !important; display: inline-block; margin-left: auto; margin-right: auto; padding-right: 14px; font-size: 16px; letter-spacing: normal; direction: ltr; } #openCustomQuotationModal label { display:block; margin-bottom:0; } #openCustomQuotationModal button.button { font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important; display: block; font-size: 1.3em !important; font-weight: bold; padding: 0 !important; text-transform: uppercase; width: 100%; height: auto; min-width: 110px; vertical-align: middle; } #openCustomQuotationModal button.button span, #openCustomQuotationModal button.button span span { background: #79b845 linear-gradient(to bottom, #86c24e, #77b742) repeat scroll 0 0 !important; } #openCustomQuotationModal button.button span { font-size: 1.2em; font-weight: normal; height: auto; line-height: 50px; min-width: 110px; padding: 0 5px 0 0; } #openCustomQuotationModal .form-list li{ margin:0; } #openCustomQuotationModal textarea{ height: 60px; } #openCustomQuotationModal .fieldset{ margin-bottom:0; } /*custom quotation modal end*/ .stickyPurchase_button { position:fixed; margin:0 !important; z-index:10; left:0; bottom:0; padding:20px; width:100%; border-radius:0!important; color:#fff; font-weight:500; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background: #79b845 linear-gradient(to bottom, #86c24e, #77b742); line-height: 1.2em; font-size: 1.4em; text-transform: uppercase; text-align:center; } body.mobile-nav-shown .wrapper{ overflow-x:hidden; } .mobile-nav .logo-wrapper { background:#fff; margin:0 -15px; padding:10px 15px 5px 15px; text-align: left; } .mobile-nav .logo-wrapper img { width:90%; } .mobile-nav .logo-wrapper strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } .mobile-nav .search-wrapper label { float: left; width: 24px; height: 21px; text-align: left; text-indent: -999em; overflow: hidden; display: none; } .mobile-nav .search-wrapper input { padding: 10px 8px; border-radius: 7px; font-size: 16px; height: 30px; line-height: 18px; } .mobile-nav .search-wrapper { margin:20px 0 10px 0; } .mobile-nav .search-wrapper .form-search { position:relative; } .mobile-nav .search-wrapper button { position: absolute; top: 10px; right: 18px } .hp-search-wrapper { padding:0 20px; display:none; } .hp-search-wrapper .form-search { max-width: 500px; text-align: center; margin: 0 auto; position:relative; } .hp-search-wrapper .form-search button { position:absolute; top: 10px; right: 10px; font-size: 20px; } .hp-search-wrapper .form-search input { width:100%; height:50px; border-radius:7px; border:none; font-size:18px; padding: 8px 15px; } .checkout-cart-index .cart-table-wrap .cart-table .last, #checkout-review-table .last{float:none;} #totals-progress-opcheckout.loading { } #totals-progress-opcheckout.loading dd { position:relative; } #totals-progress-opcheckout.loading dd:before { content:""; left: 1px; top: 0; right: 1px; bottom: 1px; content: ''; position: absolute; background:url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/opc-ajax-loader.gif') center center no-repeat #fff; opacity: 0.6; } #checkout-progress-wrapper .tax-label { float:left; } #checkout-progress-wrapper .questionmark { height:19px; display:block!important; } #checkout-progress-wrapper .questionmark a { margin-top: -3px; display: block; } #shopping-cart-totals-table .questionmark { display:none!important; } .checkout-cart-index .btn-checkout span span { line-height:50px; font-size:20px; text-transform:uppercase; } /*=====================floating filters====================*/ .listing_filters { position:fixed; z-index:99; bottom:0; left:0; right:0; padding:1.2em; display: none; opacity: 0; background:#fcfcfc; box-shadow: 0px 1px 24px 0 rgba(0,0,0,0.5); } .listing_filters.-show { display:block; opacity:1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .hideFilters { position: absolute; top: -18px; right: 2px; padding: 5px; opacity: .75; } .hideFilters:after { content:''; display:block; width:22px; height:22px; background-size:cover; background-image: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/icon-close.png); } .selectGroup_item { position: relative; margin-bottom:10px; } .customSelect { border-radius: 3px 3px 0 0; } .selectGroup_item label { margin-bottom:3px; } .customSelect select, .customSelect .overlay { width: 100%!important; height: 40px; line-height: 38px; font-size: 15px; color: #565656; text-transform: none; background: #f4f4f4; border: 1px solid #d2d2d2; } .customSelect select { position: relative; margin: 0; z-index: 2; /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;*/ } #showFilters { display: block; text-transform: uppercase; font-size: 1.1em !important; color: #fff; position: fixed; z-index:500; margin: 0; bottom:15px; left:15px; border-radius: 3px; padding:12px 20px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; background: #ee4848 linear-gradient(to bottom,#ed4d4d,#e64646); box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); -moz-transition: ease-out 500ms; } #showFiltersStatic, #showFilters:hover { text-decoration:none; } #showFiltersStatic { text-align:center; display: block; text-transform: uppercase; font-size: 1.1em !important; color: #fff; z-index:500; margin:15px 0 30px 0; border-radius: 3px; padding:12px 20px; font-family: "Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; background: #ee4848 linear-gradient(to bottom,#ed4d4d,#e64646); box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.35); } #showFiltersStatic.-hide, #showFilters.-hide { opacity: 0; } /*=====================floating filters end====================*/ /*=====================checkout page===========================*/ body.checkout-onepage-index .header-container .main-nav .menu-wrapper{border-bottom:2px solid #3f4048;} body.checkout-onepage-index .header-container.type4 .header{padding: 14px 0;} body.checkout-onepage-index .header-container .links{margin-top:-6px;color:#aaa!important;} body.checkout-onepage-index .header-container.sticky-header .header-wrapper{position:relative!important;} .miniForm_nodeGroup input:disabled, .miniForm_nodeGroup input.disabled { background:none!important; } .miniForm_nodeGroup { -moz-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.06); -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.06); box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.06); background: #fff; border: 1px solid #d2d2d2; border-radius: 6px; overflow: hidden; } .grid.miniForm_grid { position: relative; margin: 0 -1px -1px 0 !important; } .miniForm_grid_column { border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; padding:0; } .miniForm_nodeGroup .miniForm_grid_column.-small { width:50%; } .miniForm_node { display: block; position: relative; margin: 0!important; padding: 8px 0; cursor: text; height:47px; width:100%; } .miniForm_node_prefix { position: absolute; z-index: 3; top: 0; width: 42px; height: 100%; text-align: center; } .miniForm_node_sufix { position: absolute; z-index: 3; top: 0; width: 42px; height: 100%; text-align: center; right: 0; } .miniForm_node_sufix img, .miniForm_node_prefix img { position: relative; top: 50%; height:20px; opacity:0.35; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: top; } .miniForm_node.-filled .miniForm_node_label { -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; } .miniForm_node_label { -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); -moz-transition: -moz-transform 200ms, opacity 200ms, visibility 200ms; -o-transition: -o-transform 200ms, opacity 200ms, visibility 200ms; -webkit-transition: -webkit-transform 200ms, opacity 200ms, visibility 200ms; transition: transform 200ms, opacity 200ms, visibility 200ms; visibility: hidden; font-size: 12px; font-weight: normal; color: #a0a0a0; display: block; margin:0 0 0 32px; padding: 0 10px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; cursor: text; opacity: 0; } .miniForm_node.-filled .miniForm_node_input { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .miniForm_node_prefix ~ .miniForm_node_input { padding-left: 42px; } .miniForm_node_input { width:100%; margin: 0; height: 18px; background: none; border: 0; padding: 0 10px; font-size: 15px; color: #242424; -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); -moz-transition: -moz-transform 200ms; -o-transition: -o-transform 200ms; -webkit-transition: -webkit-transform 200ms; transition: transform 200ms; } .miniForm_node.cc-month { width:40%; float:left; } .miniForm_node.cc-year { width:60%; } .miniForm_node.cc-year .miniForm_node_prefix { margin-top:15px; color:#aaa; font-weight:bold; } .miniForm_node.cc-month .miniForm_node_input, .miniForm_node.cc-year .miniForm_node_input { position:absolute; top:30px; } .miniForm_node.-focus .miniForm_node_label { color: #0293dd; } .miniForm_node.-focus { z-index: 2; -moz-box-shadow: inset 0 -2px 0 0 #0293dd; -webkit-box-shadow: inset 0 -2px 0 0 #0293dd; box-shadow: inset 0 -2px 0 0 #0293dd; } .cvv-what-is-this{margin:0;} .tool-tip .btn-close a{ width: 10px; font-weight: bold; text-indent: 0; } button.button.btn-green span, #opc-payment .submit_payment span { color: white; font-weight: 500; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background: #79b845; background: #79b845 linear-gradient(to bottom, #86c24e, #77b742); box-shadow: inset 0 -1px 0 #61a531; border-radius: 3px; } button.button.btn-main { min-width: 200px; } button.button.btn-main span { font-size: 18px; } #opc-payment #tab_method_content_cryozonic_stripe .payment-buttons-container { padding-top: 40px; } #opc-payment .submit_payment { width:100%; } #opc-payment .submit_payment span { width:100%; text-transform:uppercase; } .cart .cart-table-wrap{margin-bottom:20px;} .cart .trust{margin-bottom: 20px;} .cart .trust ul{font-size:20px;line-height: 25px;} .cart .trust ul li{display:inline-block;} .cart .trust ul li:after{ content:' | '; padding: 0 4px; } .cart .trust ul li:last-child:after{ content:''; } .stripe-new .img.-visa, .stripe-new .img.-mastercard, .stripe-new .img.-amex, .stripe-new .img.-discover { width: 38px; height: 24px; display: inline-block; vertical-align: middle; background-size: cover; } .stripe-new .img.-visa { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/visa-24.png"); } .stripe-new .img.-mastercard { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/mastercard-24.png"); } .stripe-new .img.-amex { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/amex-24.png"); } .stripe-new .img.-discover { background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/discover-24.png"); } .pgCart_securePayment { margin-top: 0; text-align: left; float:right; color: #717171; } .securePayment_poweredBy { float: left; margin: 6px 0 0 -75px; font-size: 13px; font-style: italic; } .pgCart_stripe_footer_right {max-width:500px;margin-top:30px;} .pgCart_securePayment .securePayment_brand { display: block; } .securePayment_brand.-stripe { width: 69px; height: 29px; background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/xstripe-28.png"); vertical-align: middle; background-size: cover; display:block; } .securePayment_brand.-paypal { width: 114px; height: 29px; background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/paypal.png"); vertical-align: middle; background-size: cover; display:block; } .securePayment_icon { margin-right: 2px; vertical-align: -2px!important; opacity: .35; width: 12px; height: 16px; background-image: url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/xlock-black-16.png"); vertical-align: middle; background-size: cover; display: inline-block; float:left; } .pgCart_paypal_footer_right { margin-top: 18px; } #paypal_direct_cc_type{ border: 0 none; box-shadow: none; } #payment_tabs { margin:-20px -15px 0 -15px; } #payment_tabs ul.tabs { display: table; width:100%; table-layout: fixed; } #payment_tabs ul.tabs li.tab { display: table-cell; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0; text-align:center; width: 2%; background-color:#fbfbfb; cursor:pointer; } #payment_tabs ul.tabs li.tab label { cursor:pointer; } #payment_tabs ul.tabs li.tab:last-child { border-right:none; } #payment_tabs ul.tabs li.tab.active { border-bottom:none; padding:24px 0 30px 0; border-top: 6px solid #82b541; background-color:#fff; cursor:default; } #payment_tabs ul.tabs li.tab.active label { cursor:default; } #payment_tabs ul.tabs li.tab:hover { background-color:#fff; } #payment_tabs ul.tabs li.tab label { height:30px; } #payment_tabs .tab-content { display:none; min-height:150px; padding:30px 15px 0 15px; } #payment_tabs .tab-content.active > ul, #payment_tabs .tab-content.active { display:block!important; } #l_method_cryozonic_stripe{ text-indent: -999999px; font-size: 0; } #l_method_cryozonic_stripe:before{ content:''; display:block; width:101px; height:30px; margin: 0 auto; background:url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/credit-cards.png') 0 0 no-repeat; } #l_method_paypal_direct:before{ content:''; display:block; width:155px; height:30px; margin: 0 auto; background:url('https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/credit-cards-visa-mastercard-discover.png') 0 0 no-repeat; } #payment_tabs paypal-text { margin-right:10px; } #payment_tabs ul.financial-institutes li { display:inline-block; } .checkout-cart-index .cart .title-buttons .vat-warning{display:none;} .checkout-cart-index .vat-warning { margin-top: 5px; display: block; } .buttons-set.payment-buttons-container { text-align: center; } .buttons-set.payment-buttons-container .please-wait { margin-top:15px; display:block; float:none; } body.checkout-onepage-index .page {background:none;} .checkout-onepage-index .form-list label{margin-bottom:0;} .checkout-onepage-index .form-list li{margin-bottom:0;} .form-list p.note{ margin: 0; padding: 0 0 0 13px; background: url(https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/note_bg.gif) 1px 6px no-repeat; font-size: 11px; } /*=====================checkout page end=======================*/ /*money back block*/ #moneyback_policy .modalbody{text-align:center;} #moneyback_policy .modalbody .title{border-bottom:4px solid #777;display:inline-block;margin-bottom:20px;} #moneyback_policy .modalbody h1{font-size:30px;margin:0 -35px;font-weight:800;} #moneyback_policy .modalbody img{width:155px;margin-bottom:40px;} /*money back block end*/ body.customer-account-create .pslogin-block{width:240px;} body.customer-account-create .pslogin-block .pslogin-buttons ul li{height:40px;} body.customer-account-create .pslogin-block .pslogin-buttons ul li.facebook span.pslogin-button-auto{width:240px;} body.customer-account-create .pslogin-block .pslogin-buttons ul li .pslogin-button-icon{width:40px;height:40px;background-position:5px 3px!important;} body.customer-account-create .pslogin-block .pslogin-buttons ul li .pslogin-button-text{height:40px;font-size:15px;min-width:200px;line-height:40px;} .buttons-set .have-account a, .buttons-set .privacy{line-height:38px;} /*==================login/signup popup====================*/ #chupaModal { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.6); background: -moz-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62) 8px, rgba(0, 0, 0, 0.6) 8px, rgba(0, 0, 0, 0.6) 10px); background: -webkit-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62) 8px, rgba(0, 0, 0, 0.6) 8px, rgba(0, 0, 0, 0.6) 10px); background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62) 8px, rgba(0, 0, 0, 0.6) 8px, rgba(0, 0, 0, 0.6) 10px); } #chupaModal.loginModal[show] { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-perspective: 1200; -webkit-perspective: 1200; perspective: 1200; } .loginModal .chupaModal_inner { width: 720px; } .chupaModal_inner { display: table; width: auto; max-width: 780px; height: 100%; margin: auto; } .chupaModal_inner2 { display: table-cell; vertical-align: middle; } .chupaModal.-show .chupaModal_content { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } .loginModal .chupaModal_content { padding: 0; background: none; } .chupaModal_content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateZ(0) translateY(-30px); -ms-transform: translateZ(0) translateY(-30px); -webkit-transform: translateZ(0) translateY(-30px); transform: translateZ(0) translateY(-30px); -moz-transform-style: "preserve-3d"; -webkit-transform-style: "preserve-3d"; transform-style: "preserve-3d"; -moz-transition: ease-out 250ms; -o-transition: ease-out 250ms; -webkit-transition: ease-out 250ms; transition: ease-out 250ms; position: relative; display: block; margin: 1em; padding: 18.66667px; background: white; } .chupaModal[show] .chupaModal_content { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } .chupaModal_close { position: absolute; top: 10px; right: 10px; padding: 5px; font-size: 22px; color: #8E8E8E; cursor:pointer; } .chupaModal_close:hover { text-decoration:none; } .loginModal.-showLogin .loginModal_body.-login { display: block; } .loginModal_body { display:none; padding: 22.4px !important; background: #F7F7F7 url("https://www.chupamobile.com/skin/frontend/smartwave/porto_childtheme/images/chupaModal-bg.png") center center no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } #chupaModal.loginModal.-showLogin .loginModal_body.-login { display:block; } #chupaModal.loginModal.-showRegister .loginModal_body.-register { display:block; } .loginModal_header { text-align: center; } .loginModal_header_logo { display: inline-block; vertical-align: middle; margin-bottom: 14px; width: 240px; } .loginModal_header_subtitle { margin-bottom: 22px; color: #7B7B7B; } .loginModal_formWrapper { max-width: 280px; margin: auto; margin-bottom: 16px; } #chupaModal.loginModal .loginModal_body.-register .loginModal_formWrapper { max-width:580px; } .loginModal_flip { text-align: center; } .loginModal_flip_link { color: #242424; text-decoration: underline; } #chupaModal.loginModal .loginModal_body.-login .form-list li {margin-bottom:0;} #chupaModal.loginModal .loginModal_body.-login .form-list .input-box{margin-bottom:-1px;} #chupaModal.loginModal .buttons-set button.button{ float:none; margin-left:0; width:100%; } #chupaModal.loginModal .loginModal_body.-register .buttons-set { text-align:center; margin-top:0; } #chupaModal.loginModal .loginModal_body.-register .buttons-set button.button { max-width:280px; } .loginModal_footer { margin-top: 1em; color: #F6F6F6; text-align: center; } .loginModal_footer_left { padding-right: 16px; border-right: 2px solid #F6F6F6; } .loginModal_footer_left, .loginModal_footer_right { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 12px; font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; text-align: left; } .loginModal_footer strong { float: left; margin-right: 7px; font-size: 32px; font-weight: normal; line-height: 1.1; } .loginModal_footer span { font-size: 14px; line-height: 1.2; } .loginModal_terms { margin-bottom: 15.55556px; font-size: 13px; color: #7D7D7D; text-align: center; } body.modalActive{ overflow-y:hidden; } .chupaModal[flipOut] .chupaModal_content { -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .chupaModal[flipSet] .chupaModal_content { -moz-transform: rotateY(270deg); -ms-transform: rotateY(270deg); -webkit-transform: rotateY(270deg); transform: rotateY(270deg); } .chupaModal[flipIn] .chupaModal_content { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } #chupaModal.loginModal .pslogin-block{width:280px;} #chupaModal.loginModal .pslogin-block .pslogin-buttons ul li{height:40px;} #chupaModal.loginModal .pslogin-block .pslogin-buttons ul li.facebook span.pslogin-button-auto{width:280px;} #chupaModal.loginModal .pslogin-block .pslogin-buttons ul li .pslogin-button-icon{width:40px;height:40px;background-position:5px 3px!important;} #chupaModal.loginModal .pslogin-block .pslogin-buttons ul li .pslogin-button-text{height:40px;font-size:15px;min-width:240px;line-height:40px;} /*==================login/signup popup end================*/ @media (max-width:1439px){ .header-container.type11 .top-links-icon{display:inline-block} .header-container.type11 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type11 .links li{display:block;border:0;padding:0} .header-container.type11 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type11 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} } @media (max-width:1279px){ .type4 .header.container .form-language.top-select {right:328px!important;} #banner-slider-demo-14 .slide2-content h2{font-size:66px;margin:3px 0 10px} .header-container.type11 .header{text-align:left;} .header-container.type11 .header .logo{margin: 20px 25px} .header-container.type11 .menu-icon{display:inline-block} .header-container.type11 .header-wrapper{display:none} } @media (max-width:1199px){ #openCustomQuotationModal .modalbody {width:60%;padding:30px!important;margin: 2% auto 2% -30% !important;} #banner-slider-demo-14 .slide2-content h2{font-size:56px;margin:3px 0 10px} .header-container.type4 .header #search_mini_form{width:350px;} .header-container .links li{padding: 0 8px;} body.boxed .page{width:980px} .header-container.type2 .search-area{position:relative;margin:10px 0;z-index:2} .header-container.type2 .header #search_mini_form{width:auto} .header-container.type5 .search-area{position:relative;margin:10px 0;z-index:2} .header-container.type5 .search-area .search-icon{display:block;line-height:40px} .header-container.type5 .search-area #search_mini_form{display:none;width:0;margin:0} .header-container.type5 .header .form-search{width:450px;position:absolute;left:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type5 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type6 .header .custom-block{display:none} .header-container.type6 .main-nav .menu{padding-right:0} .header-container.type7 .header .custom-block{display:none} .header-container.type7 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle} .header-container.type7 .menu-icon{display:inline-block;height:auto;padding:0;margin:15px 10px;float:left} .header-container.type7 .header-wrapper{display:none} .header-container.type7+.mobile-nav{display:none} .mobile-nav-shown .header-container.type7+.mobile-nav{display:block} .header-container.type13 .header .custom-block{display:none} .header-container.type13 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle} .header-container.type13 .menu-icon{display:inline-block;height:auto;padding:0;margin:15px 10px;float:left} .header-container.type13 .header-wrapper{display:none} .header-container.type13+.mobile-nav{display:none} .mobile-nav-shown .header-container.type13+.mobile-nav{display:block} .header-container.type13.sticky-header .header{padding:10px 0} .header-container.type13.sticky-header .header > .logo img{height:30px} .header-container.type13.sticky-header .top-links-container{padding:0} .header-container.type8 .top-links-icon{display:inline-block} .header-container.type8 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type8 .links li{display:block;border:0;padding:0} .header-container.type8 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type8 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .col-main .category-products .products-grid.columns4 li.item{width:33.33%} .col-main .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:left} .col-main .category-products .products-grid.columns5 li.item{width:33.33%} .col-main .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:left} .col-main .category-products .products-grid.columns6 li.item{width:20%} .col-main .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:left} .col-main .category-products .products-grid.columns7 li.item{width:20%} .col-main .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:left} .col-main .category-products .products-grid.columns8 li.item{width:20%} .col-main .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:left} .category-banner .banner-text h2{font-size:45px} .category-banner .banner-text p{font-size:23px} .category-boxed-banner .banner-text h2{font-size:38px} .category-boxed-banner .banner-text p{font-size:17px} .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px} .col1-layout .product-shop .product-options-bottom,.col1-layout .add-to-box{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .sharing-tool-area{float:none} .owl-banner-carousel .content.type1 h2{font-size:48px} .owl-banner-carousel .content.type1 p{font-size:20px} .owl-banner-carousel .content.type1 a{font-size:13px} .owl-banner-carousel .content.type2 h2{font-size:37.2px;border-top:4px solid #08c;padding-top:8px} .owl-banner-carousel .content.type2 h3{font-size:24.47px} .owl-banner-carousel .content.type2 p{font-size:11.2px} .owl-banner-carousel .content.type2 a{font-size:14.4px} .owl-banner-carousel .content-9.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px} .owl-banner-carousel .content-9.type1 h2{font-size:58px} .owl-banner-carousel .content-9.type1 p{font-size:32px} .owl-banner-carousel .content-9.type1 a{font-size:14px} .owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px} .owl-banner-carousel .content-9.type2 h3{font-size:37.2px} .owl-banner-carousel .content-9.type2 span{font-size:11.2px} .owl-banner-carousel .content-9.type2 a{font-size:11px} .cart-table a{line-height:24px} .cart-table .cart-price{display:inline-block;margin-top:15px} .cart-table thead{display:none} .data-table.cart-table .product-image{z-index:0} .data-table.cart-table tbody tr{position:relative;display:block;clear:both;padding:25px 0;border-bottom:1px solid #dcdcdc} .data-table.cart-table tbody tr.first{padding-top:0} .data-table.cart-table tbody td{display:block;padding:0;width:100%;border-width:0;text-align:center!important} .data-table.cart-table tbody td.pr-img-td{clear:both;padding:0 0 15px} .data-table.cart-table tbody td.action-td{position:absolute;top:20px;z-index:1} .data-table.cart-table tbody tr.first td.action-td{top:-5px} .data-table.cart-table tbody td.action-td .btn-remove2{float:right;line-height:22px} .data-table.cart-table tfoot tr.first td{padding-top:25px} .cart-table .item-options dd{padding:0} .cart-table .qty-holder{width:90px;margin-top:15px} .title-buttons{text-align:left} .cart-table button.button{margin-bottom:10px;margin-left:0;float:none;width:100%} .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:none} .cart .title-buttons .checkout-types{float:none;display:block} .cart .title-buttons .checkout-types li{margin:0 0 10px} .my-account .data-table thead{display:none} .my-account .data-table tbody tr{display:block;border-bottom:1px solid #ddd;padding:15px 0 5px;position:relative} .my-account .data-table tbody tr:first-child{border-top:1px solid #ddd} .my-account .data-table tbody td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0} .my-account .data-table .add-to-cart-alt{margin:10px auto} .my-account .data-table tbody .btn-remove{position:absolute;top:15px;right:15px} .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:7px} .homepage-grid-banner .content a.btn-default{font-size:11px} .homepage-grid-banner .grid1 .content h2{font-size:55.16px} .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px} .homepage-grid-banner .grid2 .content h3{font-size:22.53px} .homepage-grid-banner .grid2 .content h2{font-size:22.53px} .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h2{font-size:35.88px} .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px} .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px} .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px} .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px} .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px} .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px} .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px} .grid-images .grid1{margin-bottom:9px} .slider-with-side .side-area .item2{margin-bottom:8px} .slider-with-side .side-area .item1 .content{bottom:15px;left:13px} .slider-with-side .side-area .item1 .content h2{font-size:30px;margin-bottom:10px} .slider-with-side .side-area .item1 .content em{font-size:22px;margin-left:2px} .slider-with-side .side-area .item1 .content a{font-size:13px;margin-left:2px} .slider-with-side .side-area .item2 .content{bottom:15px;left:15px} .slider-with-side .side-area .item2 .content h2{font-size:28px;margin-bottom:10px} .slider-with-side .side-area .item2 .content p{font-size:13px} .slider-with-side .side-area .item2 .content a{font-size:12px;padding:7px 8px 7px 13px;margin:5px 0 0 25px} .slider-with-side .side-area .item3 .content{bottom:15px;left:15px} .slider-with-side .side-area .item3 .content h2{font-size:28px} .slider-with-side .side-area .item3 .content p{font-size:17px;margin-bottom:15px} .slider-with-side .side-area .item3 .content a{font-size:14px} .slider-with-side .slider-area .item .content .text-area h2{padding:6px 45px 6px 10px;font-size:38px} .slider-with-side .slider-area .item .content .text-area p{padding:10px 15px 10px 11px;font-size:15px} .slider-with-side .slider-area .item .content .ribbon{right:11px;top:11px} .slider-with-side .slider-area .item .content .ribbon em{font-size:13px;margin-right:60px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:30px;margin-right:12px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:16px;margin-top:-2px} .owl-item-links-block ul li{padding:0 10px} .owl-item-links-block ul li a{font-size:15px} .owl-item-links-block span{font-size:15px;padding-left:15px;margin-left:5px} .owl-item-links-block span .icon-angle-down{font-size:8px;margin-left:5px} .slide3-1-content p{margin-bottom:3px;font-size:13px} .slide3-1-content h2{font-size:30px;margin-bottom:15px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:10px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:35px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:45px;font-size:13px;line-height:45px;padding:0 17px 0 20px;border-radius:5px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:18px;margin-left:2px;margin-bottom:4px} .slide3-2-content h2{font-size:47px;margin-bottom:4px} .slide3-2-content p{font-size:32px;margin-bottom:25px} .slide3-2-content a{font-size:14px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:10px} .footer-container.fixed-position .footer-bottom .custom-block{display:none} .filter-products .products div.item .product-image{min-height:0} .top-newsletter #newsletter{width:270px} } @media (max-width:1199px) and (min-width:992px){ .header-container.type4 .header #search_mini_form {width: 300px;margin-left: -10px;} .type4 .header.container .form-language.top-select {right: 298px!important;} .home-side-menu h2.side-menu-title{padding:9px 15px} .menu.side-menu>li>a{font-size:13px;padding:10px 5px} .side-custom-menu h2{padding:10px 13px 10.5px} .side-custom-menu ul li{padding:10px 4px 9px} .side-custom-menu ul li a{font-size:13px} } @media (max-width:991px){ #openCustomQuotationModal .modalbody {width:70%;padding:30px!important;margin: 2% auto 2% -35% !important;} .type4 .header.container .form-language.top-select {right: 135px!important;} #cryozonic_stripe_cc_type_exp_div > div > div:nth-child(1) {width: 60%;} #cryozonic_stripe_cc_type_exp_div > div > div:nth-child(2) {width: 40%;} .stripe-new.expiration, .stripe-new.cvv {width: inherit;float: inherit;} .stripe_method_icon{display: block} body .opc-col-right.chupamobile_checkout, body .opc-col-left.chupamobile_checkout {width: 100%; padding-left: 0} .header>.logo{max-width: 100%;} .header-container .links li{display:none;width:0;margin:0} body.boxed .page{width:760px} .home-side-menu{display:none} .add-to-cart button.button{width:140px} .header-container .header-wrapper{display:none} .header-container.type1 .header #search_mini_form{display:none} .header-container.type1 .header .custom-block{display:none} .header-container.type1 .menu-icon{display:inline-block} .header-container.type1 .header-wrapper{display:none} .header-container.type2 .header .logo{width:auto;float:left;margin:0} .header-container.type2 .header .logo img{height:50px} .header-container.type2 .cart-area{position:static;display:inline-block;float:left;margin:5px 10px} .header-container.type2 .header .mini-cart{width:auto;position:relative;margin:5px 15px;float:right;top:0;left:0} .header-container.type2 .header .search-area{float:right;margin:5px 0;line-height:40px;display:block;position:relative;left:0;top:0;z-index:2} .header-container.type2 .header .search-area .search-icon{display:block} .header-container.type2 .header #search_mini_form{display:none;margin:0} .header-container.type2 .menu-icon{height:auto;padding:0;display:block;float:right;margin:15px 15px 15px 0} .header-container.type2 .header .form-search{width:450px;position:absolute;right:-80px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type2 .header .form-search:before{content:"";display:block;position:absolute;right:75px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type3 .header .custom-block{display:none} .header-container.type3 .header .logo img{height:50px} .header-container.type3 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type3 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:35px 5px} .header-container.type3 .cart-area{float:right;position:static;margin:35px 0} .header-container.type3 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2} .header-container.type3 .search-area .search-icon{display:block;line-height:40px} .header-container.type3 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type3 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type3 .header .form-search:before{content:"";display:block;position:absolute;right:60px;top:-20px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type4 .header .custom-block{display:none} .header-container.type4 .header .logo img{height:50px} .header-container.type4 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type4 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:5px} .header-container.type4 .cart-area{float:right;position:static;margin:5px 0} .header-container.type4 .search-area{position:relative;left:0;top:0;float:right;margin:5px;z-index:2} .header-container.type4 .search-area .search-icon{display:block;line-height:40px} .header-container.type4 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type4 .header .form-search{width:450px;position:absolute;right:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type4 .header .form-search:before{content:"";display:block;position:absolute;right:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type4 .mybag-link{top:0} .header-container.type5 .header .logo img{height:50px} .header-container.type5 .search-area{float:right;left:0;top:0;margin:35px 20px;line-height:40px} .header-container.type5 .cart-area{position:static;float:right;margin:22px 0} .header-container.type5 .menu-area{padding:0;display:inline-block;vertical-align:middle} .header-container.type5 .menu-icon{display:inline-block;height:auto;padding:0;margin:0 20px} .header-container.type5 .custom-block{display:none} .header-container.type5 .menu-area .links-area{display:inline-block;vertical-align:middle;padding:0;position:relative} .header-container.type5 .top-links-icon{display:block;color:#08c} .header-container.type5 .top-links-icon a{color:#08c} .header-container.type5 .mini-cart{position:relative;top:0;left:0;margin:0;display:inline-block;vertical-align:middle;background-color:transparent;border:0} .header-container.type5 .mybag-link{width:auto;top:-3px} .header-container.type5 .topCartContent:before{right:15px} .header-container.type5 .menu-area .links-area .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type5 .menu-area .links-area .links li{border:0;padding:0;display:block} .header-container.type5 .menu-area .links-area .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type5 .menu-area .links-area .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type5 .header .form-search{left:auto;right:-195px} .header-container.type5 .header .form-search:before{left:auto;right:190px} .header-container.type6 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px} .header-container.type6 .cart-area{position:static;margin:5px 0;margin-right:10px;float:right} .header-container.type6 .header .search-area{float:right} .header-container.type6 .header .search-area a.search-icon{margin:0} .header-container.type6 .header .form-search{left:auto;right:-100px} .header-container.type6 .header .form-search:before{left:auto;right:95px} .header-container.type8 .menu-icon{display:inline-block;vertical-align:middle;height:auto;padding:0;margin-right:15px} .header-container.type8 .header .form-search{right:-135px} .header-container.type8 .header .form-search:before{right:140px} .header-container.type9 .header .custom-block{display:none} .header-container.type9 .header .logo img{height:50px} .header-container.type9 .header #search_mini_form{display:none;width:0;margin:0;position:absolute;left:0;top:0} .header-container.type9 .header #search_mini_form.show{display:inline-block!important} .header-container.type9 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:inline-block} .header-container.type9 .search-area{left:0;top:0;margin:35px 10px;z-index:2} .header-container.type9 .search-area .search-icon{display:inline-block;line-height:40px;vertical-align:middle} .header-container.type9 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type9 .header .form-search{width:450px;position:absolute;left:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc;text-align:left} .header-container.type9 .header .form-search:before{content:"";display:block;position:absolute;left:15px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type10 .header-wrapper{display:block} .header-container.type10 .header .custom-block{display:none} .header-container.type10 .header .logo img{height:50px} .header-container.type10 .header #search_mini_form{display:none;width:0;margin:0} .cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:all} .header-container.type10 .cart-area{float:right;position:static;margin:35px 0} .header-container.type10 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2} .header-container.type10 .search-area .search-icon{display:block;line-height:40px} .header-container.type10 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type10 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type10 .header .form-search:before{content:"";display:block;position:absolute;right:55px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .main-nav,.fixed-header-area{display:none} .col-main .category-products .products-grid.columns3 li.item{width:50%} .col-main .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns4 li.item{width:50%} .col-main .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns5 li.item{width:50%} .col-main .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns6 li.item{width:33.33%} .col-main .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:left} .col-main .category-products .products-grid.columns7 li.item{width:33.33%} .col-main .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:left} .col-main .category-products .products-grid.columns8 li.item{width:33.33%} .col-main .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:left} .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{font-size:16px} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{font-size:12px} .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px} .homepage-bar .col-md-4{border:0;text-align:left} .owl-banner-carousel .content.type1 h2{font-size:36px} .owl-banner-carousel .content.type1 p{font-size:15px} .owl-banner-carousel .content.type1 a{font-size:10px} .owl-banner-carousel .content.type2 h2{font-size:27.9px;border-top:3px solid #08c;padding-top:6px} .owl-banner-carousel .content.type2 h3{font-size:18.36px} .owl-banner-carousel .content.type2 p{font-size:8.4px} .owl-banner-carousel .content.type2 a{font-size:10.8px} .owl-banner-carousel .content-9.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px} .owl-banner-carousel .content-9.type1 h2{font-size:50px} .owl-banner-carousel .content-9.type1 p{font-size:26px} .owl-banner-carousel .content-9.type1 a{font-size:12px} .owl-banner-carousel .content-9.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px} .owl-banner-carousel .content-9.type2 h3{font-size:27.9px} .owl-banner-carousel .content-9.type2 span{font-size:8.4px} .owl-banner-carousel .content-9.type2 a{font-size:9px} .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:4px} .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px} .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .homepage-grid-banner .grid2 .content h3{font-size:17.33px} .homepage-grid-banner .grid2 .content h2{font-size:17.33px} .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h2{font-size:27.6px} .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px} .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px} .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px} .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px} .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px} .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px} .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px} .full-screen-slider .item > div.content > h2{font-size:47.02px;margin-bottom:14.04px} .full-screen-slider .item > div.content > p{font-size:19.59px;margin-bottom:27.3px} .full-screen-slider .item > div.content > a.btn-default{font-size:12px;padding:12px 40px;border-radius:6px} .full-screen-slider .item > div.content em.type1{font-size:14.31px;margin-bottom:-3.9px} .full-screen-slider .item > div.content em.type2{font-size:22.99px;margin-bottom:7.8px;margin-left:24px} .full-screen-slider .item > div.content em.type3{font-size:13.79px;margin-top:7.8px} .full-screen-slider .item > div.content h3{font-size:48.02px} .full-screen-slider .item > div.content h4{font-size:40.86px;padding-right:27px} .full-screen-slider .item > div.content .sale-bar a{font-size:16.35px;margin-left:18px} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:9px;margin-left:7.8px} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:11.5px 17.16px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:11.7px 31.2px} .full-screen-slider .item > div.content .sale-bar{height:63.96px;margin-left:10.92px} .full-screen-slider .item > div.content .sale-bar .triangle{height:63.96px;width:23.4px} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:32px;border-width:16px;border-top-width:32px;margin:0 -16px -16px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:32px;border-width:16px;border-bottom-width:32px;margin:-16px -16px 0 0} .full-screen-slider .item > div.content.content-2{margin-top:-58px} .full-screen-slider .item > div.content.content-3{margin-top:-72px} .slider-with-side .slider-area{padding:0 8px;float:none;width:100%} .slider-with-side .side-area{padding:0;float:none;width:100%} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:33.33%;float:left;margin:0} .slider-with-side .side-area .item1 .content{bottom:20px;left:20px} .slider-with-side .side-area .item2 .content{bottom:20px;left:15px} .slider-with-side .side-area .item3 .content{bottom:20px;left:20px} .slide3-2-content em{font-size:14px;margin-left:2px;margin-bottom:3px} .slide3-2-content h2{font-size:38px;margin-bottom:3px} .slide3-2-content p{font-size:29px;margin-bottom:20px} .slide3-2-content a{font-size:12px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px} #banner-slider-demo-1 .slide1-content img.quote{width:30px} #banner-slider-demo-1 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-1 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-1 .slide1-content p{font-size:18px} #banner-slider-demo-1 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-1 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-1 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-1 .slide3-content em{font-size:20px} #banner-slider-demo-1 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide1-content img.quote{width:30px} #banner-slider-demo-14 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-14 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-14 .slide1-content p{font-size:18px} #banner-slider-demo-14 .slide2-content em{font-size:20px;margin-left:2px} #banner-slider-demo-14 .slide2-content h2{font-size:44px;margin:2px 0 8px} #banner-slider-demo-14 .slide2-content p{font-size:15px;margin-left:4px;margin-bottom:25px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px; margin-left:3px;} #banner-slider-demo-14 .slide3-content em{font-size:20px} #banner-slider-demo-14 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide1-content img.quote{width:30px} #banner-slider-demo-13 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-13 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-13 .slide1-content p{font-size:18px} #banner-slider-demo-13 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-13 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-13 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide3-content em{font-size:20px} #banner-slider-demo-13 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} .menu.side-menu{display:none} .home-side-menu .mobile-nav{display:block;height:auto} .sm-xs-margin-bottom{margin-bottom:20px} .cart .crosssell li.item:nth-child(2n+1){clear:both} .parallax{background-position:center center !important} .parallax-category-banner .parallax{padding:50px 0} .parallax-content h2{font-size:38px} .parallax-content p{font-size:20px} .footer-top-subscribe h4{margin: 10px 0} .footer-top-subscribe .input-box{margin: 10px 0} #banner-slider-demo-11 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px} #banner-slider-demo-11 .content-1>div:first-child{padding-right:7px} #banner-slider-demo-11 .content-1 p{font-size:16px;margin-left:5px} #banner-slider-demo-11 .content-1 h3{font-size:58px} #banner-slider-demo-11 .content-1 h3 b{margin-top:-17px} #banner-slider-demo-11 .content-1 em{font-size:14px;margin-right:3px} #banner-slider-demo-11 .content-1 h4{font-size:26px} #banner-slider-demo-11 .content-1 h5{font-size:14px;margin-top:-2px} #banner-slider-demo-11 .content-2{right:20px;bottom:20px} #banner-slider-demo-11 .content-2>div{padding:15px 10px} #banner-slider-demo-11 .content-2>div:first-child{margin:-2px 0;padding-left:20px} #banner-slider-demo-11 .content-2 p{font-size:15px;margin-left:1px} #banner-slider-demo-11 .content-2 h3{font-size:38px} #banner-slider-demo-11 .content-2 em{font-size:12px;margin-right:2px} #banner-slider-demo-11 .content-2 h4{font-size:26px} #banner-slider-demo-11 .content-2 h5{font-size:13px;margin-top:-2px} #banner-slider-demo-11 .content-2 a{font-size:10px;margin-right:-6px} #multiship-addresses-table{} #multiship-addresses-table select {max-width:250px} #multiship-addresses-table thead{display: none} #multiship-addresses-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc} #multiship-addresses-table tbody tr.first{border-top:1px solid #dcdcdc} #multiship-addresses-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} #multiship-addresses-table a.btn-remove{position: absolute;right:10px;top:10px} #multiship-addresses-table .item-options dd{padding:0} .checkout-progress{padding:0} .multiple-checkout #review-order-form .data-table thead{display: none} .multiple-checkout #review-order-form .data-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc} .multiple-checkout #review-order-form .data-table tbody tr.first{border-top:1px solid #dcdcdc} .multiple-checkout #review-order-form .data-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} .multiple-checkout #review-order-form .data-table .item-options dd{padding:0} .multiple-checkout #review-order-form .data-table tfoot{border-left:1px solid #d9dde3;border-right:1px solid #d9dde3} .multiple-checkout #review-order-form .data-table tfoot td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} #parallax_02{padding:150px 0} #parallax_03{padding:150px 0} .header-container.type12,.header-container.type12.fixed-bottom{position:relative;left:0;top:0;min-height:0;width:auto} body.side-header .top-container,body.side-header .main-container,body.side-header .footer-container{margin-left:0} .header-container.type12 .header{text-align:left;padding:0 7px} .header-container.type12 .switcher-area{text-align:left} .header-container.type12 .switcher-area .mini-cart{float:right} .header-container.type12 .header>.logo{margin:15px 0 20px;float:left} .header-container.type12 .menu-icon{display:inline-block;height:auto;padding:0;width:25px} .header-container.type12 .menu-icon a{color:#fff;line-height:25px} .header-container.type12 .search-area{display:inline-block;width:auto;height:auto;margin:0} .header-container.type12 .search-area a.search-icon{display:block;color:#fff;line-height:25px} .header-container.type12 .header #search_mini_form{display:none;position:absolute;width:280px;right:-100px;top:30px} .header-container.type12 .header .custom-block{display:none} .header-container.type12 .top-links-area{display:inline-block;margin:0} .header-container.type12 .top-links-area .top-links-icon{display:block} .header-container.type12 .top-links-area .top-links-icon a{color:#fff} .header-container.type12 .top-links-area .links{display:none;position:absolute;background-color:#fff;width:100px;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 7px;left:0} .header-container.type12 .top-links-area .links li{padding:0;border:0} .header-container.type12 .top-links-area .links li a{color:#777} .header-container.type12 .mobile-group{float:right;margin-top:25px;margin-right:5px} .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li>a{color:#fff} .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li .open-child{color:#fff} .header-container.type12 .mini-cart .topCartContent{left:auto;right:0} .header-container.type12 .mini-cart .topCartContent:before{left:auto;right:15px} #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0} #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px} #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {display: none !important} .sticky-product{padding:15px 0} .side-header .sticky-product{padding-top:60px} .side-header .sticky-product > .container{width:100%;padding-left:15px} .img-desc-home3{margin-top:-65px;padding:0 16px} .img-desc-home3 h3{font-size:16px} .img-desc-home3 hr{width:60px;margin:10px 0} .img-desc-home3 p{font-size:10px} .img-desc-home3 a{font-size:10px} .top-newsletter #newsletter{width:160px} .header-container .top-links-icon{display:inline-block} .header-container.type4 .top-links-container .links li a {color: #777 !important;white-space: nowrap;padding: 0 10px;display: block;transition: all 0.2s;font-weight: 400;} .header-container.type4 .top-links-container .links li {padding:0;border:none;} .header-container.type4 .header.container .form-language {display:none;} } @media (min-width:768px) and (max-width:991px){ .header-container.type3 .header .switcher-group{position:static;text-align:right} } @media (min-width:768px){ .col2-left-layout .col-left.sidebar{padding-right:12px} .col2-left-layout .col-main{padding-left:12px} .col2-right-layout .col-right.sidebar{padding-left:12px} .col2-right-layout .col-main{padding-right:12px} .col3-layout .col-left.sidebar{padding-right:12px} .col3-layout .col-main{padding-left:12px;padding-right:12px} .col3-layout .col-right.sidebar{padding-left:12px} div.small-padding{padding-right:15px} .sm-f-right{float:right !important} } @media (min-width:992px){ .a-right-sm{text-align:right} .a-left-sm{text-align:left} .col-md-6.col-md-5-5{width:45%;z-index:1} .col-md-6.col-md-6-5{width:55%} .color-banner .col-md-5-5.a-left h2{margin-left:-35%} .color-banner .col-md-5-5.a-right h2{margin-right:-20%} .md-f-right{float:right !important} body.mobile-nav-shown .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)} body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:visible;opacity:0.15;filter:alpha(opacity=15)} body.mobile-nav-shown .page{left:0} body.mobile-nav-shown.md-mobile-menu .page{left:250px} body.mobile-nav-shown .mobile-nav.side-block{left:-250px} body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:0} .header-container.type4 .top-links-container {display:none!important;} .header-container.type10 .mobile-nav.side-block {display: none !important;} } @media (min-width:1280px){ body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:-250px} body.mobile-nav-shown.md-mobile-menu .page{left:0} body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)} } @media (max-width:767px){ #openCustomQuotationModal .modalbody {width:90%;padding:30px!important;margin: 2% auto 2% -45% !important;} #banner-slider-demo-14 .slide2-content h2{font-size:34px;margin:3px 0 10px} body.boxed .page{width:620px} .sm-clearer{clear:both} .history .featured-box{margin-left:0} .history .thumb{display:none} table.for-desktop{ display:none; } table.for-mobile{ display:table; } .tab-content{border:0} .product-tabs>ul li{display:inline-block} .header{width:100%} .col-main.f-right{float:none !important} .col-left.f-left{float:none !important} .header-container .welcome-msg{display:none} .header-container.type2 .header .custom-block{display:none} .header-container.type2 .links li.first{border-left:0} .header-container.type3 .header .custom-block{display:none} .header-container.type3 .links li.first{border-left:0} .header-container.type4 .header .custom-block{display:none} .header-container.type4 .links li.first{border-left:0} .header-container.type6 .links li.first{border-left:0} .header-container.type7 .links li.first{border-left:0} .header-container.type13 .links li.first{border-left:0} .breadcrumbs{text-align:left} .top-container >.breadcrumbs{padding-left:15px;padding-right:15px} .col-main .category-products .products-grid.columns2 li.item{width:50%} .col-main .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns3 li.item{width:50%} .col-main .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns4 li.item{width:50%} .col-main .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns5 li.item{width:50%} .col-main .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns6 li.item{width:50%} .col-main .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns6 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns7 li.item{width:50%} .col-main .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns7 li.item.nth-child-2np1{clear:left} .col-main .category-products .products-grid.columns8 li.item{width:50%} .col-main .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:none} .col-main .category-products .products-grid.columns8 li.item.nth-child-2np1{clear:left} .products-list .product-image-area{width:150px} .products-list .details-area{width:auto;float:none;margin-left:150px} .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{display:none} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{display:none} /********* Parallax Slider *********/ .parallax-slider .owl-carousel h2{font-size:40px} .parallax-slider .owl-carousel p{font-size:13px;margin-bottom:15px} .parallax-slider .owl-carousel a{font-size:13px} .parallax-slider .owl-theme .owl-controls{margin-top:15px} .single-images .single-image{margin-bottom:10px} .owl-banner-carousel .content.type1 h2{font-size:24px} .owl-banner-carousel .content.type1 p{display:none} .owl-banner-carousel .content.type1 a{font-size:8px} .owl-banner-carousel .content.type2 h2{font-size:20px;border-top:2px solid #08c;padding-top:4px} .owl-banner-carousel .content.type2 h3{font-size:13px} .owl-banner-carousel .content.type2 p{display:none} .owl-banner-carousel .content.type2 a{font-size:10px} .owl-banner-carousel .content-9.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px} .owl-banner-carousel .content-9.type1 h2{font-size:28px} .owl-banner-carousel .content-9.type1 p{display:none} .owl-banner-carousel .content-9.type1 a{display:none} .owl-banner-carousel .content-9.type2 h3{font-size:20px;margin-bottom:5px} .owl-banner-carousel .content-9.type2 span{display:none} .owl-banner-carousel .content-9.type2 a{font-size:9px} .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px} .homepage-grid-banner .col-sm-margin{margin-bottom:0} .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px} .homepage-grid-banner img{margin-bottom:20px} .homepage-grid-banner .grid1 .content h2{font-size:70.72px} .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px} .homepage-grid-banner .grid2 .content h2{font-size:28.88px} .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px} .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px} .homepage-grid-banner .grid4 .content h2{font-size:35px} .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px} .grid-images .grid2{margin-bottom:9px} .full-screen-slider .item > div.content em.type1{font-size:8px;margin-bottom:-2px} .full-screen-slider .item > div.content em.type2{font-size:11px;margin-bottom:4px;margin-left:10px} .full-screen-slider .item > div.content em.type3{font-size:7px;margin-top:4px} .full-screen-slider .item > div.content h3{font-size:25px} .full-screen-slider .item > div.content h4{font-size:20px;border-right:0} .full-screen-slider .item > div.content .sale-bar a{font-size:8px;margin-left:4px} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:6px;margin-left:4px} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:6px 4px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:6px 4px} .full-screen-slider .item > div.content .sale-bar{height:32px;margin-left:2px} .full-screen-slider .item > div.content .sale-bar .triangle{height:32px;width:12px} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:16px;border-width:8px;border-top-width:16px;margin:0 -8px -8px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:16px;border-width:8px;border-bottom-width:16px;margin:-8px -8px 0 0} .full-screen-slider .item > div.content.content-1{margin-top:-73px} .full-screen-slider .item > div.content.content-1 > p{font-size:14px;margin:20px 0} .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:10px;padding:10px 15px} .full-screen-slider .item > div.content.content-1 > img{width:150px} .full-screen-slider .item > div.content.content-2{margin-top:-29px} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:100%;float:none} .slider-with-side .side-area img{width:100%} .slider-with-side .side-area .item1 .content{bottom:30px;left:25px} .slider-with-side .side-area .item2 .content{bottom:30px;left:25px} .slider-with-side .side-area .item3 .content{bottom:30px;left:25px} .slider-with-side .slider-area .item .content .text-area h2{padding:4px 38px 4px 7px;font-size:22px} .slider-with-side .slider-area .item .content .text-area p{padding:6px 11px 6px 8px;font-size:9px} .slider-with-side .slider-area .item .content .ribbon{right:3px;top:3px} .slider-with-side .slider-area .item .content .ribbon em{font-size:8px;margin-right:40px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:22px;margin-right:7px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:10px;margin-top:-1px} .slide3-1-content p{margin-bottom:3px;font-size:11px} .slide3-1-content h2{font-size:25px;margin-bottom:10px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:8px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:28px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:35px;font-size:11px;line-height:35px;padding:0 13px 0 15px;border-radius:5px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:12px;margin-left:2px;margin-bottom:1px} .slide3-2-content h2{font-size:35px;margin-bottom:1px} .slide3-2-content p{font-size:25px;margin-bottom:13px} .slide3-2-content a{font-size:12px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px} .owl-item-links-block ul li{padding:0 8px} .owl-item-links-block ul li a{font-size:12px} .owl-item-links-block span{font-size:12px;padding-left:13px;margin-left:3px} .owl-item-links-block span .icon-angle-down{font-size:7px;margin-left:4px} .parallax.parallax-with-subscribe{padding:30px 0} li.etalage_small_thumbs{display:none} .product-view .product-img-box{margin-bottom:30px} .form-list .field,.col2-set .col-1,.col2-set .col-2{float:none!important;width:100%} .form-list .field+.field{margin-top:10px} .account-login .content{min-height:0} .box .box-content{min-height:0} .account-login .new-users{margin-bottom:25px} .col2-set .col-1{margin-bottom:25px} #opc-review .data-table thead{display:none} #opc-review .data-table tbody tr,#opc-review .data-table tfoot tr{display:block;border:1px solid #ddd;border-width:0 1px 1px;padding:15px 0 5px;position:relative} #opc-review .data-table tfoot tr.last{background:#f6f6f6} #opc-review .data-table tbody tr:first-child{border-top:1px solid #ddd} #opc-review .data-table tbody td,#opc-review .data-table tfoot td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0} #newsletter_popup{width:auto !important} .footer-bottom{text-align:center} .footer-bottom a.logo{float:none;margin:0} .footer-bottom .social-icons{float:none} .footer-bottom .custom-block{float:none;margin:0} .footer-bottom address{float:none;text-align:center} #parallax_01 .parallax-content-15 img.quote{width:20px} #parallax_01 .parallax-content-15 em{font-size:12px;margin:0 5px} #parallax_01 .parallax-content-15 h2{font-size:35px;margin:4px 0 7px} #parallax_01 .parallax-content-15 p{font-size:11px;margin:0} #parallax_02{padding:50px 0} #parallax_02 .parallax-content-15 em{font-size:12px} #parallax_02 .parallax-content-15 .text-content h2{font-size:35px;letter-spacing:-2px} #parallax_02 .parallax-content-15 .text-content p span{font-size:12px;padding-left:6px;display:block} #parallax_02 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px} #parallax_03{padding:50px 0} #parallax_03 .parallax-content-15 em{font-size:12px;margin:0;margin-left:1px} #parallax_03 .parallax-content-15 .text-content h2{font-size:30px;letter-spacing:-1px} #parallax_03 .parallax-content-15 .text-content p span{font-size:12px;padding-left:1px;display:block} #parallax_03 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px} #parallax_04 .parallax-content-15 img.quote{width:20px} #parallax_04 .parallax-content-15 em{font-size:12px;margin:0 5px} #parallax_04 .parallax-content-15 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px} #parallax_04 .parallax-content-15 p{font-size:10px} #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:10px;padding:5px 20px} #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px} #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px} .sticky-product .add-to-cart{position:static;margin:0;vertical-align:middle;display:inline-block} .slide3-1-new-content em{font-size:9px} .slide3-1-new-content h2{font-size:22px} .slide3-1-new-content hr{margin:5px 0;} .slide3-1-new-content a{font-size:8px} .img-desc-home3{margin-top:-88px;padding:0 25px} .img-desc-home3 h3{font-size:24px} .img-desc-home3 hr{width:90px;margin:15px 0} .img-desc-home3 p{font-size:15px} .img-desc-home3 a{font-size:15px} #banner-slider-demo-2-new .slide-1 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-2-new .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} #banner-slider-demo-2-new .slide-2 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-2-new .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px} .compare-popup{display:none} .store-switcher{text-align:center} } @media (max-width:640px){ body.boxed .page{width:480px} .owl-middle-narrow .owl-controls{display:none!important} .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .full-screen-slider .item > div.content > h2{font-size:36.17px;margin-bottom:10.8px} .full-screen-slider .item > div.content > p{font-size:15.07px;margin-bottom:21px} .full-screen-slider .item > div.content > a.btn-default{font-size:10px;padding:11px 32px;border-radius:5px} .full-screen-slider .item > div.content.content-3{margin-top:-57px} .owl-item-links-block{display:none} .slide3-2-content em{font-size:10px;margin-left:1px;margin-bottom:1px} .slide3-2-content h2{font-size:28px;margin-bottom:1px} .slide3-2-content p{font-size:16px;margin-bottom:10px} .slide3-2-content a{font-size:11px} .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px} #banner-slider-demo-1 .slide1-content img.quote{width:15px} #banner-slider-demo-1 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-1 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-1 .slide1-content p{font-size:14px} #banner-slider-demo-1 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-1 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-1 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-1 .slide3-content em{font-size:14px} #banner-slider-demo-1 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide1-content img.quote{width:15px} #banner-slider-demo-14 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-14 .slide1-content h2{font-size:30px;margin:1px 0 3px} #banner-slider-demo-14 .slide1-content p{font-size:12px} #banner-slider-demo-14 .slide2-content em{font-size:14px;margin-left:2px} #banner-slider-demo-14 .slide2-content h2{font-size:30px;margin:0 0 3px} #banner-slider-demo-14 .slide2-content p{font-size:10px;margin-left:4px;margin-bottom:10px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:9px;width:100px;height:24px;line-height:24px;padding:0;margin-right:1px;margin-left:2px} #banner-slider-demo-14 .slide3-content em{font-size:12px} #banner-slider-demo-14 .slide3-content h2{font-size:30px;margin-bottom:5px} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide1-content img.quote{width:15px} #banner-slider-demo-13 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-13 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-13 .slide1-content p{font-size:14px} #banner-slider-demo-13 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-13 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-13 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide3-content em{font-size:14px} #banner-slider-demo-13 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} .footer-container.fixed-position .footer-bottom address{display:none} .footer-container.fixed-position .footer-bottom{text-align:center} .footer-container.fixed-position .footer-bottom .social-icons{display:inline-block;float:none} .header-container.type1 .links,.header-container.type2 .links,.header-container.type3 .links,.header-container.type4 .links,.header-container.type6 .links,.header-container.type7 .links,.header-container.type13 .links,.header-container.type9 .links,.header-container.type10 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type1 .links li,.header-container.type2 .links li,.header-container.type3 .links li,.header-container.type4 .links li,.header-container.type6 .links li,.header-container.type7 .links li,.header-container.type13 .links li,.header-container.type9 .links li,.header-container.type10 .links li{display:block;border:0;padding:0} .header-container.type1 .links li a,.header-container.type2 .links li a,.header-container.type3 .top-links ul.links li a,.header-container.type4 .links li a,.header-container.type6 .links li a,.header-container.type7 .links li a,.header-container.type13 .links li a,.header-container.type9 .top-links ul.links li a,.header-container.type10 .top-links ul.links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type1 .links li:hover a,.header-container.type2 .links li:hover a,.header-container.type4 .links li:hover a,.header-container.type6 .links li:hover a,.header-container.type7 .links li:hover a, .header-container.type13 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type8 .header{padding:20px 0} .header-container.type8 .cart-area{position:static;float:right;height:auto;margin-left:-150px} .header-container.type8 .top-links-area{margin:13px 0 30px} .header-container.type8 .menu-icon{margin:0 15px 0 10px} .header-container.type8 .switcher-area{display:block;margin-right:15px} .header-container.type8 .header .form-search{right:-30px} .header-container.type8 .header .form-search:before{right:35px} .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px} .full-width-image-banner{height:200px} .full-width-image-banner .content{margin-top:-16px} .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1} .full-width-image-banner p{display:none} #banner-slider-demo-11 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px} #banner-slider-demo-11 .content-1>div:first-child{padding-right:2px} #banner-slider-demo-11 .content-1 p{font-size:7px;margin-left:2px} #banner-slider-demo-11 .content-1 h3{font-size:22px} #banner-slider-demo-11 .content-1 h3 b{margin-top:-6px} #banner-slider-demo-11 .content-1 em{font-size:6px;margin-right:1px} #banner-slider-demo-11 .content-1 h4{font-size:12px} #banner-slider-demo-11 .content-1 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-11 .content-2{right:8px;bottom:8px} #banner-slider-demo-11 .content-2>div{padding:3px 6px} #banner-slider-demo-11 .content-2>div:first-child{margin:-1px 0;padding-left:9px} #banner-slider-demo-11 .content-2 p{font-size:7px;margin-left:1px} #banner-slider-demo-11 .content-2 h3{font-size:16px} #banner-slider-demo-11 .content-2 em{font-size:6px;margin-right:1px} #banner-slider-demo-11 .content-2 h4{font-size:12px} #banner-slider-demo-11 .content-2 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-11 .content-2 a{font-size:6px;margin-right:-3px} .header-container.type11 .header-right-area > div:first-child{display:block;margin-bottom:40px} .checkout-progress li{width: 49%} .sticky-product{display:none !important} } @media (max-width:600px){ #openCustomQuotationModal .customization-icons li{width:33.333% !important;} } @media (max-width:400px){ #openCustomQuotationModal .customization-icons li{width:50% !important;} } @media (max-width:480px){ body.boxed .page{width:320px} .add-to-cart button.button{width:110px} .toolbar .pager{float:left;margin-right:10px;margin-left:-10px} .sorter .limiter{float:left} .pager .pages{float:left} /* .col-main .category-products .products-grid.columns2 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns3 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns4 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns5 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns6 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns7 li.item{width:100%;clear:left} .col-main .category-products .products-grid.columns8 li.item{width:100%;clear:left}*/ .col-main .category-products .products-list li.item .item-area{text-align:center} .products-list .product-image-area{width:280px;display:inline-block;float:none} .products-list .details-area{margin-left:0;text-align:left} .category-banner .banner-text h2{font-size:14px} .category-boxed-banner .banner-text h2{font-size:14px} .col1-layout .product-view .product-info{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .product-options{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border:0} .homepage-grid-banner .grid1 .content h2{font-size:25px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .slider-with-side .slider-area .item .content .text-area p{display:none} .slider-with-side .slider-area .item .content .ribbon{right:3px;top:1px} .slider-with-side .slider-area .item .content .ribbon em{font-size:6px;margin-right:22px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:14px;margin-right:2px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:6px;margin-top:-1px} .slide3-1-content p{margin-bottom:3px;font-size:8px} .slide3-1-content h2{font-size:17px;margin-bottom:10px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:7px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:21px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:28px;font-size:11px;line-height:28px;padding:0 13px 0 15px;border-radius:3px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:8px;margin-left:0;margin-bottom:0} .slide3-2-content h2{font-size:20px;margin-bottom:0} .slide3-2-content p{font-size:12px;margin-bottom:5px} .slide3-2-content a{font-size:11px} .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px} .parallax-wrapper.parallax-with-subscribe .parallax-slider p{display:none} .parallax-wrapper.parallax-with-subscribe .parallax-subscribe{margin-top:20px} .header-container.type1 .header .logo{margin:15px 0} .header-container.type1 .header .logo img{max-height:50px} .header-container.type1 .header-right-area{position:static;margin:0;margin-bottom:10px} .header-container.type1 .header-right-area>div:first-child{margin:30px 0} .header-container.type1 .header .form-search,.header-container.type2 .header .form-search,.header-container.type3 .header .form-search,.header-container.type4 .header .form-search,.header-container.type5 .header .form-search,.header-container.type6 .header .form-search,.header-container.type7 .header .form-search,.header-container.type13 .header .form-search,.header-container.type8 .header .form-search,.header-container.type9 .header .form-search,.header-container.type10 .header .form-search{width:300px} .header-container.type2 .mybag-link .cart-info span{display:none} .header-container.type2 .mybag-link .cart-info span.cart-qty{display:inline-block} .header-container.type5 .header>.logo{margin:30px 0} .header-container.type5 .search-area{margin:35px 0} .header-container.type5 .menu-icon{margin:0 5px} .header-container.type5 .header .form-search{left:auto;right:-145px} .header-container.type5 .header .form-search:before{left:auto;right:140px} .ratings-table.data-table thead{display:none} .ratings-table.data-table tbody td{padding:15px 5px} .buttons-set button.button, .checkout-types button.button{float:none;width:100%;margin:0 0 5px} .cart .title-buttons .checkout-types li{float:none;} .parallax-category-banner .parallax{padding:30px 0} .parallax-content h2{font-size:25px} .parallax-content p{font-size:11px} .footer-bottom .custom-block{margin-left:0} .footer-bottom address{float:left;line-height:1.4;margin:5px 0} .full-width-image-banner{height:150px} .full-width-image-banner .content{margin-top:-13px} .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1} .full-width-image-banner p{display:none} .footer-top-subscribe .input-box{text-align:left;max-width:100%} .header-container.type1 .compare-link > a{margin-bottom:5px} .header-container.type1 .form-currency, .header-container.type1 .form-language{margin-bottom:5px} #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0} #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important} .top-newsletter{display:none} .type4 .form-language.top-select { margin-top:12px; position:static; } } @media (min-width:1200px){ .col-lg-2-4{width:20%} .col-lg-9-6{width:80%} } @media screen and(-ms-high-contrast: active),(-ms-high-contrast: none){ .rating-box{width:65px;height:12px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative} .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ddd;display:inline;font-size:11px;line-height:12px;white-space:nowrap} .rating-box .rating{float:left;height:12px;position:absolute;left:0;top:0;overflow:hidden} .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ffc600;display:inline;font-size:11px;line-height:12px;white-space:nowrap} } @media only screen and (min-width: 600px) { #openCustomQuotationModal .customization-icons li { width: 20% !important; } } /*=============================mobile optimizations===========================*/ @media (max-width:1382px){ .block-layered-nav .last{float:none;} } @media (max-width:1319px){ .product-view img.hero{height:335px;} .header-container .links li{padding:0 5px;} .type4 .header.container .form-language.top-select{right:320px;} } @media (max-width:1319px) and (min-width:1200px){ .header-container.type4 .header #search_mini_form{width:400px;} } @media (max-width:1280px){} @media (max-width:1200px){} @media (max-width:1199px) and (min-width:992px){ .header>.logo{max-width:210px;padding-top:7px;} .main-nav ul.menu >li >a{padding-left:15px;padding-right:15px;} .header-container.sticky-header .main-nav ul.menu>li>a{padding-left:12px!important;padding-right:12px!important;} } @media (max-width:1199px){ .product-view img.hero{height:275px;} .cms-how-to-make-an-app .landing .userQuoteWrapper{height:255px!important;} } @media (max-width:1199px) and (min-width:768px){ .product-options ul.options-list label .price-notice{float:right;padding-left:0;} .product-options ul.options-list label .price-notice .old-price{display:block;} .product-options ul.options-list label .price-notice .old-price .price{margin-right:0px;} .product-options ul.options-list .label .questionmark{float:right;margin-left:0;} .options-list li input[type="radio"]:not(old) + span,.options-list li input[type="checkbox"]:not(old) + span{padding-left:20px!important} } @media (max-width:1199px) and (min-width:768px){ } @media (max-width:1024px){ .landing#page #promo #hand{display:none;} .landing section#promo.build-an-app{background:#FF680F;} .landing#page #promo .columns{padding-top:0;padding-left:0;text-align:center;} .landing#page #promo h1{width:auto;margin-bottom:30px;} .landing#page #promo h2{margin-bottom:30px;} .landing .medium-7{width:auto;} .landing#page #promo .contentWrapper{width:90%;margin:0 auto;} } @media (max-width:992px){ .header-container.type4 .cart-area{float:right;position:static;margin:5px 15px 5px 0} .cms-index-index .container {padding-left:0; padding-right:0;} .cms-index-index .mobile-nav.container {padding-left:15px; padding-right:15px;} .header-container.type4 .header {padding-top:10px;padding-bottom:10px;} .header-container .top-links-icon{font-size:15px;padding-right:15px;} .header-container .top-links-icon:before{right:4px;margin-top:-8px;} .header-container.type4 .top-links-container .links li a{font-size:15px;} .top-links-container{display:none;} .section-quotes {height:auto;} } @media (max-width:991px){ .product-view img.hero{height:210px;} .product-view .add-to-cart button.button{width:100%;} .product-view .product-details-row .product-details-box, .product-view .product-details-row .moneybackpanel, .product-view .product-details-row .attributepanel{width:100%;} .sticky-product{display:none;} .hp-search-wrapper{display:block;} .-large3{width:100%;} .mobile-hidden{display:none!important;} .checkout-cart-index .cart .title-buttons .checkout-types li{float:none;} .checkout-cart-index .page-title.title-buttons .btn-checkout{width:100%;} .cms-how-to-make-an-app .landing .section.-quotes2.-alternate{display:none;} .cms-how-to-make-an-app .landing .medium-8{width:100%;margin-left:0;} } @media (min-width:992px){ .stickyPurchase_button{display:none;} .checkout-cart-index .page-title.title-buttons .btn-checkout{display:none;} } @media (max-width:991px) and (min-width:768px){ .product-view .product-img-box{width:55%;} .product-view .col-sm-4.product-shop-col{width:45%;} } @media (max-width:800px){ .cms-index-index .row{margin-left:0;margin-right:0;} .cms-index-index .col-main > .std{padding-left:0;padding-right:0;} .cms-index-index .new-arrivals{margin-left:-10px;} .cms-index-index .new-arrivals h2{margin-left:10px;} .owl-top-narrow{margin-left:0;margin-right:0;} .data-table.cart-table tbody tr.last,.data-table.cart-table tbody td.last {float: none;} } @media (max-width:768px){ .filter-products .products div.item .details-area .product-name{width:100%!important;} .item .product-name{width:100%!important;} } @media (min-width:768px){ .hide-mobile{display:block!important;} .show-mobile{display:none!important;} } @media (max-width:767px){ .col-main .category-products .products-grid.columns6{margin-left:-4px;margin-right:-4px;} .cms-index-index .new-arrivals{padding-left:10px;padding-right:10px;} .footer-middle,.footer-middle-2,.footer-bottom{padding-left:10px;padding-right:10px;} .filter-products .products.small-list div.item{width:50%;max-width:none;float:left;} .filter-products .products.small-list div.item .product-name{float:none;} .filter-products .products.small-list div.item .details-area .ratings{margin-bottom:0;} .filter-products .products.small-list div.item .details-area{padding-top:0;} .footer-middle ul.links li{background:rgba(0, 0, 0, 0.15);margin-bottom:2px;padding:12px 13px;} .footer-middle ul.links li a{font-size:15px;} .footer-middle-2 .block .block-title {margin:25px 0 10px} .footer-middle-2 .block .block-title strong{font-size:24px;} .footer-middle{padding-top:10px;padding-bottom:10px;} .footer-middle .block.block-subscribe .input-box input.input-text{max-width:none;} .block-subscribe .block-content{padding-left:0;padding-right:0;} .product-view img.hero{height:auto;} .product-view .product-img-box{width:100%;float:none;margin-bottom:15px;} .catalog-product-view .product-shop{max-width:600px;margin-left:auto;margin-right:auto;float:none;overflow:hidden;} .breadcrumbs .row .col-sm-12{margin-left:-15px;margin-right:-15px;} #opc-login .col2-set .content{min-height:0;} .hide-mobile{display:none!important;} .show-mobile{display:block!important;} .loginModal .chupaModal_inner{width:90%;} .cms-how-to-make-an-app .landing .bulletSteps{padding:0;} .cms-how-to-make-an-app .landing .bulletSteps_item{width:100%;} .cms-how-to-make-an-app .landing .bulletSteps.-largeHorizontal .bulletSteps_item{padding:0;} .cms-how-to-make-an-app .landing .swiper-container .swiper-slide img{width:100%;} } @media (max-width:640px){ .cms-how-to-make-an-app .landing .medium-8 .cta2{font-size:18px;padding-left:20px;padding-right:20px;} } @media (max-width:600px){ ul.comments li span.date{position:relative;margin-top:10px;} .numberPromo .-large9{width:90%;} .cart .trust ul{font-size:16px;text-align:center;} .landing#page #promo .button{padding-left:20px;padding-right:20px;} } @media (max-width:500px){ .cms-how-to-make-an-app .landing .section.-alternate{padding:52px 0;} .cms-how-to-make-an-app .landing .medium-8 .cta2{font-size:16px;} .landing#page #promo .button{font-size:15px;} } @media (max-width:500px){ #wishlist-add{margin-bottom:20px;float:none;padding-left:0;} } @media (max-width:480px){ .loginModal_footer_left{ border-right:none; } } @media (min-width:481px){ #showFiltersStatic, #showFilters{display:none;} } @media (min-width:401px){ #showFiltersStatic, #showFilters{display:none;} } @media (max-width:400px){ .header-container.type4 .header > .logo{margin-right:0;} .header-container.type4 .header .logo img{height:36px;margin-top:10px;} .-large3{width:100%;margin-top:30px;} .-large3:first-child{margin-top:0;} .numberPromo{padding:30px 0;} .main-container{padding-bottom:0;} .cms-index-index .col-main{padding-bottom:0;} .filter-products .products.small-list div.item{width:100%;} .numberPromo{padding-top:0;} .block.block-layered-nav{display:none;} #showFiltersStatic, #showFilters{display:block;} #banner-slider-demo-14 .owl-wrapper .owl-item > .item{width:230%;max-width:230%;} #banner-slider-demo-14 .owl-wrapper .owl-item > .item .content-area{left:20px!important;right:auto!important;top:auto!important;bottom:80px;} #banner-slider-demo-14 .slide2-content em{font-size:20px;} #banner-slider-demo-14 .slide2-content p{font-size:16px;} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:14px;width:140px;height:30px;line-height:30px;} .section-quotes, .footer .footer-middle-1{display:none;} .landing#page #promo .button{font-size:13px;} } @media (min-width:401px){ #showFiltersStatic, #showFilters{display:none;} } @media (max-width:400px){ .header-container.type4 .header .logo img{height:100%!important;width:100%;} /*.col-main .category-products .products-grid.columns6 li.item, .col-main .category-products .products-grid.columns5 li.item{width:100%!important;}*/ .section-quotes .row .medium-6{width:100%;padding-bottom:70px;overflow:hidden;} .section-quotes{padding-top:0;padding-bottom:0;} .header-container.type4 .header > .logo{max-height:none;} .col-main .category-products .products-grid li.item span.sale-product-icon{font-size:16px;} .miniForm_nodeGroup .miniForm_grid_column.-small{width:100%;} .pgCart_stripe_footer_cards{clear:both;} #payment_tabs ul.tabs li.tab { border-right:none; display:block; padding:10px 0; width:100%; } #payment_tabs ul.tabs li.tab.active { border-top:3px solid #82b541; border-bottom:1px solid #ddd; padding:7px 0 10px 0; } .cms-how-to-make-an-app .landing .swiper-container{display:none;} .cms-how-to-make-an-app .landing .medium-8 .cta2{font-size:14px;} } @media (max-width:320px){ } @media (max-width:1199px){ } @media (max-width:991px){ } @media (max-width:768px){ } @media (max-width:640px){ } @media (min-width:768px){ } @media (min-width:992px){ } @media (min-width:1320px){ .container {width: 1280px} } /** * WARNING: Do not change this file. Your changes will be lost. * 2015-11-17 10:47:01 */ a,a:hover,input.qty,.form-wrap h2,#form-validate h2,.col-main .page-title h2,.sub-title,.data-table .product-name a,.cart-table .link-wishlist,.cart-table .link-wishlist:hover,.btn-remove,.btn-remove:hover,.header-container .links,.mini-cart .qty-price,.mini-cart .totals,.header-container.type4 .mybag-link i,.header-container.type5 .mybag-link i,.header-container.type6 .mybag-link i,.header-container.type6 .menu-icon,.header-container.type7 .mybag-link i,.header-container.type13 .mybag-link i,.header-container.type9 .top-links a,.header-container.type9 .mybag-link i,.header-container.type10 .top-links a,.fixed-header ul.menu >li >a,.main-nav ul.menu >li >a,.fixed-header .mybag-link i,.menu.side-menu>li.menu-static-width>a:after,.menu.side-menu>li.menu-item-has-children>a:after,.menu.side-menu>li.menu-full-width>a:after,.mini-products-list li .product-name a:hover,.block-category-nav .category-list a.plus,.col-main.filter-products li.item:hover .price-box .price,.review-area .review-by b,.add-to-cart .qty,.product-tabs>ul li a,.product-view .product-shop .price-box .regular-price .price,.product-view .product-shop .price-box .special-price .price,.cart-table td.td-total .cart-price,.sp-methods .price,.opc .step-title .number,.opc .step-title h2,#opc-review tr td.last .cart-price .price,#wishlist-table .product-name a,#totop,.block.block-related .owl-theme .owl-controls .owl-buttons div,.order-products-table .price,.block-account ul li strong,.block-account ul li a:hover,.block.block-blog-categories a:hover,p .alternative-font,.entry-content h3,.history h4,.block.block-blog-recent ul li a,.postWrapper .post-date .day,.postDetails >span a:hover,.postBookmarks a:hover,.post-share h3,.postComments .postTitle h2,#postComment h4.legend,.cms-index-index .tp-caption.very_large_text,.cms-index-index .tp-caption.large_thin,.cms-index-index .tp-caption.title1,.cms-index-index .tp-caption a.btn-white,.cms-index-index .tp-caption a.btn-white:hover,.slide .product .price,h3.filter-title,.filterproducts-tab .filter-title ul li.active a,.feature-box.secundary .feature-box-icon,.owl-top-narrow .owl-controls .owl-buttons div,.owl-bottom-narrow .owl-controls .owl-buttons div,.recent-posts .post-date .day,.true-color,ul.list.icons li i.icon,.owl-middle-narrow .owl-controls .owl-buttons div,.featured-post h4,.post-a-day,.post-a-year,.owl-theme.banner-carousel .owl-controls .owl-buttons div,.product-options .product-swatches-container .has-swatches a.active,.col-main .page-title h1,.col-main .page-title h2,.product-view .product-options .swatch-attr .select-label,.availability-only strong,.product-image-area .actions a.addtocart,.opc-wrapper-opc a:hover,.opc-wrapper-opc .opc-review-actions .view-agreement:hover,.header-container.type9 .main-nav ul.menu>li.act>a, .header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a, .header-container.type10 .main-nav ul.menu>li:hover>a,.price-excluding-tax .price,.price-including-tax .price,.checkout-progress li.active,.header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty,.header-container.sticky-header .menu-wrapper .mybag-link i,.multiple-checkout .place-order .grand-total .price {color:#000000} @-moz-keyframes f_fadeG{0%{background-color:#000000}100%{background-color:#FFFFFF}} @-webkit-keyframes f_fadeG{0%{background-color:#000000}100%{background-color:#FFFFFF}} @-ms-keyframes f_fadeG{0%{background-color:#000000}100%{background-color:#FFFFFF}} @-o-keyframes f_fadeG{0%{background-color:#000000}100%{background-color:#FFFFFF}} @keyframes f_fadeG{0%{background-color:#000000}100%{background-color:#FFFFFF}} .theme-color{color:#000000!important} .theme-hover-color:hover{color:#000000!important} .theme-bg-color{background-color:#000000!important} .theme-border-color{border-color:#000000!important} .theme-hover-bg-color:hover{background-color:#000000} button.button span,.pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.header-container.type2 .mybag-link ,.header-container.type5 .top-links-container,.header-container.type6 .top-links-container,.header-container.type7 .top-links-container,.header-container.type13 .top-links-container,.header-container.type8 .top-links-container,.fixed-header ul.menu >li:hover,.main-nav ul.menu >li:hover,.fixed-header ul.menu >li.act,.main-nav ul.menu >li.act,.menu.side-menu>li:hover,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.block-layered-nav dt:hover:before,.block-category-nav .block-title:hover:before,.price-filter-slider .text-box input.go,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.block.block-facebook-like .block-title a.btn-like,.btn-primary,.contacts-index-index .col-main .contact-info i,.block.block-blog-tags ul li a:hover,.postWrapper .post-date .month,.feature-box .feature-box-icon,.full-screen-slider .item > div.content .sale-bar a .icon-angle-down,.recent-posts .post-date .month,.post-a-month,.owl-theme .owl-controls .owl-page.active span,.footer-ribbon,.owl-theme .owl-controls.clickable .owl-page:hover span,.btn-default,.btn-default:hover,a.quickview-icon,.product-options .product-swatches-container .has-swatches a.active.selected,.cms-index-index blockquote.testimonial,.expand_plus,.review-menu-block a.review-total,.image-link span.category-title {background-color:#000000} .pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.btn-primary,i.ajax-loader,#narrow-by-list dd .swatch-link:hover .swatch-label,.configurable-swatch-list .hover .swatch-link,.configurable-swatch-list .selected .swatch-link,.swatch-link:hover,.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch,.product-image-area .actions a.addtocart,.opc-wrapper-opc #opc-review-block,#newsletter_popup {border-color:#000000} .form-wrap,#form-validate,.option-detail .item-options,.header-container.type2,.header-container.type4,.fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown,.block.block-subscribe.home-sidebar-block,.product-tabs>ul li.active,.history .featured-box .box-content,.homepage-grid-banner .ribbon:before,.owl-banner-carousel .content.type2 h2,.featured-box .box-content,.cms-index-index .testimonial-arrow-down,#success-message-container,.checkout-progress li.active,.form-wrap,#form-validate,#login-form,.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.image-link span.category-title:before {border-top-color:#000000} .topCartContent:before,.availability-only span,.availability-only a,.prev-next-products .product-nav .product-pop:before,.compare-popup:before {border-bottom-color:#000000} .image-link span.category-title:before {border-right-color:#000000} .opc-wrapper-opc #opc-review-block:before {border-bottom-color:#000000 !important} .menu.side-menu>li .nav-sublist-dropdown { border-left-color:#000000} @media (max-width: 1199px){ .owl-banner-carousel .content.type2 h2{border-top-color:#000000} } @media (max-width: 991px){ .header-container.type5 .top-links-icon,.header-container.type5 .top-links-icon a{color:#000000} .owl-banner-carousel .content.type2 h2{border-top-color:#000000} } @media (max-width: 767px){ .owl-banner-carousel .content.type2 h2{border-top-color:#000000} } button.button span{ } button.button:hover span{ } span.new-product-icon{ } span.sale-product-icon{ } .fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,.menu.side-menu li>a span.cat-label.cat-label-label1{ } .fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,.menu.side-menu li>a span.cat-label.cat-label-label2{ } .top-container >.breadcrumbs{background-color:transparent} .top-container >.breadcrumbs{color:#000000} .breadcrumbs li a{color:#000000} .breadcrumbs li a:hover{color:#000000} .header-container.type2 .top-links-container, .header-container.type3 .top-links-container, .header-container.type4 .top-links-container, .header-container.type5 .top-links-container, .header-container.type6 .top-links-container, .header-container.type7 .top-links-container, .header-container.type13 .top-links-container, .header-container.type9 .top-links-container, .header-container.type10 .top-links-container{ background-color:transparent; } .header-container.type1, .header-container.type2, .header-container.type3, .header-container.type4, .header-container.type5, .header-container.type6, .header-container.type7, .header-container.type13, .header-container.type8, .header-container.type9, .header-container.type10, .header-container.type11, .header-container.type12, .header-container.type1.sticky-header .header-wrapper, .header-container.type2.sticky-header .header-wrapper, .header-container.type4.sticky-header .header-wrapper, .header-container.type5.sticky-header .header-wrapper, .header-container.type6.sticky-header .header-wrapper, .header-container.type7.sticky-header .header-wrapper, .header-container.type13.sticky-header .header-wrapper, .header-container.type8.sticky-header .header-wrapper, .header-container.type9.sticky-header .header-wrapper, .header-container.type11.sticky-header .header-wrapper, .header-container.type12.sticky-header .header-wrapper{ background-color:transparent; } .header-container.type2 .main-nav .menu-wrapper, .header-container.type3 .main-nav, .header-container.type4 .main-nav .menu-wrapper, .header-container.type9 .main-nav .menu-wrapper, .header-container.type10 .header-wrapper, .header-container.type3.sticky-header .header-wrapper, .header-container.type4.sticky-header .header-wrapper, .header-container.type10.sticky-header .header-wrapper{ background-color:#0094eb; } .header-container.type1 .main-nav ul.menu>li>a, .header-container.type2 .main-nav ul.menu>li>a, .header-container.type3 .main-nav ul.menu>li>a, .header-container.type4 .main-nav ul.menu>li>a, .header-container.type5 .main-nav ul.menu>li>a, .header-container.type6 .main-nav ul.menu>li>a, .header-container.type7 .main-nav ul.menu>li>a, .header-container.type13 .main-nav ul.menu>li>a, .header-container.type8 .main-nav ul.menu>li>a, .header-container.type9 .main-nav ul.menu>li>a, .header-container.type10 .main-nav ul.menu>li>a, .header-container.type11 .main-nav ul.menu>li>a, .header-container.type12 .main-nav ul.menu>li>a{ color:#ffffff; } .header-container.type1 .main-nav ul.menu>li:hover,.header-container.type1 .main-nav ul.menu>li.act, .header-container.type2 .main-nav ul.menu>li:hover,.header-container.type2 .main-nav ul.menu>li.act, .header-container.type3 .main-nav ul.menu>li:hover,.header-container.type3 .main-nav ul.menu>li.act, .header-container.type4 .main-nav ul.menu>li:hover,.header-container.type4 .main-nav ul.menu>li.act, .header-container.type5 .main-nav ul.menu>li:hover,.header-container.type5 .main-nav ul.menu>li.act, .header-container.type6 .main-nav ul.menu>li:hover,.header-container.type6 .main-nav ul.menu>li.act, .header-container.type7 .main-nav ul.menu>li:hover,.header-container.type7 .main-nav ul.menu>li.act, .header-container.type13 .main-nav ul.menu>li:hover,.header-container.type13 .main-nav ul.menu>li.act, .header-container.type8 .main-nav ul.menu>li:hover,.header-container.type8 .main-nav ul.menu>li.act, .header-container.type9 .main-nav ul.menu>li:hover,.header-container.type9 .main-nav ul.menu>li.act, .header-container.type10 .main-nav ul.menu>li:hover,.header-container.type10 .main-nav ul.menu>li.act, .header-container.type11 .main-nav ul.menu>li:hover,.header-container.type11 .main-nav ul.menu>li.act, .header-container.type12 .main-nav ul.menu>li:hover,.header-container.type12 .main-nav ul.menu>li.act{ background-color:#58a7ff; } .header-container.type1 .main-nav ul.menu>li:hover>a,.header-container.type1 .main-nav ul.menu>li.act>a, .header-container.type2 .main-nav ul.menu>li:hover>a,.header-container.type2 .main-nav ul.menu>li.act>a, .header-container.type3 .main-nav ul.menu>li:hover>a,.header-container.type3 .main-nav ul.menu>li.act>a, .header-container.type4 .main-nav ul.menu>li:hover>a,.header-container.type4 .main-nav ul.menu>li.act>a, .header-container.type5 .main-nav ul.menu>li:hover>a,.header-container.type5 .main-nav ul.menu>li.act>a, .header-container.type6 .main-nav ul.menu>li:hover>a,.header-container.type6 .main-nav ul.menu>li.act>a, .header-container.type7 .main-nav ul.menu>li:hover>a,.header-container.type7 .main-nav ul.menu>li.act>a, .header-container.type13 .main-nav ul.menu>li:hover>a,.header-container.type13 .main-nav ul.menu>li.act>a, .header-container.type8 .main-nav ul.menu>li:hover>a,.header-container.type8 .main-nav ul.menu>li.act>a, .header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type9 .main-nav ul.menu>li.act>a, .header-container.type10 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a, .header-container.type11 .main-nav ul.menu>li:hover>a,.header-container.type11 .main-nav ul.menu>li.act>a, .header-container.type12 .main-nav ul.menu>li:hover>a,.header-container.type12 .main-nav ul.menu>li.act>a{ color:#ffffff; } .main-nav .menu>li.menu-full-width .nav-sublist-dropdown,.main-nav .menu>li.menu-static-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown{ } .fixed-header .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a, .main-nav .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a,.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a{ background-color:#0094eb; } .footer-middle{ background-color:#54555e; } .footer-middle, .footer-middle p, .footer-middle .contact-info i{ color:#bbbbbb; } .footer-middle a{ color:#bbbbbb; } .footer-middle a:hover{ color:#bbbbbb; } .footer-middle .block .block-title strong{ color:#ffffff; } .footer-middle .links i.theme-color,.footer-middle .features i.theme-color{ color:#bbbbbb !important; } .footer-middle-2{ background-color:#50515a; } .footer-middle-2, .footer-middle-2 p, .footer-middle-2 .contact-info i{ color:#bbbbbb; } .footer-middle-2 a{ color:#bbbbbb; } .footer-middle-2 a:hover{ color:#bbbbbb; } .footer-middle-2 .block .block-title strong{ color:#ffffff; } .footer-middle-2 .links i.theme-color,.footer-middle-2 .features i.theme-color{ color:#bbbbbb !important; } .footer-bottom{ background-color:#45464e; } .footer-bottom, .footer-bottom p{ color:#bbbbbb; } .footer-bottom a{ color:#bbbbbb; } .footer-bottom a:hover{ color:#bbbbbb; } #totop{ } #totop:hover{ } .page{ background-color:#ffffff; background-image:url(//www.chupamobile.com/media/porto/page/stores/27/page.png); background-position:top center;background-repeat:repeat-x;; } .product-view .box-up-sell > h2 span { background-color:#ffffff; } /** * WARNING: Do not change this file. Your changes will be lost. * 2016-02-12 13:39:52 */ input, select, textarea, button, input.input-text, .btn, button.button span, .sorter .view-mode i, .sorter .view-mode strong i, .sorter .view-mode a:hover i, .pager li>a, .pager li > span, .pager .pages li, .product-label span, a.quickview-icon, a.addtocart, a.comparelink, a.addtowishlist, .product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li, .qty-changer > a, .add-to-cart button.button span, .product-view .product-shop .add-to-links a, .sharing-tool-area .addthis_32x32_style .at300bs, .product-tabs>ul li, .product-tabs .tab-content, .form-list input.input-text, .form-list textarea, .form-list select, .block.block-related .product .product-image img, .cart .cart-table-wrap, .cart .discount h2, .cart .shipping h2, .cart .cart-collaterals h2, .cart .discount h2 + *, .cart .shipping h2 + *, .cart .cart-collaterals h2 + *, .cart .discount h2:before, .cart .shipping h2:before, .featured-box, .featured-box .box-content, .featured-box .block-flickr-photos a.flickr-image, .contacts-index-index .col-main .contact-info i, .dashboard .welcome-msg, .box .box-title, .box .box-content, .address-list li.item, .form-wrap, #form-validate, .postBanner, .postWrapper .post-date .day, .postWrapper .post-date .month, .postBanner img, .block.block-blog-recent ul li div.post-image, .commentWrapper i.icon-user, .commentWrapper .comment-area, .fancybox-opened .fancybox-skin, a.single-image, .recent-posts .item .post-image, .recent-posts .item .post-image img, .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.form-wrap,#form-validate,#login-form,a.at300b .at4-icon, a.at300m .at4-icon, .prev-next-products .product-nav .product-pop {border-radius:0} .header .form-search #search, .header .form-search, .header-container .selectbox .dropdown, .header-container .links, .menu-wrapper, ul.menu>li, .menu>li .nav-sublist-dropdown, .topCartContent, .block, .block .block-title, .block .block-title:before, .block .block-content, .block-layered-nav dt, .block-layered-nav dt:before, .block-layered-nav dd, .block-layered-nav #narrow-by-list .layered-navigation-swatch, .product-image-area, .item .product-image, .product-swatches-container li a, #success-message-container, #after-loading-success-message, .opc-wrapper-opc .login-trigger, .review-menu-block a.review-total, .opc-wrapper-opc #opc-review-block, .md-content, .tooltip-popup, .category-boxed-banner .owl-item .item, blockquote, .img-thumbnail {border-radius:0!important} .product-image-area{padding:0;border:0} .footer-middle .block.block-subscribe .input-box input.input-text{border:1px solid #ccc;background-color:transparent;border-radius:4px;height:34px} .footer-middle .block.block-subscribe .input-box button{border-left:1px solid #ccc} .footer-middle .block.block-subscribe .input-box button span{background-color:transparent;color:#777;height:34px;line-height:34px} .header-container.type4 { border-top: 0; } .header-container.type4 .main-nav ul.menu>li>a { padding-top: 19px; padding-bottom: 19px; height: 54px; } .main-nav .menu { border-bottom: 4px solid #3f4048; height: 54px; } .main-nav ul.menu >li.menu-full-width >a:after, .main-nav ul.menu >li.menu-item-has-children >a:after, .main-nav ul.menu >li.menu-static-width >a:after { margin-top: -9px; } .footer-middle .block.block-subscribe .input-box input.input-text {border: 0;background-color: #45464e;border-radius: 0;height: 36px;color:#fff;} .footer-middle .block.block-subscribe .input-box button {border-left: 0;} .footer-middle .block.block-subscribe .input-box button span {background-color: #0f0f0f;color: #fff;height: 36px;line-height: 36px;border-radius: 0;text-transform: uppercase;} .footer-bottom a.logo{margin-right:0} .footer-middle .product-name a,.small-list .price{color:#fff;} .top-container >.breadcrumbs {margin-top: 5px; margin-bottom: -15px;} .fixed-header ul.menu >li .nav-sublist-dropdown, .main-nav ul.menu >li .nav-sublist-dropdown, .fixed-header ul.menu >li.menu-full-width .nav-sublist-dropdown, .main-nav ul.menu >li.menu-full-width .nav-sublist-dropdown, .fixed-header ul.menu >li.menu-static-width .nav-sublist-dropdown, .main-nav ul.menu >li.menu-static-width .nav-sublist-dropdown{margin-top:0} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act:hover>a, .header-container.type4 .main-nav ul.menu>li.menu-full-width.act:hover>a, .header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{height:54px;} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act>a, .header-container.type4 .main-nav ul.menu>li.menu-full-width.act>a, .header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act>a{height:50px;} .main-nav ul.menu >li.menu-full-width.act >a:after, .main-nav ul.menu >li.menu-item-has-children.act >a:after, .main-nav ul.menu >li.menu-static-width.act >a:after { margin-top: -7px; } .main-nav ul.menu >li.menu-full-width.act:hover >a:after, .main-nav ul.menu >li.menu-item-has-children.act:hover >a:after, .main-nav ul.menu >li.menu-static-width.act:hover >a:after { margin-top: -9px; } @media (max-width:991px){ .header-container.sticky-header.type4{background-color:#fff} } @media (min-width:768px){ .footer-middle .col-sm-3{width:22.22%} } .owl-top-narrow #category-slider-demo-7 .owl-controls{right:-2px} .header .demo-tooltip,.footer .demo-tooltip{position:absolute;right:15px;top:5px;z-index:9;width:20px} .header-container.sticky-header .header .demo-tooltip{display:none} .footer .demo-tooltip{top:-20px} a.tooltip-icon{border:1px solid #fff;color:#fff;border-radius:50%;display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:10px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-animation: tooltip-animation 1s ease-in infinite;-moz-animation: tooltip-animation 1s ease-in infinite;-ms-animation: tooltip-animation 1s ease-in infinite;animation: tooltip-animation 1s ease-in infinite;} .header-container.type2 a.tooltip-icon,.header-container.type3 a.tooltip-icon,.header-container.type4 a.tooltip-icon,.header-container.type5 a.tooltip-icon,.header-container.type6 a.tooltip-icon,.header-container.type7 a.tooltip-icon,.header-container.type8 a.tooltip-icon{color:#000;border-color:#000} .tooltip-popup{position:absolute;right:-10px;top:30px;width:300px;background-color:#111;box-shadow:0 0 8px rgba(255,255,255,.5);padding:20px;border-radius:10px;font-size:12px;line-height:1.4;color:#fff;text-align:left} .tooltip-popup h4{font-size:16px;color:#fff} .tooltip-popup p{margin-bottom:10px;color:#fff} .tooltip-popup em{font-size:10px} a.tooltip-close{position:absolute;right:10px;top:10px;color:#fff} .footer-middle>.container{position:relative} /* tooltip for demo */ @-webkit-keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @-webkit-keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } @keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } }