/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
/*.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {cursor: default; pointer-events: none;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slick-dots li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slick-dots li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slick-dots li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {}
.flex-control-thumbs img {margin: 10px 5px 0; display: inline-block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/** Custom Meta Slider CSS **/
.metaslider .flexslider {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
border: 0;
margin: 0 0 40px 0;
max-width: none;
max-height: none;
}
.flex-control-nav {
bottom: -30px;
line-height: 11px;
}
/** move margin from list items to anchors */
.flex-control-nav li {
margin: 0;
}
.flex-control-nav li a {
margin: 0 6px;
padding: 0;
}
.flexslider .slides li {
position: relative;
height: auto;
}
/** fix for users with RTL languages */
.flex-viewport {
direction: ltr;
}
/** add transition effects to firefox **/
.flex-direction-nav a {
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flexslider .slides p {
margin: 0;
}
.flex-control-nav {
margin: auto;
}
.metaslider .flexslider.filmstrip {
margin-top: 10px;
}
.metaslider .flexslider.filmstrip .slides li {
cursor: pointer;
opacity: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs li {
width: auto;
}
.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
margin: 10px 5px 0;
width: auto;
}
.metaslider.nav-hidden .flexslider {
margin-bottom: 0;
}
.metaslider.nav-hidden.add-margin .flexslider {
margin-bottom: 40px;
}
.metaslider {
position: relative;
z-index: 0;
}
.metaslider .caption {
z-index: 10;
padding: 5px 10px;
word-wrap: break-word;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
/* background: black; */
color: #fff;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.metaslider img {
height: auto;
padding: 0;
margin: 0;
-moz-user-select: none;
}
.metaslider a {
outline: none;
}
.metaslider .theme-default .nivoSlider {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
content: "" !important;
display: none !important;
bottom: auto !important;
margin: 0 !important;
}
.metaslider .caption-wrap .caption img {
width: auto;
}
/** quick resets **/
.article .metaslider ul,
.article .metaslider ol,
.article .metaslider li{
list-style-type: none;
}
.metaslider .slides img {
width: 100%;
display: block;
}
.metaslider .slick-dots {
bottom: 20px;
z-index: 9;
}
.metaslider .slick-dots li {
margin: 0 6px !important;
display: inline-block;
zoom: 1;
}
.metaslider .slick-dots li button{
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.metaslider .slick-dots li button{
margin: 0;
padding: 0;
}
.metaslider .slick-dots li.slick-active button{
background: #000;
background: rgba(0,0,0,0.9);
cursor: default;
}
@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot?v=4.7.0');src:url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;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.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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-remove:before,.fa-close:before,.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-photo:before,.fa-image:before,.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,.fa-bar-chart: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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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-navicon:before,.fa-reorder:before,.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-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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-mail-reply-all:before,.fa-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,.fa-gratipay: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"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@font-face {
font-family: 'Pe-icon-7-stroke';
src:url('Pe-icon-7-stroke.eot?d7yf1v');
src:url('Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
url('Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
url('Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
url('Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: inline-block;
line-height: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}
@font-face {
font-family: 'iclagk';
src: url('iclagk.eot?uu4rex');
src: url('iclagk.eot?uu4rex#iefix') format('embedded-opentype'),
url('iclagk.ttf?uu4rex') format('truetype'),
url('iclagk.woff?uu4rex') format('woff'),
url('iclagk.svg?uu4rex#iclagk') format('svg');
font-weight: normal;
font-style: normal;
font-display:swap;
}
[class^="lagk-"], [class*=" lagk-"] {
font-family: 'iclagk';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lagk-cart-arrow-down-solid:before {
content: "\e900";
}
.lagk-cart-plus-solid:before {
content: "\e901";
}
.lagk-ellipsis-h-solid:before {
content: "\e902";
}
.lagk-eye-solid:before {
content: "\e903";
}
.lagk-heart-solid:before {
content: "\e904";
}
.lagk-heart:before {
content: "\e905";
}
.lagk-link-solid:before {
content: "\e906";
}
.lagk-search-solid:before {
content: "\e907";
}
.lagk-shopping-bag-solid:before {
content: "\e908";
}
.lagk-shopping-cart-solid:before {
content: "\e909";
}
.lagk-user-solid:before {
content: "\e90a";
}
header.la_icon .jas-action i,
.header-7-mobile.la_icon .jas-action i {
font-size: 28px;
font-family: 'iclagk';
content: "\e909";
}
header.la_icon .jas-action .pe-7s-search:before,
.header-7-mobile.la_icon .jas-action .pe-7s-search:before {
content: "\e907";
}
header.la_icon .jas-action .pe-7s-user:before,
header.la_icon .jas-action .pe-7s-config:before,
.header-7-mobile.la_icon .jas-action .pe-7s-user:before,
.header-7-mobile.la_icon .jas-action .pe-7s-config:before {
content: "\e90a";
}
header.la_icon .jas-action .pe-7s-like:before,
.header-7-mobile.la_icon .jas-action .pe-7s-like:before {
content: "\e905";
font-size: 25px;
}
header.la_icon .jas-action .pe-7s-shopbag:before,
.header-7-mobile.la_icon .jas-action .pe-7s-shopbag:before {
content: "\e908";
font-size: 26px;
content: "\e909";
font-size: 30px
}
header.la_icon .jas-icon-cart .count,header.la_icon .jas_count_wishlist.count,
.header-7-mobile.la_icon .jas-icon-cart .count,.header-7-mobile.la_icon .jas_count_wishlist.count {
left: 18px;
top: 10px;
width: 16px;
height: 16px;
font-size: 11px;
line-height: 16px;
}
header.fontawesome .jas-icon-cart .count,header.fontawesome .jas_count_wishlist.count,
.header-7-mobile.fontawesome .jas-icon-cart .count,.header-7-mobile.fontawesome .jas_count_wishlist.count {
width: 18px;
height: 18px;
font-size: 10px;
line-height: 16px;
}
header.la_icon .jas_count_wishlist.count,
.header-7-mobile.la_icon .jas_count_wishlist.count {
left: 21px;
top: 9px;
}
.icolagk .jas-product-button .quick-view>a:before {
content: "\e903";
font-family: 'iclagk';
font-size: 16px;
}
.icolagk .jas-product-button .yith-wcwl-add-to-wishlist>div a:before {
content: "\e905";
font-family: 'iclagk';
font-size: 15px;
}
.icolagk .input--icon i {
font-family: 'iclagk';
font-size: 23px;
}
.icolagk .input--icon .pe-7s-user:before {
content: "\e90a";
}
.icolagk .input--icon .pe-7s-door-lock:before {
content: "\e906";
}
.icolagk .login_frm_side .login_faq_side:before {
content: "\e90a";
font-family: 'iclagk';
}
.icolagk .entry-summary .yith-wcwl-add-to-wishlist>div.jas_addedbrowse_wishlist a:before,
.icolagk .jas-product-button .yith-wcwl-add-to-wishlist>div.jas_addedbrowse_wishlist a:before {
content: "\e904";
}
.icolagk .widget_shopping_cart_content .product_list_widget li.cart__empty_message:before {
font-family: 'iclagk';
content: "\e908";
}
.icolagk .widget_shopping_cart .product_list_widget li.cart__empty_message:after {
left: 22px;
margin-top: -3px;
font-weight: bold;
}
/* Theme Name: Gecko */
/* -------------------------------------------
[Table of contents]
1. RESET BROWSER
1.1 TYPOGRAPHY
1.2 FORM
1.3 CLEARING
1.4 FLEXBOX
2. WORDPRESS DEFAULT CLASS
2.1. SOCIAL SHARE
3. HEADER
3.1 HEADER TRANSPARENT
3.2 ACTION ICON
3.3 SEARCH FORM
3.4 MY ACCOUNT
3.5 MAIN NAVIGATION
3.6 MOBILE MENU
3.7 HEADER LEFT
4. FOOTER
5.0 PAGE
5.1 PAGE - 404
6.0 BLOG
6.1 SINGLE BLOG
6.2 COMMENT FORM
7.0 PORTFOLIO
8.0 WIDGET
8.1 INSTAGRAM
9.0 shopify
9.1 MESSAGE
9.2 MINI CART
9.3 ARCHIVE PRODUCT
9.4 BREADCRUMB & FILTER
9.5 SUB CATEGORY
9.6 SIDEBAR
9.7 PRODUCT LISTING
9.8 PRODUCT SINGLE
9.8.1 COLOR SWATCH
9.8.2 CLOUD ZOOM
9.8.3 LIGHT BOX POPUP
9.9 PAGE HEADING
9.10 STAR RATING
9.11 SWITCH CURRENCY
9.12 PRODUCT QUICKVIEW
10.0 SHOPPING CART PAGE
11.0 CHECKOUT PAGE
12.0 MY ACCOUNT PAGE
13.0 WISHLIST
14.0 SHORTCODE - SERVICE
15.0 SHORTCODE - MEMBER
16.0 SHORTCODE - LATEST BLOG
17.0 SHORTCODE - PRODUCTS TAB
18.0 SHORTCODE - PROMOTION
19.0 META SLIDER
20.0 CUSTOM CSS
21.0 RETINA DISPLAY
22.0 RESPONSIVE
------------------------------------------- */
/* ==========================================================================
1.0 RESET BROWSER
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
font: 400 .875em/1.75 'Lato', Arial, Helvetica, sans-serif;
color: #999;
overflow-x: hidden;
}
ul {
list-style: inside;
}
ol {
list-style: inside none decimal;
}
ul ul,
ol ol {
padding-left: 2rem;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote, q {
quotes: none;
background: #f1f1f1;
padding: 30px 25px 30px 60px;
margin-bottom: 20px;
position: relative;
font-family: 'Libre Baskerville', serif;
font-style: italic;
display: block;
}
blockquote:before,
q:before {
position: absolute;
content: '“';
left: 25px;
top: 0;
font-size: 50px;
color: #999;
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
blockquote p, q p {
margin: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
table,
th,
td {
border: 1px solid #e3e3e3;
vertical-align: middle;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 1.5em 0 1.75em;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 15px;
}
small {
font-size: 75%;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
b, strong {
font-weight: bold;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark {
background: #4d5959;
padding: 0.125em 0.25em;
text-decoration: none;
color: #fff;
}
big {
font-size: 125%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
1.1 TYPOGRAPHY
========================================================================== */
a {
color: #222;
transition: all .3s;
}
a, a:hover, a:focus, a:active {
text-decoration: none;
outline: 0;
}
a:hover, a:active, a:focus {
color: #b59677;
}
em {
font-style: italic;
font-family: 'libre baskerville', serif;
}
strong {
font-weight: 700;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
margin: 0.65em 0 0.5em;
line-height: 1.428;
font-family: 'Montserrat', sans-serif;
color: #222;
}
h1 {
margin: 0;
font-size: 2.6179em;
}
h2 {
font-size: 2.0581em;
}
h3 {
font-size: 1.618em;
}
h4 {
font-size: 1.272em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: .7682em;
}
p {
margin-bottom: 1.3em;
}
h3.section-title {
font-size: 20px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
text-align: center;
}
.sub-title {
font-family: "Libre Baskerville",serif;
font-style: italic;
font-size: 14px;
color: #878787;
font-weight: normal;
margin-top: 0;
}
/* ==========================================================================
1.2 FORM
========================================================================== */
input,
button,
textarea {
transition: all .3s;
}
input:focus,
button:focus,
textarea:focus {
outline: 0;
box-shadow: none;
}
input:not([type="radio"]):not([type="checkbox"]),
button,
select,
a.button {
height: 40px;
line-height: 1;
}
a.button {
line-height: 40px;
display: inline-block;
font-size: 14px;
}
input:not([type="submit"]):not([type="checkbox"]),
textarea,
select {
border: 1px solid #e3e3e3;
font-size: 13px;
outline: 0;
padding: 0 15px;
color: #999;
font-family: 'Poppins', sans-serif;
border-radius: 0;
}
input:not([type="submit"]):not([type="checkbox"]):focus,
textarea:focus {
border-color: #b59677;
}
textarea {
padding: 15px;
}
input[type="submit"],
button,
a.button {
cursor: pointer;
border: 0;
text-transform: uppercase;
padding: 0 27px 0 30px;
background: #b59677;
color: #fff;
border-radius: 0;
}
a.button-o,
input.button-o,
button.button-o {
line-height: 40px;
display: inline-block;
font-size: 13px;
cursor: pointer;
border: 1px solid #b59677;
text-transform: uppercase;
padding: 0 27px 0 30px;
color: #b59677;
background: transparent;
}
a.button-o:hover,
input.button-o:hover,
button.button-o:hover {
border: 1px solid #b59677;
background: #b59677;
color: #fff;
}
a.button-o-w {
line-height: 40px;
display: inline-block;
font-size: 14px;
cursor: pointer;
text-transform: uppercase;
padding: 0 27px 0 30px;
color: #fff;
}
a.button-o-w:hover {
color: #fff;
}
input[type="submit"]:hover,
button:hover,
a.button:hover {
opacity: .8;
}
a.button:hover {
color: #fff;
}
button,
input[type="submit"] {
-webkit-appearance: button;
}
[disabled="disabled"],
input[disabled="disabled"],
button[disabled="disabled"] {
cursor: not-allowed;
opacity: .5;
}
::-webkit-input-placeholder {
color: #c1c1c1;
}
:-moz-placeholder {
color: #c1c1c1;
}
::-moz-placeholder {
color: #c1c1c1;
}
:-ms-input-placeholder {
color: #c1c1c1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
@-moz-document url-prefix() {
select:-moz-focusring,
select::-moz-focus-inner {
color: transparent !important;
text-shadow: 0 0 0 #999 !important;
background-image: none !important;
border: 0;
}
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent;}
input:focus:-ms-input-placeholder { color:transparent;}
/* ==========================================================================
1.3 CLEARING
========================================================================== */
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
content: ' ';
display: table;
}
.clearfix:after {
clear: both;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* ==========================================================================
1.4 FLEXBOX
========================================================================== */
/* ==========================================================================
HELPER CLASS
========================================================================== */
/* ==========================================================================
2.0 WORDPRESS DEFAULT CLASS
========================================================================== */
.bypostauthor {}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: #4d5959;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
padding: 0.5em 0;
text-align: center;
}
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.666%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* ==========================================================================
2.1 SOCIAL SHARE
========================================================================== */
.jas-social i {
font-size: 16px;
}
.jas-social a {
display: inline-block;
margin: 0 10px;
}
.jas-social a.facebook:hover { color: #3b5998 !important; }
.jas-social a.twitter:hover { color: #00aced !important; }
.jas-social a[class*="google"]:hover { color: #dd4b39 !important; }
.jas-social a.linkedin:hover { color: #007bb6 !important; }
.jas-social a.youtube:hover { color: #bb0000 !important; }
.jas-social a.instagram:hover { color: #517fa4 !important; }
.jas-social a.pinterest:hover { color: #cb2027 !important; }
.jas-social a.flickr:hover { color: #ff0084 !important; }
.jas-social a.tumblr:hover { color: #32506d !important; }
.jas-social a.foursquare:hover { color: #0072b1 !important; }
.jas-social a.dribbble:hover { color: #ea4c89 !important; }
.jas-social a.skype:hover { color: #0078ca !important; }
.jas-social a.snapchat:hover { color: #bdbb09 !important; }
.jas-socials a {
color: #fff;
margin: 0 3px;
width: 28px;
height: 28px;
border: 1px solid #fff;
line-height: 26px;
}
.jas-socials a.facebook:hover { border-color: #3b5998!important;background-color: #3b5998 !important; }
.jas-socials a.twitter:hover { border-color: #00aced!important;background-color: #00aced !important; }
.jas-socials a[class*="google"]:hover { border-color: #dd4b39!important;background-color: #dd4b39 !important; }
.jas-socials a.linkedin:hover { border-color: #007bb6!important;background-color: #007bb6 !important; }
.jas-socials a.youtube:hover { border-color: #bb0000!important;background-color: #bb0000 !important; }
.jas-socials a.instagram:hover { border-color: #517fa4!important;background-color: #517fa4 !important; }
.jas-socials a.pinterest:hover { border-color: #cb2027!important;background-color: #cb2027 !important; }
.jas-socials a.flickr:hover { border-color: #ff0084!important;background-color: #ff0084 !important; }
.jas-socials a.tumblr:hover { border-color: #32506d!important;background-color: #32506d !important; }
.jas-socials a.foursquare:hover { border-color: #0072b1!important;background-color: #0072b1 !important; }
.jas-socials a.dribbble:hover { border-color: #ea4c89!important;background-color: #ea4c89 !important; }
.jas-socials a.skype:hover { border-color: #0078ca!important;background-color: #0078ca !important; }
.jas-socials a.snapchat:hover { border-color: #bdbb09 !important;background-color: #bdbb09 !important; }
.header-7 .jas-socials {
margin-top: 50px;
}
.header-7 .jas-socials a {
color: #b59677;
border-color: #b59677;
position: relative;
}
/* ==========================================================================
3.0 HEADER
========================================================================== */
#jas-wrapper {
overflow: hidden;
}
.header-text {
line-height: 50px;
color: #ececec;
}
.jas-action i {
font-size: 28px;
}
.jas-action > * {
padding: 0 6px;
}
.jas-action > .gecko-cart-subtotal {
padding: 0;
font-weight: 700;
color: #000;
}
.header-sticky:not(.header-5) .header__mid .jas-row {
padding: 5px 0;
}
.header-3 .jas-branding {
margin: inherit;
}
.header-5 .jas-branding {
padding: 45px 0 25px;
}
.header-sticky .header__mid .jas-branding {
padding: 15px 0;
}
.header-6 .jas-branding {
padding: 60px 0;
}
.header-6 .jas-navigation ul {
margin: auto;
}
.header-2 .header__mid [class*="jas-col-"] {
padding: 0;
}
.regular-logo {
display: inline-block;
}
.retina-logo {
display: none;
}
.header-sticky .header__mid {
background: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
z-index: 999;
width: 100%;
}
.boxed .header-sticky .header__mid {
max-width: 1170px;
}
/* 3.1 HEADER TRANSPARENT
========================================================================== */
.header__transparent {
z-index: 99;
}
/* 3.2 HEADER ACTION ICON
========================================================================== */
.header__top .jas-action a {
color: #ececec;
}
.header__top .jas-action a:hover {
color: #b59677;
}
.header__top .jas-action i {
font-size: 21px;
line-height: 50px;
}
.header__top .header-text.mr__20 {
float: left;
}
.header__top .jas-socials {
line-height: 50px;
}
/* 3.3 HEADER - SEARCH FORM
========================================================================== */
.header__search {
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .95);
z-index: 9999;
}
.header__search > div {
max-width: 550px;
top: calc(50% - 125px);
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.header__search input[type="text"] {
border: 0;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, .08);
padding: 0;
text-align: center;
font-size: 20px;
color: #fff;
}
#sf-close {
right: 20px;
top: 40px;
color: #fff;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 60px;
}
#jas-header #sf-close i {
font-size: 60px;
}
#sf-close:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ui-autocomplete {
width: 100%;
padding: 15px;
background: #f7f7f7;
z-index: 99999;
height: auto;
overflow: auto;
list-style: none;
}
.ui-autocomplete li:not(:first-child) {
border-top: 1px solid #ddd;
}
.ui-autocomplete li:first-child {
margin: 0;
padding: 0;
}
.ui-autocomplete img {
width: 60px;
}
.ui-autocomplete strong.highlight {
text-decoration: underline;
}
.gecko-ajax-search.search-loading .search_btn_sub:after {
opacity: 0;
transition: opacity .1s ease;
-webkit-transition: opacity .1s ease;
}
form.header__search.search-loading div.pa:before , .gecko-ajax-search.search-loading .search_btn_sub:before {
position: absolute;
top: 0;
margin: 0;
right: 0;
content: "";
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
border: 1px solid #bbb;
border-left-color: #000;
border-radius: 50%;
animation: load-ani 450ms infinite linear;
-o-animation: load-ani 450ms infinite linear;
-ms-animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
-moz-animation: load-ani 450ms infinite linear;
}
.gecko-ajax-search.search-loading .search_btn_sub:before {
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
}
.ui-autocomplete a.view_all {
text-decoration: underline;
text-transform: uppercase;
}
.gecko-search-dropdown {
position: relative;
}
.gecko-search-dropdown .wrapper-search-dropdown {
margin-top: 6px;
position: absolute;
top: 50%!important;
right: -24px;
visibility: hidden;
opacity: 0;
z-index: 600;
background-color: #fff;
width: 300px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.gecko-search-dropdown .wrapper-search-dropdown.search-overlap {
visibility: visible;
opacity: 1;
top: 100%!important;
}
.gecko-close-search {
display: none;
}
.wrapper-search-dropdown input[type=text] {
border-style: none;
padding-left: 15px;
padding-right: 65px;
width: 100%;
height: 40px;
line-height: 36px;
}
.wrapper-search-dropdown #searchsubmit,.wrapper-search-dropdown #searchsubmitmb,.wrapper-search-dropdown .search_btn_sub {
position: absolute;
top: 0;
bottom: 0;
right: 2px;
font-size: 0;
font-weight: 400;
padding: 0;
border: none;
background-color: transparent;
width: 60px;
color: #333;
}
.wrapper-search-dropdown #searchsubmit:after,.wrapper-search-dropdown #searchsubmitmb:after,.search_btn_sub:after {
content: "\e618";
font-family: 'Pe-icon-7-stroke';
font-size: 20px;
line-height: 20px;
width: 20px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
transition: opacity .2s ease;
-webkit-transition: opacity .2s ease;
}
.nta_menu .gecko-search-dropdown .wrapper-search-dropdown {
left: -24px;
right: auto;
}
.ui-autocomplete {
border-top: 1px solid #ddd;
background-color: #fff;
}
.gecko-search-dropdown:before,.gecko-search-dropdown:after {
content: " ";
width: 20px;
height: 1px;
position: absolute;
left: 10px;
top: 23px;
opacity: 0;
visibility: hidden;
display: inline-block;
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
background-color: rgba(0,0,0,.8);
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.gecko-search-dropdown:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform: rotate(45deg);
transform: rotate(45deg);
}
.gecko-search-dropdown:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-sand-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.gecko-search-dropdown>i:before {
-webkit-transition: opacity .1s ease-in-out 0s;
-moz-transition: opacity .1s ease-in-out 0s;
-o-transition: opacity .1s ease-in-out 0s;
transition: opacity .1s ease-in-out 0s;
}
.gecko-search-opened .gecko-search-dropdown>i:before {
opacity: 0;
-webkit-transition: opacity 0s ease-in-out 0s;
-moz-transition: opacity 0s ease-in-out 0s;
-o-transition: opacity 0s ease-in-out 0s;
transition: opacity 0s ease-in-out 0s;
}
.gecko-search-opened .gecko-search-dropdown:before,.gecko-search-opened .gecko-search-dropdown:after{
opacity: 1;
visibility: visible;
-webkit-transition: opacity .05s ease-in-out,transform .2s ease-in-out;
-moz-transition: opacity .05s ease-in-out,transform .2s ease-in-out;
-o-transition: opacity .05s ease-in-out,transform .2s ease-in-out;
transition: opacity .05s ease-in-out,transform .2s ease-in-out;
}
/* 3.4 MY ACCOUNT
========================================================================== */
.shopify-account .shopify {
display: inline-block;
width: 100%;
}
.shopify-account strong {
font-weight: 700;
}
.template-account .shopify{
margin-left: -15px;
margin-right: -15px;
}
.shopify-MyAccount-content, .shopify-MyAccount-navigation {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.shopify-MyAccount-content {
width: 70%;
}
.shopify-MyAccount-navigation {
width: 30%;
}
.shopify-MyAccount-navigation ul {
list-style: none;
border: 1px solid rgba(136,136,136,.12);
margin: 0;
padding: 0;
margin-bottom: 40px;
}
.shopify-MyAccount-navigation ul li {
border-bottom: 1px solid rgba(136,136,136,.12);
}
.shopify-MyAccount-navigation ul li a {
padding: 14px 20px;
display: block;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: rgba(71,71,71,.8);
}
.shopify-MyAccount-navigation ul li.is-active>a {
color: rgba(71,71,71,.8);
background-color: rgba(136,136,136,.12);
cursor: default;
pointer-events: none;
}
.shopify-MyAccount-navigation ul li a:focus, .shopify-MyAccount-navigation ul li a:hover {
color: rgba(71,71,71,.8);
background-color: rgba(136,136,136,.05);
}
.template-account .shopify-MyAccount-content p {
padding: 20px;
background-color: #f9f9f9;
border-bottom: 1px solid #e3e3e3;
}
.shopify-MyAccount-content p {
margin-bottom: 1em;
}
.shopify-MyAccount-content .shopify-info {
margin: 0;
background: none;
color: #999;
border: none;
padding: 0;
}
.shopify-MyAccount-content .shopify-info a {
margin-right: 15px;
}
.settings-wrapper ul {
width: 170px;
left: calc(50% - 85px);
list-style: none;
background: #fff;
transition: all .3s;
top: 140%;
opacity: 0;
visibility: hidden;
z-index: 9;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}
.jas-my-account ul,.jas-settings-wrapper {
width: 170px;
left: calc(50% - 85px);
list-style: none;
background: #fff;
transition: all .3s;
top: 140%;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 9;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}
.jas-settings-wrapper {
width: 290px;
right: -20px;
left: auto;
}
.rtl .jas-settings-wrapper {
left: -20px;
right: auto;
}
.jas-settings-wrapper .setting-content {
background: #fff;
-webkit-box-shadow: rgba(116,116,116,0.05) 0px 3px 4px 4px, rgba(32,32,32,0.05) 0px 8px 8px;
box-shadow: rgba(116,116,116,0.05) 0px 3px 4px 4px, rgba(32,32,32,0.05) 0px 8px 8px;
padding: 20px;
}
.jas-settings-wrapper ul {
list-style: none;
}
.template-addresses .address-edit-toggle, .template-addresses .edit_customer_address .update_adress_btn, #address_form_new .btn_add_address.btn-size-medium{
margin-right: 10px;
}
.jas-my-account:hover ul,.jas-settings:hover .jas-settings-wrapper{
top: 100%;
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.currency-list ul li {
margin-right: 5px;
margin-bottom: 5px;
list-style: none;
display: inline-block;
cursor: pointer;
}
.currency-list ul li a {
background-color: #eee;
color: #333333;
padding: 0 12px;
display: inline-block;
font-size: 12px;
line-height: 20px;
}
.currency-list ul li a.selected {
background: #4f4f4f;
color: #ffffff;
}
.jas-my-account ul li a {
padding: 10px;
}
.jas-my-account ul li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.jas-settings .setting-content >div:not(:last-child) {
border-bottom: 1px dotted #cccccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.jas-settings .language-title, .jas-settings .currency-title {
color: #333333;
font-size: 11px;
text-transform: uppercase;
line-height: normal;
margin-bottom: 7px;
}
.gecko-products-loader {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 50px;
opacity: 0;
visibility: hidden;
pointer-events: none;
text-align: center;
}
.gecko-products-loader:after{
content: "";
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
border: 1px solid #bbb;
border-left-color: #000;
border-radius: 50%;
}
.element-loading .gecko-products-loader {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s ease,visibility .3s ease;
transition: opacity .3s ease,visibility .3s ease;
}
.element-loading .gecko-products-loader:after {
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
}
.jas_tta-panels-container .jas_active.loading {
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity .25s ease,visibility 0s ease .3s,-webkit-transform .25s ease;
transition: opacity .25s ease,visibility 0s ease .3s,-webkit-transform .25s ease;
transition: transform .25s ease,opacity .25s ease,visibility 0s ease .3s;
transition: transform .25s ease,opacity .25s ease,visibility 0s ease .3s,-webkit-transform .25s ease;
-webkit-transition: transform .25s ease,opacity .25s ease,visibility 0s ease .3s;
}
.u-column1.jas-col-xs-12.shopify-Address, .shopify_edit_address,#address_form_new {
padding: 30px 20px;
border: 2px dashed #d5d5d5;
margin-top: 30px;
}
.template-addresses h3.mb__20 {
margin-bottom: 15px;
}
.shopify-MyAccount-content .shopify-Address p:last-child,.shopify-MyAccount-content .shopify_edit_address p:last-child{
margin-bottom: 0;
}
#address_form_new .btn-size-medium {
margin: 0;
}
.shopify-MyAccount-content>p:not(.shopify-Message):first-child {
padding: 30px 20px;
font-size: 16px;
margin-bottom: 30px;
background-color: #f9f9f9;
border-bottom: 1px solid #e3e3e3;
}
.shopify-order-details__title, .sp-bacs-bank-details-heading {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 5px;
text-align: center;
}
.shopify-customer-details>h2, .shopify-customer-details>h3 {
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.order_details tfoot th {
text-transform: uppercase;
}
.order_details tfoot td .amount {
color: #1d1c1c;
}
.order_details tfoot tr:last-child .amount {
font-weight: 600;
}
.order_details tfoot tr:last-child .amount:first-child {
font-size: 20px;
}
.customer_details td {
text-align: right;
}
.shopify-customer-details address {
padding: 25px 30px 30px 30px;
border: 2px dashed #d5d5d5;
}
address {
line-height: 1.8;
font-style: italic;
margin-bottom: 20px;
}
.hide {
display: none !important;
}
.shopify-address-fields .btn-style-default {
margin: 10px 0;
}
/* 3.5 MAIN NAVIGATION
========================================================================== */
/* 3.6 MOBILE MENU
========================================================================== */
#jas-mobile-menu,
#jas-mobile-menu ul,
#jas-mobile-menu ul li,
#jas-mobile-menu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 32px;
display: block;
text-align: left;
}
#jas-mobile-menu ul li a {
position: relative;
}
#jas-mobile-menu {
position: relative;
height: 100%;
width: 100%;
/* overflow: hidden; */
}
#jas-mobile-menu #menu-main-menu {
padding: 5px 0 25px 20px;
}
#jas-mobile-menu ul ul {
background: inherit;
border-color: inherit;
box-sizing: border-box;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
background-color: #fff;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
padding-left: 15px;
overflow: hidden;
overflow-y: auto;
padding: 0 20px;
}
#jas-mobile-menu ul .open >ul {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#jas-mobile-menu ul li a {
cursor: pointer;
z-index: 2;
padding: 5px 0;
color: #4d5959;
font-size: 13px;
text-transform: uppercase;
}
#jas-mobile-menu > ul > li > a:before {
display: none;
}
.footer_sticky #jas-content {
position: relative;
background: #fff;
z-index: 1;
}
.footer_sticky #jas-footer {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: auto;
visibility: hidden;
}
.footer_sticky #jas-footer.act-sticky {
visibility: visible;
}
.holder {
width: 36px;
height: 36px;
position: absolute;
top: 5px;
right: 0;
margin-right: 10px;
z-index: 10;
cursor: pointer;
color: #4d5959;
transition: all .3s;
}
#jas-mobile-menu li.black_menu {
border-bottom: 1px solid #404040;
}
.black_menu > a:before {
content: "\f104";
font-family: FontAwesome;
display: inline-block;
color: #222;
font-size: 18px;
font-weight: 400;
padding-right: 5px;
}
#jas-mobile-menu .black_menu > a {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#jas-mobile-menu ul > li:hover > a,
#jas-mobile-menu ul > li.current-menu-item > a,
#jas-mobile-menu ul > li.current-menu-parent > a,
#jas-mobile-menu ul > li.current-menu-ancestor > a,
#jas-mobile-menu ul > li:hover > .holder,
#jas-mobile-menu ul > li.current-menu-item > .holder,
#jas-mobile-menu ul > li.current-menu-parent > .holder,
#jas-mobile-menu ul > li.current-menu-ancestor > .holder {
color: #b59677;
}
#jas-mobile-menu ul > li:hover > a {
padding-left: 5px;
}
.holder:after,
.holder:before {
display: block;
position: absolute;
content: "";
width: 13px;
height: 13px;
right: 10px;
z-index: 10;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.holder:after {
top: 12px;
right: 16px;
border-top: 1px solid;
border-left: 1px solid;
width: 1px;
}
.holder:before {
top: 18px;
height: 1px;
border-top: 1px solid;
border-left: 1px solid;
border-top-color: inherit;
border-left-color: inherit;
transition: all .3s;
}
#jas-mobile-menu ul li.open >a> .holder:before {
opacity: 0;
visibility: hidden;
}
nav.main-menu #jas-mobile-menu ul ul:after {
display: none;
}
#jas-mobile-menu ul ul li a {
font-weight: normal;
text-transform: none;
}
/* 3.7 HEADER LEFT
========================================================================== */
.header-lateral #jas-wrapper {
padding-left: 250px;
overflow-x: initial;
}
.header-7 {
width: 250px;
margin-left: -250px;
z-index: 1000;
top: 0;
bottom: 0;
overflow-y: auto;
}
.header-7 #jas-mobile-menu ul {
width: 100%;
margin: 0;
}
.header-7 #jas-mobile-menu > ul > li > a {
text-align: center;
}
.header-7 #jas-mobile-menu > ul > li {
border-bottom: 1px dashed #b59677;
}
.header-7 #jas-mobile-menu > ul > li > a {
line-height: 42px;
}
.header-7 #jas-mobile-menu ul ul {
border-top: 1px dashed #b59677;
padding: 15px 0 0;
margin: 15px 0;
}
.header-7 #jas-mobile-menu ul ul li a {
text-transform: none;
padding: 5px 0;
line-height: 28px;
text-align: center;
}
.header-7 .holder {
top: 8px;
}
.header-7 ul ul .holder {
top: 0;
}
.header-7 #jas-mobile-menu ul > li:hover > a {
padding-left: 0;
}
.header-lateral #jas-wrapper .jas-offline-content {
margin-left: -250px;
}
/* ==========================================================================
4.0 FOOTER
========================================================================== */
#jas-footer:before {
background-color: rgba(0, 0, 0, .95);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#jas-footer,
#jas-footer .widget-title,
#jas-footer a {
color: #fff;
}
#jas-footer a:hover {
color: #b59677;
}
#jas-footer .column .widget_nav_menu ul li,
#jas-footer .column .widget_nav_menu ul ul {
display: inline-block;
padding: 0;
}
#jas-footer .column .widget_nav_menu ul li a {
margin: 0 15px;
text-transform: uppercase;
}
#jas-footer .widget ul ul {
padding-left: 20px;
}
.footer-3 .widget:not(:last-child) {
border-bottom: 1px solid #242b2b;
padding-bottom: 35px;
}
.footer__bot {
padding: 22px 0;
}
#jas-footer-menu li {
float: left;
list-style: none;
margin-left: 20px;
}
#jas-footer .jas-social li {
display: inline-block;
}
#jas-footer .jas-social li a {
margin: 0 10px 0 0;
}
#jas-footer .jas-social li a i {
font-size: 20px;
}
#jas-footer .widget-title {
margin: 0 0 25px;
}
#jas-footer .widget ul li {
line-height: 30px;
}
#jas-footer .widget:not(:last-child) {
margin-bottom: 0;
}
.footer-quick-links__toggle-icon {display: none;}
.footer__collapsed .footer-quick-links__toggle-icon {display: inline-block;}
/* BACK TO TOP */
#jas-backtop {
right: 10px;
bottom: 10px;
padding: 5px;
border: 1px solid #b59677;
cursor: pointer;
z-index: 998;
}
#jas-backtop span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 40px;
}
#jas-backtop span i {
z-index: 1;
}
#jas-backtop span:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
content:'';
background: #b59677;
z-index: 0;
transition: all .2s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#jas-backtop:hover span:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.single-product.has-btn-sticky #jas-backtop {
right: auto;
left: 10px;
}
/* ==========================================================================
5.0 PAGE
========================================================================== */
.boxed {
background-color: #f5f5f5;
}
.boxed #jas-wrapper {
max-width: 1170px;
margin: auto;
width: 100%;
background: #fff;
}
.boxed #jas-content > .jas-container,
.boxed #jas-content .jas-wc > .jas-container,
.boxed .result-count-order .jas-container,
.boxed #jas-footer {
padding: 0 10px;
}
.home .jas-page .jas-col-md-12.mt__60,
.home .jas-page .jas-col-md-12.mb__60,
.template-index .jas-col-md-12.mt__60,
.template-index .jas-col-md-12.mb__60{
margin: 0;
}
.jas-row.jas-page {
min-height: 50vh;
}
/* ==========================================================================
5.1 PAGE - 404
========================================================================== */
.search-no-results #jas-wrapper,
.error404 #jas-wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.search-no-results #jas-wrapper #jas-content,
.error404 #jas-wrapper #jas-content {
flex: 1;
}
.error-404.not-found {
text-align: center;
padding: 100px 0 150px;
}
.error-404.not-found h1 {
font-size: 80px;
font-weight: bold;
margin: 0 0 5px;
}
.error-404.not-found h3 {
text-transform: uppercase;
font-size: 18px;
margin: 0 0 15px;
}
.error-404.not-found a {
font-weight: bold;
border-bottom: 1px solid #4d5959;
padding: 2px 5px;
}
.error-404.not-found a:hover {
background: #4d5959;
color: #fff;
}
.template-404 #jas-header {
border-bottom: 2px solid #f5f5f5;
}
/* ==========================================================================
6.0 BLOG
========================================================================== */
.jas-blog-slider .post-thumbnail > div.content_blog_slider {
background: rgba(0, 0, 0, .8);
padding: 20px;
bottom: 0;
}
.post.sticky .post-thumbnail {
margin-bottom: 0;
}
.post.sticky .post-content {
background: #f4f7f6;
padding: 25px;
}
.post-thumbnail div:first-child {
position: relative;
left: 0;
bottom: 0;
}
.post-thumbnail img {
width: 100%;
}
.inside-thumb {
left: 30px;
right: 30px;
top: 30px;
background: rgba(0, 0, 0, .5);
padding: 20px;
}
.jas-masonry .inside-thumb {
left: 15px;
right: 15px;
bottom: 15px;
padding: 15px;
}
.inside-thumb a:not(.cg),
.jas-blog-slider .post-thumbnail > div a {
color: #fff;
}
.inside-thumb a:hover,
.jas-blog-slider .post-thumbnail > div a:hover {
color: #b59677;
}
.post-meta span:not(:last-child) {
margin-right: 5px;
}
.post-action i {
line-height: 1;
}
.more-link {
margin-top: 20px;
text-transform: uppercase;
line-height: 32px;
border: 1px solid #b59677;
padding: 0 25px;
display: table;
font-size: 12px;
}
.more-link:hover {
background: #b59677;
color: #fff;
}
.post-action {
border: 1px solid #f1f1f1;
padding: 8px 20px;
}
.read-more i {
opacity: 0;
font-size: 24px;
right: 0;
width: 15px;
top: 1px;
}
.read-more:hover i {
opacity: 1;
right: -10px;
}
.comments-link i {
font-size: 20px;
top: 4px;
}
.jas-pagination,
.shopify-pagination {
border-top: 1px solid #4d5959;
text-align: center;
max-width: 1170px;
width: 100%;
margin: 60px auto;
}
.shopify-pagination {
margin-top: 0;
}
.page-numbers {
display: inline-block;
list-style: none;
margin: 10px 0;
}
.page-numbers li {
float: left;
margin: 0 20px;
color: #4d5959;
}
.page-numbers li a {
color: #4d5959;
}
.page-numbers li a:hover,
.page-numbers.current {
color: #b59677;
}
.blog .post-content .wpb_content_element {
margin-bottom: 0;
}
.post-content p:last-child {
margin-bottom: 0;
}
/* 6.1 SINGLE BLOG
========================================================================== */
.tag-comment {
border: 1px solid #f1f1f1;
padding: 15px 20px;
}
.page-links span:not(.page-links-title) {
margin: 0 5px;
}
.jas-single-blog .social-share {
text-align: center;
}
.jas-single-blog .social-share i {
margin-top: 40px;
}
.post-related h4 {
font-size: 16px;
font-weight: bold;
}
.post-related .jas-carousel {
margin: 0 -15px;
}
.post-related .item {
padding: 0 15px;
}
.post-related h5 {
}
.post-meta-inside .posted-on {
margin-left: 10px;
}
/* 6.2 COMMENT FORM
========================================================================== */
.commentlist li.comment {
list-style: none;
margin-top: 60px;
}
.commentlist .comment-text li {
margin-top: 10px;
}
.comment_container img {
float: left;
}
.comment-text {
padding-left: 20px;
overflow: hidden;
}
.comment-text .comment-author {
font-size: 13px;
}
.comment-text .star-rating {
float: right;
}
.comment-text .meta strong {
font-size: 14px;
font-weight: bold;
color: #000;
}
.comment-text .flex {
font-size: 13px;
}
.comment-text p {
margin-bottom: 5px;
}
.comment-text time {
color: #ccc;
font-size: 10px;
}
.commentlist .children {
padding-left: 80px;
}
.comment-respond {
margin-top: 50px;
}
#reviews .comment-respond {
margin-top: 15px;
}
.comment-reply-title {
font-size: 16px;
text-transform: uppercase;
margin: 0 0 30px;
font-weight: bold;
}
.comment-text .flex a {
text-transform: uppercase;
font-size: 10px;
}
.comment-respond label {
display: block;
margin-bottom: 5px;
}
.comment-respond input:not([type="submit"]),
.comment-respond textarea {
background: transparent;
width: 100%;
}
#comments .avatar,
.basel-user-panel .avatar {
margin-left: 0px;
}
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 24px;
text-transform: uppercase;
font-weight: bold !important;
}
.comments-area .comment-list {
margin-bottom: 50px;
}
.comments-area .comment-list li.comment {
padding-bottom: 40px;
padding-top: 40px;
border-bottom: 1px solid rgba(113, 113, 113, 0.15);
}
.comments-area .comment-list li.comment .comment-respond {
margin-top: 30px;
}
.comments-area .comment-list li.comment .comment-reply-title {
font-size: 18px;
}
.comments-area .comment-list li.comment .children {
padding-left: 30px;
margin-top: 40px;
margin-bottom: 0;
list-style: none;
}
.comments-area .comment-list li.comment .children li {
border-top: 1px solid rgba(113, 113, 113, 0.15);
border-bottom: none;
}
.comments-area .comment-list li.comment .children li:last-child {
padding-bottom: 0;
}
.comments-area .comment-list li.pingback .comment-body {
padding-left: 0;
}
.comments-area #cancel-comment-reply-link {
display: inline-block;
font-size: 0;
}
.comments-area #cancel-comment-reply-link:after {
content: "\f00d";
font-family: "FontAwesome";
margin-left: 10px;
font-size: 18px;
}
.comments-area #cancel-comment-reply-link:hover {
text-decoration: none;
color: #1aada3;
}
.comments-area .comment-body {
position: relative;
padding-left: 105px;
}
.comments-area .comment-body p {
margin-bottom: 10px;
}
.comments-area .comment-body .comment-author {
line-height: 20px;
font-size: 16px;
margin-bottom: 10px;
float: left;
}
.comments-area .comment-body .comment-author:first-letter {
text-transform: uppercase;
}
.comments-area .comment-body .comment-author .fn {
color: #1B1919;
font-weight: bold;
font-style: normal;
vertical-align: middle;
}
.comments-area .comment-body .comment-author .says {
color: #5F5F5F;
margin-left: 3px;
vertical-align: middle;
}
.comments-area .comment-body .comment-author img {
position: absolute;
left: 0px;
top: 0px;
}
.comments-area .comment-body .comment-awaiting-moderation {
position: absolute;
top: -26px;
left: 92px;
}
.comments-area .comment-body .comment-awaiting-moderation + br {
display: none;
}
.comments-area .comment-body .comment-meta {
line-height: 20px;
margin-bottom: 15px;
font-size: 14px;
text-align: right;
}
.comments-area .comment-body .comment-meta a {
color: #bbbbbb;
vertical-align: middle;
}
.comments-area .comment-body .comment-meta .comment-edit-link {
color: #565656;
}
.comments-area .comment-body .comment-edit-link {
font-size: 0;
margin-left: 5px;
display: inline-block;
}
.comments-area .comment-body .comment-edit-link:after {
content: "\f044";
font-family: "FontAwesome";
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.comments-area .comment-body .comment-edit-link:hover {
text-decoration: none;
color: #1aada3;
}
.comments-area .reply {
margin-top: 15px;
}
.comments-area .reply a {
line-height: 1.5;
color: #1aada3;
font-weight: bold;
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline;
}
.comments-area .reply a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent;
}
.comments-area .reply a:focus {
border-color: #A6A6A6;
background-color: transparent;
}
.comments-area .comment-respond .logged-in-as > a:first-child {
font-weight: bold;
}
.comments-area .comment-respond .logged-in-as > a:last-child {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline;
margin-left: 10px;
}
.comments-area .comment-respond .logged-in-as > a:last-child:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent;
}
.comments-area .comment-respond .logged-in-as > a:last-child:focus {
border-color: #A6A6A6;
background-color: transparent;
}
.comments-area .comment-respond label {
display: block;
}
.comments-area .comment-respond input[type="submit"] {
background-color: #b59677;
color: #ffffff;
border-color: #b59677;
}
.comments-area .comment-respond input[type="submit"]:hover, .comments-area .comment-respond input[type="submit"]:focus {
opacity: 0.8;
color: #ffffff;
text-decoration: none;
}
.comments-area .comment-respond input[type="submit"].btn-style-bordered {
background-color: transparent;
color: #b59677;
}
.comments-area .comment-respond input[type="submit"].btn-style-bordered:hover, .comments-area .comment-respond input[type="submit"].btn-style-bordered:focus {
background-color: #b59677;
color: #ffffff;
opacity: 1;
}
.comments-area .comment-respond input[type="submit"].btn-style-link {
background-color: transparent;
color: black;
opacity: 0.5;
}
.comments-area .comment-respond input[type="submit"].btn-style-link:hover, .comments-area .comment-respond input[type="submit"].btn-style-link:focus {
background-color: transparent;
color: black;
opacity: 0.8;
}
.comments-area .comment-respond textarea {
width: 100%;
}
.comments-area .comment-respond .comment-form-comment {
margin-bottom: 10px;
}
.comments-area .comment-respond .comment-form-author,
.comments-area .comment-respond .comment-form-email,
.comments-area .comment-respond .comment-form-url {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 20px;
}
.comments-area .comment-respond .comment-form-author {
padding-right: 10px;
}
/* .comments-area .comment-respond .comment-form-email {
padding-left: 10px;
padding-right: 10px;
} */
.comments-area .comment-respond .comment-form-url, .comments-area .comment-respond .comment-form-email {
padding-left: 10px;
}
#tab-reviews .comment-form-rating {
display: inline-block;
margin-bottom: 10px;
}
#tab-reviews .comment-form-rating label {
float: left;
}
#tab-reviews .comment-form-rating .stars {
float: left;
margin-top: 3px;
margin-left: 10px;
font-size: 12px;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email {
float: left;
width: 49%;
margin-top: 10px;
}
#tab-reviews .comment-form-email {
margin-left: 2%;
}
#tab-reviews .form-submit {
clear: both;
margin-top: 20px;
display: inline-block;
}
#tab-reviews .comment-reply-title {
margin-bottom: 15px;
}
#tab-reviews .commentlist li {
margin-top: 0;
}
#tab-reviews .commentlist li + li {
margin-top: 32px;
}
#tab-reviews .commentlist .comment-text {
padding-left: 20px;
}
#tab-reviews .comment-text time {
font-size: 14px;
color: #999;
}
/* ==========================================================================
7.0 PORTFOLIO
========================================================================== */
.boxed .jas-portfolio > .jas-container,
.boxed .jas-portfolio-single > .jas-container {
padding: 0 15px;
}
.jas-filter {
font-size: 11px;
}
.jas-filter a {
margin: 0 10px;
}
.jas-filter a.selected {
color: #b59677;
}
.portfolio-item .mask:before {
content: '';
position: absolute;
background: rgba(246, 246, 246, .9);
left: 0;
top: 50%;
width: 100%;
height: 0;
opacity: 0;
transition: all .3s;
}
.portfolio-item figcaption {
top: 50%;
left: 50%;
opacity: 0;
width: 100%;
padding: 0 30px;
-webkit-transform: translate(-50%, -120%);
-ms-transform: translate(-50%, -120%);
-o-transform: translate(-50%, -120%);
transform: translate(-50%, -120%);
}
.portfolio-item:hover figcaption {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-item:hover .mask:before {
top: 0;
height: 100%;
opacity: 1;
}
.jas-portfolio-single .portfolio-meta [class*="jas-col-"]:not(:last-child) {
border-right: 1px solid #d3d3d3;
}
.jas-portfolio-single .portfolio-meta span {
color: #4d5959;
font-weight: bold;
}
.jas-portfolio-single .jas-social a {
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
background: #000;
color: #fff;
}
.jas-portfolio-single .jas-social a i {
font-size: 14px;
}
.portfolio-navigation a {
font-size: 40px;
}
/* ==========================================================================
8.0 WIDGET
========================================================================== */
.sidebar .widget:not(:first-child) {
margin-top: 50px;
}
.widget h4.widget-title {
position: relative;
padding-bottom: 20px;
margin-top: 0;
font-size: 18px;
}
.widget h4.widget-title:after {
content: "";
width: 60px;
height: 2px;
background: #222;
left: 0;
bottom: 15px;
position: absolute;
}
.sidebar .widget ul ul {
padding-left: 5px;
}
.sidebar .widget_product_categories ul li {
padding-left: 15px;
position: relative;
}
.sidebar .widget_product_categories ul li:before {
color: #222;
content: "+";
left: 0;
position: absolute;
}
.widget ul li {
list-style: none;
line-height: 25px;
margin-bottom: 5px;
}
.widget.widget_categories ul li {
line-height: 30px;
}
.widget ul.product_list_widget li {
display: inline-block;
line-height: 24px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 0;
width: 100%;
}
.widget ul.product_list_widget li:before {
content: "";
}
.widget ul.product_list_widget li a {
display: block;
}
.widget ul.product_list_widget li img {
float: left;
margin-right: 10px;
width: 80px;
}
.widget ul.product_list_widget li a span.product-title {
color: #222;
font-weight: 500;
}
.widget ul.product_list_widget li ins {
color: #ec0101;
text-decoration: none;
}
.widget .tagcloud a {
border: 1px solid #222;
border-radius: 20px;
color: #222;
display: inline-block;
font-size: 13px !important;
margin: 0 3px 8px 0;
padding: 2px 15px 1px;
}
.widget .tagcloud a:hover {
background: #56cfe1;
border-color: #56cfe1;
color: #ffffff;
}
.widget .shopify-product-search,
.widget .search-form {
border: 1px solid #222;
border-radius: 40px;
padding: 2px;
display: flex;
}
.widget .search-form label,
.widget .shopify-product-search .search-field {
width: calc(100% - 113px);
float: left;
}
.widget .shopify-product-search .search-field {
border-radius: 40px;
border: none;
}
.widget .search-form .search-field {
border: none;
width: 100%;
border-radius: 40px;
}
.widget .shopify-product-search input[type="submit"],
.widget .search-form .search-submit {
border: none;
background: #222;
line-height: 38px;
color: #fff;
float: right;
border-radius: 40px;
padding: 0 30px;
}
/* 8.1 INSTAGRAM
========================================================================== */
.jas-instagram {
margin: 0 -1px;
}
.jas-instagram .item {
padding: 1px;
width: 100%;
}
.columns-2 .item {
width: 50%;
}
.columns-3 .item {
width: 33.33%;
}
.columns-4 .item {
width: 25%;
}
.columns-5 .item {
width: 20%;
}
.columns-6 .item {
width: 16.666%;
}
.columns-7 .item {
width: 14.285%;
}
.columns-8 .item {
width: 12.5%;
}
.columns-9 .item {
width: 11.11%;
}
.columns-10 .item {
width: 10%;
}
.jas-sc-instagram .info {
top: 0;
left: 0;
right: 0;
height: 100%;
background: rgba(0, 0, 0, .6);
opacity: 0;
pointer-events: none;
}
.jas-sc-instagram .item:hover .info {
opacity: 1;
}
.jas-sc-instagram .info span {
margin: 0 5px;
}
/* ==========================================================================
OFFLINE MODE
========================================================================== */
.offline {
height: 100vh;
}
.offline .ypop-modal {
display: none;
}
.jas-offline-content {
height: 100vh;
font-size: 13px;
color: #fff;
background-image: url(maintenance-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.jas-offline-content h1 {
text-transform: uppercase;
font-size: 40px;
color: #fff;
}
.jas-offline-content h3 {
color: #fff;
font-size: 16px;
font-weight: 400;
}
.jas-countdown {
text-align: center;
}
.jas-countdown .pr {
display: inline-block;
margin: 0 10px;
background: rgba(0, 0, 0, 0.5);
padding: 15px 15px 10px;
border-radius: 5px;
}
.jas-countdown .pr .fs__16 {
font-size: 24px;
margin-top: 0;
font-weight: bold;
line-height: 1;
}
p.jas_countdown_end {
text-transform: capitalize;
color: #ec0101;
display: inline-block;
font-size: 16px;
line-height: normal;
}
.counter_real_time {
display: block;
font-size: 14px;
color: #2c2c2c;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
margin: 0 2px;
}
.counter_real_time #number_counter,#jas_product_delivery,#jas_product_delivery_quick {
background-color: #0f8db3;
padding: 5px 10px;
border-radius: 2px;
line-height: 1.1em;
color: #ffffff;
display: inline-block;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
}
.counter_real_time #number_counter i {
margin-left: 3px;
}
.jas_progress_bar{margin-top:15px}
.jas_progress_bar .progressbar.progressbar{background:#ffe8e8;border:0px solid whitesmoke;height:11px}
.jas_progress_bar .progressbar.progressbar div{background:#d95350;height:11px}
.jas_progress_bar .progressbar.progressbar div,.jas_progress_bar .progressbar.progressbar.active div{-webkit-animation:2s linear 0s normal none infinite running progress-bar-stripes;animation:2s linear 0s normal none infinite running progress-bar-stripes}
.jas_progress_bar .progressbar.progressbar div,.jas_progress_bar .progress-striped.progressbar.progressbar div{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));background-size:40px 40px}
.jas_progress_bar .count{color:#a94442;padding:1px}
.jas_progress_bar .items-count p{padding-bottom:5px;margin:0;text-transform:uppercase;font-weight:600;text-align:center}.progressbar{position:relative;display:block;background-color:#ca0000;border:1px solid #ddd;margin-bottom:15px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1)}
.jas_progress_bar .progressbar > div{background-color:#ca0000;width:0;margin-bottom:0;height:15px}
.jas_progress_bar .progressbar > div.less-than-ten{background-color:#ca0000 !important}
.jas_clock_ticker{display:block;margin-bottom:15px}
.jas_clock_ticker .block{position:relative;color:#000;font-weight:600;float:left;text-align:center;width:25%}
.jas_clock_ticker .block .flip-top{width:88px;height:39px;line-height:40px;font-size:40px;text-align:center}
.jas_clock_ticker .block .label,span.flip-top{color:#000;font-weight:600;text-align:center;font-size:14px;text-transform:uppercase;width:88px;line-height:25px}
.wc-single-3 .jas_clock_ticker .block .label{font-size: 12px;}
.wc-single-3 .jas_clock_ticker span.flip-top{font-size: 30px;}
/* ==========================================================================
9.0 shopify
========================================================================== */
.shopify-demo-store {
padding-bottom: 69px;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background-color: #3d9cd2;
color: #fff;
z-index: 999
}
.demo_store a {
color: #fff;
font-weight: 400;
background: rgba(0,0,0,.1);
float: right;
margin: -1em -1.41575em -1em 0;
padding: 1em 1.41575em
}
/* 9.1 MESSAGE
========================================================================== */
.shopify-info,
.shopify-error,
.shopify-warning,
.shopify-message {
padding: 20px;
box-sizing: border-box;
width: 100%;
max-width: 1170px;
margin: 30px auto;
}
.shopify-message {
background: #dff0d8;
border: 1px solid #d6e9c6;
margin-bottom: 60px;
color: #3c763d;
}
.ypop-container-inner .mc4wp-response >div{
background: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
max-width: 470px;
margin: 0 auto;
}
.shopify-message a {
float: right;
font-weight: bold;
margin-top: -6px;
}
.shopify-info {
background-color: #d9edf7;
border: 1px solid #bce8f1;
color: #31708f;
}
.shopify-error,.ypop-container-inner .mc4wp-response >div.shopify-error {
background-color: #f2dede;
border: 1px solid #ebccd1;
color: #a94442;
}
.shopify-error a{
color: #8a6d3b;
text-decoration: underline;
}
.shopify-warning,.ypop-container-inner .mc4wp-response >div.shopify-warning {
background-color: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
}
.shopify-info + .login {
margin-top: -30px;
margin-bottom: 30px;
background: #f1f1f1;
padding: 20px;
}
.shopify-info + .checkout_coupon {
margin-top: -30px;
margin-bottom: 0;
background: #f1f1f1;
padding: 20px;
display: inline-block;
width: 100%;
}
.shopify-info + .login p.lost_password,
.shopify-info + .checkout_coupon p {
margin-bottom: 0;
}
.shopify form .form-row label.inline {
margin-top: 10px;
}
.shopify form .form-row label.inline input {
margin: 0 5px 0 0;
}
.shopify-checkout .shopify-error {
display: inline-block;
width: 100%;
margin: -30px 15px 60px;
padding: 20px;
}
.shopify-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
padding: 0;
position: relative;
box-shadow: none;
max-height: 52px;
}
.shopify-NoticeGroup.shopify-NoticeGroup-updateOrderReview,
.shopify-NoticeGroup.shopify-NoticeGroup-checkout {
width: 100%;
}
.shopify-NoticeGroup.shopify-NoticeGroup-updateOrderReview {
padding: 0 15px;
}
.{
background: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
}
/* 9.2 MINI CART
========================================================================== */
@keyframes menu-to-bottom {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0); } }
@-webkit-keyframes menu-to-bottom {
from {
-webkit-transform: translate3d(0, 0, 0); }
to {
-webkit-transform: translate3d(0, 15px, 0); } }
@keyframes menu-in-top {
from {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@-webkit-keyframes menu-in-top {
from {
-webkit-transform: translate3d(0, -15px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0); } }
.jas-icon-cart .count,.jas_count_wishlist.count {
width: 20px;
height: 20px;
font-size: 12px;
line-height: 22px;
left: 14px;
top: 0;
}
.jas_count_wishlist.count {
left: 20px;
top: 0;
}
.jas-push-menu {
position: fixed;
background: #fff;
width: 300px;
top: 0;
bottom: 0;
z-index: 1050;
overflow: hidden;
overflow-y: auto;
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
.mask-overlay {
content: " ";
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,.7);
opacity: 0;
visibility: hidden;
z-index: 999;
width: 100%;
height: 100%;
}
.menu-opened .mask-overlay,.cart-opened .mask-overlay,.-opened .mask-overlay{
opacity: 1;
visibility: visible;
}
.jas-mini-cart,.jas-side-login {
right: 0;
transform: translate3d(320px,0,0);
-webkit-transform: translate3d(320px,0,0);
-ms-transform: translate3d(320px,0,0);
-sand-transform: translate3d(320px,0,0);
}
.cart-opened .jas-mini-cart,.login-opened .jas-side-login {
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-sand-transform: translate3d(0,0,0)
}
.jas-canvas-menu {
left: 0;
transform: translate3d(-320px,0,0);
-webkit-transform: translate3d(-320px,0,0);
-ms-transform: translate3d(-320px,0,0);
-sand-transform: translate3d(-320px,0,0);
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
.menu-opened .jas-canvas-menu {
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-sand-transform: translate3d(0,0,0);
}
.admin-bar .jas-push-menu {
top: 32px;
}
.jas-push-menu h3 {
font-size: 16px;
line-height: 48px;
height: 50px;
}
.shopify .jas-push-menu h3 {
margin-bottom: 0;
}
.jas-push-menu h3 i {
left: 8px;
top: 0;
line-height: 50px;
cursor: pointer;
font-size: 40px;
}
.jas-push-menu h3 i.close-menu {
left: auto;
right: 8px;
}
.jas-mini-cart ul.product_list_widget {
padding: 15px;
padding-bottom: 0;
list-style: none;
}
.jas-mini-cart .widget_shopping_cart_footer {
padding: 15px;
}
.widget_shopping_cart_footer .buttons {margin-bottom: 0}
.jas-mini-cart .mini_cart_item,
.widget_shopping_cart .mini_cart_item {
list-style: none;
overflow: hidden;
position: relative;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.cart_item_image {
position: relative;
margin-right: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.template-cart td.product-thumbnail img {
max-width: 80px;
}
.jas-mini-cart .remove,
.widget_shopping_cart_content .remove {
position: absolute;
top: 1px;
right: 0;
padding-right: 0;
font-size: 20px;
width: 20px;
margin-bottom: 0;
border-radius: 50%;
color: rgba(0,0,0,.8);
z-index: 2;
}
.jas-mini-cart li:hover .remove,
.widget_shopping_cart li:hover .remove {
opacity: 1;
}
.jas-mini-cart img,
.widget_shopping_cart img {
max-width: 65px;
}
.jas-mini-cart .wc-extra-content img,
.widget_shopping_cart .wc-extra-content img {
max-width: 100%;
}
.product_img_trust_seal {
margin-top: 10px;
}
#content_cart__popup_nt .product_img_trust_seal {
margin-top: 20px;
}
.widget_shopping_cart .product_img_trust_seal img{
max-width: 100%;
display: block;
}
.widget_shopping_cart_footer {
border-top: 2px solid rgba(129,129,129,.2);
}
.jas-mini-cart dd img,
.shop_table dd img,
.widget_shopping_cart dd img {
max-width: 20px;
border-radius: 50%;
}
.jas-mini-cart .variation,
.jas-mini-cart .quantity,
.widget_shopping_cart .variation,
.widget_shopping_cart .quantity {
color: #bbb;
font-size: 13px;
margin-bottom: 0;
display: block;
}
.jas-mini-cart .variation dt,
.cart_item .variation dt,
.widget_shopping_cart .variation dt {
float: left;
text-transform: capitalize;
margin: 0 3px 0 0;
}
.jas-mini-cart .variation dd,
.cart_item .variation dd,
.widget_shopping_cart .variation dd {
margin-bottom: 0;
}
.jas-mini-cart .variation p,
.cart_item .variation p,
.widget_shopping_cart .variation p {
margin: 0;
}
.jas-mini-cart .total,
.widget_shopping_cart .total {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
color: #000;
font-size: 18px;
}
.jas-mini-cart .button,.dropdown-cart .button,
.sidebar .widget_shopping_cart .button {
display: block;
text-align: center;
background: #4d5959;
color: #fff;
text-transform: uppercase;
font-size: 11px;
line-height: 40px;
}
.jas-mini-cart .checkout,.dropdown-cart .checkout,
.widget_shopping_cart .checkout {
background: #b59677;
margin-top: 10px;
}
.jas-mini-cart .button:hover,.dropdown-cart .button:hover,
.widget_shopping_cart .button:hover {
opacity: .8;
}
.widget ul.product_list_widget li .buttons a {
color: #fff;
background: #b59677;
line-height: 40px;
}
.sidebar .widget_shopping_cart .button:hover {
color: #fff;
}
.widget ul.product_list_widget li a.remove {
display: flex;
}
a.cart_item_link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 0;
z-index: 1;
}
.cart_item_info {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 20px;
}
.cart_item_info span.item_title {
display: block;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.jas-mini-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gecko-scroll{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.gecko-scroll .gecko-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.widget_shopping_cart .gecko-scroll-content,.cart__popup_upsell .gecko-scroll-content {
position: relative;
max-height: 250px;
padding-right: 5px;
}
.cart__popup_upsell .gecko-scroll-content {
max-height: 300px;
}
.jas-mini-cart .widget_shopping_cart .gecko-scroll-content {
position: absolute;
max-height: none;
padding-right: 0;
}
.widget_shopping_cart .has-scrollbar .gecko-scroll-content,.cart__popup_upsell .has-scrollbar .gecko-scroll-content {
overflow: scroll;
overflow-x: hidden;
}
.gecko-scroll-pane {
width: 3px;
background: rgba(0,0,0,.15);
position: absolute;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: .2s;
transition: .2s;
visibility: hidden;
opacity: 0;
}
.gecko-scroll-pane.active, .gecko-scroll-pane.flashed, .gecko-scroll:hover>.gecko-scroll-pane, .gecko-scroll-quick:hover>.gecko-scroll-pane, .gecko-sidebar-scroll:hover>.gecko-scroll-pane {
visibility: visible;
opacity: .99;
}
.gecko-scroll-pane>.gecko-scroll-slider {
background: rgba(0,0,0,.25);
position: relative;
margin: 0 0;
}
.jas-mini-cart .widget_shopping_cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
}
.jas-mini-cart .widget_shopping_cart_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jas-mini-cart .widget_shopping_cart_footer {
padding-bottom: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
outline: 0;
}
.product_list_widget>li:after {
content: "";
clear: both;
display: block;
}
a.cart_add_item {
margin-top: 5px;
padding: 8px 10px;
font-size: 0.75em;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
white-space: normal;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #e8e9eb;
}
.header-lateral .dropdown-cat {
display: none;
}
/* 9.3 ARCHIVE PRODUCT
========================================================================== */
.shop-top-sidebar {
border-top: 1px solid #dedede;
}
.shop-top-sidebar .shopify {
margin: 0;
}
.shop-top-sidebar .widget {
text-align: center;
}
.shop-top-sidebar .widget ul li {
display: inline-block;
padding: 10px 15px;
margin: 0;
position: relative;
}
.shop-top-sidebar .widget ul li.current-cat a {
color: #56cfe1;
}
.shop-top-sidebar .product-categories ul {
position: absolute;
width: 250px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
left: 0;
top: 120%;
z-index: 10;
opacity: 0;
visibility: hidden;
padding: 0;
transition: all .3s;
}
.shop-top-sidebar .product-categories li:hover > ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.shop-top-sidebar .product-categories li ul ul {
left: 100%;
top: 20%;
}
.shop-top-sidebar .product-categories li ul li:hover ul {
top: 0%;
}
.shop-top-sidebar .product-categories ul li {
display: block;
text-align: left;
}
.shop-top-sidebar .product-categories ul li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.shopify-pagination-ajax a,
.jas-ajax-load a {
display: inline-block;
padding: 8px 25px;
border: 1px solid;
}
.shopify-pagination-ajax a:hover,
.shopify-pagination-ajax a.disabled,
.jas-ajax-load a:hover,
.jas-ajax-load a.disabled {
background: #b59677;
color: #fff;
}
.shopify-pagination-ajax a.disabled,
.jas-ajax-load a.disabled {
opacity: .3;
pointer-events: none;
}
.jas-filter + .jas-masonry {
transition: all .6s;
}
.term-description {
padding: 30px 0;
text-align: center;
background: #f6f6f8;
}
.term-description p {
margin: 0;
}
textarea.CartSpecialInstructions {
width: 100% !important;
}
/* Shipping Threshold */
.cart__popup_upsell #threshold_bar_popup {margin-top: 10px}
.cart__popup_upsell .threshold_congrats {text-align: center}
.kr-mini-shipping {margin-bottom: 20px;}
.content_threshold .gecko-tooltip {color: #222; font-weight: 600;}
.threshold_congrats {background: #ff4b4b;padding: 5px;color: #fff;text-transform: uppercase;font-weight: bold;border-radius: 5px;}
.threshold_bar {background-color: #eee;margin-bottom:5px}
.threshold_bar > span{display:block;height:20px;color: #fff;text-align: center;font-size: 12px;line-height: 20px}
.stripe>span{background-size:30px 30px;-moz-background-size:30px 30px;-webkit-background-size:30px 30px;-o-background-size:30px 30px;background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(255,255,255,.2)),color-stop(25%,rgba(255,255,255,.2)),color-stop(25%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%)}
.threshold_bar.color > span{max-width: 100%;background-color: #ff4b4b;}
.animate{ -webkit-transition: width .6s ease;-o-transition: width .6s ease; transition: width .6s ease; animation:progress 5s linear infinite;-moz-animation:progress 5s linear infinite;-webkit-animation:progress 5s linear infinite;-ms-animation:progress 5s linear infinite;-o-animation:progress 5s linear infinite}
@-webkit-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@-moz-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@-ms-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@-o-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}
/* 9.4 BREADCRUMB & FILTER
-------------------------------------------------------------------------- */
.jas-breadcrumb {
list-style: none;
}
.jas-breadcrumb i,
.shopify-breadcrumb i {
margin: 0 10px;
}
.template-product .shopify-breadcrumb {
line-height: 40px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gecko-products-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.gecko-products-nav .product-btn {
position: relative;
}
.gecko-products-nav .product-btn > a {
vertical-align: middle;
font-size: 0;
text-align: center;
line-height: 40px;
width: 50px;
display: inline-block;
}
.gecko-products-nav .product-btn > a span:before {
position: absolute;
top: 0px;
font-size: 45px;
line-height: 3px;
color: black;
font-family: "Pe-icon-7-stroke";
}
.gecko-products-nav .product-btn.product-prev {
float: left;
}
.gecko-products-nav .product-btn>a span {
width: 23px;
position: relative;
display: inline-block;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.gecko-products-nav .product-btn.product-prev > a span:before {
content: "\e686";
left: -4px;
}
.gecko-products-nav .product-btn.product-prev .wrapper-short {
right: -20px;
}
.gecko-products-nav .product-btn.product-next {
float: right;
}
.gecko-products-nav .product-btn.product-next > a span:before {
content: "\e684";
right: -4px;
}
.gecko-products-nav .product-btn.product-next .wrapper-short {
right: 20px;
}
.gecko-products-nav .product-btn:hover > a span {
width: 32px;
}
.gecko-products-nav .product-btn:hover > .wrapper-short {
visibility: visible;
opacity: 1;
right: 0;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.gecko-products-nav .wrapper-short {
position: absolute;
top: 100%;
padding-top: 5px;
visibility: hidden;
opacity: 0;
min-width: 250px;
z-index: 350;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.gecko-products-nav .product-short {
overflow: hidden;
padding: 10px;
background-color: white;
border: 2px solid #efefef;
}
.gecko-products-nav .product-short .product-thumb {
float: right;
margin-left: 10px;
}
.gecko-products-nav .product-short .product-thumb img {
max-width: 50px;
}
.gecko-products-nav .product-short .product-title {
display: block;
margin-bottom: 7px;
font-weight: bold;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase;
}
.gecko-products-nav .product-short .price {
display: block;
}
.gecko-products-nav .product-short .price del {
color: #D0D0D0;
}
.gecko-products-nav .product-short .price del .amount {
color: #D0D0D0;
}
.result-count-order {
padding: 18px 0;
}
.shopify-result-count {
margin: 0;
}
.t_ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.select_orderby {
list-style: none;
display: none;
white-space: nowrap;
width: auto;
visibility: hidden;
opacity: 0;
top: 100%;
right: 0;
padding: 10px 0;
margin-top: 5px;
background: #fafafa;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
z-index: 1000;
}
.dd-shown .select_orderby {
visibility: visible;
opacity: 1;
}
.shopify-ordering {
padding: 5px 28px 5px 10px;
border: 1px solid #e5e5e5;
font-size: 14px;
min-width: 170px;
text-align: left;
background-image: url(ico-select-light.svg);
background-repeat: no-repeat;
background-position: right 10px center;
}
.shopify-ordering span{
display: block !important;
max-width: 200px;width: 100%;
padding: 0 !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.select_orderby li {
transition: none;
}
.select_orderby li a { padding: 5px 18px;display: block;transition: none;}
.select_orderby li.selected {
background-color: #ddd;
}
.select_orderby li:hover { background-color: #b59677;}
.select_orderby li:hover a{color: #fff}
.nt-shop-loader {
display: none;
position: relative;
}
.input-dropdown-inner > a {
background-image: url(ico-select-light.svg);
background-repeat: no-repeat;
background-position: right 10px center;
}
.template-collection .result-count-order + .jas-top-sidebar,
.shopify-message + .result-count-order + .jas-top-sidebar {
margin-top: 30px;
}
.yith-wcan-color li,.yith-wcan-label li {
float: left;
}
.jas-top-sidebar {
background: #f1f1f1;
padding: 30px;
padding-top: 0;
display: none;
}
.jas-container .woof_products_top_panel {
margin: 0;
}
.jas-container .woof_products_top_panel ul li a span {
position: relative;
background: none;
}
.jas-container .woof_products_top_panel ul li a span:after {
content:'\e681';
width: 16px;
height: 16px;
position: absolute;
top: 2px;
right: -1px;
font-family: 'Pe-icon-7-stroke';
background: red;
border-radius: 50%;
line-height: 16px;
text-align: center;
font-size: 16px;
color: #fff;
}
.jas-top-sidebar .jas-container .openswatch_widget_price_filter {
width: 20%;
}
.jas-top-sidebar .jas-container .openswatch_widget_price_filter a {
color: #999;
}
.jas-top-sidebar .jas-container .openswatch_widget_price_filter h4 {
font-size: 14px;
margin-bottom: 14px;
}
.jas-top-sidebar .widget.widget-woof .woof_redraw_zone {
display: flex;
}
.jas-top-sidebar .widget.widget-woof .woof_container {
width: 18%;
display: inline-block;
}.jas-top-sidebar .widget.widget-woof .woof_container:not(:last-child) {
margin-right: 2%;
}
.jas-top-sidebar .widget.widget-woof .woof_container h4 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px !important;
}
.jas-top-sidebar .woof_submit_search_form_container {
position: absolute;
bottom: 0;
left: 50%;
margin: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.jas-top-sidebar .woof_submit_search_form_container button {
margin: 0 5px;
}
.jas-top-sidebar .jas-container .woof_list li {
margin: 0 !important;
padding: 3px 0 !important;
position: relative;
}
.jas-top-sidebar .jas-container .woof_list li ul {
margin: 0 0 0 15px !important;
}
.jas-top-sidebar .jas-container input {
margin: 0;
}
.jas-top-sidebar .jas-container input[disabled] {
cursor: not-allowed;
}
.jas-top-sidebar .jas-container input[disabled] + label {
opacity: .3;
}
.jas-top-sidebar .jas-container .woof_list label {
padding: 0;
vertical-align: top;
}
.jas-top-sidebar .woof_childs_list_opener {
margin-left: 0;
}
.jas-top-sidebar .woof_radio_term_reset {
position: absolute;
left: -24px;
top: 2px;
}
.jas-top-sidebar .woof_radio_term_reset img {
display: none;
}
.jas-top-sidebar .woof_radio_term_reset:after {
content:'\e681';
width: 18px;
height: 18px;
position: absolute;
top: 8px;
left: 0;
font-family: 'Pe-icon-7-stroke';
background: red;
border-radius: 50%;
line-height: 18px;
text-align: center;
font-size: 18px;
color: #fff;
}
.woof .widget_price_filter .ui-slider .ui-slider-range,
.woof .widget_price_filter .ui-slider .ui-slider-handle {
background: #999;
}
.woof .widget_price_filter .ui-slider .ui-slider-handle {
border-color: #999;
}
.woof_childs_list_opener span {
background: none !important;
position: relative;
}
.woof_childs_list_opener span:after {
position: absolute;
top: -4px;
left: 0;
width: 22px;
height: 22px;
font-size: 22px;
font-family: 'Pe-icon-7-stroke';
color: #999;
}
.woof_childs_list_opener span.woof_is_closed:after {
content: '\e688';
}
.woof_childs_list_opener span.woof_is_opened:after {
content: '\e680';
}
.shopify.shopify-page.jas-top-sidebar .yith-shopify-ajax-product-filter {
margin: 0;
margin-top: 30px;
}
.jas-top-sidebar .yith-shopify-ajax-product-filter h4.widget-title {
font-size: 14px;
font-weight: 700;
font-style: normal;
color: #0a0a0a;
text-transform: uppercase;
}
.jas-top-sidebar .yith-shopify-ajax-product-filter h4.widget-title:after {
background-color: rgba(0,0,0,.1);
}
.shopify.shopify-page .yith-shopify-ajax-product-filter.yith-woo-ajax-reset-navigation {
display: block;
width: 100%;
clear: both;
margin-top: 30px;
}
.jas-top-sidebar.shopify .yith-shopify-ajax-product-filter.yith-woo-ajax-reset-navigation {
text-align: center;
}
.shopify .widget_layered_nav ul.yith-wcan-color li a,
.sidebar .widget_layered_nav ul.yith-wcan-color li a,
.shopify .widget_layered_nav ul.yith-wcan-color li span,
.sidebar .widget_layered_nav ul.yith-wcan-color li span {
width: 24px;
height: 24px;
border-radius: 50%;
margin: 0 10px 10px 0;
box-sizing: border-box;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
padding: 0;
display: block;
border: 1px solid #444;
box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
}
.shopify .jas-col-md-3 .widget_layered_nav ul.yith-wcan-color {
padding-right: 0;
}
.shopify .widget_layered_nav ul.yith-wcan-color li a:hover,
.sidebar .widget_layered_nav ul.yith-wcan-color li a:hover,
.shopify .widget_layered_nav ul.yith-wcan-color li.chosen a,
.sidebar .widget_layered_nav ul.yith-wcan-color li.chosen a,
.shopify .widget_layered_nav ul.yith-wcan-color li span:hover,
.sidebar .widget_layered_nav ul.yith-wcan-color li span:hover,
.shopify .widget_layered_nav ul.yith-wcan-color li.chosen span,
.sidebar .widget_layered_nav ul.yith-wcan-color li.chosen span {
border-radius: 50%;
border: 1px solid #ddd;
box-shadow: 0 0 0 2px rgba(0,0,0,0.15);
}
.shopify .widget_layered_nav ul li a:hover,
.sidebar .widget_layered_nav ul li a:hover,
.shopify .widget_layered_nav ul li.chosen a,
.sidebar .widget_layered_nav ul li.chosen a,
.shopify .widget_layered_nav ul li span:hover,
.sidebar .widget_layered_nav ul li span:hover,
.shopify .widget_layered_nav ul li.chosen span,
.sidebar .widget_layered_nav ul li.chosen span {
font-weight: bold;
color: #b59677;
}
.shopify .widget_layered_nav ul.yith-wcan-label li a,
.sidebar .widget_layered_nav ul.yith-wcan-label li a,
.shopify .widget_layered_nav ul.yith-wcan-label li span,
.sidebar .widget_layered_nav ul.yith-wcan-label li span {
border: 1px solid #999;
color: #999;
display: block;
height: 36px;
letter-spacing: 0;
line-height: 34px;
margin: 0 10px 10px 0;
padding: 0 25px;
text-align: center;
background-color: #fff;
width: auto;
overflow: hidden;
text-decoration: none;
text-transform: capitalize;
box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
}
.shopify .widget_layered_nav ul.yith-wcan-label li a:hover,
.sidebar .widget_layered_nav ul.yith-wcan-label li a:hover,
.shopify .widget_layered_nav ul.yith-wcan-label li.chosen a,
.sidebar .widget_layered_nav ul.yith-wcan-label li.chosen a {
border: 1px solid #ddd;
box-shadow: 0 0 0 2px rgba(0,0,0,0.15);
color: #fff;
}
.widget a {
color: #4d5959;
}
.widget a:hover {
color: #b59677;
}
.yith-shopify-ajax-product-filter.yith-woo-ajax-reset-navigation a.yith-wcan-reset-navigation.button{
color: #fff;
}
.price_slider_wrapper {
position: relative;
padding-top: 30px;
}
.widget.widget_price_filter .ui-slider-horizontal {
height: 5px;
background: #d3d3d3;
position: relative;
width: calc(100% - 16px);
}
.widget.widget_price_filter .ui-slider-range {
background: #b59677;
height: 100%;
top: 0;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
}
.widget.widget_price_filter .ui-state-default {
background: #b59677;
cursor: ew-resize;
height: 15px;
width: 15px;
position: absolute;
z-index: 2;
top: -5px;
-ms-border-radius: 50%;
border-radius: 50%;
}
.widget.widget_price_filter .ui-state-default:focus {
outline: 0;
}
.widget.widget_price_filter .price_slider_amount {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 12px;
color: #b59677;
padding: 20px 0 0;
text-align: center;
}
.price_label {
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.template-collection .products,.template-search .products {
-webkit-transition: opacity .25s ease,visibility .25s ease,transform .25s ease;
-webkit-transition: opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease;
transition: opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease;
transition: opacity .25s ease,visibility .25s ease,transform .25s ease;
transition: opacity .25s ease,visibility .25s ease,transform .25s ease,-webkit-transform .25s ease;
}
.template-collection.gecko-loading .products,.template-search.gecko-loading .products {
opacity: 0;
pointer-events: none;
transform: translateY(30px);
-webkit-transform: translateY(30px);
}
.gecko-shop-loader {
display: none;
position: relative;
}
.gecko-loading .gecko-shop-loader {
display: block;
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
}
.gecko-products-loader:after, .gecko-shop-loader:after, .gecko-tabs-loader:after {
content: "";
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
border: 1px solid #bbb;
border-left-color: #000;
border-radius: 50%;
}
.gecko-shop-loader:after {
position: absolute;
left: 50%;
margin-left: -15px;
top: 30px;
}
.gecko-loading .gecko-shop-loader:after {
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
}
.template-search .result-count-order span.sp_result_html {
display: block;
}
/*FILTER SIDEBAR*/
.filter-sidebar {
width: 270px;
top: 0;
bottom: 0;
left: -270px;
transition: all .3s;
z-index: 999;
background-color: #f6f6f8;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
overflow-y: auto;
}
.admin-bar .filter-sidebar {
top: 32px;
}
.shopify.filter-sidebar h3 {
font-size: 16px;
line-height: 50px;
margin: 0;
}
.filter-sidebar h3 i {
cursor: pointer;
font-size: 40px;
right: 8px;
line-height: 50px;
top: 0;
}
.filter-sidebar .filter-content {
padding: 10px 20px;
}
.opened .left {
left: 0;
}
.filter-sidebar.right {
left: auto;
right: -270px;
}
.filter-sidebar.right h3 i {
right: auto;
left: 8px;
}
.opened .right {
right: 0;
}
.filter-trigger {
cursor: pointer;
font-size: 24px;
}
.filter-trigger:hover,
.filter-trigger:focus {
color: #222;
}
.filter-sidebar.right .filter-trigger {
right: auto;
left: -93px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.filter-content ul {
list-style: none;
}
.shopify.shopify-page .filter-content a:not(.button),
.shopify.shopify-page .filter-content .widget {
color: #878787;
}
.shopify.shopify-page .filter-content ul li,.sidebar .filter-content ul li {
line-height: 30px;
}
.shopify.shopify-page .filter-content .widget {
margin: 0;
margin-bottom: 30px;
}
.yith-wcan-list {
display: inline-block;
width: 100%;
}
.shopify.filter-sidebar .widget_layered_nav ul.yith-wcan-label li a,.sidebar .widget_layered_nav ul.yith-wcan-label li a{
background: #fff;
border: 1px solid #878787;
display: block;
margin: 5px 5px 5px 0;
min-width: 30px;
overflow: hidden;
padding: 2px 8px 0;
text-align: center;
text-decoration: none;
}
.yith-wcan-list.size li {
float: left;
}
.yith-wcan-list.size li a {
text-transform: uppercase;
border: 1px solid #ddd;
border-radius: 50%;
height: 24px;
margin: 5px 8px 8px 0;
width: 24px;
display: inline-block;
text-align: center;
font-size: 12px;
background-color: #fff;
line-height: 23px;
box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
}
/* 9.5 SUB CATEGORY
-------------------------------------------------------------------------- */
/* 9.6 SIDEBAR
-------------------------------------------------------------------------- */
.widget_product_categories .gecko-cats-toggle {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 25px;
font-weight: 700;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget_product_categories .gecko-cats-toggle:before {
content: "\e688";
font-family: 'Pe-icon-7-stroke';
}
.widget_product_categories .toggle-active {
color: #1aada3;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.widget_product_categories ul>li:after {
content: "";
clear: both;
display: block;
}
.widget_product_categories .children {
display: none;
}
.widget_product_categories .list-shown {
display: block;
}
.widget ul.product-categories li a {
color: #4d5959;
}
.widget ul.product-categories li:hover > a,
.widget ul.product-categories li.current-cat > a {
color: #b59677;
}
.widget ul.product_list_widget li {
line-height: 24px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 0;
}
.widget ul.product_list_widget li:before {
content:'';
}
.widget ul.product_list_widget li a {
display: block;
}
.widget ul.product_list_widget li .star-rating {
margin: 0;
}
.widget ul.product_list_widget li img {
width: 80px;
margin-right: 10px;
float: left;
}
.widget ul.product_list_widget li a span.product-title {
font-weight: 600;
color: #4d5959;
}
.widget ul.product_list_widget li a:hover span.product-title {
font-weight: 600;
color: #b59677;
}
.widget ul.product_list_widget li ins {
text-decoration: none;
color: #4d5959;
}
ul.cart_list.product_list_widget.tl li:last-child { margin-bottom: 0}
/* 9.7 PRODUCT LISTING
-------------------------------------------------------------------------- */
.shopify .jas-container .products {
margin-bottom: 60px;
}
/* .product-image .db:before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 0;
background: rgba(246, 246, 246, .9);
z-index: 1;
opacity: 0;
transition: all .5s;
}
.product-image:hover .db:before {
opacity: 1;
height: 100%;
top: 0;
}
.hidden-mask .product-image:hover .db:before,
.hidden-mask .product-image .product-button > *,
.hidden-mask .product-image:hover .product-attr,
.hidden-mask .product-image.single-btn:hover .btn-quickview {
opacity: 0;
visibility: hidden;
}
.product-image img {
width: 100%;
}
.product-image-flip img {
transition: all .3s;
}
.product-image-flip .back {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.product-image:hover .product-image-flip .db:first-child {
opacity: 0;
}
.product-image:hover .product-image-flip .back {
opacity: 1;
}
.product-image:hover .product-image-flip .back img {
-webkit-transform: scale3d(-1, 1, 1);
-ms-transform: scale3d(-1, 1, 1);
transform: scale3d(-1, 1, 1);
} */
/* .product-image .item-colors {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 9;
width: 90%;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.item-colors li a {
border-radius: 50%;
width: 20px;
height: 20px;
}
.item-colors li:hover {
opacity: 1;
}
.product-info .item-colors {
margin-top: 10px;
}
.product-button {
top: 50%;
left: 0;
right: 0;
z-index: 10;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-button:not(.flex) {
max-width: 170px;
margin: auto;
}
.jas-col-md-2 .product-button .br-36,
.product-extra .jas-col-md-2 .product-button:not(.flex) > .yith-wcwl-add-to-wishlist {
max-width: 146px;
}
.jas-col-md-2 .product-button .br-36 i.mr__10,
.product-extra .jas-col-md-2 .product-button:not(.flex) > .yith-wcwl-add-to-wishlist i.mr__10 {
margin-right: 5px;
} */
/* .product-button a.button {
padding: inherit;
font-size: inherit;
text-transform: none;
background: transparent;
height: 36px;
line-height: 34px;
letter-spacing: 0;
border: 1px solid #b59677;
color: #b59677;
}
.product-button a.button:hover {
opacity: 1;
}
.product-button > * {
border: 1px solid #b59677;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
white-space: nowrap;
}
.product-button.flex > * {
margin: 0 6px;
}
.product-image:hover .product-button > * {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-button > *.mb__10 {
margin-bottom: 10px;
}
.product-image:hover .product-button a:hover {
background: #b59677;
color: #fff;
}
.button.added i:before {
content: '\f00c';
}
.added_to_cart {
display: none;
}
.bs-36,
.br-36 {
height: 36px;
line-height: 34px;
display: inline-block;
}
.bs-36 {
width: 36px;
letter-spacing: 0;
}
.bs-36 i {
margin: 0 !important;
}
.br-36 {
display: inline-block;
width: 170px;
}
.product-image .yith-wcwl-add-to-wishlist a {
display: block;
border-radius: 0;
}
.yith-wcwl-add-to-wishlist i.ajax-loading {
position: absolute;
top: 10px;
left: 9px;
color: #fff;
width: auto !important;
height: auto !important;
background: #b59677;
}
.entry-summary .yith-wcwl-add-to-wishlist i.ajax-loading {
top: 13px;
left: 13px;
}
.tooltip {
white-space: nowrap;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-40px);
-ms-transform: translateX(-50%) translateY(-40px);
-o-transform: translateX(-50%) translateY(-40px);
transform: translateX(-50%) translateY(-40px);
background: rgba(0, 0, 0, .8);
padding: 0 15px;
line-height: 32px;
opacity: 0;
visibility: hidden;
}
.tooltip:before {
content: '';
position: absolute;
border: 6px solid transparent;
border-top-color: rgba(0, 0, 0, .8);
bottom: -12px;
left: calc(50% - 6px);
}
.yith-wcwl-add-to-wishlist a:hover .tooltip,
.product-button .button:hover .tooltip,
.btn-quickview:hover .tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-50%) translateY(-50px);
-ms-transform: translateX(-50%) translateY(-50px);
-o-transform: translateX(-50%) translateY(-50px);
transform: translateX(-50%) translateY(-50px);
} */
h3.product-title,
.shopify h3.product-title {
font-size: 15px;
font-weight: 500;
margin: 0;
}
.no-btn .star-rating {
display: none;
}
.no-btn .product-title {
margin: 5px 0 0;
}
.no-btn .product-info {
top: 50%;
z-index: 1;
opacity: 0;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.no-btn:hover .product-info {
opacity: 1;
}
.single-btn .btn-quickview {
top: 40%;
left: 50%;
line-height: 40px;
padding: 0 20px;
border: 1px solid #b59677;
opacity: 0;
white-space: nowrap;
visibility: hidden;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-ms-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
z-index: 10;
}
.single-btn:hover .btn-quickview {
top: 50%;
opacity: 1;
visibility: visible;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-ms-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
}
.badge .right,
.jas-wc-single .product-extra .badge .right {
right: 10px;
}
.jas-wc-single .badge .right {
right: 30px;
}
.badge .left,
.jas-wc-single .product-extra .badge .left {
left: 10px;
}
.jas-wc-single .badge .left {
left: 30px;
}
.badge span {
top: 10px;
padding: 0 10px 0 12px;
height: 24px;
line-height: 24px;
background: #f68e56;
color: #fff;
z-index: 10;
}
.badge .new {
background: #4eb0be;
}
.badge .sold-out {
background: #999;
}
.price {
color: #2d2d2d;
}
.product-brand a {
color: #696969;
}
.price del {
font-weight: 400;
letter-spacing: .5px;
}
.price ins {
text-decoration: none;
margin-right: 3px;
font-weight: 600;
color: #d01345;
}
.gecko-tooltip {
text-align: center;
position: relative;
}
.gecko-tooltip .gecko-tooltip-label {
position: absolute;
padding: 0 10px;
line-height: 28px;
font-size: 12px;
letter-spacing: .3px;
visibility: hidden;
white-space: nowrap;
color: transparent;
background-color: transparent;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.gecko-tooltip .gecko-tooltip-label{
bottom: 130%;
left: 50%;
right: auto;
top: auto;
-webkit-transform: translateX(-50%) translateY(0);
-o-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
-sand-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.gecko-tooltip .gecko-tooltip-label:before {
content: "\f0da";
position: absolute;
top: 50%;
bottom: auto;
left: 99%;
right: auto;
color: transparent;
font-size: 16px;
font-family: FontAwesome;
line-height: 5px;
-webkit-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-sand-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.jas-product-button .gecko-tooltip-label,.single-product-thumbnail .gecko-tooltip-label {
bottom: auto;
left: auto;
right: 135%;
top: 50%;
-webkit-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-sand-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.gecko-tooltip:hover .gecko-tooltip-label {
background-color: #000;
color: #fff;
visibility: visible;
top: auto;
bottom: 115%;
left: 50%;
right: auto;
}
.jas_swatch_on_grid.gecko-tooltip .gecko-tooltip-label:before,
.entry-summary .gecko-tooltip .gecko-tooltip-label:before,
.entry-summary .yith-wcwl-add-to-wishlist .gecko-tooltip-label:before,
.content_threshold .gecko-tooltip .gecko-tooltip-label:before,
.jas-qs-form .gecko-tooltip .gecko-tooltip-label:before,
.variations_form_sticky .gecko-tooltip .gecko-tooltip-label:before{
content: "\f0d7";
top: 100%;
bottom: auto;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%) translateY(0);
-o-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
-sand-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.gecko-tooltip:hover .gecko-tooltip-label:before {
color: #000;
}
.jas-qs-form .variations.variant_simple .input-dropdown-inner .dropdown-list {
padding: 0;
height: 0;
overflow: hidden;
}
.jas-qs-form .variations.variant_simple .input-dropdown-inner.dd-shown .dropdown-list {
height: inherit;
overflow: visible;
padding: 10px 0;
}
.jas-product-button >div:hover .gecko-tooltip-label,.single-product-thumbnail .gecko-tooltip:hover .gecko-tooltip-label{
background-color: #000;
color: #fff;
visibility: visible;
top: 50%;
bottom: auto;
left: auto;
right: 115%;
}
.jas-product-button >div:hover .gecko-tooltip-label:before {
color: #000;
}
.jas-product-button.pa {
top: 10px;
right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.jas-grid-item .jas-product-button>div {
margin-bottom: 5px;
}
.jas-product-button>div a:before ,.yith-wcwl-add-to-wishlist >div a:before {
font-size: 14px;
font-family: FontAwesome;
-webkit-transition: opacity .15s ease;
transition: opacity .15s ease;
}
.jas-product-button>div a:after,.entry-summary .yith-wcwl-add-to-wishlist >div a:after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
border: 1px solid #bbb;
border-left-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
margin-left: -7px;
margin-top: -7px;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.jas-product-button>div a.loading:before ,.entry-summary .yith-wcwl-add-to-wishlist >div a.loading:before{
opacity: 0;
}
.jas-product-button>div a.loading:after,.entry-summary .yith-wcwl-add-to-wishlist >div a.loading:after {
opacity: 1;
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
}
.jas-product-button .quick-view>a:before {
content: "\f06e";
}
.entry-summary .yith-wcwl-add-to-wishlist a{font-size: 0;width: 40px;height: 40px;}
.jas-product-button .yith-wcwl-add-to-wishlist>div a:before {
content: "\f08a";
}
.entry-summary .yith-wcwl-add-to-wishlist >div a:before{
content: "\f08a";
display: block;
}
.jas-product-button .yith-wcwl-add-to-wishlist>div.jas_addedbrowse_wishlist a:before,.entry-summary .yith-wcwl-add-to-wishlist >div.jas_addedbrowse_wishlist a:before {
content: "\f004";
}
.jas-add-btn.pa>a,.jas-add-btn.btn-jas-3d>a {
position: relative;
font-weight: 600;
text-align: center;
text-transform: uppercase;
border-radius: 0;
border: none;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
outline: 0;
text-shadow: none;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
-webkit-transition: color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,-webkit-box-shadow .25s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,-webkit-box-shadow .25s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease,-webkit-box-shadow .25s ease;
padding: 0;
overflow: hidden;
color: #fff;
font-size: 13px;
color: #fff;
display: block;
}
.jas-grid-item .jas-add-btn.pa {
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(103%) translateZ(0);
transform: translateY(103%) translateZ(0);
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px;
-webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
transition: opacity .3s ease,-webkit-transform .3s ease;
transition: transform .3s ease,opacity .3s ease;
transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
-webkit-transition: -webkit-transform .3s ease,opacity .3s ease;
}
.jas-grid-item .jas-add-btn.pa.fix_jas_tt {
opacity: 0;
visibility: hidden;
}
.jas-grid-item:hover .jas-add-btn.pa.fix_jas_tt {
opacity: 1;
visibility: visible;
}
a.btn-jas-3d,input.btn-jas-3d {
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
}
a.btn-jas-3d:active,a.btn-jas-3d:focus,
.btn-jas-3d >a:active,.btn-jas-3d >a:focus,
input.btn-jas-3d:active,input.btn-jas-3d:focus {
-webkit-box-shadow: none;
box-shadow: none;
top: 1px;
}
.jas-grid-item .jas-product-button >div a{
background-color: #fff;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
position: relative;
padding: 0;
border: none;
text-decoration: none;
text-align: center;
font-weight: 400;
color: #2d2d2d;
font-size: 0;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-sand-transform: scale(0);
}
.jas-grid-item:hover .jas-add-btn.pa {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.jas-grid-item.jas-swatched .jas-product-button >div a{
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-sand-transform: scale(0);
}
.jas-grid-item.jas-swatched .jas-product-image:hover .jas-product-button.pa >div a,.jas-grid-item .jas-product-image:hover .jas-product-button.pa >div a{
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-sand-transform: scale(1);
}
.is-color .gecko-tooltip-label { text-transform: capitalize }
.product-countdown {
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-countdown .pr {
background: #000;
width: 60px;
height: 60px;
margin: 0 4px;
border-radius: 3px;
}
.product-countdown .pr .cw {
line-height: 16px;
}
.product-countdown .pr span:last-child {
color: #999;
}
.product-image .product-attr {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 20px;
text-align: center;
line-height: 24px;
opacity: 0;
visibility: hidden;
z-index: 9;
color: #4d5959;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.product-image .product-attr p {
margin: 0;
}
.product-image:hover .product-attr {
opacity: 1;
visibility: visible;
bottom: 42px;
}
.product-info .swatch__list.tc {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.jas-grid-item.jas-swatched .jas-add-btn.pa {
-webkit-transform: translateY(103%) translateZ(0);
transform: translateY(103%) translateZ(0);
}
.jas-grid-item.jas-swatched .jas-product-image:hover .jas-add-btn.pa {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
/* 9.8 SINGLE PRODUCT
========================================================================== */
.template-product .jas_thumbs_img .jas_label_rectangular,.template-product .jas_thumbs_img .jas_label_rounded {
right: 15px;
left: auto;
}
.template-product .jas_th_right .jas_thumbs_img .jas_label_rectangular,.template-product .jas_th_right .jas_thumbs_img .jas_label_rounded {
right: auto;
left: 15px;
}
.boxed .jas-wc-single > .jas-container {
padding: 0 15px;
}
.wc-single-1 .page-head {
margin-bottom: 60px;
}
.single-product-thumbnail.loading:before {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
position: absolute;
content:'';
}
.single-product-thumbnail.loading:after {
background: url('loader.svg') no-repeat 0 0;
background-size: 100%;
width: 50px;
height: 50px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
content:'';
}
.p-nav .slick-slide {
cursor: pointer;
}
.p-thumb .lazyload,.p-thumb .lazyloading {
width: 100%;
}
.single-product-thumbnail .slick-slide img {
display: inline-block;
}
.p-nav .slick-slide:not(.slick-current) {
cursor: pointer;
}
.p-nav img {
opacity: .5;
transition: all .3s;
}
.p-nav img:hover,
.p-nav .slick-current img {
opacity: 1;
}
.bottom .group_btn_pr {
bottom: 208px;
}
.right .group_btn_pr {
right: 115px;
}
.single-product-thumbnail.left .p-nav,
.single-product-thumbnail.right .p-nav {
position: absolute;
max-width: 80px;
top: 0;
}
/* .single-product-thumbnail.left .p-nav > .slick-list,
.single-product-thumbnail.right .p-nav > .slick-list {
min-height: 462px;
} */
.single-product-thumbnail.left .p-nav {
left: 0;
}
.single-product-thumbnail.right .p-nav {
right: 0;
}
.single-product-thumbnail.bottom .p-nav {
margin-top: 10px;
margin-right: -10px;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb,
.jas-wc-single .left + .social-share {
padding-left: 90px;
}
.single-product-thumbnail.right:not(.no-nav) .p-thumb,
.jas-wc-single .right + .social-share {
padding-right: 90px;
}
.single-product-thumbnail.left .p-nav .slick-slide,
.single-product-thumbnail.right .p-nav .slick-slide {
border: 0;
width: 80px;
}
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child),
.single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-bottom: 10px;
}
.single-product-thumbnail.bottom .p-nav .slick-slide:not(:last-child) {
margin-right: 10px;
}
.single-product-thumbnail.left .slick-prev {
left: 120px;
}
.single-product-thumbnail.right .slick-next {
right: 120px;
}
.wc-single-5 .p-thumb .slick-prev + .slick-list .slick-slide {
opacity: .3;
}
.wc-single-5 .p-thumb .slick-slide.slick-current {
opacity: 1 !important;
}
.wc-single-5 .size_img3 .slick-list,.wc-single-5 .size_img2 .slick-list,.wc-single-5 .size_img1 .slick-list { padding: 0 !important}
.wc-single-5 .swatch[class*="is-"] {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.wc-single-5 .contetn_full .product.mt__40 { margin-top: 0;}
.wc-single-2 .p-thumb.jas-masonry .p-item {
float: left;
padding: 5px;
width: 100%;
}
.wc-single-2 .p-thumb:not(.columns-full) .p-item {
width: 50%;
}
.wc-single-2 .p-thumb.jas-masonry {
margin: -5px;
overflow: hidden;
}
.wc-single-2 .p-thumb.columns-3 .p-item {
width: 33.3%;
}
.wc-single-3 .p-thumb:not(.columns-full) .p-item {
width: 100%;
}
.wc-single-3 .variations_form .swatch__list {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.wc-single-3 .p-thumb .p-item:not(:last-child) {
margin-bottom: 30px;
}
.wc-single-3 .summary {
padding-top: 120px;
}
.wc-single-3 .star-rating {
margin: 0 auto;
font-size: 15px;
}
.jas-wc-single.wc-single-3 .entry-summary > *:not(:last-child) {
margin-bottom: 10px;
}
.wc-single-5 .product_title + .flex,
.wc-single-3 .hidden-sm.hidden-xs .product_title + .flex {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.wc-single-3 .price {
font-size: 24px;
}
.wc-single-3 .product-info .price {
font-size: 14px;
}
.wc-single-3 .hidden-sm .btn-atc {
display: none;
}
.wc-single-3 .availability {margin-left: 5px}
.rtl .wc-single-3 .availability {margin-right: 5px;margin-left: 0}
.jas-wc-single .social-share {
text-align: center;
margin-top: 20px;
}
.jas-wc-single .jas-social i {
font-size: 20px;
}
.primary-sidebar.fixed-top .primary-sidebar-inner {
position: fixed;
}
.jas-wc-single .entry-summary > *:not(:last-child),
.product-quick-view .gecko-scroll-content-quick> *:not(:last-child) {
margin-bottom: 20px;
}
.product_title {
font-size: 16px;
margin-bottom: 10px !important;
font-weight: 600;
}
.wc-single-4 .entry-summary.is_stuck {
padding-top: 20px;
}
.admin-bar .wc-single-4 .entry-summary.is_stuck {
padding-top: 50px;
}
.header-sticky + #jas-content .wc-single-4 .entry-summary.is_stuck {
padding-top: 80px;
}
.admin-bar .header-sticky + #jas-content .wc-single-4 .entry-summary.is_stuck {
padding-top: 110px;
}
.wc-single-4 .images .p-item:not(:last-child) {
margin-bottom: 30px;
}
.price-review .shopify-product-rating {
-ms-order: 2;
order: 2;
-webkit-order: 2;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.entry-summary .price {
font-size: 22px;
line-height: 22px;
margin: 0;
}
.entry-summary .in-stock, .entry-summary .out-of-stock {
display: inline-block;
text-transform: uppercase;
letter-spacing: .3px;
border: 2px solid #CC1414;
color: #B50808;
height: 40px;
float: left;
line-height: 36px;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
}
.entry-summary .in-stock {
border: 2px solid #297E29;
color: #297E29;
margin-bottom: 0;
}
.gecko-scroll .gecko-scroll-content:focus,.gecko-scroll-quick .gecko-scroll-content-quick:focus {
outline: 0;
}
.group_btn_pr {
bottom: 20px;
right: 20px;
z-index: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2;
display: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.wc-single-3 .group_btn_pr,.wc-single-4 .group_btn_pr {bottom: 50px;}
.document-ready .jas-wc-single .group_btn_pr {
display: block;
}
.group_btn_pr > div { margin-top: 10px }
.jas-wc-single .gecko-show-product-gallery-wrap >a {
display: block;
background-color: white;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
text-align: center;
font-size: 0;
color: black;
}
.jas-wc-single .gecko-show-product-gallery-wrap >a:after {
content: "\e657";
display: inline-block;
font-family: 'Pe-icon-7-stroke';
width: 38px;
font-size: 20px;
height: 38px;
line-height: 38px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
border: 1px solid #b59677;
color: #b59677;
}
.jas-wc-single .gecko-show-product-gallery-wrap >a:hover:after {
color: #fff;
}
.jas-wc-single .gecko-show-product-gallery-wrap.p-video-youtube >a:after {
content: "\e624";
}
.jas-wc-single .gecko-show-product-gallery-wrap.p-video-360 >a:after {
content: "\e6c2";
}
.p-video iframe {
width: 100%;
}
#jas-vsh .wp-video {
margin: auto;
}
#jas-vsh .wp-video-shortcode {
width: 640px !important;
height: 360px !important;
}
.entry-title {
font-size: 16px;
}
.entry-summary .star-rating {
margin: 0 5px 0 0;
}
.price-stock {
border-bottom: 1px solid #e5e5e5;
}
.wc-single-2 .price-stock {
padding-bottom: 0;
margin: 15px 0;
border-bottom: none;
}
.price-stock .price {
font-size: 22px;
margin: 0;
}
.availability span {
color: #4eb0be;
white-space: nowrap;
}
.wc-single-2 .price-stock .availability {
display: none;
}
.wc-single-2 .price-stock + div p {
margin-bottom: 0;
}
.wc-single-3 .product .jas-col-md-6 + .jas-col-md-6 {
padding-right: 15%;
}
.variations {
display: block;
}
.wc-single-2 .product-attribute {
display: inline-block;
margin: 0 15px;
}
.wc-single-5 .variations_form {
min-width: 338px;
}
.variations h4.label {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.variations .value {
position: relative;
color: #999;
border: 1px solid #999;
}
.variations .value:after {
content: '\f107';
position: absolute;
font-family: 'FontAwesome';
right: 10px;
top: 7px;
pointer-events: none;
}
.variations .value select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
padding: 0;
color: #999;
font-size: 14px;
cursor: pointer;
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 30px 0 10px;
}
table.variations {
border: 0 none;
display: inherit;
}
table.variations td.label {
border: 0 none;
padding: 0 15px 10px 0;
}
table.variations td.value {
border: 0 none;
padding: 0 0 10px 0;
}
table.variations .value:after {
display: none;
}
.variations.variant_square .swatch:not(.is-color) li {
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
position: relative;
display: inline-block;
line-height: 1;
padding: 9px 11px;
margin: 3px 4px 7px 3px;
font-size: 0.76471em;
font-style: normal;
background-color: #fff;
border: 1px solid #fff;
color: #321863;
cursor: pointer;
}
.variations.variant_square .swatch__list { margin: 10px 0}
.variations.variant_square .swatch:not(.is-color) li.is-selected{background-color: #f2f2f2;border-color: #321863}
.variations.variant_simple_2 .swatch.is-label .swatch__title{margin-bottom: 20px}
.jas_btn_3d {
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
position: relative;
}
.jas_btn_3d:active {
top: 1px;
-webkit-box-shadow: none;
box-shadow: none;
}
.wc-single-2 .btn-atc {
margin-top: 30px;
display: inline-block;
}
.wc-single-2 .btn-atc h4 {
margin-top: 0;
}
.wc-single-2 .variations .product-variable {
display: inline-block;
margin: 0 5px;
}
.shopify-variation-availability {
display: inline-block;
vertical-align: top;
}
.shopify-variation.single_variation .amount {
font-size: 24px;
margin-bottom: 15px;
line-height: 1;
display: inline-block;
}
a.reset_variations {
display: none !important;
}
.entry-summary .btn-ac {
margin: 20px 0;
}
.btn-atc .yith-wcwl-add-to-wishlist {
width: 40px;
height: 40px;
display: inline-block;
line-height: 38px;
margin-left: 15px;
}
.entry-summary .single_variation_wrap .price {
margin-bottom: 20px;
display: inline-block;
}
.btn-atc .yith-wcwl-add-to-wishlist a {
display: block;
text-align: center;
border: 1px solid #b59677;
border-radius: 0;
}
.btn-atc .yith-wcwl-add-to-wishlist a:hover {
background: #b59677;
color: #fff;
}
.entry-summary .product_meta {
width: 100%;
display: inline-block;
}
.single_add_to_cart_button, .ajax_add_to_cart{
-webkit-transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow 0s ease,opacity .25s ease;
-webkit-transition: color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,-webkit-box-shadow 0s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,-webkit-box-shadow 0s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow 0s ease,opacity .25s ease;
transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow 0s ease,opacity .25s ease,-webkit-box-shadow 0s ease;
}
.single_add_to_cart_button:after, .ajax_add_to_cart:after{
content: "";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
border: 1px solid rgba(255,255,255,.3);
border-left-color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
margin-left: -9px;
margin-top: -9px;
transition: opacity 0s ease;
-webkit-transition: opacity 0s ease;
}
.loading.single_add_to_cart_button, .loading.ajax_add_to_cart{
color: transparent!important;
}
.loading.single_add_to_cart_button:after, .loading.ajax_add_to_cart:after{
opacity: 1;
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
.single-product div.product form.cart .quantity,
form .quantity {
width: 80px;
height: 40px;
border: 1px solid #999;
text-align: left;
margin-right: 0;
}
form .quantity.mr__15 {
margin-right: 15px;
}
form .quantity.hidden {
display: none;
}
form .quantity.hidden + input[type="hidden"] + .single_add_to_cart_button {
margin-left: 0;
}
.wc-single-2 form .quantity {
top: 1px;
}
.single-product div.product form.cart .quantity input.input-text[type="number"],
.quantity input.input-text[type="number"] {
-moz-appearance: textfield;
width: calc(100% - 20px);
border: 0;
border-right: 1px solid #999;
height: 39px;
background: none;
padding: 0;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.quantity input.input-text[type="number"]:focus {
border-color: #999;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.quantity input[type="number"]:focus {
outline: none;
}
.quantity .tc {
top: 0;
right: 0;
width: 20px;
}
.quantity .tc a {
height: 19px;
line-height: 18px;
color: #999;
}
.quantity .tc a:first-child {
border-bottom: 1px solid #999;
}
.quantity .tc a:hover {
color: #b59677;
}
.entry-summary .single_add_to_cart_button,
.entry-summary .external_single_add_to_cart_button {
background: #b59677;
border: 0;
color: #fff;
font-weight: 400;
position: relative;
padding: 0 20px;
margin-left: 15px;
}
.entry-summary .single_add_to_cart_button.btn_external {margin-left: 0}
.entry-summary .single_add_to_cart_button.disabled {
cursor: not-allowed;
opacity: 0.5;
}
form.jas_cart {
position: relative;
display: inline-block;
}
.single_variation_wrap.price_custom {display: inline-block}
.price_custom + .yith-wcwl-add-to-wishlist {margin:0}
.single_add_to_cart_button .fa-spinner {
top: 14px;
right: 14px;
letter-spacing: 0;
}
.wc-single-2 .entry-summary .single_add_to_cart_button {
width: auto;
}
.entry-summary .single_add_to_cart_button:hover {
opacity: .8;
}
.product-quickview .apple-pay-button,
.product-quickview .apple-pay-button-checkout-separator,
.product-quickview .apple-pay-button-wrapper {
display: none !important;
}
.product_meta > span {
display: block;
color: #4d5959;
}
.product_meta > span span,
.product_meta a {
color: #999;
}
.product_meta a:hover {
color: #b59677;
}
.product_meta > span:not(:last-child) {
margin-bottom: 6px;
}
.entry-summary .social-share {
text-align: center;
margin-top: 30px;
}
.extra-link a {
text-decoration: underline;
margin: 0 10px;
}
.swatch.is-label .extra-link a {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.product-type-external .btn-atc .cart {
display: inline-block;
}
/* .wc-single-2 .shopify-tabs,
.wc-single-3 .shopify-tabs {
padding: 100px 0;
background: #f1f1f1;
margin-bottom: 100px;
}
.wc-single-3 .shopify-tabs {
margin-top: 0;
} */
.wc-tabs {
list-style: none;
}
.wc-single-2 .wc-tabs,
.wc-single-3 .wc-tabs {
margin-bottom: 25px;
}
.wc-single-2 #tab-reviews,
.wc-single-2 #tab-additional_information,
.wc-single-3 #tab-reviews,
.wc-single-3 #tab-additional_information {
max-width: 1170px;
margin: auto;
}
.wc-single-2 table,
.wc-single-2 table th,
.wc-single-2 table td,
.wc-single-3 table,
.wc-single-3 table th,
.wc-single-3 table td {
border-color: #ccc;
}
.wc-single-3 .wc-tabs {
display: block;
}
.wc-tabs li {
margin-right: 35px;
display: inline-block;
font-weight: bold;
}
.wc-tabs li.active a {
color: #b59677;
}
.template-product .wc-tab {
border: 1px solid #d3d3d3;
padding: 35px 40px;
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
}
.wc-tab table.shop_attributes {
margin: 0;
}
.wc-tab p {
margin: 0;
}
.wc-tab h2 {
display: none;
}
.tab-heading {
padding: 10px 20px;
}
.tab-heading:after {
content: "\f067";
position: absolute;
font-family: "FontAwesome";
right: 0;
width: 43px;
height: 43px;
text-align: center;
background: #222;
color: #fff;
top: 0;
line-height: 44px;
}
.active .tab-heading:after {
content: "\f068";
}
.template-product .jas-wc-single .sp-accordions .bgbl {
border: 2px solid #f5f5f5
}
.sp-accordion:not(:last-child) {
margin-bottom: 10px;
}
.sp-accordion .tab-heading {
padding-right: 50px;
}
.sp-accordion-content {
padding: 20px;
border: 1px solid #f5f5f5;
border-top: 0;
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
}
.product-extra h2 {
font-size: 16px;
font-weight: bold;
}
.product-extra .jas-carousel .product {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.product-extra .slick-prev {
left: -4px;
}
.product-extra .slick-next {
right: -4px;
}
.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist {
width: 170px;
margin: auto;
}
.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist i {
margin-right: 10px !important;
}
.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist .tooltip {
position: relative;
opacity: 1;
left: 0;
visibility: visible;
background: none;
color: #b59677;
font-size: 14px;
padding: 0;
}
.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist .tooltip:before,
.jas-sticky-atc,
.jas-sticky-atc .yith-wcwl-add-to-wishlist,
.jas-sticky-atc .stock,
.jas-sticky-atc .atttribute-value {
display: none;
}
.jas-sticky-atc .shopify-variation {
display: none !important;
}
.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist a:hover span {
color: #fff;
}
.jas-sticky-atc {
z-index: 999;
right: 10px;
}
.jas-sticky-atc form.cart .quantity {
margin: 0;
}
.jas-sticky-atc .button {
background: #000;
padding: 0 20px;
}
.jas-sticky-atc form.cart .quantity,
.jas-sticky-atc .quantity input.input-text[type="number"],
.jas-sticky-atc .quantity .tc a {
border-color: rgba(255, 255, 255, .2);
}
.jas-sticky-variable {
width: 40px;
height: 40px;
left: 0;
bottom: 0;
color: #aaa;
line-height: 40px;
}
.jas-sticky-atc .variations {
position: absolute;
background: rgba(255,255,255,0.98);
box-shadow: 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16);
padding: 10px;
bottom: calc(100% + 10px);
border-radius: 2px;
left: 0;
width: 100%;
transform: scale(.8);
transform-origin: 0 100px 0;
transition: all .3s ease;
opacity: 0;
visibility: hidden;
}
.jas-sticky-atc .variations.opened {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.jas-sticky-atc .variations:before {
content: "";
position: absolute;
bottom: -12px;
left: 15px;
display: block;
z-index: 1;
border: 6px solid transparent;
border-top: 6px solid #fff;
}
.jas-sticky-atc .product-variable,
.jas-sticky-atc .product-attribute {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
.jas-sticky-atc .product-variable:not(:last-child),
.jas-sticky-atc .product-attribute:not(:last-child) {
margin-bottom: 10px;
}
.jas-sticky-atc .product-variable h4.label,
.jas-sticky-atc .product-attribute h4.label {
margin: 0;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 500;
}
.jas-sticky-atc .product-variable .value:after {
top: 4px;
}
.jas-sticky-atc .product-variable select {
height: 30px;
line-height: 30px;
}
.jas-sticky-atc .product-attribute > div:nth-child(2) {
display: block !important;
}
.jas-sticky-atc .single_add_to_cart_button .fa-spinner {
right: 5px;
}
form.cart.group_table {
display: block;
}
table.group_table.shop_table {
margin:0;
}
#multi-variant-add,#multi-variant-add + .yith-wcwl-add-to-wishlist,#multi-variant-add-quick,#multi-variant-add-quick + .yith-wcwl-add-to-wishlist{
margin-top: 20px;
}
.group_table td, .group_table td.label {
text-align: center;
}
.group_table td.label img {
margin-bottom: 5px;
max-width: 80px;
}
.group_table td.label label {
display: block;
width: 100%;
}
.group_table td .quantity {
float: none;
border-radius: 2px;
border-color: #ddd;
display: inline-block;
margin: 0;
}
.group_table .quantity input.input-text[type="number"],.group_table .quantity .tc a:first-child {
border-color: #ddd;
}
.product-360-view-wrapper {
position: relative;
max-width: 800px;
margin: 100px auto;
}
.group_table select.product-form_group_variants {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.product-360-view-wrapper .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
padding: 0;
opacity: 1;
background-color: rgba(255, 255, 255, 0.5);
}
.product-360-view-wrapper .mfp-close:after, .product-360-view-wrapper .mfp-close:before {
content: " ";
position: absolute;
right: 0px;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: black;
-webkit-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
}
.product-360-view-wrapper .mfp-close:after, .product-360-view-wrapper .mfp-close:before {
right: 7px;
}
.product-360-view-wrapper .mfp-close:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-sand-transform: rotate(-45deg);
}
.product-360-view-wrapper .mfp-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform: rotate(45deg);
transform: rotate(45deg);
}
.gecko-threed-view {
position: relative;
overflow: hidden;
margin: 0 auto;
cursor: ew-resize;
cursor: -webkit-grab;
}
.gecko-threed-view:active {
cursor: ew-resize;
cursor: -webkit-grabbing;
}
.gecko-threed-view:after {
content: '';
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
height: 50%;
z-index: 5;
border-bottom: 5px solid rgba(175, 175, 175, 0.15);
border-top: 2px solid rgba(175, 175, 175, 0.05);
border-right: 2px solid rgba(175, 175, 175, 0.1);
border-left: 2px solid rgba(175, 175, 175, 0.1);
border-radius: 50%;
}
.gecko-threed-view .threed-title {
position: relative;
padding-top: 20px;
z-index: 40;
text-align: center;
}
.gecko-threed-view .threed-view-images {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.gecko-threed-view .threed-view-images img {
position: absolute;
top: 0;
width: 100%;
height: auto;
}
.gecko-threed-view .threed-view-images img.previous-image {
visibility: hidden;
/*
Do not put here any other styles.
It causes massive recalc / repaints and image flickering,
especially on Firefox.
*/
}
.gecko-threed-view .threed-view-images img.current-image {
visibility: visible;
/*
Do not put here any other styles.
It causes massive recalc / repaints and image flickering,
especially on Firefox.
*/
}
.gecko-threed-view .spinner {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
display: block;
margin: 0 auto;
color: black;
font-weight: bolder;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.gecko-threed-view .spinner span {
line-height: 60px;
}
.gecko-threed-view .nav_bar {
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -67.5px;
z-index: 11;
background-color: white;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.gecko-threed-view .nav_bar a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 0px;
text-align: center;
text-decoration: none;
}
.gecko-threed-view .nav_bar a:hover {
background-color: #f9f9f9;
}
.gecko-threed-view .nav_bar a:after {
font-size: 30px;
font-family: 'Pe-icon-7-stroke';
}
.gecko-threed-view .nav_bar a.nav_bar_play:after {
content: "\e624";
}
.gecko-threed-view .nav_bar a.nav_bar_previous:after {
content: "\e620";
}
.gecko-threed-view .nav_bar a.nav_bar_stop:after {
content: "\e632";
}
.gecko-threed-view .nav_bar a.nav_bar_next:after {
content: "\e62d";
}
/* html */
.gecko-threed-view:-webkit-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.gecko-threed-view:-moz-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.widget_shopping_cart_content ul {list-style: none}
.widget_shopping_cart_content *:focus,.widget_shopping_cart_content ul:focus,.widget_shopping_cart_content li:focus {outline: none}
.widget_shopping_cart_content .product_list_widget li.cart__empty_message {
border-bottom: none!important;
margin-bottom: 0!important;
position: relative;
padding-left: 75px;
padding-top: 13px;
padding-bottom: 13px;
overflow: visible;
color: #2d2a2a;
}
.widget_shopping_cart_content .product_list_widget li.cart__empty_message:before {
position: absolute;
content: "\e66e";
font-size: 50px;
line-height: 50px;
left: 10px;
top: 50%;
margin-top: -25px;
font-family: 'Pe-icon-7-stroke';
color: #e8e8e8;
}
.widget_shopping_cart .product_list_widget li.cart__empty_message:after {
display: inline-block;
position: absolute;
content: "\e680";
font-size: 25px;
line-height: 18px;
left: 27px;
top: 50%;
margin-top: -9px;
font-family: 'Pe-icon-7-stroke';
color: #e8e8e8;
}
.dropdown-cart {
position: absolute;
top: 100%;
right: 0;
z-index: 350;
visibility: hidden;
opacity: 0;
pointer-events: none;
background-color: #fff;
margin-top: 15px;
width: 330px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-transition: opacity .25s ease,visibility .25s ease;
transition: opacity .25s ease,visibility .25s ease;
animation: menu-to-bottom .25s ease;
-webkit-animation: menu-to-bottom .25s ease;
}
.header-sticky .dropdown-cart {margin-top: 3px;}
.dropdown-cart:after {
content: " ";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 15px;
}
.dropdown-cart .product_list_widget {padding: 15px; padding-bottom: 15px;}
.dropdown-cart .widget_shopping_cart_footer {padding: 15px}
.jas-icon-cart.display-widget>.dropdown-cart, .jas-icon-cart:hover>.dropdown-cart {
visibility: visible;
opacity: 1;
pointer-events: visible;
-webkit-transition: opacity .25s ease,visibility 0 ease;
transition: opacity .25s ease,visibility 0 ease;
animation: menu-in-top .25s ease;
-webkit-animation: menu-in-top .25s ease;
}
.widget_shopping_cart .product_list_widget:before,.widget_shopping_cart:before {
position: absolute;
left: 50%;
top: 50%;
margin-top: -20px;
margin-left: -20px;
opacity: 0;
transition: opacity .6s ease;
-webkit-transition: opacity .6s ease;
content: "";
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border: 1px solid rgba(0,0,0,.1);
border-left-color: rgba(0,0,0,.8);
border-radius: 50%;
}
.widget_shopping_cart.removing-process:before,.widget_shopping_cart .removing-process .product_list_widget:before {
opacity: 1;
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
}
.widget_shopping_cart.removing-process .widget_shopping_cart_content,.widget_shopping_cart .removing-process .product_list_widget {
opacity: .5;
}
/* 9.8.1 COLOR SWATCH
-------------------------------------------------------------------------- */
.swatch {
margin-bottom: 15px;
}
.swatch .swatch-item {
border-radius: 50%;
margin-right: 8px;
}
.swatch .swatch-item.disable {
cursor: not-allowed;
border: 1px solid #999;
position: relative;
}
.swatch .swatch-item.disable:after {
content:'\e680';
top: -29px;
left: -11px;
width: 100%;
height: 100%;
font-size: 50px;
font-family: 'Pe-icon-7-stroke';
position: absolute;
z-index: 10;
}
ul.swatch .swatch-item.selected {
background: #000;
}
.swatch .swatch-item span {
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
font-size: 12px;
letter-spacing: 0;
}
#pa_color.swatch .swatch-item span {
width: 28px;
}
/* 9.8.2 CLOUD ZOOM
-------------------------------------------------------------------------- */
.zoomContainer .zoomWindow {
z-index: 8 !important;
}
/* 9.8.3 LIGHT BOX POPUP
-------------------------------------------------------------------------- */
div.pp_shopify .pp_content_container {
border-radius: 0;
padding: 20px 0;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
div.pp_shopify a.pp_contract:before,
div.pp_shopify a.pp_expand:before,
div.pp_shopify .pp_close:before,
div.pp_shopify .pp_next:before,
div.pp_shopify .pp_previous:before,
div.pp_shopify .pp_arrow_next:before,
div.pp_shopify .pp_arrow_previous:before {
font-family: 'Pe-icon-7-stroke', sans-serif;
color: #3e3e3e !important;
}
div.pp_shopify a.pp_contract:before,
div.pp_shopify a.pp_expand:before {
content: '\e657';
}
div.pp_shopify .pp_close:before {
content: '\e680';
font-size: 30px;
}
div.pp_shopify .pp_next:before,
div.pp_shopify .pp_arrow_next:before {
content: '\e684';
font-size: 25px;
}
div.pp_shopify .pp_next:before,
div.pp_shopify .pp_previous:before {
font-size: 32px !important;
}
div.pp_shopify .pp_previous:before,
div.pp_shopify .pp_arrow_previous:before {
content: '\e686';
font-size: 25px;
}
div.pp_shopify .pp_gallery .pp_arrow_previous,
div.pp_shopify .pp_gallery .pp_arrow_next {
display: none !important;
}
div.ppt,
div.pp_shopify .pp_description {
display: none !important;
}
div.pp_shopify .pp_arrow_next,
div.pp_shopify .pp_arrow_previous,
div.pp_shopify .pp_close,
div.pp_shopify .pp_next::before,
div.pp_shopify .pp_previous::before,
div.pp_shopify a.pp_contract,
div.pp_shopify a.pp_expand {
background: none;
color: #3e3e3e;
text-shadow: none;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
}
div.pp_shopify a.pp_contract,
div.pp_shopify a.pp_expand {
top: -14px;
left: -14px;
background: #fff;
border-radius: 0;
}
div.pp_shopify a.pp_contract:hover,
div.pp_shopify a.pp_expand:hover {
background: #fff;
}
div.pp_shopify a.pp_contract::before, div.pp_shopify a.pp_expand::before {
bottom: 0;
left: 0;
right: 0;
top: 0;
font-size: 20px;
}
div.pp_shopify .pp_close {
background: #fff;
border-radius: 0;
top: -14px;
right: -14px;
letter-spacing: 0;
}
div.pp_shopify .pp_close:hover {
background: #fff;
}
.pp_gallery {
margin-top: -75px;
}
.pp_gallery ul {
height: 60px;
}
div.pp_shopify .pp_gallery ul li a {
height: 60px;
border-color: rgba(0, 0, 0, 0.3);
border-radius: 0;
}
div.pp_shopify .pp_gallery ul li a:hover,
div.pp_shopify .pp_gallery ul li.selected a {
border-color: rgba(0, 0, 0, 0.5);
}
div.pp_shopify .pp_nav {
float: none;
margin: 0;
position: relative;
text-align: center;
}
.pp_nav .pp_pause,
.pp_nav .pp_play,
.pp_nav p,
a.pp_arrow_next,
a.pp_arrow_previous {
display: inline-block;
float: none;
}
/* 9.9 PAGE HEADING
========================================================================== */
.page-head {
padding: 50px 0;
line-height: 1;
color: #fff;
}
.jas-ht .page-head {
padding-top: 75px;
}
.page-head.lazyload:before,.page-head.lazyloading:before,.page-head.lazyloaded:before,.page_jas_bg_image:before {
content: '';
position: absolute;
background: rgba(0, 0, 0, .4);
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page-head .jas-container {
z-index: 1;
}
.page-head h1 {
font-size: 20px;
font-weight: bold;
}
.page-head p {
margin: 0;
font-family: 'Libre Baskerville', serif;
font-style: italic;
}
.page-head .shopify-breadcrumb,
.page-head .jas-breadcrumb {
margin-top: 20px;
}
.jas-wc-single .page-head .shopify-breadcrumb {
margin: 0;
line-height: 24px;
}
.page-head a {
color: #fff;
}
.page-head a:hover {
color: #b59677;
}
/* 9.10 STAR RATING
========================================================================== */
.star-rating {
font-family: 'FontAwesome';
font-size: 10px;
height: 20px;
line-height: 20px;
overflow: hidden;
position: relative;
text-align: left;
width: 5.8em;
letter-spacing: 3px;
margin: auto;
}
.star-rating:before,
.star-rating span:before {
content: '\f005\f005\f005\f005\f005';
left: 0;
top: 0;
position: absolute;
}
.star-rating:before {
color: #c1c1c1;
}
.star-rating span {
overflow: hidden;
position: absolute;
text-indent: -999em;
}
.star-rating span:before {
color: #ffa800;
text-indent: 0;
}
.stars {
font-size: 11px;
letter-spacing: 3px;
width: 7em;
margin-left: 15px;
margin-top: 1px;
}
.stars [class*="star"] {
text-indent: -999em;
display: block;
position: absolute;
display: inline-block;
color: #ffa800;
}
.stars [class*="star"]:before {
position: absolute;
font-family: "FontAwesome";
left: 0;
text-indent: 0;
}
.stars .star-1 {
width: 15px;
z-index: 50;
}
.stars .star-2 {
width: 30px;
z-index: 40;
}
.stars .star-3 {
width: 45px;
z-index: 30;
}
.stars .star-4 {
width: 60px;
z-index: 20;
}
.stars .star-5 {
width: 75px;
z-index: 10;
}
.stars .star-5:before {
content: "\f006\f006\f006\f006\f006";
}
.stars .star-1:hover:before,
.stars .star-1.active:before {
content: "\f005";
}
.stars .star-2:hover:before,
.stars .star-2.active:before {
content: "\f005\f005";
}
.stars .star-3:hover:before,
.stars .star-3.active:before {
content: "\f005\f005\f005";
}
.stars .star-4:hover:before,
.stars .star-4.active:before {
content: "\f005\f005\f005\f005";
}
.stars .star-5:hover:before,
.stars .star-5.active:before {
content: "\f005\f005\f005\f005\f005";
}
/* 9.11 SWITCH CURRENCY
========================================================================== */
.jas-currency {
color: #ececec;
cursor: pointer;
}
.jas-currency span {
display: inline-block;
line-height: 50px;
}
.jas-currency ul {
position: absolute;
width: 160px;
background: #3e3e3e;
right: -20px;
list-style: none;
z-index: 100;
opacity: 0;
visibility: hidden;
transition: all 0.1s;
}
#jas-header .jas-currency .current i {
font-size: 14px;
}
.jas-currency:hover ul {
opacity: 1;
visibility: visible;
padding: 10px 0;
}
.jas-currency ul a {
display: block;
padding: 5px 32px;
}
/* 9.12 PRODUCT QUICKVIEW
========================================================================== */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10421;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-conten {
opacity: 0;
transition: all .15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10431;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 10451;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.wc-content-help {
background: #fff;
max-width: 950px;
margin: auto;
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
}
.wc-content-help {
padding: 25px 35px;
}
.loader {
position: fixed;
background: rgba(0,0,0,.85);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.loader-inner {
background: url('loader.svg') no-repeat 0 0;
background-size: 100%;
width: 50px;
height: 50px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup-quick-view {
max-width: 920px;
background-color: white;
margin: 65px auto;
position: relative;
box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
}
.popup-quick-view .product-images {
overflow: hidden;
}
.popup-quick-view .product-images:hover .view-details-btn {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
.popup-quick-view .view-details-btn {
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
display: block;
padding: 15px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.9);
line-height: 1.2;
font-weight: 600;
font-size: 16px;
color: white;
text-decoration: none;
text-align: center;
text-transform: uppercase;
letter-spacing: .3px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}
.popup-quick-view .view-details-btn:hover {
background-color: black;
}
.popup-quick-view .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
opacity: 1;
}
.popup-quick-view .mfp-close:after, .popup-quick-view .mfp-close:before {
content: " ";
position: absolute;
right: 0px;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: black;
-webkit-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
}
.popup-quick-view .mfp-close:after, .popup-quick-view .mfp-close:before {
right: 9px;
}
.popup-quick-view .mfp-close:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-sand-transform: rotate(-45deg);
}
.popup-quick-view .mfp-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-quick-view .single-product-content .product-image-summary {
display: flexbox;
display: flex;
display: -webkit-flex;
display: -ms-flex;
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: 400px;
}
.gecko-scroll-quick {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.gecko-scroll-quick .gecko-scroll-content-quick {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.popup-quick-view:not(.cart__popup_upsell) .gecko-scroll-content-quick {
padding-left: 15px;
padding-right: 60px;
padding-bottom: 25px;
padding-top: 35px;
}
.popup-quick-view .gecko-scroll-quick .gecko-scroll-pane {
right: 15px;
}
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
}
/* 9.13 POPUP CART
========================================================================== */
.cart__popup {
padding: 20px;
max-width: 768px;
width: 100%;
}
.cart__popup.loading:before,
.cart__popup.loading:after {
content: "";
position: absolute;
}
.cart__popup.loading:before {
background: rgba(255, 255, 255 , .8);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.cart__popup.loading:after {
content: "\f110";
font-family: FontAwesome;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
z-index: 2;
font-size: 50px;
color: #000;
left: calc(50% - 25px);
top: calc(50% - 35px);
}
.cart__popup-item {
border-bottom: 1px solid #e3e3e3;
}
#push_cart_items {
border-top: 1px solid #e3e3e3;
}
.cart__popup-item > div {
padding: 10px;
}
.cart__popup-item > div:first-child {
padding-left: 0;
}
.cart__popup-item > div:last-child {
padding-right: 0;
}
.cart__popup-thumb img {
max-width: 60px;
}
.cart__popup-quantity .quantity > * {
float: left;
}
.cart__popup-qty {
height: 30px;
display: block;
border: 1px solid #e3e3e3;
line-height: 30px;
}
.quantity .cart__popup-qty {
width: 30px;
}
.cart__popup-qty--input {
-moz-appearance: textfield;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
font-size: 11px !important;
border-left: 0 !important;
border-right: 0 !important;
}
.cart__popup-item .cart__popup-total {
padding: 10px 30px;
}
.cart__popup-remove,
.cart__popup-undo {
cursor: pointer;
}
.cart__popup-undo {
text-decoration: underline;
}
.popup__cart-product h4 {
letter-spacing: 0;
font-size: 14px;
font-weight: 600;
}
.popup__cart-product .modal_btn_add_to_cart {
height: 30px;
line-height: 30px;
padding: 0 15px;
margin-top: 10px;
display: block;
}
.cart__popup-related-title {
margin: 30px 0 !important;
font-weight: 600;
font-size: 24px;
}
.cart__popup img.attachment-shop_thumbnail.img_hide {
width: 30px;
height: 30px;
border-radius: 50px;
margin-right: 8px;
padding: 2px;
border: 1px solid #ddd;
}
.cart__popup textarea.cart-note__input {
min-height: 130px;
}
.cart__popup .cart__popup-title {
margin-bottom: 10px;
}
/* 10.0 SHOPPING CART
========================================================================== */
.cart-empty,
.return-to-shop {
text-align: center;
}
.shop_table {
border-width: 1px 1px 0 1px;
}
.shop_table th,
.shop_table td {
border-width: 0 0 1px 0;
}
.shop_table th {
color: #4d5959;
}
.entry-summary table.group_table.shop_table .price {font-size: 14px}
table.group_table.shop_table {border-width: 1px 0 0 1px;}
table.group_table.shop_table td {
border-width: 0 1px 1px 0;
}
.shop_table .product-price,
.shop_table .product-quantity,
.shop_table .product-remove {
text-align: center;
}
.shop_table .product-quantity .quantity {
display: inline-block;
float: none;
margin-right: 0;
}
.shop_table .product-subtotal {
text-align: right;
}
.shop_table .product-remove {
font-size: 36px;
}
.actions .coupon {
float: left;
}
.actions .coupon input {
margin-left: 10px;
}
.actions .button.update-cart {
float: right;
}
.cart-collaterals {
display: inline-block;
width: 100%;
margin-bottom: 60px;
}
.cart-collaterals .cross-sells {
float: left;
width: 58%;
margin-right: 2%;
}
.cart-collaterals .cart_totals {
float: right;
width: 40%;
}
.cart-collaterals h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin: 30px 0 0;
}
#shipping_method li {
list-style-type: none;
margin-bottom: 5px;
}
#shipping_method li input {
margin: 0;
padding: 0;
}
.cart-collaterals .cart_totals h2,.cart-collaterals .cart_note h2 {
margin: 30px 0 30px;
}
.cart-collaterals .cart_note textarea.cart-note__input,#gift-note {
min-height: 110px;
width: 100% !important;
}
.wc-proceed-to-checkout a {
font-size: 11px;
float: right;
}
.shopify-shipping-calculator #calc_shipping_country_field {
position: relative;
color: #999;
border: 1px solid #999;
}
.shopify-shipping-calculator #calc_shipping_country_field:after {
content: '\f107';
position: absolute;
font-family: 'FontAwesome';
right: 10px;
top: 7px;
pointer-events: none;
}
.shopify-shipping-calculator #calc_shipping_country_field select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
padding: 0;
color: #999;
font-size: 14px;
cursor: pointer;
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 30px 0 10px;
}
.shipping-calculator-form input,
.shipping-calculator-form button {
width: 100%;
}
.cart_totals th {
width: 30%;
}
.cart_totals td {
width: 70%;
}
.order-total,
.order-total td {
color:#4d5959;
font-size: 16px;
font-weight: bold;
}
.shopify .cart-empty {
position: relative;
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 1.2;
color: #2d2a2a;
margin-top: 5vw;
margin-bottom: 15px;
}
.shopify .empty-cart-text {
text-align: center;
margin-bottom: 0;
font-size: 110%;
line-height: 1.8;
color: #8e8e8e;
}
.shopify .cart-empty:before {
display: block;
font-size: 180px;
line-height: 180px;
font-weight: 400;
margin-bottom: 20px;
content: "\e66e";
font-family: 'Pe-icon-7-stroke';
color: #e8e8e8;
}
.shopify .cart-empty:after {
position: absolute;
left: 50%;
margin-left: -16px;
top: 63px;
font-size: 58px;
line-height: 58px;
font-weight: 700;
font-family: 'Pe-icon-7-stroke';
content: "\e680";
color: #e8e8e8;
}
.jas_cart_page p.return-to-shop {
margin-top: 25px;
margin-bottom: 5vw;
}
/* 11.0 CHECKOUT
========================================================================== */
.checkout.shopify-checkout h3 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 30px;
}
.shopify-billing-fields,
.shopify-shipping-fields {
width: 100%;
}
.shopify form .form-row-first,
.shopify form .form-row-last {
width: 49%;
float: left;
}
.shopify form.shopify-ResetPassword.lost_reset_password .form-row-first {
float: none;
}
.shopify form .form-row input.input-text,
.shopify form .form-row textarea {
width: 100%;
box-sizing: border-box;
outline: none;
margin: 0;
}
.shopify form .form-row-last {
float: right;
}
.shopify form .form-row label {
line-height: 2;
display: block;
margin-bottom: 5px;
}
.shopify form .form-row label .required {
color: #fc655e;
}
.select2-container .select2-choice {
border: 1px solid #e3e3e3;
border-radius: 0;
line-height: 40px;
height: 40px;
color: #999;
}
.select2-drop-active,
.select2-drop.select2-drop-above.select2-drop-active,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border-color: #e3e3e3;
}
.shopify-shipping-fields {
margin-top: 60px;
}
p.create-account {
margin-bottom: 1em;
}
.product-name > div {
display: table-cell;
}
.product-name .item-thumb {
max-width: 65px;
margin-right: 10px;
}
.product-name .item-info {
padding-left: 10px;
vertical-align: middle;
}
.shopify-checkout-payment {
padding: 15px;
border: 1px solid #e3e3e3;
}
.shopify-checkout-payment ul li {
list-style-type: none;
margin-bottom: 5px;
}
.shopify-checkout-payment ul li input {
margin: 0 5px 0 0;
}
#add_payment_method #payment div.payment_box,
.shopify-checkout #payment div.payment_box {
background-color: #f1f1f1;
border-radius: 2px;
box-sizing: border-box;
color: #999;
font-size: 0.92em;
line-height: 1.5;
margin: 5px 0 15px;
padding: 1em;
position: relative;
width: 100%;
}
#add_payment_method #payment div.payment_box::before,
.shopify-checkout #payment div.payment_box::before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent #f1f1f1;
border-image: none;
border-style: solid;
border-width: 1em;
content: "";
display: block;
left: 0;
margin: -1em 0 0 2em;
position: absolute;
top: -0.75em;
}
.terms.pr {
width: 100%;
margin: 10px 0 15px;
}
.shopify-checkout .shopify-account-fields {
width: 100%;
display: inline-block;
}
/* ==========================================================================
12.0 MY ACCOUNT
========================================================================== */
.shopify-page .shopify {
margin: 60px auto;
}
.shopify.shopify-page .shopify {
margin: 0 auto 50px;
}
.shopify h3,
.login-form h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 30px;
}
.shopify .login-form form .form-row label {
margin-bottom: 10px;
}
.lost_password {
margin-bottom: 0;
}
.form-login .button.fr {
margin: 5px 0 10px;
}
.form-login .login-form .fr {
float: none;
}
.login-form .jas-row .fr {
float: right;
}
.style-checkbox {
display: inline-block;
position: relative;
}
span.style-checkbox {
margin-top: 10px;
}
.style-checkbox input {
float: left;
margin: 0 10px 0 0;
visibility: hidden;
}
.style-checkbox .checkbox {
display: inline-block;
}
.style-checkbox input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.style-checkbox label {
background: transparent none repeat scroll 0 0;
border: 1px solid #e3e3e3;
cursor: pointer;
height: 16px;
left: 0;
position: absolute;
top: 3px;
width: 16px;
}
.style-checkbox label:after {
border: 2px solid #b3b3b3;
border-right: 0;
border-top: 0;
content: "";
height: 6px;
left: 2px;
opacity: 0;
position: absolute;
top: 3px;
transform: rotate(-45deg);
width: 10px;
}
.form-login {
background: #f8f8f8;
padding: 50px;
max-width: 500px;
text-align: center;
width: 100%;
margin: auto;
}
.form-login h2 {
margin-bottom: 30px;
}
.form-login span.inline {
display: block;
}
.jas-row .form-login {
background: none;
padding: 0;
max-width: initial;
text-align: inherit;
margin: 0;
}
.jas-row .form-login .button.fr {
margin: 0;
}
.myaccount_user + h2 {
text-transform: uppercase;
font-size: 20px;
text-align: center;
margin-bottom: 5px;
font-weight: bold;
}
.myaccount_address {
text-align: center;
}
.addresses {
display: inline-block;
width: 100%;
margin-top: 30px;
}
.addresses .title {
display: inline-block;
padding-bottom: 5px;
margin-bottom: 10px;
width: 100%;
border-bottom: 1px solid #e3e3e3;
}
.addresses h3 {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
float: left;
margin: 0;
}
.addresses a {
float: right;
}
.addresses .address {
width: 49%;
display: inline-block;
float: left;
}
.addresses .address.col-2 {
float: right;
}
.edit-account fieldset {
margin-top: 60px;
}
.edit-account legend {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 10px;
}
/* ==========================================================================
13.0 WISHLIST
========================================================================== */
body.shopify {
max-width: inherit;
margin: 0;
}
.wishlist-title {
text-align: center;
width: 100%;
display: none;
}
.wishlist-title h2 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 30px;
}
.shopify table.wishlist_table {
font-size: 100%;
margin: 60px auto;
}
.shopify table.wishlist_table thead th,
.shopify table.wishlist_table tbody td {
border-top: none;
padding: 15px;
}
.shopify table.wishlist_table tr td.product-remove {
padding: 15px;
}
.product-stock-stauts {
text-align: center;
}
.shopify .wishlist_table td.product-add-to-cart a.button {
width: auto;
margin: 0;
white-space: nowrap;
}
.yith-wcwl-share h4 {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.page_contact_content h3 {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
margin-bottom: 1em;
}
.page_contact_content .shopify-message {
margin-top: 0;
margin-bottom: 20px;
}
/* ==========================================================================
14.0 SHORTCODE - SERVICE
========================================================================== */
.jas-service .icon.small,.jas-service .icon.small .fa {
font-size: 24px;
}
.jas-service .icon.medium, .jas-service .icon.medium .fa{
font-size: 36px;
}
.jas-service .icon.large, .jas-service .icon.large .fa{
font-size: 48px;
}
.jas-service .icon {
line-height: 100%;
}
.jas-service.tc .icon {
margin: auto;
}
.jas-service.jas-icon-square .small,
.jas-service.jas-icon-circle .small {
width: 60px;
height: 60px;
line-height: 60px;
}
.jas-service.jas-icon-square .medium,
.jas-service.jas-icon-circle .medium {
width: 80px;
height: 80px;
line-height: 80px;
}
.jas-service.jas-icon-square .large,
.jas-service.jas-icon-circle .large {
width: 140px;
height: 140px;
line-height: 140px;
}
.jas-service .title {
font-size: 14px;
}
.jas-service.tr .content,
.jas-service.tl .content {
overflow: hidden;
}
.jas-service.tr .icon,
.jas-service.tl .icon {
text-align: center;
}
.jas-service.tr .icon {
float: right;
margin-left: 20px;
}
.jas-service.tl .icon {
float: left;
margin-right: 20px;
}
.jas-service[class*="icon-"] .icon {
border: 1px solid;
position: relative;
}
.jas-service[class*="icon-"] .icon:before {
content: '';
position: absolute;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
background: #56cfe1;
transition: all .3s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.jas-service[class*="icon-"]:hover .icon:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.jas-service[class*="icon-"]:hover i {
color: #fff;
position: relative;
z-index: 1;
}
.jas-service[class*="icon-"].tc .icon {
margin-bottom: 30px;
}
.jas-service.jas-icon-circle .icon,
.jas-service.jas-icon-circle .icon:before {
border-radius: 50%;
}
/* ==========================================================================
15.0 SHORTCODE - MEMBER
========================================================================== */
.jas-member {
padding-bottom: 15px;
}
.jas-member h4 {
font-weight: bold;
}
.jas-member .social a {
margin: 0 8px;
}
.jas-member .social i {
font-size: 20px;
}
/* ==========================================================================
16.0 SHORTCODE - LATEST BLOG
========================================================================== */
.jas-sc-blog .jas-blog-slider.jas-carousel [class*="jas-col"] {
padding: 0;
}
.placeholder .pa {
bottom: 30px;
left: 10px;
right: 10px;
}
.jas_separator {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.jas_sep_width_100, .wpb_single_image img.jas_img-placeholder {
width: 100%;
}
.jas_sep_pos_align_center {
margin-left: auto;
margin-right: auto;
}
.jas_separator.jas_sep_double {
height: 3px;
}
.jas_separator .jas_sep_holder {
height: 1px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 10%;
}
.jas_separator .jas_sep_holder .jas_sep_line {
height: 1px;
border-top: 1px solid #EBEBEB;
display: block;
position: relative;
top: 1px;
width: 100%;
}
.jas_separator.jas_sep_double .jas_sep_line {
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid #EBEBEB;
height: 3px;
}
.jas_separator.jas_sep_color_grey .jas_sep_line {
border-color: #EBEBEB;
}
.jas_separator h4 {
line-height: 1em;
font-size: 100%;
margin: 0;
word-wrap: break-word;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.jas_separator.jas_separator_align_center h4 {
padding: 0 .8em;
}
/* ==========================================================================
17.0 SHORTCODE - PRODUCTS TAB
========================================================================== */
.vc_tta-tab > a {
padding: 0 10px !important;
text-transform: uppercase;
background: none !important;
border: none !important;
color: #999 !important;
font-size: 11px;
font-weight: 700;
}
.vc_tta-tab.vc_active > a {
color: #b59677 !important;
background: none;
border: none;
}
.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panel-body {
padding: 0;
}
/* ==========================================================================
18.0 SHORTCODE - PROMOTION
========================================================================== */
.jas-promotion .pa {
z-index: 10;
pointer-events: none;
}
.jas-promotion {
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.jas-promotion:hover img {
-sand-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.jas-promotion.left .pa {
left: 20px;
}
.jas-promotion img{
-moz-transition: all .6s;
-o-transition: all .6s;
-webkit-transition: all .6s;
transition: all .6s;
}
.jas-promotion.center .pa {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.jas-promotion.right .pa {
right: 20px;
}
.jas-promotion.top .pa {
top: 20px;
}
.jas-promotion.middle .pa {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.jas-promotion.center.middle .pa {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jas-promotion.bottom .pa {
bottom: 20px;
}
.jas-promotion h5 {
font-weight: 400;
}
.jas-promotion h3 {
font-weight: 600;
}
.jas-promotion h3, .jas-promotion h4 {
white-space: nowrap;
}
/* ==========================================================================
19.0 META SLIDER
========================================================================== */
.jas-page .metaslider .flexslider {
margin-bottom: 0;
}
.metaslider .flex-control-nav {
position: absolute;
bottom: 20px;
z-index: 9;
}
.metaslider .flexslider .caption-wrap {
top: 0;
right: 0;
/* background: rgba(0, 0, 0, 0.5); */
opacity: 1;
text-align: center;
line-height: 1;
}
/* .metaslider .flexslider .caption-wrap .caption {
padding: 0;
position: absolute;
top: 50%;
left: 50%;
white-space: nowrap;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-ms-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
} */
.metaslider .flexslider .caption-wrap h2,
.metaslider .flexslider .caption-wrap h3,
.metaslider .flexslider .caption-wrap h4 {
color: #fff;
margin: 0;
line-height: 1;
}
.metaslider .flexslider .caption-wrap h3 {
font-family: 'Lato', sans-serif;
font-size: 20px;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 50px;
font-weight: bold;
letter-spacing: 1px;
margin: 20px 0;
}
.metaslider .flexslider .caption-wrap h4 {
text-transform: none;
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
margin-bottom: 20px;
}
.metaslider .flexslider .flex-prev,
.metaslider .flexslider .flex-next {
outline: none;
padding: 0;
overflow: hidden;
top: 50%;
margin-top: -23px;
width: 40px;
height: 40px;
z-index: 8;
background: #b59677;
border: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.metaslider .flexslider:hover .flex-next {
right: 30px;
}
.metaslider .flexslider:hover .flex-prev {
left: 30px;
}
.metaslider .flexslider .flex-prev:hover,
.metaslider .flexslider .flex-next:hover {
opacity: 1;
}
.flex-prev:before, .flex-next:before {
font-family: 'Pe-icon-7-stroke';
font-size: 36px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
display: block;
line-height: 36px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.flex-prev {
left: 30px;
}
[dir='rtl'] .flex-prev {
right: 30px;
left: auto;
}
.flex-prev:before {
content: '\e686';
}
[dir='rtl'] .flex-prev:before {
content: '\e684';
}
.flex-next {
right: 30px;
}
[dir='rtl'] .flex-next {
right: auto;
left: 30px;
}
.flex-next:before {
content: '\e684';
}
[dir='rtl'] .flex-next:before {
content: '\e686';
}
.ms-image > a::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
/* HANDMADE SHOP */
.handmade-slider .metaslider .flexslider .caption-wrap {
left: 0;
text-align: left;
}
.handmade-slider .metaslider .flexslider .caption-wrap .caption {
left: 80px;
right: 650px;
-webkit-transform: translate3D(0, 50%, 0);
-moz-transform: translate3D(0, 50%, 0);
-ms-transform: translate3D(0, 50%, 0);
-o-transform: translate3D(0, 50%, 0);
transform: translate3D(0, 50%, 0);
}
.handmade-slider .metaslider .flexslider .caption-wrap h2 {
margin: 0;
}
.handmade-slider .metaslider .flexslider .caption-wrap h4 {
white-space: normal;
line-height: 1.8;
margin: 10px 0 20px;
}
.handmade-slider .metaslider .slick-dots {
text-align: right;
padding-right: 30px;
}
.handmade-slider .slick-dots li button:before,.handmade-slider .metaslider .slick-dots li button {
background: rgba(255,255,255,0.5);
text-indent: 9999em;
width: 13px;
height: 13px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.handmade-slider .slick-dots li button:hover,
.handmade-slider .slick-dots li.slick-active button,
.handmade-slider .slick-dots li button:before:hover{
background: rgba(255,255,255,.9);
}
.handmade-slider .slick-dots li.slick-active button:before,.handmade-slider .slick-dots li.slick-active button:hover:before {
opacity: 1;
color: rgba(255,255,255,.9);
}
/* ORGANIC SHOP */
.organic-slider .flexslider .caption-wrap {
/* background: rgba(0, 0, 0, 0.1); */
}
.organic-slider .flexslider .caption-wrap h3 {
font-size: 14px;
}
.organic-slider .flexslider .caption-wrap h2 {
margin: 10px 0;
}
.organic-slider .flexslider .caption-wrap h4 {
line-height: 22px;
letter-spacing: 0;
}
/* ==========================================================================
SIMPLE SLIDER
========================================================================== */
.jas-slider-caption.top {
top: 20px;
}
.jas-slider-caption.left {
left: 20px;
}
.jas-slider-caption.center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.jas-slider-caption.right {
right: 20px;
text-align: right;
}
.jas-slider-caption.top {
top: 20px;
}
.jas-slider-caption.middle {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.jas-slider-caption.center.middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jas-slider-caption.bottom {
bottom: 20px;
}
/* ==========================================================================
20.0 CUSTOM CSS
========================================================================== */
.home-contact-us-form .wpcf7-form textarea {
height: 130px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
width: 100%;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
div.wpcf7-response-output {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
border: none;
background: rgba(0,0,0,.8);
color: #fff;
padding: 20px;
}
.inherit-position {
position: inherit;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: -4px;
right: 8px;
}
.women-collection {
text-align: center;
}
.custom-head-1:before {
content: '';
position: absolute;
}
.women-collection h3 {
font-size: 30px;
font-weight: bold;
left: 160px;
text-transform: uppercase;
top: 100px;
margin: 0;
}
.women-collection h3.left span {
font-size: 14px;
color: #999;
text-align: left;
font-weight: normal;
text-transform: none;
}
.women-collection h3.right {
left: auto;
right: 20px;
top: 300px;
transform: rotate(270deg);
font-size: 50px;
}
.women-collection h3.right span {
font-size: 15px;
position: relative;
top: -12px;
}
.women-collection h3.right:before {
background: #4b5959;
height: 3px;
left: -42px;
top: -67px;
transform: rotate(-90deg);
width: 150px;
}
.accessories-collection h3,
.handbags-collection h3 {
left: 50px;
top: 50px;
}
.accessories-collection h3 span,
.handbags-collection h3 span {
text-transform: none;
color: #999;
}
.accessories-collection h3:before {
right: -155px;
width: 150px;
height: 3px;
top: 14px;
background: #4b5959;
}
.handbags-collection h3:before {
left: -30px;
top: -90px;
width: 150px;
height: 3px;
background: #4b5959;
transform: rotate(90deg);
}
.lookbook-collection h3 {
top: 50%;
left: 50%;
color: #fff;
transform: translate3d(-50%, -50%, 0);
font-size: 30px;
font-weight: bold;
white-space: nowrap;
}
h3 span.f__libre {
font-size: 14px;
font-weight: normal;
text-transform: none;
}
.lookbook-collection h3 span a {
color: #fff;
}
.clothing-collection h3 {
right: 70px;
top: 50px;
text-align: right;
}
.clothing-collection:before {
content: "";
position: absolute;
left: 115px;
bottom: -45px;
width: 150px;
height: 3px;
background: #4b5959;
transform: rotate(90deg);
}
.men-collection h3 {
font-size: 30px;
font-weight: bold;
right: 55px;
text-transform: uppercase;
top: 150px;
margin: 0;
}
.men-collection h3.right span {
font-size: 14px;
color: #999;
text-align: right;
font-weight: normal;
text-transform: none;
}
.men-collection h3.left {
right: auto;
left: 20px;
top: 300px;
transform: rotate(270deg);
font-size: 50px;
}
.men-collection h3.left span {
font-size: 15px;
position: relative;
top: -12px;
}
.men-collection h3.left:before {
background: #4b5959;
height: 3px;
left: -42px;
top: 150px;
transform: rotate(-90deg);
width: 150px;
}
.footwear-collection h3 {
left: 50px;
top: 50px;
}
.footwear-collection h3:before {
left: 270px;
top: -70px;
width: 150px;
height: 3px;
background: #4b5959;
transform: rotate(90deg);
}
.our-store {
max-width: 700px;
width: 100%;
margin: auto;
padding: 60px;
color: #fff;
}
.our-store h3,
.our-store h4 {
color: #fff;
font-weight: bold;
}
.our-store h3 {
text-transform: uppercase;
font-size: 20px;
}
.our-store h4 {
font-size: 14px;
margin-top: 0;
}
.our-store .separate {
background: #fff;
height: 2px;
margin: 20px auto;
width: 80px;
}
.our-store p {
margin-bottom :0;
}
.footer-contact {
text-align: left;
}
.footer-contact > p {
margin-bottom: 0.5em;
}
.footer-contact i {
margin-right: 5px;
}
#jas-footer .jas-social li {
margin-bottom: 0;
}
.signup-newsletter-form {
border: 1px solid #fff;
border-radius: 50px;
position: relative;
display: table;
border-collapse: separate;
}
.signup-newsletter-form input.input-text {
background: none;
border: none;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.signup-newsletter-form input.input-text:focus {
border-color: transparent;
}
.footer-1 .signup-newsletter-form input.input-text {
width: 100%;
max-width: 100%;
display: block;
vertical-align: middle;
}
.signup-newsletter-form .input-group-btn {
display: table-cell;
vertical-align: middle;
margin: 0;
position: relative;
white-space: nowrap;
width: 1%;
padding: 0;
}
.signup-newsletter-form input.submit-btn {
border-radius: 50px;
height: 32px;
position: relative;
line-height: 30px;
top: 0;
right: 4px;
font-size: 13px;
padding: 0 20px;
text-align: center;
}
.signup-newsletter-form input.input-text {padding: 0 10px}
.footer-2 h4 {
color: #fff;
margin: 25px 0 30px;
}
.footer-2 .signup-newsletter-form input.input-text,
.footer-3 .signup-newsletter-form input.input-text,
.header-lateral .signup-newsletter-form input.input-text {
width: 230px;
}
#jas-footer.footer-2 .jas-social li a {
margin: 0;
padding: 0 10px;
}
#jas-footer.footer-3 .jas-social li a {
margin-right: 20px;
}
.footer-3 .footer-contact-info {
padding-top: 35px;
}
.footer-3 .footer-contact-info span {
display: block;
text-transform: uppercase;
}
.footer-3 h4 {
color: #fff;
margin: 40px 0 15px;
}
.footer-3 .signup-newsletter-form {
margin-bottom: 0;
}
.footer__top .site-footer__payment-icons {
margin-top: 22px;
}
.list--inline {
padding: 0;
margin: 0;
}
.payment-icons {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
.list--inline > li {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.site-footer__payment-icons .payment-icon {
margin-right: 5px;
}
svg:not(:root) {
overflow: hidden;
}
.site-footer__payment-icons .icon {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
fill: currentColor;
}
.payment-icons .icon {
width: 30px;
height: 30px;
}
svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
fill: inherit;
stroke: inherit;
}
.img-fullwidth img {
width: 100%;
}
/* HAND MADE */
.shop-category {
overflow: hidden;
}
.shop-category img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.shop-category:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/* VERTICAL SLIDER */
.jas-vertical-slide .vc_row {
margin: 0;
}
.jas-vertical-slide .full-width {
width: 100%;
height: 100%;
}
.jas-vertical-slide .full-height {
height: 100%;
}
.jas-vertical-slide .half-width {
width: 50%;
}
.jas-vertical-slide .half-height {
height: 50%;
}
.jas-vertical-slide .fullscreen {
width: 200%;
position: relative;
height: 100%;
}
.jas-vertical-slide .ms-right .fullscreen {
left: -100%;
}
.jas-vertical-slide .ms-left .fullscreen {
z-index: 10;
}
.jas-vertical-slide .ms-section {
background-origin: border-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.jas-vertical-slide .ms-section .vc_row.vc_inner,
.jas-vertical-slide .ms-section .vc_column-inner {
height: 100%;
padding: 0;
margin: 0;
}
.jas-vertical-slide .wpb_content_element {
margin-bottom: 0;
}
.jas-vertical-slide .wpb_wrapper {
width: 100%;
height: 100%;
}
.jas-vertical-slide .socials .wpb_text_column {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.jas-vertical-slide .socials .wpb_text_column:hover {
opacity: .75;
}
.jas-vertical-slide .socials .wpb_text_column a:hover {
color: #fff;
}
/* FURNITURE */
.metaslider .flexslider .caption-wrap {
/* background-color: rgba(0, 0, 0, 0.1); */
}
.furniture-slider .metaslider .flexslider .caption-wrap .caption {
background: rgba(181, 150, 119, 0.8);
height: auto;
max-width: 700px;
width: auto;
padding: 45px;
white-space: normal;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
font-family: "Lato",sans-serif;
font-size: 30px;
font-weight: 300;
letter-spacing: 15px;
background: url(title-bg.png) center bottom no-repeat;
padding-bottom: 35px;
margin-bottom: 15px;
}
.furniture-slider .flexslider .slides p {
letter-spacing: 2px;
line-height: 30px;
}
/* ==========================================================================
WC VENDOR STYLE
========================================================================== */
/* ---------- VENDOR DASHBOARD ---------- */
center + hr {
display: none;
}
center + hr + h2,
.table-vendor-sales-report + script + h2 {
font-size: 24px;
margin-top: 50px;
}
input.date-pick:not([type="radio"]):not([type="checkbox"]) {
border-radius: 30px;
margin-right: 5px;
}
.table-vendor-sales-report {
border: 1px solid #ddd;
}
.table-vendor-sales-report.table thead th,
.table-vendor-sales-report.table td {
padding: 15px;
}
.table-vendor-sales-report.table thead th {
font-weight: 600;
color: #222;
}
.all-33 .control {
padding-left: 20px;
}
input[type="submit"]#update_button {
border-radius: 0;
}
.wcv-grid a:hover {
text-decoration: none;
}
.wcv-grid nav.wcv-navigation ul.menu {
padding: 0.8em;
}
.wcv-grid ol li, .wcv-grid ul li {
margin: 0;
}
table.wcv-table td, table.wcv-table th {
padding: 10px;
}
table.wcv-table tr td, table.wcv-table tr th,
table.wcv-table tr:last-child td {
border-bottom: 1px solid #ddd;
}
.wcvendors-pro-dashboard-wrapper input[type="submit"],
.wcvendors-pro-dashboard-wrapper a.button,
button.wcv-button {
border-radius: 0;
background: #b59677 !important;
color: #fff !important;
border: none;
height: 40px;
line-height: 40px;
}
.wcvendors-pro-dashboard-wrapper .shopify-pagination {
border-top: none;
}
.wcv-form .control-group .control.append-button .wcv-button {
top: 1px;
position: relative;
}
.rtl .gecko-products-nav {
float: left;
}
.rtl .gecko-products-nav .product-short .product-thumb {
float: left;
margin-left: 0;
margin-right: 10px;
}
.rtl .gecko-products-nav .product-btn.product-prev {
float: right;
}
.rtl .gecko-products-nav .product-btn.product-prev > a span:before {
content: "\e684";
left: auto;
right: -4px;
}
.rtl .gecko-products-nav .product-btn.product-prev .wrapper-short {
right: auto;
left: -20px;
}
.rtl .gecko-products-nav .product-btn.product-next {
float: left;
}
.rtl .gecko-products-nav .product-btn.product-next > a span:before {
content: "\e686";
right: auto;
left: -4px;
}
.rtl .gecko-products-nav .product-btn.product-next .wrapper-short {
right: auto;
left: 20px;
}
.rtl .gecko-products-nav .product-btn:hover .wrapper-short {
right: auto;
left: 0;
}
/* ---------- STORE SETTING ---------- */
.wp-switch-editor {
border-radius: 0;
}
.pv_paypal_container,
.pv_shop_name_container {
width: 50%;
float: left;
}
.pv_paypal_container b,
.pv_shop_name_container b {
color: #222;
}
.pv_paypal_container input,
.pv_shop_name_container input {
margin-top: 10px;
width: 95%;
}
#pv_seller_info_container,
#pv_shop_description_container {
margin-top: 50px;
display: inline-block;
width: 100%;
}
#pv_seller_info_container b,
#pv_shop_description_container b {
font-size: 24px;
color: #222;
font-weight: 600;
}
div.mce-edit-area.mce-panel {
border: 1px solid #ddd !important;
border-top: none !important;
}
div.mce-toolbar-grp > div {
border: 1px solid #eee;
}
input[name="_wp_http_referer"] + input.btn.btn-inverse {
margin-top: 50px;
}
div.mce-statusbar {
border: 1px solid #ddd !important;
border-top: none !important;
}
/* ---------- ORDERS ---------- */
h2 + table.table.table-striped.table-bordered {
border-radius: 0;
}
h2 + table.table.table-striped.table-bordered th {
font-weight: 600;
color: #222;
}
h2 + table.table.table-striped.table-bordered td,
h2 + table.table.table-striped.table-bordered th {
border-right: none;
border-bottom: none;
padding: 15px;
border-radius: 0 !important;
}
/* ---------- VENDOR STORE ---------- */
.wcv-header-container {
overflow: initial;
position: relative;
margin-bottom: 0;
}
.wcv-header-container #banner-wrap {
min-height: 300px;
overflow: hidden;
}
#banner-wrap img.store-banner,
.single-product #banner-wrap img.store-banner {
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
position: absolute;
}
.wcv-header-container #inner-element {
z-index: 99;
top: auto;
width: 100%;
max-width: 1170px;
background: rgba(255, 255, 255, .3) url('assets/images/store-bg.jpg') center center repeat;
height: initial;
bottom: 0;
left: 50%;
transform: translateX(-50%);
right: auto;
padding: 20px 10px 10px;
}
.wcv-header-container #inner-element .store-icon {
border-radius: 0;
}
.wcv-header-container #inner-element .store-brand {
width: 13.5%;
padding-left: 10px;
text-align: center;
}
.wcv-header-container #inner-element .store-brand img {
width: 100%;
height: 100%;
}
.wcv-header-container #inner-element .store-info {
width: 86.5%;
text-align: left;
line-height: 28px;
}
.wcv-header-container #inner-element .store-info h3 {
margin: 0;
}
.shopify-breadcrumb + h1 {
font-size: 30px;
padding: 30px 20px 0;
background: #f6f6f8;
margin: 0;
}
.shopify-breadcrumb + h1 + .wcv_shop_description {
background: #f6f6f8;
padding: 0 20px 30px;
}
.wcv_shop_description p {
margin: 0;
}
.jas-wc-single > h1,
.jas-wc-single .wcv_shop_description {
display: none;
}
#inner-element address {
font-style: normal;
margin: 0;
}
.wcv-header-container #inner-element ul.social-icons {
display: inline-block;
width: 100%;
margin-top: 10px;
}
.wcv-header-container #inner-element .social-icons li {
display: inline-block;
text-align: center;
}
.wcv-header-container #inner-element .store-brand .social-icons li a {
display: inline-block;
font-size: 20px;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-facebook-square {
color: #3d589b;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-instagram {
color: #967d5f;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-twitter-square {
color: #50a9ed;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-pinterest-square {
color: #bd081c;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-google-plus-square {
color: #dd4b39;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-youtube-square {
color: #cd201f;
}
.wcv-header-container #inner-element .store-brand .social-icons li a .fa-linkedin-square {
color: #007bb5;
}
.wcv-store-address-container {
padding: 20px;
background: #f6f6f8;
}
.wcv-store-address-container .store-address address, .wcv-store-address-container .store-phone a {
color: #696969;
}
.wcv-store-address-container .store-address {
text-align: right;
}
.wcv-store-address-container .store-phone {
text-align: left;
}
.wcv-store-address-container .store-phone a {
float: none;
}
/* ==========================================================================
21.0 RETINA DISPLAY
========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.regular-logo {
display: none;
}
.retina-logo {
display: inline-block;
}
.header-7 .retina-logo {
max-width: 200px;
}
}
/* ==========================================================================
22.0 RESPONSIVE
========================================================================== */
.hidden-md {
display: none;
}
@media only screen and (max-width: 1440px) {
.header-2 #jas-left-menu > li:last-child {
margin-right: 50px;
}
.header-2 #jas-right-menu > li:first-child {
margin-left: 50px;
}
.handmade-slider .metaslider .flexslider .caption-wrap .caption {
right: 280px;
}
.vc_column-inner.vc_custom_1464368748994 {
padding-left: 105px !important;
padding-right: 105px !important;
}
.veritcal-slider-layout .vc_custom_1466668344821,
.veritcal-slider-layout .vc_custom_1466668333639 {
padding-left: 70px !important;
padding-right: 70px !important;
}
}
@media only screen and (max-width: 1366px) {
.jas-menu > li:not(:first-child) {
margin-left: 35px;
}
.header-2 #jas-left-menu > li:last-child {
margin-right: 20px;
}
.header-2 #jas-right-menu > li:first-child {
margin-left: 20px;
}
.header-7 .jas-menu > li {
margin: 0;
}
.jas-vertical-slide .fs__30 {
font-size: 20px;
}
.jas-vertical-slide .fs__50 {
font-size: 40px;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
letter-spacing: 10px;
}
}
@media only screen and (max-width: 1280px) {
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
font-size: 29px;
}
}
@media only screen and (max-width: 1024px) {
.jas-sticky-nt-atc .dropdown-list {
overflow: scroll;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
.shopify .cart-empty {
font-size: 42px;
}
.header__search,.search-results-wrapper .ui-autocomplete{
overflow: scroll;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
.search-results-wrapper .ui-autocomplete{
max-height: 200px;
}
.header-6 .jas-branding {
padding: 30px 0;
}
#jas-header:not(.header-5) .header__mid .jas-row {
padding: 10px 0;
}
.shopify .cart-empty:before {
font-size: 140px;
line-height: 140px;
}
.shopify .cart-empty:after {
font-size: 38px;
line-height: 38px;
margin-left: -8px;
top: 50px;
}
.visible-1024 {
display: block;
}
.single-product-thumbnail img {
width: 100%;
}
.wc-single-3 .summary {
padding-top: 80px;
}
.header-7 .visible-1024 {
right: 10px;
font-size: 40px !important;
z-index: 1011;
cursor: pointer;
}
.wc-single-3 .jas-col-md-3.jas_custom_column {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.top-menu.visible-1024 {
left: 0;
top: 0;
z-index: 999;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header-lateral .top-menu.visible-1024 .jas-branding{
padding: 45px 0 25px;
}
.header-lateral .header-sticky + .top-menu.visible-1024 .jas-branding{
padding: 15px 0;
}
.header-lateral .gecko-products-suggest {
left: 25px;
}
.admin-bar .top-menu.visible-1024 {
top: 32px;
}
.top-menu.visible-1024 i {
font-size: 28px;
}
.header-lateral #jas-wrapper {
padding-left: 0;
}
.visible-1024.top-menu .start-md {
text-align: center;
}
.header-7 {
left: -250px;
margin-left: 0;
transition: all .5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.header-7::before {
left: -250px;
margin-left: -250px;
transition: all .5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
/* #jas-content {
overflow-x: hidden;
} */
.header-7,.hidden-sm {
display: none;
}
/* .header__top .hidden-sm {
display: block;
} */
.visible-sm {
display: block;
}
.visible-sm.flex {
display: flex;
}
.header__top .sf-open {
font-size: 21px;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 40px;
margin: 15px 0;
}
.home-about-us .home-about-us-text {
padding: 0!important;
}
.home-contact-us-form .vc_column_container {
width: 100%!important;
display: block;
margin: auto;
}
.home-contact-us-form .jas-gmap {
width: 100% !important;
height: 350px !important;
}
.home-contact-us-form .wpcf7-form textarea {
height: 100px;
}
.page-head p {
line-height: 1.45;
}
form .quantity {
width: 65px;
}
.quantity input.input-text[type="number"] {
width: 44px;
}
.entry-summary .single_add_to_cart_button {
padding: 0 25px;
}
/* HOME FASHION 1 */
.vc_row.vc_custom_1460979474370 {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
.women-collection h3 {
left: -10px;
}
.women-collection h3.right {
right: -110px;
top: 400px;
}
.accessories-collection h3::before {
right: 0px;
top: -95px;
transform: rotate(270deg);
}
.vc_row.vc_custom_1459614834944 {
padding-top: 60px !important;
}
.footwear-collection,
.lookbook-collection.dib {
max-width: 100%;
}
.vc_row.vc_custom_1459611186065 {
padding-top: 0 !important;
}
.clothing-collection {
padding-top: 100px;
}
.clothing-collection h3 {
right: 15px;
text-align: right;
top: 130px;
}
.men-collection h3 {
right: 0px;
top: 200px;
}
.men-collection h3.left {
left: 0;
top: 380px;
}
.footwear-collection h3 {
left: 30px;
top: 30px;
}
.footwear-collection h3::before {
left: 170px;
}
.wpb_content_element.vc_custom_1460050658153,
.wpb_content_element.vc_custom_1460050665954,
.wpb_content_element.vc_custom_1460050674174 {
padding: 60px 45px !important;
}
.footer__bot .jas-row > div:first-child {
margin-bottom: 20px;
}
.cart-collaterals .cart_totals {
width: 100%;
}
.cart-collaterals .cross-sells,
.cart-collaterals .cross-sells + .cart_totals {
width: 50%;
}
.checkout.jas-row {
margin-left: 0;
margin-right: 0;
}
.checkout > div {
padding: 0;
}
.product-quickview .jas-col-sm-5 {
padding-left: 0;
padding-right: 0;
}
#jas-footer.footer-1 .jas-row > div:not(:last-child){
margin-bottom: 20px;
}
.footer__top {
padding: 60px 0 40px 0;
}
.handmade-slider .metaslider .flexslider .caption-wrap .caption {
left: 30px;
right: 30px;
}
.pa-center .fs__30 {
font-size: 24px;
white-space: normal;
}
.pa-center .fs__14 {
font-size: 12px;
}
.pa-center .fs__25 {
font-size: 17px;
}
/* HOME FURNITURE */
.furniture-slider .metaslider .flexslider .caption-wrap .caption {
max-width: 550px;
padding: 35px;
width: 100%;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
letter-spacing: 6px;
}
.furniture-slider .flexslider .slides p {
letter-spacing: 1px;
line-height: 26px;
}
.flex-direction-nav .flex-next {
right: 15px;
}
.flex-direction-nav .flex-prev {
left: 15px;
}
.type_jas_banner_collection .jas_class_pr {
padding: 30px;
padding-left: 15px;
}
.type_jas_banner_collection .jas_class_pr.one {
padding-left: 30px;
padding-right: 15px;
}
.banner_pr h3.fs__50 {
white-space: normal;
line-height: 1.2;
}
.type_jas_product_features .jas_content_element {
margin: 0;
padding: 15px;
padding-top: 25px;
}
.shopify-MyAccount-navigation {
width: 30%;
}
.shopify-MyAccount-content {
width: calc(70% - 15px);
}
.shopify-page.shopify-account .shopify {
margin: 0;
}
.wc-single-3 .jas-col-md-3.jas_custom_column {padding-left: 1rem;}
.wc-single-3 .product .jas-col-md-6 + .jas-col-md-6 {
padding-right: 15px;
}
.header-3 .jas-branding {
margin: auto;
}
.jas-mobile .ms-section [class*="pa-"] {
position: relative;
bottom: initial;
left: initial;
right: initial;
top: initial;
padding: 40px 0;
text-align: center;
transform: none;
}
.jas-mobile .jas-vertical-slide .ms-right .fullscreen,
.jas-mobile .jas-vertical-slide .ms-left .fullscreen {
left: 0;
width: 100%;
}
.jas-vertical-slide .wpb_wrapper {
height: auto;
}
.jas-grid-item.product .jas-product-button >div a{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-sand-transform: scale(1);
opacity: 1;
visibility: visible;
}
.jas-grid-item .jas-add-btn.pa,.jas-grid-item.jas-swatched .jas-add-btn.pa {
-webkit-transform: none !important;
transform: none !important;
}
.jas-grid-item .jas-add-btn:not(.pa) { display: block }
.jas-grid-item .jas-add-btn.pa { display: none }
.jas-grid-item .jas-add-btn.pa.fix_jas_tt {
opacity: 1;
visibility: visible;
}
.gecko-tooltip .gecko-tooltip-label {
display: none!important;
}
.products.metro .product-info {
position: static;
opacity: 1;
visibility: visible;
}
.products.metro .product-info h3 a, .products.metro .product-brand a {
color: #222;
}
}
@media only screen and (min-width: 1025px) {
.wc-single-3 form.variations_form .quantity,.wc-single-3 form.variations_form .out-of-stock {
margin-bottom: 15px;
margin-right: 15px;
}
.rtl .wc-single-3 form.variations_form .quantity,.rtl .wc-single-3 form.variations_form .out-of-stock {
margin-left: 15px;
margin-right: 0;
}
.wc-single-3 .entry-summary .price-review { display: block }
.wc-single-3 .entry-summary .price-review .shopify-product-rating{ display: inline-block }
.wc-single-3 .entry-summary .price-review .price{ margin-bottom: 10px;}
.wc-single-3 .single_add_to_cart_button { margin-left: 0}
.wc-single-3 .entry-summary .yith-wcwl-add-to-wishlist {position: absolute;right: -55px;}
.rtl .wc-single-3 .entry-summary .yith-wcwl-add-to-wishlist {
right: auto;
left: -55px;
}
.wc-single-3 .entry-summary .btn_atc_full .yith-wcwl-add-to-wishlist,.rtl .wc-single-3 .entry-summary .btn_atc_full .yith-wcwl-add-to-wishlist {position: static;margin: 0}
.header-lateral .jas-mini-cart.jas-push-menu {
right: auto;
left: 250px;
transform: translate3d(-320px,0,0);
-webkit-transform: translate3d(-320px,0,0);
-ms-transform: translate3d(-320px,0,0);
-webkit-transform: translate3d(-320px,0,0);
}
.header-lateral.cart-opened .jas-mini-cart.jas-push-menu {
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
}
@media only screen and (max-width: 1024px) and (min-width: 801px) {
.header-4 .header__mid .jas-row .jas-col-md-1.jas-col-sm-3,
.header-4 .header__mid .jas-row .jas-col-md-2.jas-col-sm-3,
.header-3 .header__mid .jas-row .hidden-md.visible-sm,
.header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6,
.header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.header-3 .jas-branding {
text-align: center;
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6 .jas-col-md-3.jas-col-sm-12,
.header-6 .header__top .jas-col-md-2,
.header__top .jas-col-md-4{
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%
}
.header-6 .header__top .jas-col-md-2,.header__top .jas-col-md-4 {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
}
@media only screen and (max-width: 800px) {
.header__top .hidden-sm {
display: none;
}
.header-6 .header__top .jas-col-md-2,
.header__top .jas-col-md-4 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%
}
.header-6 .header__top .jas-col-md-2 {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.bottom .group_btn_pr {
bottom: 148px;
}
.entry-summary .single_add_to_cart_button {
padding: 0 15px;
}
.wc-single-5 .p-thumb .slick-slide,.wc-single-5 .p-thumb .slick-prev + .slick-list .slick-slide {
opacity: 1;
}
.wcv-header-container #banner-wrap {
min-height: 450px;
}
#banner-wrap img.store-banner,
.single-product #banner-wrap img.store-banner {
position: inherit;
top: 0;
bottom: auto;
right: auto;
left: auto;
transform: translateX(0);
}
}
@media only screen and (max-width: 782px) {
.admin-bar .jas-push-menu {
top: 46px;
}
}
@media only screen and (max-width: 768px) {
.product-quick-view {
overflow: scroll;
overflow-x: hidden;
}
.jas_clock_ticker .block .label{
font-size: 12px;
}
.jas_clock_ticker .block .flip-top {
font-size: 35px;
}
.admin-bar .top-menu.visible-1024 {
top: 46px;
}
.comments-area .comment-list .comment-author {
float: none;
}
.comments-area .comment-list .comment-meta {
text-align: left;
}
.comments-area .comment-list li .comment-body {
padding-left: 65px;
}
.comments-area .comment-list li .comment-author>img {
max-width: 50px;
border-radius: 50px;
}
h3.fs__50 {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.type_jas_store_map .jas_custom_190419994.gecko-gmap_css {
position: relative;
overflow: hidden;
}
.type_jas_store_map .jas_custom_190419994.gecko-gmap_css .gecko-gmap {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
.gecko-gmap_css {
padding: 0;
}
.jas-wc-single.wc-single-3 .group_table td,.jas-wc-single.wc-single-3 .group_table td.label {
display: block;
}
.jas-wc-single.wc-single-3 table.group_table.shop_table {border-width: 1px 1px 0 1px;}
.jas-wc-single.wc-single-3 table.group_table.shop_table th, .jas-wc-single.wc-single-3 table.group_table.shop_table td {
border-width: 0 0 1px 0;
}
.wc-single-5 .entry-summary .price-review {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.wc-single-5 .entry-summary .price-review .price{ margin-right: 10px;}
}
@media only screen and (max-width: 767px) {
.product-quick-view .product-image-summary .product-images {
margin-bottom: 20px;
}
#content_quickview .gecko-scroll-quick, #content_quickview .gecko-scroll-content-quick {
position: static;
padding: 0;
}
#content_quickview .entry-summary {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-top: 0;
}
.template-product .jas-custom_1459699111415 .wpb_column.jas-column_container.jas-col-sm-4 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.hide_mobile.gecko-products-suggest {display: none}
.jas-sticky-nt-atc,.jas-sticky-nt-atc .jas_progress_bar,#pr_img_sticky,.jas-sticky-nt-atc .quantity { display: none }
.jas-sticky-nt-atc.sticky_add_mobile { display: block }
.jas_tta-tab>a {
padding: 8px 10px;
margin: 2px;
}
.default_variant.sticky_add_mobile .flex {
display: block;
width: 100%;
}
.default_variant.sticky_add_mobile .button_sticky {
padding: 7px 14px;
width: 100%;
display: block;
font-size: 13px;
line-height: 26px;
}
.comments-area .comment-respond .comment-form-author, .comments-area .comment-respond .comment-form-email, .comments-area .comment-respond .comment-form-url {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.footer-quick-links__toggle-icon {
display: inline-block;
position: relative;
width: 10px;
height: 10px;
margin-right: 16px;
}
.footer-contact i.footer-quick-links__toggle-icon {
margin-right: 16px;
}
.rtl .footer-quick-links__toggle-icon,.rtl .footer-contact i.footer-quick-links__toggle-icon {
margin-left: 16px;
margin-right: 0;
}
.footer-quick-links__toggle-icon:before, .footer-quick-links__toggle-icon:after {
content: "";
position: absolute;
background: gray;
-webkit-transition: 200ms all ease-out;
transition: 200ms all ease-out;
top: 4px;
left: 0;
right: 0;
height: 2px;
}
.footer-quick-links__collapsed .footer-quick-links__toggle-icon:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.footer-quick-links__toggle-icon:after {
opacity: 0;
}
.footer-quick-links__collapsed .footer-quick-links__toggle-icon:after {
opacity: 1;
}
#jas-footer .footer-quick-links__collapsed .menu,
#jas-footer .widget_newsletter_email.footer-quick-links__collapsed .textwidget,
#jas-footer .footer-quick-links__collapsed .jas_footer_content{
max-height: 0;
opacity: 0;
}
#jas-footer .menu,#jas-footer .widget_newsletter_email .textwidget,#jas-footer .jas_footer_content {
max-height: 1500px;
overflow: hidden;
opacity: 1;
-webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.shopify .cart-empty {
font-size: 32px;
}
.empty-cart-text {
font-size: 100%;
}
.jas-grid-item.jas-qs-shown .jas-qs-wrapper {
overflow: auto !important;
}
.shopify .cart-empty:before {
font-size: 110px;
line-height: 110px;
}
.shopify .cart-empty:after {
font-size: 32px;
line-height: 32px;
margin-left: -7px;
top: 38px;
}
/* .cart__popup-action, .cart__popup-item {
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: column;
flex-direction: column;
}
.cart__popup-item>div {
padding: 0!important;
margin-top: 8px;
} */
.cart__popup_upsell .gecko-scroll-content {
position: static;
max-height: 100%;
padding-right: 0;
overflow: auto;
}
.cart__popup .cart__popup-title {
min-width: 200px;
}
.wc-single-3 .jas-col-md-3.jas_custom_column {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.type_jas_banner_collection .jas_class_pr,.type_jas_banner_collection .jas_class_pr.one{
padding: 30px;
}
.wc-single-3 .summary {
padding-top: 0;
}
.wcv-header-container #inner-element .store-brand,
.wcv-header-container #inner-element .store-info,
.single-product-thumbnail .slick-slide img {
width: 100%;
text-align: center;
}
.type_jas_store_map .jas-container {
width: 100%;
}
.wcv-store-address-container .store-address,
.wcv-store-address-container .store-phone {
text-align: center;
}
.wcv-header-container #banner-wrap {
overflow: inherit;
min-height: inherit;
}
.wcv-header-container #inner-element {
position: inherit;
top: auto;
bottom: auto;
right: auto;
left: auto;
transform: translateX(0);
margin-top: -90px;
}
.wcv-header-container #inner-element .store-brand img {
max-width: 150px;
float: none;
}
.jas-table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.type_jas_shipping >.jas-row {
margin: 0;
}
}
@media only screen and (max-width: 736px) {
.hidden-xs {
display: none;
}
.visible-xs {
display: block;
}
.visible-xs.flex {
display: flex;
}
.jas-banner-parallax .fs__60 {
font-size: 30px
}
body.add_sticky_nt #jas-backtop,body.add_sticky_nt .gecko-products-suggest {
bottom: 75px;
}
.right .group_btn_pr {
right: 20px;
}
.header__top .header-text {
text-align: center;
}
.header__top .jas-socials {
padding-top: 15px;
}
.header-6 .header__top .jas-socials {
padding-top: 0;
}
.jas-container {
padding: 0 15px;
}
.actions .button.update-cart,.actions .jas_btn_clear.button,.jas_cart_page .checkout-button.button {
width: 100%;
margin-top: 10px;
}
.template-product .jas-wc-single:not(.wc-single-5) .contetn_full.jas-container { padding: 0 15px; }
.single-product-thumbnail.right:not(.no-nav) .p-thumb,
.jas-wc-single .right + .social-share {
padding-right: 0;
display: block;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb, .jas-wc-single .left + .social-share {
padding-left: 0;
display: block;
}
.single-product-thumbnail.left .p-nav,
.single-product-thumbnail.right .p-nav {
max-width: 100%;
position: relative;
margin-top: 5px;
}
.single-product-thumbnail.right .slick-next {
right: 30px;
}
.single-product-thumbnail.left .slick-prev {
left: 30px;
}
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child),
.single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-bottom: 0;
margin-right: 5px;
}
.single-product-thumbnail.left .p-nav .slick-slide,
.single-product-thumbnail.right .p-nav .slick-slide {
width: inherit;
}
/* .single-product-thumbnail.left .p-nav > .slick-list,
.single-product-thumbnail.right .p-nav > .slick-list {
min-height: 100px;
} */
.jas-sc-blog img {
width: 100%;
}
.sf-open {
padding-top: 0;
position: relative;
top: -1px;
}
.jas-action i {
font-size: 24px;
}
.jas-currency ul {
right: auto;
left: 50%;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#jas-header .jas-push-menu-btn {
position: relative;
top: -1px;
}
.result-count-order span.sp_result_html { display: none; }
.header__mid {
padding: 0 15px;
}
.header-2 .header__mid {
padding: 0 30px;
}
.header-sticky .header__mid .jas-branding {
padding: 0;
}
.header-5 .header__mid .jas-branding,.header-lateral .top-menu.visible-1024 .jas-branding {
padding: 20px 0;
}
.header-5.header-sticky .header__mid .jas-branding,.header-lateral .header-sticky + .top-menu.visible-1024 .jas-branding {
padding: 10px 0;
}
.header__mid .mid__top {
padding: 0;
}
.jas-push-menu .jas-action {
line-height: 1;
}
.jas-push-menu .jas-my-account,
.header-7 .jas-my-account {
display: inline-block;
}
#jas-backtop {
bottom: 15px;
right: 15px;
}
.result-count-order span {
padding: 15px 0;
display: inline-block;
}
.header__search > div {
width: 90%;
top: calc(50% - 30px);
top: 65px;
}
#sf-close {
right: 0;
top: 0;
}
.la_icon .jas-action>.sf-open,
.la_icon .jas-action>.jas-icon-cart {
padding: 0 2px;
}
.jas-action>.jas-icon-cart, .jas-action>.sf-open {
padding: 0 4px;
}
.jas-top-sidebar .yith-shopify-ajax-product-filter {
width: 100%;
}
.shopify.shopify-page .jas-top-sidebar .yith-shopify-ajax-product-filter:not(:last-child) {
margin-bottom: 30px;
}
.shopify .widget_layered_nav ul.yith-wcan-color {
padding-right: 15px;
}
#yith-woo-ajax-navigation-6 {
padding-left: 0;
}
.product .summary.entry-summary {
margin-top: 50px;
}
.wc-single-3 .product .summary.entry-summary {
margin-top: 20px;
}
.wc-single-1 .wc-tab {
padding: 15px;
}
.jas-portfolio-single .portfolio-meta [class*="jas-col-"]:not(:last-child) {
border-right: none;
margin-bottom: 30px;
}
.inside-thumb {
bottom: 15px;
left: 15px;
padding: 15px;
right: 15px;
}
h2.post-title {
letter-spacing: 0px;
margin: 5px 0 0;
}
/* HOME FASHION 1 */
.vc_row.vc_custom_1459614822384 {
padding-bottom: 60px !important;
padding-top: 0px !important;
}
.women-collection h3 {
left: 50px;
}
.women-collection h3.right {
right: -60px;
top: 500px;
}
.men-collection h3.left {
left: -70px;
}
#jas-footer .widget-title {
margin-bottom: 10px;
}
#jas-footer.footer-3 .jas-social li {
line-height: 1;
}
#jas-footer.footer-3 .jas-social li a {
margin: 0;
padding: 0 10px;
}
.footer-3 .footer-contact-info {
display: inline-block;
}
.footer-contact-info > div:not(:last-child){
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.footer-2 .signup-newsletter-form input.input-text,
.footer-3 .signup-newsletter-form input.input-text,
.header-lateral .signup-newsletter-form input.input-text {
width: calc(100% - 105px);
}
.signup-newsletter-form input.submit-btn {
padding: 0 15px 0 18px;
}
.footer-3 h4,
.footer-2 h4 {
font-size: 14px;
}
.vc_custom_1459874973575.tu {
font-size: 20px !important;
padding-bottom: 100px !important;
padding-top: 100px !important;
}
table.shop_table_responsive tbody th,
table.shop_table_responsive thead,
table.shop_table_responsive tr td.product-thumbnail:before,
table.wishlist_table tbody th,
table.wishlist_table thead,
table.wishlist_table tr td.product-thumbnail:before {
display: none;
}
table.shop_table_responsive tr td,
table.wishlist_table tr td {
display: block;
clear: both;
overflow: hidden;
}
table.shop_table_responsive tr td:not(.product-quantity) {
text-align: right;
}
table.wishlist_table tr td:not(.product-quantity) {
text-align: center;
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
table.shop_table_responsive tr td.product-remove:before,
table.shop_table_responsive tr td.actions:before,
table.wishlist_table tr td.product-remove:before,
table.wishlist_table tr td.actions:before {
content: '';
}
table.shop_table_responsive tr td.product-thumbnail,
table.wishlist_table tr td.product-thumbnail {
text-align: center;
}
table.shop_table_responsive .product-quantity .quantity {
float: right;
}
table.shop_table_responsive tr.shipping td:before {
content: '';
}
table.shop_table_responsive tr.shipping th {
display: block;
border-bottom: 0;
padding-bottom: 0;
}
table.shop_table_responsive tr.shipping td {
text-align: left;
}
.cart-collaterals .cross-sells,
.cart-collaterals .cross-sells + .cart_totals,
.cart_totals td {
width: 100%;
}
.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals {
width: 100%;
float: none;
}
.cart-collaterals .cross-sells {
margin-bottom: 30px;
}
.shopify form .form-row-first {
margin-bottom: 15px;
}
.shopify form .form-row-first,
.shopify form .form-row-last {
width: 100%;
}
.checkout_coupon .button {
width: 100%;
}
.product-quickview .jas-col-sm-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.handmade-slider .metaslider .flexslider .caption-wrap .caption {
left: 10px;
right: 10px;
}
.handmade-slider .metaslider .flexslider .caption-wrap h4 {
display: none;
}
.handmade-slider .metaslider .flexslider .caption-wrap h2 {
margin: 0 0 15px;
font-size: 18px;
}
.handmade-slider .metaslider .flexslider .caption-wrap {
text-align: center;
}
.handmade-slider .metaslider .flex-control-nav {
text-align: center;
padding-right: 0;
}
.handmade-slider .metaslider a.button {
padding: 0 15px 0 18px;
}
.content-quickview {
padding: 20px;
}
.vc_custom_1465983054842 .jas-col-sm-4 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.home-contact-us-form .vc_column_container {
width: calc(100% - 30px);
}
.shopify-MyAccount-navigation {
width: 100%;
}
.shopify-MyAccount-content {
width: 100%;
margin-top: 30px;
}
.wc-single-3 .wc-tabs {
display: inline-block;
}
.widget_product_categories ul.product-categories {
overflow-y: scroll;
white-space: nowrap;
}
.wc-tabs{
overflow-x: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
.login-form .col-2 {
margin-top: 60px;
}
.entry-summary .single_add_to_cart_button {
padding: 0 25px;
}
.jas-mini-cart .variation dd,
.cart_item .variation dd,
.widget_shopping_cart .variation dd {
text-align: left;
}
.wcv-header-container {
min-height: 200px;
}
.store-banner img, .single-product .store-banner img {
height: 100%;
}
.store-brand {
text-align: center;
margin-bottom: 20px;
}
.store-brand img {
width: auto;
}
.store-info {
text-align: center;
}
.shop-top-sidebar {
overflow-x: scroll;
overflow-y: hidden;
}
.shop-top-sidebar .shopify {
min-width: 1050px;
text-align: left;
width: auto;
}
/* .shop-top-sidebar .product-categories {
margin-left: -20px;
} */
.shop-top-sidebar .widget ul li {
padding: 10px;
}
.widget_shopping_cart_footer {
max-height: 200px;
overflow: auto;
overflow-x: auto;
}
#nt_sticky_toogle {
display: block;
width: 100% !important;
text-align: center;
}
.sticky-nt-atc_inner .product_title {display: none;}
.sticky-nt-atc_inner {
padding: 15px 0 !important;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
#out_stick {width: 100%;}
.mobile_flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
text-align: center;
}
#nt_outstock_sticky {width: 100%}
.sticky-nt-atc .btn_primary {
white-space: normal;
width: calc(100% - 80px) !important;
width: -webkit-calc(100% - 80px) !important;
width: -moz-calc(100% - 80px) !important;
margin-right: 0;
padding: 0 10px;
}
.opend_sticky .sticky-nt-atc_inner {padding-top: 20px}
.sticky-nt-atc_inner .shopify-payment-button {
width: 100%;
margin-top: 15px !important;
white-space: normal;
}
.add_sticky_nt #nt_backtop.show,.add_sticky_nt .nt-products-suggest {bottom: 80px}
.add_sticky_nt .default_variant + #nt_backtop.show,.add_sticky_nt .default_variant + .nt-products-suggest {bottom: 140px}
}
@media only screen and (max-width: 667px) {
.jas-wc-single.wc-single-1 .group_btn_pr {
bottom: 130px
}
.jas-wc-single.wc-single-1.nt_single_8 .group_btn_pr {
bottom: 20px
}
table.shop_table_responsive tr td.actions {
text-align: center;
}
.metaslider .flexslider .caption-wrap h3 {
font-size: 35px;
}
.actions .coupon {
float: none;
}
.actions .coupon label {
margin-bottom: 15px;
font-size: 20px;
}
.actions input[type="submit"] {
width: 100%;
}
.actions .coupon input {
margin: 0 0 10px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .header-sticky .header__mid {
top: 0 !important;
}
}
@media only screen and (max-width: 568px) {
.flex-direction-nav {
display: none;
}
.metaslider .flexslider .caption-wrap h3 {
font-size: 18px;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 30px;
}
h3.fs__50 {
font-size: 35px;
}
.cart__popup-action {
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: column;
flex-direction: column;
}
.furniture-slider .metaslider .flexslider .caption-wrap .caption {
padding: 25px;
width: calc(100% - 30px);
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
font-size: 26px;
margin-bottom: 10px;
padding-bottom: 30px;
background-size: 90%;
}
}
@media only screen and (max-width: 480px) {
.metaslider .slick-dots {
bottom: 10px;
}
.shopify .cart-empty {
font-size: 28px;
}
.shopify .cart-empty:before {
font-size: 86px;
line-height: 86px;
}
.shopify .cart-empty:after {
font-size: 28px;
line-height: 28px;
margin-left: -8px;
top: 30px;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
.furniture-slider .metaslider .flexslider .caption-wrap .caption {
background: transparent;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 26px;
}
.metaslider .flexslider .caption-wrap h4 {
white-space: normal;
line-height: 20px;
letter-spacing: 1px;
}
h3.fs__50 {
font-size: 28px;
}
a.button-o-w {
line-height: 32px;
padding: 0 17px 0 20px;
font-size: 10px;
}
.women-collection h3 {
top: 40px;
left: 20px;
text-align: left;
}
.women-collection h3.right {
right: -90px;
top: 270px;
}
.accessories-collection h3::before {
right: -30px;
top: -84px;
}
.men-collection h3 {
right: 15px;
top: 150px;
}
.ypop-modal.open, .ypop-modal.open .ypop-wrapper {
max-width: 100%;
}
.furniture-slider .flexslider .slides p {
width: 100%;
height: 50px;
overflow: hidden;
}
.columns-4 .item,
.columns-5 .item,
.columns-6 .item,
.columns-7 .item,
.columns-8 .item,
.columns-9 .item,
.columns-10 .item {
width: 50%;
}
.jas-sticky-atc {
width: 100%;
right: 0;
}
.single-product.has-btn-sticky #jas-backtop {
bottom: 50px;
}
.jas-sticky-atc .variations {
width: 90%;
left: 5%;
}
.jas-sticky-atc .shopify-variation-add-to-cart {
display: flex;
-moz-box-pack: center;
justify-content: center;
text-align: center;
}
.shopify-message {
display: flex;
flex-direction: column;
text-align: center;
width: calc(100% - 30px);
}
.shopify-message .button {
float: none;
white-space: nowrap;
order: 2;
display: table;
margin: 10px auto 0;
}
}
@media only screen and (max-width: 414px) {
.login-form .jas-row #recover_password button.fr {
float: none;
margin-top: 1.3em;
}
.metaslider .flexslider .caption-wrap h3 {
font-size: 15px;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 18px;
margin: 10px 0;
}
.metaslider .flexslider .caption-wrap h4 {
font-size: 12px;
line-height: 16px;
}
.wpb_content_element.vc_custom_1460050658153,
.wpb_content_element.vc_custom_1460050665954,
.wpb_content_element.vc_custom_1460050674174 {
padding: 120px 120px !important;
}
.wc-proceed-to-checkout,
.wc-proceed-to-checkout a {
width: 100%;
text-align: center;
}
h3.fs__50 {
font-size: 24px;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
letter-spacing: 5px;
font-size: 21px;
}
#address_form_new .btn-size-medium.btn_add_address, .template-register .shopify-Button:not(.fr) {
margin-bottom: 1em;
}
.all-33 {
width: 50%;
}
.wcv-search .all-30 {
width: 100%;
}
.wcv-order-header .tiny-50,
.wcv-form .tiny-50 {
width: 100%;
}
.wcv-order-header .all-33 .control,
.wcv-form .all-33 .control {
padding-left: 0;
}
.wcv-order-header .all-33,
.wcv-order-header .all-50,
.wcv-form .all-33 {
width: 100%;
}
.wcv-order-header .all-50 a.button {
width: 100%;
text-align: center;
}
.wcv-cols-group + .wcv-cols-group {
margin-top: 30px;
}
.wcv-search .all-30 {
width: 100%;
}
.wcv-order-header + h3 {
margin-top: 30px;
}
}
@media only screen and (max-width: 384px) {
.shopify-ordering::after {
right: 11px;
top: 6px;
}
.shopify-ordering select {
font-size: 13px;
padding: 0 8px;
height: 36px;
line-height: 36px;
width: 160px;
}
.product-category h3 {
min-width: 120px;
}
.jas-wc-single.wc-single-1 .group_btn_pr{
bottom: 130px
}
.jas-wc-single.wc-single-1.nt_single_8 .group_btn_pr {
bottom: 20px
}
}
@media only screen and (max-width: 375px) {
h3.fs__50 {
font-size: 22px;
}
.wc-tabs li a {
margin: 0 10px;
font-size: 13px;
}
a.button-o-w {
line-height: 28px;
padding: 0 10px 0 13px;
}
.women-collection h3 {
top: 20px;
font-size: 25px;
line-height: 1.4;
}
.women-collection h3.right {
right: -100px;
top: 220px;
}
.accessories-collection h3::before {
right: -10px;
top: -60px;
width: 100px;
}
.handbags-collection h3::before {
left: -20px;
top: -70px;
width: 100px;
}
.clothing-collection::before {
width: 100px;
}
.men-collection h3 {
font-size: 30px;
left: 20px;
line-height: 1.4;
right: auto;
text-align: left;
top: 50px;
}
.men-collection h3.right span {
text-align: left;
}
.men-collection h3.left {
left: -70px;
top: 300px;
}
.wpb_content_element.vc_custom_1460050658153,
.wpb_content_element.vc_custom_1460050665954,
.wpb_content_element.vc_custom_1460050674174 {
padding: 115px !important;
}
.pa-center .fs__30,
.pa-center h3.fs__50 {
font-size: 22px;
}
.furniture-slider .metaslider .flexslider .caption-wrap .caption {
padding: 20px;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
font-size: 20px;
margin-bottom: 5px;
padding-bottom: 20px;
}
.product-image:hover .product-attr {
bottom: 12px;
padding: 0 10px;
}
.wcvendors-pro-dashboard-wrapper input[type="submit"],
.wcvendors-pro-dashboard-wrapper a.button {
padding: 0 20px;
}
}
@media only screen and (max-width: 360px) {
h3.fs__50 {
font-size: 20px;
}
.metaslider .flexslider .caption-wrap h2 {
font-size: 20px;
}
.wpb_content_element.vc_custom_1460050658153,
.wpb_content_element.vc_custom_1460050665954,
.wpb_content_element.vc_custom_1460050674174 {
padding: 105px !important;
}
.portfolio-navigation a {
padding: 0 25px;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
font-size: 18px;
}
.furniture-slider .flexslider .slides p {
font-size: 13px;
line-height: 24px;
}
.badge .right.onsale {
right: 10px;
top: 10px;
}
.badge .right.onsale + span.left.new {
top: 40px;
right: 10px;
left: auto;
}
/* .products .jas-col-xs-12:first-child,
.products .jas-col-xs-12:nth-child(2n+1) {
padding-right: 5px;
}
.products .jas-col-xs-12:nth-child(2n) {
padding-left: 5px;
}
.jas-page .products .jas-col-xs-12:first-child,
.jas-page .products .jas-col-xs-12:nth-child(2n+1) {
padding-left: 0;
}
.jas-page .products .jas-col-xs-12:nth-child(2n) {
padding-right: 0;
} */
.product-button .br-36,
.jas-col-md-2 .product-button .br-36 {
max-width: 140px;
}
.product-button .br-36 i.mr__10 {
margin-right: 5px;
}
}
@media only screen and (max-width: 320px) {
.shopify-ordering span {max-width: 130px}
#jas-filter span {
display: none;
}
#jas-filter i{
font-size: 20px;
}
#content_quickview .entry-summary {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 40px;
padding-top: 0;
}
.jas-sticky-nt-atc .input-dropdown-inner > a {
min-width: 175px;
height: 40px;
font-size: 13px;
line-height: 40px;
}
.jas-sticky-nt-atc .button_sticky {
padding: 7px 9px;
font-size: 9px;
line-height: 16px;
}
.shopify-Addresses .btn-size-medium.address-edit-toggle {
margin-bottom: 1em;
}
.jas-action.visible-xs.flex > * {
display: inline-block;
}
.accessories-collection h3, .handbags-collection h3 {
left: 30px;
top: 30px;
}
.handbags-collection h3:before {
top: -60px;
}
.accessories-collection h3:before {
background: none;
}
.clothing-collection h3 {
top: 120px;
}
.clothing-collection:before {
bottom: -30px;
}
.wpb_content_element.vc_custom_1460050658153,
.wpb_content_element.vc_custom_1460050665954,
.wpb_content_element.vc_custom_1460050674174 {
padding: 90px !important;
}
.shop_table .product-thumbnail {
width: 0;
padding: 0;
}
.shop_table .product-thumbnail a {
display: none;
}
.shop_table .product-name {
padding-left: 10px;
}
.pa-center .fs__30,
.pa-center .fs__50 {
font-size: 18px;
}
.furniture-slider .metaslider .flexslider .caption-wrap h3 {
letter-spacing: 3px;
}
div.quantity.pr.fl.mr__15 {
margin-right: 12px;
}
.product-button .br-36,
.jas-col-md-2 .product-button .br-36,
.product-extra .jas-col-md-2 .product-button:not(.flex) > .yith-wcwl-add-to-wishlist {
max-width: 120px;
font-size: 11px;
}
.product-extra .jas-col-md-2 .product-button:not(.flex) > .yith-wcwl-add-to-wishlist a span {
font-size: 11px;
}
.product-button .br-36 i.mr__10,
.jas-col-md-2 .product-button .br-36 i.mr__10,
.product-extra .jas-col-md-2 .product-button:not(.flex) > .yith-wcwl-add-to-wishlist i.mr__10 {
margin-right: 3px;
}
.entry-summary .single_add_to_cart_button {
padding: 0 20px;
letter-spacing: 2px;
white-space: nowrap;
}
.content-quickview {
padding: 20px 10px;
}
h3.product-title, .shopify h3.product-title {
font-size: 12px;
font-weight: 600;
}
}
@supports (-webkit-appearance: -apple-pay-button) {
.single-product div.product .stripe-enabled form.cart .apple-pay-button-wrapper {
margin: 15px 0;
float: left;
-webkit-order: 3;
-ms-order: 3;
order: 3;
width: 100%;
}
.single-product div.product .stripe-enabled form.cart .apple-pay-button {
max-width: 100%;
margin-right: 0;
height: 40px;
}
.jas-sticky-atc .apple-pay-button-wrapper {
display: none;
}
.product-quickview .single_variation_wrap {
width: 100%;
display: inline-block;
}
.wc-proceed-to-checkout {
display: flex;
justify-content: flex-end;
}
.wc-proceed-to-checkout .apple-pay-button-wrapper {
flex: 1;
margin: 0 10px 0 0;
}
.wc-proceed-to-checkout .apple-pay-button-wrapper button {
height: 40px;
}
.shopify-checkout .apple-pay-button {
width: 100%;
}
.single-product div.product .stripe-enabled form.cart .quantity input,
.single-product div.product .stripe-enabled form.cart .quantity~.button {
width: auto;
}
.single-product div.product .stripe-enabled form.cart .quantity~.button,
.single-product div.product .stripe-enabled form.cart .quantity + .button,
.single_add_to_cart_button.button.alt {
white-space: nowrap;
}
.jas-sticky-atc .single_add_to_cart_button.button.alt {
width: auto;
}
.stripe-enabled .variations_form {
position: relative;
}
.btn-atc.stripe-enabled .variations_form .yith-wcwl-add-to-wishlist {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.product-quickview .btn-atc.stripe-enabled .variations_form .yith-wcwl-add-to-wishlist {
bottom: 7px;
}
.single-product div.product .stripe-enabled form.variations_form .apple-pay-button {
margin-bottom: 0;
}
.btn-atc .cart:not(.variations_form) {
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.single-product div.product .stripe-enabled form.cart .quantity,.single-product-thumbnail .slick-slide img {
width: 100%;
}
.single-product div.product form.cart:not(.variations_form) .apple-pay-button {
max-width: 100%;
}
.single-product div.product .stripe-enabled form.cart .quantity {
margin-bottom: 0;
}
.single-product div.product .stripe-enabled form.cart .quantity~.button,
.single-product div.product .stripe-enabled form.cart .quantity + .button {
width: calc(100% - 55px);
margin: 15px 0 0;
}
.single-product div.product .stripe-enabled form.cart .apple-pay-button-wrapper {
margin: 0;
width: 100%;
}
.single-product div.product .stripe-enabled form.cart .apple-pay-button-wrapper button {
margin: 15px 0 0;
}
.stripe-enabled .shopify-variation-add-to-cart.variations_button {
display: inline-block;
width: 100%;
}
.btn-atc.stripe-enabled .yith-wcwl-add-to-wishlist {
margin: 15px 0 0 15px;
}
.btn-atc.stripe-enabled .variations_form .yith-wcwl-add-to-wishlist {
bottom: 7px;
}
}
}
/* custom css */
.jas-product-image {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
}
.jas-product-image .jas-pr-image-link {
display: block;
}
.jas-hover-img {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
opacity: 0;
background-color: #fff;
-webkit-transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18);
-webkit-transition: opacity .5s ease,-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .5s ease,-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
background-color: #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.jas-grid-item .jas-hover-img img, .jas-grid-item .jas-pr-image-link img {
width: 100%;
border: none;
}
.jas-product-image:hover >.jas-hover-img {
opacity: 1;
}
.jas-qs-wrapper {
top: 100%;
left: 0;
z-index: 15;
height: 100%;
width: 100%;
background-color: rgba(255,255,255,.95);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transition: transform .3s ease;
}
.jas-qs-wrapper .quick-shop-close {
top: 5px;
right: 5px;
height: 30px;
line-height: 30px;
opacity: 0;
color: #000;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: 600;
letter-spacing: .6px;
z-index: 5;
transition: opacity .2s ease 0s;
-webkit-transition: opacity .2s ease 0s;
cursor: pointer;
padding-right: 18px;
}
.jas-qs-wrapper .quick-shop-form {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;
height: 100%;
width: 100%;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
}
.jas-grid-item .jas-product-image:after {
content: "";
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
border: 1px solid #bbb;
border-left-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -16px;
margin-top: -16px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .1s ease,visibility .1s ease;
transition: opacity .1s ease,visibility .1s ease;
}
.jas-grid-item.loading-qs .jas-product-image:after {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .25s ease,visibility .25s ease;
transition: opacity .25s ease,visibility .25s ease;
animation: load-ani 450ms infinite linear;
-webkit-animation: load-ani 450ms infinite linear;
}
.jas-grid-item.loading-qs .jas-pr-image-link {
opacity: .2;
}
.jas-grid-item.loading-qs .jas-add-btn.pa {
-webkit-transform: translateY(103%) translateZ(0);
transform: translateY(103%) translateZ(0);
}
.jas-grid-item.loading-qs .jas-product-image .jas-hover-img {
opacity: 0;
-webkit-transition: opacity .25s ease,transform 2s cubic-bezier(0,0,.44,1.18);
-webkit-transition: opacity .25s ease,-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .25s ease,-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .25s ease,transform 2s cubic-bezier(0,0,.44,1.18);
transition: opacity .25s ease,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
}
.jas-grid-item.jas-qs-shown .jas-add-btn {
opacity: 0;
}
.jas-grid-item.jas-qs-shown .jas-qs-wrapper {
transform: translate3d(0,-100%,0);
-webkit-transform: translate3d(0,-100%,0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
-webkit-transition: transform .4s ease;
overflow: hidden;
overflow-y: scroll;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.jas-qs-wrapper .jas-qs-close {
position: absolute;
top: 5px;
right: 5px;
height: 30px;
line-height: 30px;
opacity: 0;
color: #000;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: 600;
letter-spacing: .6px;
z-index: 5;
transition: opacity .2s ease 0s;
-webkit-transition: opacity .2s ease 0s;
cursor: pointer;
padding-right: 18px;
}
.jas-grid-item.jas-qs-shown .jas-qs-close {
opacity: 1;
transition: all .25s ease .35s;
-webkit-transition: all .25s ease .35s;
}
.jas-qs-wrapper .jas-qs-form {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;
height: 100%;
width: 100%;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
}
.jas-qs-wrapper .jas-qs-close:after, .jas-qs-wrapper .jas-qs-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 20px;
height: 2px;
display: inline-block;
background-color: #000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.jas-qs-wrapper .jas-qs-close:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.jas-qs-wrapper .swatch__list {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.jas-grid-item .variations_form_qs:before {
content: "";
}
.jas-qs-wrapper .extra-link a {display: none;}
.jas-qs-form>div {
display: flex;
display: -webkit-flex;
-webkit-display: flex;
-ms-display: flex;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
align-items: stretch;
-webkit-align-items: stretch;
-ms-align-items: stretch;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.jas-qs-form .variations_form {
display: flex;
display: -webkit-flex;
-webkit-display: flex;
-ms-display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
}
.jas-qs-form .shopify-variation-add-to-cart {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: -10px;
margin-right: -10px;
}
.jas-qs-form .shopify-variation-add-to-cart .button,.jas-qs-form .out-of-stock{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ryviu-number-widget {top: 2px !important;}
.ng-scope .jas-grid-item .ryviu-collection-widget {min-height: 30px; opacity: 0;margin-top: 5px !important;transition: all .3s;}
.jas-grid-item .ryviu-collection-widget.ryviu-collection-loaded {min-height: inherit; opacity: 1;}
.jas-qs-form .out-of-stock {
text-transform: uppercase;
letter-spacing: .3px;
border: 2px solid #CC1414;
color: #B50808;
height: 40px;
line-height: 36px;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
}
a.jas_category-link-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
svg.placeholder-svg {
fill: #fff;
display: block;
background-color: #01bad4;
width: 100%;
height: 100%;
}
.shopify-challenge__container {
min-height: 32vh;
margin-bottom: 60px !important;
margin-top: 60px !important;
}
.jas-item-category .jas-cat-content {
position: relative;
}
input.shopify-challenge__button.btn {
border: none;
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
}
input.shopify-challenge__button.btn:active,input.shopify-challenge__button.btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
top: 1px;
}
.jas_title {
font-size: 24px;
line-height: 24px;
text-align: center;
display: table;
margin: auto;
}
.jas_title:before, .jas_title:after {
content: "";
position: absolute;
width: 60px;
height: 2px;
background: #222;
top: 12px;
}
.jas_title:before {
left: -75px;
}
.jas_title:after {
right: -75px;
}
.jas_title_1 {
font-size: 20px;
text-align: center;
/* margin: 0; */
}
.jas_title_1.mb__40,.type_jas_api_instagram .jas_title_1{
margin-bottom: 40px;
}
.type_jas_fea_coll_tab .jas_title_1{
margin-bottom: 20px;
}
.type_jas_product_categories .jas_title_1 + .mt__30 {margin-top: 20px}
.product-extra .jas_title_1 {font-weight: bold;}
.jas_title_1 .sub-title{
line-height: 18px;
text-align: center;
font-size: 13px;
letter-spacing: 0;
}
.jas_zoom_dark_img_banner {
background-color: #000;
}
.jas_zoom_dark_img_banner .jas_banner_img{
margin: -1px;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px;
opacity: 1;
-moz-transition: all .6s;
-o-transition: all .6s;
-webkit-transition: all .6s;
transition: all .6s;
}
.jas_zoom_dark_img_banner:hover .jas_banner_img{
opacity: .4;
}
.jas_border_img_banner:after, .jas_border_img_banner:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
z-index: 2;
left: 20px;
content: '';
opacity: 0;
-moz-transition: opacity .45s,-moz-transform .45s;
-o-transition: opacity .45s,-o-transform .45s;
-webkit-transition: opacity .45s,-webkit-transform .45s;
transition: opacity .45s,transform .45s;
}
.jas_border_img_banner:before {
border-top: 1px solid rgba(255,255,255,.5);
border-bottom: 1px solid rgba(255,255,255,.6);
-webkit-transform: scale(0,1);
-moz-transform: scale(1,0);
-sand-transform: scale(0,1);
-ms-transform: scale(0,1);
-o-transform: scale(1,0);
transform: scale(0,1);
}
.jas_border_img_banner:after {
border-right: 1px solid rgba(255,255,255,.5);
border-left: 1px solid rgba(255,255,255,.6);
-webkit-transform: scale(1,0);
-moz-transform: scale(1,0);
-sand-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
}
.jas_border_img_banner:hover:after, .jas_border_img_banner:hover:before {
opacity: 1;
-o-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-sand-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
@media only screen and (max-width: 480px) {
.login_active_acount .login_active_btn {
text-align: center;
}
.login_active_acount .fr {
float: none;
margin-top: 30px;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: 0;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url('ajax-loader.gif') center center no-repeat;
}
.slick-prev, .slick-next {
position: absolute;
display: block;
text-indent: -999em;
cursor: pointer;
outline: none;
padding: 0;
overflow: hidden;
top: calc(50% - 20px);
width: 38px;
height: 38px;
z-index: 8;
opacity: 0;
font-size: 0;
border: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
opacity: .8;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before, .slick-next:before {
font-family: 'Pe-icon-7-stroke';
font-size: 36px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
display: block;
line-height: 36px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slick-prev {
left: 30px;
}
.jas-sc-products .slick-prev {
left: -5px;
}
[dir='rtl'] .slick-prev {
right: 30px;
left: auto;
}
.slick-prev:before {
content: '\e686';
}
[dir='rtl'] .slick-prev:before {
content: '\e684';
}
.slick-next {
right: 30px;
}
.jas-sc-products .slick-next {
right: -5px;
}
[dir='rtl'] .slick-next {
right: auto;
left: 30px;
}
.slick-next:before {
content: '\e684';
}
[dir='rtl'] .slick-next:before {
content: '\e686';
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 999;
}
.products.jas-carousel ul.slick-dots {
position: static;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 40px;
line-height: 15px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 999999;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; }
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; }
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
z-index: 1600;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus,
.pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; }
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin.svg); }
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; }
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden; }
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; }
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; }
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; }
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden; }
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
.wc-single-3 .entry-summary .Shopify-product-details__short-description {margin-top: 10px}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; }
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; }
/* end photoswipe */
/** ------------------------------------------------------------------------------------------------
* COLOR-SCHEME DARK
* ------------------------------------------------------------------------------------------------ */
.gecko-dark .gecko-products-nav .product-short {background-color: #111111}
.gecko-dark .gecko-products-nav .product-btn > a span:before {
color: white;
}
.gecko-dark .gecko-products-nav .product-short {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.gecko-dark .input-dropdown-inner:after, .gecko-dark .input-dropdown-inner:before {
border-color: rgba(255, 255, 255, 0.1);
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
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 {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) 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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 0;
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 0;
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {display: none}
.sticky-nt-atc{
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-sand-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.4s cubic-bezier(0.784, 0.134, 0.14, 0.85);
-moz-transition: all 0.4s cubic-bezier(0.784, 0.134, 0.14, 0.85);
-o-transition: all 0.4s cubic-bezier(0.784, 0.134, 0.14, 0.85);
transition: all 0.4s cubic-bezier(0.784, 0.134, 0.14, 0.85);
-webkit-box-shadow: 0 -1px 1px rgba(41,41,41,0.2);
box-shadow: 0 -1px 1px rgba(41,41,41,0.2);
}
.opend_sticky .sticky-nt-atc {
border-top: 1px solid #e6e6e6;
box-shadow: none;
}
.sticky-nt-atc .btn_primary {
width: auto;
white-space: nowrap;
letter-spacing: 3px;
background: #b59677;
border: 0;
color: #fff;
font-weight: 400;
position: relative;
padding: 0 20px
}
.sticky-nt-atc_inner .shopify-payment-button {margin-top: 0;white-space: nowrap;}
.sticky-nt-atc_inner .product_title {
letter-spacing: 0.5px;
margin-bottom: 0 !important;
}
#callBackVariantsticky { position: relative;}
.sticky-nt-atc_inner {
background-color: #fff;
position: relative;
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#callBackVariantsticky .close-sticky {
top: 0;
right: 0;
transform: none;
width: 40px;
height: 40px;
background-color: #fff;
z-index: 22;
}
#callBackVariantsticky .dropdown-list {
bottom: 100%;
top: auto;
border: 1px solid #ddd;
border-bottom: 0;
}
.sticky-nt-atc.popup-display{
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-sand-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
#nt_outstock_sticky {
border: 2px solid #B50808;
color: #B50808;
padding: 5px 20px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
font-weight: 700;
margin-bottom: 0;
}
.sticky-nt-atc .price_varies {
font-size: 28px;
font-weight: 700;
}
.sticky-nt-atc .swatch_title_price {
padding: 0;
opacity: 0;
pointer-events: none;
visibility: hidden;
max-height: 0;
position: relative;
overflow: hidden;
transform: translate3d(0,100%,0);
-webkit-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-sand-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-webkit-transition: all .4s cubic-bezier(.784,.134,.14,.85);
-moz-transition: all .4s cubic-bezier(.784,.134,.14,.85);
-o-transition: all .4s cubic-bezier(.784,.134,.14,.85);
transition: all .4s cubic-bezier(.784,.134,.14,.85);
}
.opend_sticky .sticky-nt-atc .swatch_title_price {overflow: visible}
.opend_sticky .sticky-nt-atc .swatch_title_price {
padding: 40px 0 20px;
opacity: 1;
pointer-events: auto;
max-height: inherit;
visibility: visible;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-sand-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
}
.opend_sticky .sticky-nt-atc_inner { border-top: 1px solid #e6e6e6}
.cart-drawer__close-button .icon { width: 14px}
.pop_up_notify{
background: #f76b6a;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
border: none;
position: fixed;
top: 50px;
left: 100%;
width: 100px;
min-height: 75px;
max-height: 75px;
display: block;
margin: 0;
padding: 0;
z-index: 9999999;
overflow: hidden;
-webkit-animation: right-in, right-out;
animation: right-in, right-out;
-webkit-animation-duration: 1.5s, 1.5s;
animation-duration: 1.5s, 1.5s;
-webkit-animation-delay: .5s, 4.5s;
animation-delay: .5s, 4.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
font-weight: bold !important;
color: #FFF !important;
font-size: 16px !important;
cursor: pointer;
}
.pop_up_notify .notify_img {
background-size: cover;
background-position: center center;
width: 100px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.pop_up_notify .notify_text {
padding: 30px;
margin-left: 100px;
color: #FFF;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
text-align: left;
line-height: 20px;
opacity: 0;
-webkit-animation: opacity_in, opacity_out;
animation: opacity_in, opacity_out;
-webkit-animation-delay: 1.25s, 4.65s;
animation-delay: 1.25s, 4.65s;
-webkit-animation-duration: .5s, .5s;
animation-duration: .5s, .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.pop_up_notify_error .notify_error_wrapper{
display: table;
vertical-align: middle;
width: 100%;
min-height: 75px;
padding: 19px;
}
.pop_up_notify_error .icon_nt{
display: inline-block;
vertical-align: middle;
font-size: 34px;
line-height: 24px;
width: 10%;
padding-right: 25px;
}
.pop_up_notify_error .error_text_nt {
font-size: 13px;
line-height: 16px;
display: table-cell;
vertical-align: middle;
width: 90%;
opacity: 0;
-webkit-animation: opacity_in, opacity_out;
animation: opacity_in, opacity_out;
-webkit-animation-delay: 1.25s, 4.65s;
animation-delay: 1.25s, 4.65s;
-webkit-animation-duration: .5s, .5s;
animation-duration: .5s, .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.drawer_ar {
display: block;
background-color: #fff;
padding: 4px 0;
border-radius: 4px;
box-shadow: 0 0 9px rgba(0,0,0,.1);
}
.drawer_ar img{
width: 20px;
height: 25px
}
@-webkit-keyframes right-in {
0% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
50% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 500px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9)
}
}
@keyframes right-in {
0% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
50% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 500px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9)
}
}
@-webkit-keyframes right-out {
0% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 500px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9)
}
50% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
}
@keyframes right-out {
0% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 500px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.9)
}
50% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 320px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-320px);
transform: translateX(-320px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 75px;
-webkit-box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 15px 25px -20px rgba(0, 0, 0, 0.2)
}
}
@-webkit-keyframes opacity_in {
0% {
opacity: 0
}
80% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes opacity_in {
0% {
opacity: 0
}
80% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes opacity_out {
0% {
opacity: 1
}
80% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes opacity_out {
0% {
opacity: 1
}
80% {
opacity: 1
}
100% {
opacity: 0
}
}
@media (min-width: 736px) {
.cart-drawer__close-button .icon {
width: 18px;
}
}
@media (min-width: 768px) {
.pop_up_notify {
top: 150px;
min-height: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
}
.pop_up_notify_error .notify_error_wrapper {
padding: 30px;
min-height: 100px;
}
.pop_up_notify_error .icon_nt {font-size: 45px}
.pop_up_notify_error .error_text_nt {
font-size: 16px;
line-height: 24px;
}
@-webkit-keyframes right-in {
0% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
50% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 500px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5)
}
}
@keyframes right-in {
0% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
50% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 500px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5)
}
}
@-webkit-keyframes right-out {
0% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 500px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5)
}
50% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
}
@keyframes right-out {
0% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 500px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5)
}
50% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 400px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
75% {
-webkit-transform: translateX(-507px);
transform: translateX(-507px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
100% {
-webkit-transform: translateX(800px);
transform: translateX(800px);
width: 100px;
max-height: 100px;
-webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.2)
}
}
}
.login_frm_side .login_frm {
margin-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 1px solid #E2E2E2;
}
.login_frm_side .login_faq_side {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
border-bottom: 1px solid #E2E2E2;
}
.login_frm_side .login_faq_side:before {
content: "\e605";
font-family: Pe-icon-7-stroke;
display: block;
color: rgba(135,135,135,.15);
font-size: 54px;
line-height: 54px;
font-weight: 400;
margin-bottom: 15px;
}
.login_frm_side .create-account-text {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.login_frm_side .btn__link{
padding: 0;
border: none;
color: #6D6D6D;
background-color: transparent;
border-bottom: 1px solid #B5B5B5;
text-transform: capitalize;
display: inline-block;
text-align: center;
font-size: 14px;
}
.login_frm_side .btn__link:hover,.login_frm_side .btn__link:focus {
background-color: transparent;
color: #3E3E3E;
border-color: #3E3E3E;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login_frm_side input[type="submit"],.login_frm_side input[type="text"],.login_frm_side input[type="password"],.login_frm_side input[type="email"] { width: 100%; }
#login_side {max-width: 500px}
#login_side .mfp-close:after, #login_side .mfp-close:before {background-color: #fff}
#login_side .login_frm_side h3 {
font-size: 20px;
line-height: 50px;
}
.type_jas_newsletter2 .signup-newsletter-form input.submit-btn {
top: 1px;
}