@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-family:fontawesome;src:url(fonts/fontawesome.eot);src:url(fonts/fontawesome.eot?#iefix) format('embedded-opentype'),url(fonts/fontawesome.svg#fontawesome) format('svg'),url(fonts/fontawesome.woff) format('woff'),url(fonts/fontawesome.ttf) format('truetype');font-weight:400;font-style:normal}body,html{font-size:100%;padding:0;margin:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body{font-family:Lato,Calibri,Arial,sans-serif;color:#b1aea6;background:#fffcf5;min-height:800px}a{color:#ccc;text-decoration:none}a:hover{color:#fff}.container>header,.main{width:100%;margin:0 auto;padding:0 1.875em 3.125em}.main{max-width:69em;padding-top:2em}.column{float:left;width:50%;padding:0 2em;min-height:300px;min-width:320px;position:relative}.column:nth-child(2){min-height:400px;box-shadow:-1px 0 0 rgba(0,0,0,.1);background:url(images/clickhere.png) 90px 0 no-repeat}.column:last-child:before{content:'';position:absolute;height:7px;background:#ceccc6;top:100px;left:10px}.column p{font-weight:300;font-size:2em;padding:0;margin:0;text-align:right;line-height:1.5}.container>header{padding:2.875em 1.875em;text-align:center;background:rgba(0,0,0,.01)}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;color:#89867e;font-weight:300}.container>header span{display:block;font-size:60%;color:#ceccc6;padding:0 0 .6em .1em}.codrops-top{background:#fff;background:rgba(255,255,255,.95);text-transform:uppercase;position:relative;font-size:.68em;box-shadow:1px 0 2px rgba(0,0,0,.2);line-height:2.2}.codrops-top a{padding:0 1em;letter-spacing:.1em;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.99);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{border-color:#89867e;color:#89867e}@media screen and (max-width:46.0625em){.main{padding:0}.column{width:100%;min-width:auto;min-height:auto;padding:3em 2em}.column p{text-align:left;font-size:1.5em}.column:nth-child(2){box-shadow:0 -1px 0 rgba(0,0,0,.1);background-position:90px 3em}}.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-inner{width:100%;overflow:hidden}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/app/assets/images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(/app/assets/images/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/app/assets/images/fancybox/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/app/assets/images/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/app/assets/images/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/app/assets/images/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}/** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { /* display: block; */ /* width: 100%; */ -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/app/assets/images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 30% {opacity: 0.8;} 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 30% {opacity: 0.8;} 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 30% {opacity: 0.8;} 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 30% {opacity: 0.8;} 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 30% {opacity: 0.8;} 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 30% {opacity: 0.8;} 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(lib/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}@charset "UTF-8"; /*------------------------------------*\ #INDEX \*------------------------------------*/ /** * Header */ /*---------------#LANÇAMENTOS----------------*/ /* line 52, app/assets/styles/sass/mixins.scss */ .a_bold { font-weight: bolder !important; } /* line 56, app/assets/styles/sass/mixins.scss */ .a_thin { font-weight: 100; } /* line 60, app/assets/styles/sass/mixins.scss */ .a_escondido { opacity: 0 !important; } /* line 64, app/assets/styles/sass/mixins.scss */ .a_semi_oculto { opacity: 0.3; } /* line 68, app/assets/styles/sass/mixins.scss */ .a_flex { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 72, app/assets/styles/sass/mixins.scss */ .display_none { display: none !important; } /* line 1, app/assets/styles/sass/global.scss */ * { border: none; font-family: "Ubuntu", Arial, Verdana, sans-serif; font-size: 100%; font-weight: normal; margin: 0; padding: 0; webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; } /* line 13, app/assets/styles/sass/global.scss */ html, body, main, header, footer { width: 100%; } /* line 21, app/assets/styles/sass/global.scss */ main { margin-top: 145px; } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/global.scss */ main { margin-top: 66px; } } /* line 29, app/assets/styles/sass/global.scss */ .main-stam__margin { margin-top: 287px; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/global.scss */ .main-stam__margin { margin-top: 180px; } } /* line 43, app/assets/styles/sass/global.scss */ .carrinho-identificacao main, .carrinho-endereco main, .carrinho-finalizacao main, .carrinho-boleto main { margin-top: 0; } /* line 48, app/assets/styles/sass/global.scss */ .conteudo { float: initial; height: 100%; margin: 0 auto; padding-left: 25px; padding-right: 25px; position: relative; width: 1200px; } @media (max-width: 1199px) { /* line 48, app/assets/styles/sass/global.scss */ .conteudo { width: 960px; } } @media (max-width: 640px) { /* line 48, app/assets/styles/sass/global.scss */ .conteudo { padding-left: 20px; padding-right: 20px; width: 640px; } } /* line 69, app/assets/styles/sass/global.scss */ .conteudo_height { height: auto; } /* line 73, app/assets/styles/sass/global.scss */ body { background-color: #ffffff; } /* line 77, app/assets/styles/sass/global.scss */ fieldset { border: none; margin: 0; padding: 0; } /* line 83, app/assets/styles/sass/global.scss */ figure { margin: 0; } /* line 87, app/assets/styles/sass/global.scss */ h1, h2, h3, h4, h5, h6 { font-family: "Ubuntu"; margin: 0; } /* line 97, app/assets/styles/sass/global.scss */ p { color: #000; margin-bottom: 0; text-rendering: auto !important; } /* line 103, app/assets/styles/sass/global.scss */ *:before, *::before, *:after, *::after { clear: both; display: inline-block; position: absolute; } /* line 113, app/assets/styles/sass/global.scss */ i::before { position: relative; } /* line 117, app/assets/styles/sass/global.scss */ i { margin-right: 4px; } /* line 121, app/assets/styles/sass/global.scss */ .lazy { display: none; } /* line 125, app/assets/styles/sass/global.scss */ a { color: inherit; } /* line 129, app/assets/styles/sass/global.scss */ a:hover { color: inherit; } /* line 133, app/assets/styles/sass/global.scss */ a:link, a:visited, a:active { text-decoration: none; } /* line 139, app/assets/styles/sass/global.scss */ *:focus { outline: none; } /* line 143, app/assets/styles/sass/global.scss */ .escondido { display: none; } /* line 147, app/assets/styles/sass/global.scss */ ul { margin-left: 0; margin-bottom: 0; } /* line 152, app/assets/styles/sass/global.scss */ li { list-style: none; } /* line 156, app/assets/styles/sass/global.scss */ ul li ul { margin-left: 0; } /* line 160, app/assets/styles/sass/global.scss */ .button { background-color: #FF6600; color: #ffffff; border-radius: 4px; font-family: "Ubuntu"; letter-spacing: 1px; line-height: 1em; margin: 0; padding: 15px 30px; text-align: center; text-transform: uppercase; transition: all 400ms ease-in; } /* line 175, app/assets/styles/sass/global.scss */ button:hover, button:focus, .button:hover, .button:focus { background-color: #000000; outline: none; } /* line 183, app/assets/styles/sass/global.scss */ .button.success { background-color: #3B8C14; border: none; } /* line 188, app/assets/styles/sass/global.scss */ .button.success:hover { background-color: #204A0B; } /* line 193, app/assets/styles/sass/global.scss */ .button.remove { background-color: #FF0000; border: none; font-family: "Ubuntu"; } /* line 198, app/assets/styles/sass/global.scss */ .button.remove:hover { background-color: #9D0000; } /* line 203, app/assets/styles/sass/global.scss */ .button.unavailable { background-color: #FF0000; border: none; font-family: "Ubuntu"; } /* line 208, app/assets/styles/sass/global.scss */ .button.unavailable:hover { background-color: #FF0000; } /* line 213, app/assets/styles/sass/global.scss */ button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #D0D2D4; border-color: #D0D2D4; } /* line 221, app/assets/styles/sass/global.scss */ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #D0D2D4; } /* line 232, app/assets/styles/sass/global.scss */ .location-post li .button-disabled { background-color: #D0D2D4; float: right; color: #4F4B69; border: none; font-family: "Ubuntu"; } /* line 240, app/assets/styles/sass/global.scss */ h2.titulo { color: #FF6600; float: left; font-size: 25px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } /* line 250, app/assets/styles/sass/global.scss */ .asterisco { color: #FF0000; } /** * Título padrão */ /* line 257, app/assets/styles/sass/global.scss */ .titulo_padrao { background-color: #000000; color: #ffffff; font-size: 22px; font-weight: 300; height: 40px; letter-spacing: 0.1em; line-height: 1em; padding: 0 20px; position: relative; text-transform: uppercase; white-space: nowrap; width: max-content; z-index: 2; display: flex; align-items: center; } @media (max-width: 640px) { /* line 257, app/assets/styles/sass/global.scss */ .titulo_padrao { font-size: 25px; } } /* line 279, app/assets/styles/sass/global.scss */ .titulo_padrao:after { background-color: #000000; display: inline-block; content: ""; height: 40px; position: absolute; right: -10px; top: 0; transform: skew(-20deg); width: 80px; z-index: -1; } /** * Estrelas avaliação */ /* line 296, app/assets/styles/sass/global.scss */ .estrelas { height: 15px; } @media (max-width: 640px) { /* line 296, app/assets/styles/sass/global.scss */ .estrelas { height: 25px; } } /* line 304, app/assets/styles/sass/global.scss */ .estrela { margin-right: 5px; } @media (max-width: 640px) { /* line 304, app/assets/styles/sass/global.scss */ .estrela { height: 25px; width: 25px; } } /* line 312, app/assets/styles/sass/global.scss */ .estrela:last-child { margin-right: 0; } /** * Remover foundation tooltip do mobile */ /* line 320, app/assets/styles/sass/global.scss */ .tooltip { background-color: #000000; margin-top: -145px; } @media (max-width: 640px) { /* line 320, app/assets/styles/sass/global.scss */ .tooltip { display: none !important; } } /* line 329, app/assets/styles/sass/global.scss */ .tooltip > .nub { border-color: transparent transparent #000000 transparent; } /* line 334, app/assets/styles/sass/global.scss */ .tooltip { z-index: 11000; } /** * tooltip - Paulo Augusto */ /* TOOlTIP meuTooltip - Paulo Augusto */ /* line 4, app/assets/styles/sass/meu-tooltip.scss */ .js-meuTooltip .meuTooltip__inside { padding: 5px; background: black; position: absolute; z-index: 10010; top: 45px; opacity: 0; display: none; } /* line 13, app/assets/styles/sass/meu-tooltip.scss */ .js-meuTooltip .meuTooltip__inside p { white-space: nowrap; font-size: 12px; color: white; } /* line 44, app/assets/styles/sass/meu-tooltip.scss */ .js-meuTooltip .meuTooltip__inside.fadeIn { display: flex; animation-play-state: running; animation: fadeIn 500ms linear 0s 1 normal forwards running; } /* line 49, app/assets/styles/sass/meu-tooltip.scss */ .js-meuTooltip .meuTooltip__inside.fadeOut { animation-play-state: running; animation: fadeOut 150ms linear 0s 1 normal forwards running; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } /* line 343, app/assets/styles/sass/global.scss */ ::-webkit-input-placeholder { color: #000; } /* line 347, app/assets/styles/sass/global.scss */ :-moz-placeholder { color: #000; } /* line 351, app/assets/styles/sass/global.scss */ ::-moz-placeholder { color: #000; } /* line 355, app/assets/styles/sass/global.scss */ :-ms-input-placeholder { color: #000; } /* line 359, app/assets/styles/sass/global.scss */ .header__busca .form-busca input, .topo__login_form_box input, .avaliar .faca-comentario textarea, .acesso-login__form input[type=text], .acesso-login__form .acesso-login__senha, .acesso-login__form select, .user_access form input, .user_access form select, .reveal-modal .password form input, .recovery form input, .client-panel .dados input.password_editavel, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea, .box-cart_loaded footer .end-values .cupom-desconto form input, .modal-cadastro .cadastro-endereco input, .modal-cadastro .cadastro-endereco select, article[data-cart-end="select-payment"] .tabs-content fieldset input, article[data-cart-end="select-payment"] .tabs-content fieldset select, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set input, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select, .help-center .duvida .search, .contato form .contato_form--input, .contato form .contato_form--select, .contato form .contato_form--textarea, .store_evaluation__wrap textarea { background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 4px; box-shadow: none; color: #707070; font-family: "Ubuntu"; font-size: 17px; height: 50px; } /* line 369, app/assets/styles/sass/global.scss */ .header__busca .form-busca input:focus, .topo__login_form_box input:focus, .avaliar .faca-comentario textarea:focus, .acesso-login__form input:focus[type=text], .acesso-login__form .acesso-login__senha:focus, .acesso-login__form select:focus, .user_access form input:focus, .user_access form select:focus, .reveal-modal .password form input:focus, .recovery form input:focus, .client-panel .dados input.password_editavel:focus, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea:focus, .box-cart_loaded footer .end-values .cupom-desconto form input:focus, .modal-cadastro .cadastro-endereco input:focus, .modal-cadastro .cadastro-endereco select:focus, article[data-cart-end="select-payment"] .tabs-content fieldset input:focus, article[data-cart-end="select-payment"] .tabs-content fieldset select:focus, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set input:focus, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select:focus, .help-center .duvida .search:focus, .contato form .contato_form--input:focus, .contato form .contato_form--select:focus, .contato form .contato_form--textarea:focus, .store_evaluation__wrap textarea:focus, .header__busca .form-busca input:active, .topo__login_form_box input:active, .avaliar .faca-comentario textarea:active, .acesso-login__form input:active[type=text], .acesso-login__form .acesso-login__senha:active, .acesso-login__form select:active, .user_access form input:active, .user_access form select:active, .reveal-modal .password form input:active, .recovery form input:active, .client-panel .dados input.password_editavel:active, .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea:active, .box-cart_loaded footer .end-values .cupom-desconto form input:active, .modal-cadastro .cadastro-endereco input:active, .modal-cadastro .cadastro-endereco select:active, article[data-cart-end="select-payment"] .tabs-content fieldset input:active, article[data-cart-end="select-payment"] .tabs-content fieldset select:active, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set input:active, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select:active, .help-center .duvida .search:active, .contato form .contato_form--input:active, .contato form .contato_form--select:active, .contato form .contato_form--textarea:active, .store_evaluation__wrap textarea:active { background-color: #ffffff; border-color: inherit; } /* line 376, app/assets/styles/sass/global.scss */ .errado { border: solid 2px red !important; } /*------------------------------------*\ #FADE IN UP \*------------------------------------*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { /* line 41, app/assets/styles/sass/effects.scss */ 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } /* line 49, app/assets/styles/sass/effects.scss */ 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } /*------------------------------------*\ #FADE IN LEFT \*------------------------------------*/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { /* line 135, app/assets/styles/sass/effects.scss */ 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } /* line 143, app/assets/styles/sass/effects.scss */ 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /*------------------------------------*\ #ZOOM IN \*------------------------------------*/ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-ms-keyframes zoomIn { /* line 219, app/assets/styles/sass/effects.scss */ 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } /* line 227, app/assets/styles/sass/effects.scss */ 50% { opacity: 1; } } @-o-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } /* line 13, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies { font-size: 13px; padding: 10px; position: fixed; bottom: 0; width: 100vw; z-index: 10000000000000000000; display: none; background-color: white; background-color: rgba(45, 45, 45, 0.9); } /* line 23, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies.show { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 13, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies { font-size: 17px; padding: 20px; top: initial; box-shadow: initial; } } /* line 38, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies div { max-width: 900px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: wrap; } @media (max-width: 640px) { /* line 38, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies div { align-items: center; } } /* line 49, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies p, .aviso-politica-cookies a { color: white; font-size: 100%; font-weight: normal; } @media (max-width: 640px) { /* line 49, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies p, .aviso-politica-cookies a { text-align: center; } } /* line 59, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies a { text-decoration: underline; } /* line 64, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies button { background-color: #FF6600; border-color: #999; border-bottom: 2px solid #074872; color: #fff; font-size: 80%; padding: 10px 12px 8px 12px; margin: 0; } @media (max-width: 640px) { /* line 64, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies button { font-size: 100%; } } /* line 78, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies .ajuste--botao { margin-left: 15px; } @media (max-width: 640px) { /* line 78, app/assets/styles/sass/aviso-politica-cookies.scss */ .aviso-politica-cookies .ajuste--botao { margin-left: 0; margin-top: 20px; } } /*css para colocar o tamanhos das imagens*/ /* $height-img-product--tablet: 420px; $width-img-product--tablet: 280px; */ /* line 188, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4, .fit__produto-busca--6, .looks .fit__produto-busca--4, .looks .fit__produto-busca--6, .fit__produto-home, .fit__instagram, .fit__favoritos, .fit__sacola-imagem, .fit__carrinho, .fit__carrossel, .fit__combo-fotos, .fit__produto-modal { float: left; overflow: hidden; position: relative; } /* line 196, app/assets/styles/sass/object_fit.scss */ .fit__img-produto { display: inline-block; height: 100% !important; left: 0 !important; margin: 0 auto; object-fit: cover; position: absolute; right: 0; width: auto !important; max-width: -moz-available !important; /* WebKit-based browsers will ignore this. */ max-width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */ max-width: fill-available !important; } /* line 221, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4 { height: calc(420px - 30px); width: calc(420px - 30px); } @media (max-width: 1600px) { /* line 221, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4 { height: calc(350px - 30px); width: calc(350px - 30px); } } @media (max-width: 1300px) { /* line 221, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4 { height: calc(320px - 30px); width: calc(320px - 30px); } } @media (max-width: 1199px) { /* line 221, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4 { height: calc(340px - 30px); width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 221, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--4 { height: calc(290px - 30px); width: calc(290px - 30px); } } /* line 250, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--6 { height: calc(270px - 30px); width: calc(270px - 30px); } @media (max-width: 1199px) { /* line 250, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--6 { height: calc(340px - 30px); width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 250, app/assets/styles/sass/object_fit.scss */ .fit__produto-busca--6 { height: calc(280px); width: calc(280px); } } /* line 273, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--4 { height: 400px; width: 400px; } @media (max-width: 1199px) { /* line 273, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--4 { height: 310px; width: 310px; } } @media (max-width: 640px) { /* line 273, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--4 { height: 280px; width: 280px; } } /* line 292, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--6 { height: 250px; width: 250px; } @media (max-width: 1199px) { /* line 292, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--6 { height: 310px; width: 310px; } } @media (max-width: 640px) { /* line 292, app/assets/styles/sass/object_fit.scss */ .looks .fit__produto-busca--6 { height: 280px; width: 280px; } } /* line 312, app/assets/styles/sass/object_fit.scss */ .fit__produto-home { height: 240px; width: 240px; } @media (max-width: 640px) { /* line 312, app/assets/styles/sass/object_fit.scss */ .fit__produto-home { height: 280px; width: 280px; } } /* line 325, app/assets/styles/sass/object_fit.scss */ .fit__instagram { height: 279px; width: 279px; } @media (max-width: 1199px) { /* line 325, app/assets/styles/sass/object_fit.scss */ .fit__instagram { height: 262px; width: 262px; } } @media (max-width: 640px) { /* line 325, app/assets/styles/sass/object_fit.scss */ .fit__instagram { height: 200px; width: 200px; } } /* line 344, app/assets/styles/sass/object_fit.scss */ .fit__favoritos { height: 240px; width: 240px; } @media (max-width: 640px) { /* line 344, app/assets/styles/sass/object_fit.scss */ .fit__favoritos { height: 240px; width: 240px; } } /* line 358, app/assets/styles/sass/object_fit.scss */ .fit__sacola-imagem { height: 110px; width: 110px; } @media (max-width: 640px) { /* line 358, app/assets/styles/sass/object_fit.scss */ .fit__sacola-imagem { height: 130px; width: 130px; } } /* line 372, app/assets/styles/sass/object_fit.scss */ .fit__carrinho { height: 110px; width: 110px; } @media (max-width: 640px) { /* line 372, app/assets/styles/sass/object_fit.scss */ .fit__carrinho { height: 130px; width: 130px; } } /* line 386, app/assets/styles/sass/object_fit.scss */ .fit__carrossel { height: 112px; width: 112px; } /* line 394, app/assets/styles/sass/object_fit.scss */ .fit__combo-fotos { height: 220px; width: 220px; } @media (max-width: 1199px) { /* line 394, app/assets/styles/sass/object_fit.scss */ .fit__combo-fotos { height: 180px; width: 180px; } } @media (max-width: 640px) { /* line 394, app/assets/styles/sass/object_fit.scss */ .fit__combo-fotos { height: 220px; width: 220px; } } /* line 411, app/assets/styles/sass/object_fit.scss */ .fit__produto-modal { height: 160px; width: 160px; } /*------------------------------- HEADER -------------------------------*/ /*-----------HEADER TOTAL---------*/ /* line 4, app/assets/styles/sass/header.scss */ .header__wrap { position: fixed; top: 0; transition: all 500ms; width: 100%; z-index: 9999; } /*-----------HEADER STAM CADASTRO 'BANNER'---------*/ /* line 14, app/assets/styles/sass/header.scss */ .header-stam-login { background-image: url("/app/assets/images/bg-b2b.png"); padding: 25px 0; margin-bottom: -3px; width: 100%; transition: all 400ms ease-in; } @media (max-width: 640px) { /* line 14, app/assets/styles/sass/header.scss */ .header-stam-login { padding: 10px 0; } } /* line 26, app/assets/styles/sass/header.scss */ .header-stam-login__wrap { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; } /* line 36, app/assets/styles/sass/header.scss */ .header-stam-login__titulo h4 { font-size: 1.375rem; color: #fff; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 20px; } @media (max-width: 640px) { /* line 36, app/assets/styles/sass/header.scss */ .header-stam-login__titulo h4 { margin-bottom: 0; } } /* line 50, app/assets/styles/sass/header.scss */ .header-stam-login__titulo h5 { display: none; } /* line 55, app/assets/styles/sass/header.scss */ .header-stam-login__itens { width: 100%; display: flex; align-items: center; justify-content: center; } /* line 63, app/assets/styles/sass/header.scss */ .header-stam-login__item { background-color: #FF6600; box-sizing: border-box; border-radius: 4px; border: none; color: #FFF; cursor: pointer; display: inline-block; font-size: .875rem; font-weight: 400; height: 45px; line-height: 1em; letter-spacing: .2em; margin: 0 20px; outline: none; padding: 0 30px; position: relative; text-transform: uppercase; width: auto; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 63, app/assets/styles/sass/header.scss */ .header-stam-login__item { font-size: 18px; margin: 10px 5px; padding: 0; width: 50%; } } /* line 96, app/assets/styles/sass/header.scss */ .header-stam-login__button--login { background: #0b0; } /* line 101, app/assets/styles/sass/header.scss */ .header-stam-login__close { cursor: pointer; position: absolute; right: 0; top: 0; } /* line 108, app/assets/styles/sass/header.scss */ .header-stam-login--closed { display: none; } /* line 114, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login { padding: 5px 0; } /* line 118, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__wrap { flex-direction: row; } /* line 122, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__itens { width: auto; } /* line 126, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__titulo { display: flex; flex-direction: column; } /* line 130, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__titulo h4 { font-size: 14px; margin: 0; } /* line 135, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__titulo h5 { display: block; font-size: 12px; color: #FF6600; font-weight: 400; text-transform: uppercase; } /* line 144, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__item { height: 25px; margin: 0 0 0 35px; } /* line 148, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__item a { font-size: 13px; line-height: 20px; letter-spacing: initial; } /* line 155, app/assets/styles/sass/header.scss */ .header-shrink .header-stam-login__close { top: 7px; } /* line 159, app/assets/styles/sass/header.scss */ .header-shrink .resultado-busca { top: 42px; } /*-----------HEADER---------*/ /* line 167, app/assets/styles/sass/header.scss */ .header { background-color: #212121; height: 103px; position: relative; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s; } @media (max-width: 640px) { /* line 167, app/assets/styles/sass/header.scss */ .header { background-color: #000000; height: 66px; } } /* line 182, app/assets/styles/sass/header.scss */ .header .conteudo { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /** * Logo */ /* line 191, app/assets/styles/sass/header.scss */ .header_logo { margin-top: -9px; } @media (max-width: 640px) { /* line 191, app/assets/styles/sass/header.scss */ .header_logo { margin-top: -5px; } } /* line 199, app/assets/styles/sass/header.scss */ .logo { background-image: url(../images/logo.png); background-repeat: no-repeat; float: left; height: 63px; width: 195px; } @media (max-width: 1199px) { /* line 199, app/assets/styles/sass/header.scss */ .logo { background-image: url(../images/logo-menor.png); height: 47px; width: 145px; } } @media (max-width: 640px) { /* line 199, app/assets/styles/sass/header.scss */ .logo { background-image: url(../images/logo-menor.png); height: 45px; width: 139px; } } /** * Busca */ /* line 1, app/assets/styles/sass/header_busca.scss */ .header__busca { position: relative; height: auto; width: auto; } /* line 6, app/assets/styles/sass/header_busca.scss */ .header__busca .form-busca { background: #ffffff; border-radius: 3px; height: 50px; position: relative; width: 485px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 25, app/assets/styles/sass/mixins.scss */ .header__busca .form-busca ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #C5C5C5; } /* line 28, app/assets/styles/sass/mixins.scss */ .header__busca .form-busca ::-moz-placeholder { /* Firefox 19+ */ color: #C5C5C5; } /* line 31, app/assets/styles/sass/mixins.scss */ .header__busca .form-busca :-ms-input-placeholder { /* IE 10+ */ color: #C5C5C5; } /* line 34, app/assets/styles/sass/mixins.scss */ .header__busca .form-busca :-moz-placeholder { /* Firefox 18- */ color: #C5C5C5; } /* line 15, app/assets/styles/sass/header_busca.scss */ .header__busca .form-busca input { background-color: transparent; border: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 16px; font-style: italic; font-weight: 300; height: 100%; margin-bottom: 0; padding: 0; padding-left: 16px; width: calc(100% - 50px); } /* line 30, app/assets/styles/sass/header_busca.scss */ .header__busca .form-busca input:hover, .header__busca .form-busca input:focus, .header__busca .form-busca input:active { background-color: transparent; } @media (max-width: 1199px) { /* line 6, app/assets/styles/sass/header_busca.scss */ .header__busca .form-busca { height: 40px; } } /* line 42, app/assets/styles/sass/header_busca.scss */ .header__busca .bt-search { background-color: transparent; border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 100%; width: 50px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 42, app/assets/styles/sass/header_busca.scss */ .header__busca .bt-search { border-radius: 22px; font-size: 20px; height: 56px; line-height: 56px; width: 100px; } } /* line 59, app/assets/styles/sass/header_busca.scss */ .header__busca .bt-search:after { background-repeat: no-repeat; background-image: url(../images/icons/sprite.png); background-position: -33px -118px; content: ''; height: 23px; width: 23px; } /* line 68, app/assets/styles/sass/header_busca.scss */ .header__busca .bt-search:hover { background-color: #FF6600; } /* line 74, app/assets/styles/sass/header_busca.scss */ .resultado-busca { border: 1px solid #f1f1f1; background: #ffffff; position: absolute; top: 52px; width: 100%; z-index: 14; } @media (max-width: 640px) { /* line 74, app/assets/styles/sass/header_busca.scss */ .resultado-busca { background: #f1f1f1; margin-left: 3%; margin-top: 100px; padding: 15px 0; top: 50px; width: 94%; z-index: 14; } } /* line 92, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca, .resultado-busca .lista-busca-mobile { max-height: 80vh; overflow-y: scroll; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } @media (max-width: 640px) { /* line 92, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca, .resultado-busca .lista-busca-mobile { max-height: 60vh; } } /* line 102, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca::-webkit-scrollbar, .resultado-busca .lista-busca-mobile::-webkit-scrollbar { width: 6px; } /* line 107, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca::-webkit-scrollbar-track, .resultado-busca .lista-busca-mobile::-webkit-scrollbar-track { background: #f1f1f1; } /* line 112, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca::-webkit-scrollbar-thumb, .resultado-busca .lista-busca-mobile::-webkit-scrollbar-thumb { background: #888; } /* line 117, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca::-webkit-scrollbar-thumb:hover, .resultado-busca .lista-busca-mobile::-webkit-scrollbar-thumb:hover { background: #757376; } /* line 121, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca li, .resultado-busca .lista-busca-mobile li { border-bottom: 1px solid #f1f1f1; padding: 5px 10px; } @media (max-width: 640px) { /* line 121, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca li, .resultado-busca .lista-busca-mobile li { padding: 10px; border-bottom: 1px solid #757376; } } /* line 132, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca li:last-of-type, .resultado-busca .lista-busca-mobile li:last-of-type { border-bottom: 0; } /* line 136, app/assets/styles/sass/header_busca.scss */ .resultado-busca .lista-busca li:hover, .resultado-busca .lista-busca-mobile li:hover { background: #f1f1f1; } /* line 143, app/assets/styles/sass/header_busca.scss */ .lista-busca__item { display: flex; align-items: center; justify-content: flex-start; } /* line 149, app/assets/styles/sass/header_busca.scss */ .lista-busca__nome-produto { font-size: 14px; line-height: 15px; text-align: left; } @media (max-width: 640px) { /* line 149, app/assets/styles/sass/header_busca.scss */ .lista-busca__nome-produto { font-size: 22px; line-height: 24px; } } /* line 160, app/assets/styles/sass/header_busca.scss */ .lista-busca__imagem { margin-right: 15px; } /* line 163, app/assets/styles/sass/header_busca.scss */ .lista-busca__imagem img { width: 60px; } @media (max-width: 640px) { /* line 163, app/assets/styles/sass/header_busca.scss */ .lista-busca__imagem img { width: 100px; } } /* line 172, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto { display: flex; flex-direction: column; align-items: flex-start; width: calc(100% - 75px); } /* line 178, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto small { color: #000000; font-size: 12px; } @media (max-width: 640px) { /* line 178, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto small { font-size: 20px; } } /* line 187, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto .boleto { font-weight: 700; } @media (max-width: 640px) { /* line 187, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto .boleto { font-size: 22px; } } @media (max-width: 640px) { /* line 172, app/assets/styles/sass/header_busca.scss */ .lista-busca__texto { width: calc(100% - 115px); } } /** * Login - Favorito - Carrinho */ /* line 228, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho { position: relative; right: 0; display: flex; align-items: center; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } /* line 233, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho .header_login, .header__grupo_login_favorito_carrinho .header_favoritos, .header__grupo_login_favorito_carrinho .header_carrinho { height: 80px; min-width: 60px; } /* line 240, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho .header_favoritos { margin-left: 10px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 240, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho .header_favoritos { display: none; } } /* line 249, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho #btn-search { display: none; } @media (max-width: 640px) { /* line 249, app/assets/styles/sass/header.scss */ .header__grupo_login_favorito_carrinho #btn-search { display: block; } } /* line 1, app/assets/styles/sass/box_login.scss */ .topo__login_form_box { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 25, app/assets/styles/sass/mixins.scss */ .topo__login_form_box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .topo__login_form_box ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .topo__login_form_box :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .topo__login_form_box :-moz-placeholder { /* Firefox 18- */ color: #212121; } /* line 7, app/assets/styles/sass/box_login.scss */ .topo__login_form_box input { font-size: 17px; font-weight: 400; height: 36px; margin-bottom: 12px; width: 100%; } @media (max-width: 640px) { /* line 7, app/assets/styles/sass/box_login.scss */ .topo__login_form_box input { height: 50px; font-size: 24px; } } /* line 21, app/assets/styles/sass/box_login.scss */ .topo__login_form_box button { height: 36px; font-size: 14px; font-weight: 400; margin-bottom: 7px; padding: 0; text-transform: uppercase; width: 160px; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/box_login.scss */ .topo__login_form_box button { font-size: 24px; height: 45px; width: 220px; } } /* line 38, app/assets/styles/sass/box_login.scss */ .topo__login_form_box .forgot-password { color: #000000; font-size: 12px; font-weight: 400; } @media (max-width: 640px) { /* line 38, app/assets/styles/sass/box_login.scss */ .topo__login_form_box .forgot-password { font-size: 22px; } } /* line 47, app/assets/styles/sass/box_login.scss */ .topo__login_form_box .forgot-password:hover { color: laranja; text-decoration: underline; } /* line 54, app/assets/styles/sass/box_login.scss */ .box_login__separador { background: #888; display: block; height: 1px; margin: 10px 0; width: 100%; } /* line 62, app/assets/styles/sass/box_login.scss */ .box_login__cadastros { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 67, app/assets/styles/sass/box_login.scss */ .box_login__cadastrar { height: 28px; font-size: 12px; font-weight: 400; padding: 0; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } /* line 1, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 4, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores { color: #ffffff; margin-left: 20px; } /* line 10, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(1) { line-height: 18px; } @media (max-width: 640px) { /* line 10, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(1) { line-height: 24px; } } /* line 18, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(2) { line-height: 12px; margin-top: 5px; display: flex; align-items: center; } @media (max-width: 640px) { /* line 18, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores li:nth-of-type(2) { line-height: 18px; } } /* line 31, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista { font-size: 18px; } @media (max-width: 640px) { /* line 31, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__carrinho-valor-total-avista { font-size: 24px; } } /* line 39, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__carrinho-qtd-itens { background-color: transparent; color: #ffffff; font-size: 13px; height: auto; margin-right: 3px; position: relative; right: auto; top: auto; width: auto; z-index: 0; } @media (max-width: 640px) { /* line 39, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__carrinho-qtd-itens { font-size: 18px; } } /* line 56, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__name-qtd { font-size: 13px; } @media (max-width: 640px) { /* line 56, app/assets/styles/sass/header__topo_carrinho.scss */ .menu_sidebar__header_wrap .carrinho_valores .__name-qtd { font-size: 18px; } } /* line 66, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__outer { background: #ffffff; display: block; min-height: 440px; height: calc(100% - 75px); overflow: hidden; position: absolute; right: 0; min-width: 100%; width: 100%; z-index: 99999; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; } /* line 81, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap { background: #ffffff; height: 100%; position: relative; top: 15px; width: 100%; z-index: 99999; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; /*segura o preco e os botões dropdown sacola*/ } /* line 90, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .itens_na_sacola__scroll { align-items: flex-start; display: flex; justify-content: center; height: calc(100% - 100px); width: 100%; /* &:hover { display: flex; } */ /* > div { //position: initial!important; width: 100%; >div { display: table; justify-content: center; margin-right: 20px; margin-left: 20px; } } */ } @media (max-width: 640px) { /* line 90, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .itens_na_sacola__scroll { height: calc(100% - 129px); } } /* line 118, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .itens_na_sacola__content { margin-top: 5px; width: 370px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 125, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .lista-itens-carrinho { width: 100%; } /* line 128, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .lista-itens-carrinho li { height: auto !important; margin-bottom: 15px; padding-bottom: 15px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 134, app/assets/styles/sass/header__topo_carrinho.scss */ .itens_na_sacola__wrap .lista-itens-carrinho li:last-of-type { margin-bottom: 0; } /* line 1, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .titulo_sacola { font-size: 20px; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100%; } /* line 9, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .mCustomScrollBox { height: 100%; margin-right: 20px; margin-left: 20px; overflow: hidden; width: 100%; } /* line 20, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .lista-itens-carrinho li { border-bottom: 1px solid #d9d9d9; font-size: 16px; height: 55px; line-height: 55px; position: relative; text-align: left; } /* line 28, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .lista-itens-carrinho li:last-of-type { border-bottom: none; } /* line 34, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap { border: solid 1px #d9d9d9; border-radius: 4px; position: relative; } /* line 39, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap .delete-this { background-color: #FF0000; border-radius: 50%; color: #ffffff; font-size: 13px; height: 18px; font-weight: 400; line-height: 18px; overflow: auto; position: absolute; right: -4px; text-align: center; top: -6px; width: 18px !important; } @media (max-width: 640px) { /* line 39, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__item_thumb_wrap .delete-this { font-size: 20px; height: 25px; line-height: 25px; width: 25px !important; } } /* line 63, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__precos_edicao { padding-left: 15px !important; width: 100% !important; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 63, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__precos_edicao { height: auto; } } /* line 74, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__detalhes { height: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 80, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__nome { line-height: 15px; } @media (max-width: 640px) { /* line 80, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__nome { line-height: 23px; } } /* line 87, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__nome a { color: #000000; font-size: 15px; font-weight: 400; word-wrap: break-word; } @media (max-width: 640px) { /* line 87, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__nome a { font-size: 21px; line-height: 23px; } } /* line 99, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__nome .itens_na_sacola__pipe { margin: 0 7px; } /* line 104, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__detalhes_wrap { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 110, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod { border-radius: 0; float: left; height: 30px; margin: 10px 0; width: 127px; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod { height: 54px; width: 170px; } } /* line 122, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir, .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar { background-color: #212121; color: #ffffff; float: left; font-size: 1.25rem; height: 30px; line-height: 30px; padding: 0; width: 35px; } @media (max-width: 640px) { /* line 122, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir, .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar { font-size: 1.5rem; height: 50px; width: 55px; } } /* line 139, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .diminuir:hover, .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .aumentar:hover { background-color: #757376; } /* line 144, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .qtd { border: 0; box-shadow: none; color: #000000; float: left; font-size: 1.1rem; height: 30px; line-height: 30px; margin-bottom: 0; text-align: center; width: 45px; } @media (max-width: 640px) { /* line 144, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__quantidade .qtd-prod .qtd { font-size: 26px; height: 52px; } } /* line 166, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__parcial_valor { font-size: 16px; line-height: 16px; } @media (max-width: 640px) { /* line 166, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__parcial_valor { font-size: 25px; line-height: 25px; } } /* line 175, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__parcial_valor span { font-size: 14px; } @media (max-width: 640px) { /* line 175, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__parcial_valor span { font-size: 18px; } } /* line 186, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__total_valor { color: #FF6600; font-size: 20px; line-height: 20px; } @media (max-width: 640px) { /* line 186, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__total_valor { font-size: 28px; line-height: 28px; } } /* line 196, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__total_valor span { color: #000000; font-size: 13px; text-transform: uppercase; } @media (max-width: 640px) { /* line 196, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__total_valor span { font-size: 18px; } } /* line 207, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__finalizacao { margin-right: 20px; margin-left: 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 214, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__botao_editar { font-size: 14px; font-weight: 400; height: 50px; line-height: 50px; padding: 0; text-align: center; text-transform: uppercase; width: 48% !important; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 214, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__botao_editar { font-size: 22px; height: auto; line-height: 24px; padding: 10px 15px; } } /* line 236, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola__vazio { padding: 25px 15px !important; width: 100% !important; } /* line 241, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola_finalizar i { margin-left: 10px; } @media (max-width: 640px) { /* line 241, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_na_sacola_finalizar i { margin-left: 0; } } /* line 250, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000000 !important; } /* line 256, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_sacola_preco_finalizacao { background-color: #ffffff; border-top: 1px solid #d9d9d9; bottom: 0; height: 80px; position: fixed; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 256, app/assets/styles/sass/itens_na_sacola.scss */ .itens_na_sacola__wrap .itens_sacola_preco_finalizacao { height: 110px; } } /* line 144, app/assets/styles/sass/header__topo_carrinho.scss */ .dropdown_carrinho { left: -360px; min-height: 450px; min-width: 410px; } /* line 152, app/assets/styles/sass/header__topo_carrinho.scss */ .carrinho_vazio { text-align: center; width: 100%; } /* line 156, app/assets/styles/sass/header__topo_carrinho.scss */ .carrinho_vazio .itens_na_sacola__wrap { height: calc(100% - 95px); display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 156, app/assets/styles/sass/header__topo_carrinho.scss */ .carrinho_vazio .itens_na_sacola__wrap { height: calc(100% - 205px); } } /* line 3, app/assets/styles/sass/header_carrinho.scss */ .header_carrinho .carrinho__wrap { position: relative; width: 60px; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 10, app/assets/styles/sass/header_carrinho.scss */ .header_carrinho .__carrinho-qtd-itens { background-color: #ffffff; border-radius: 100%; color: #FF6600; font-size: 12px; height: 22px; position: absolute; right: 2px; text-align: center; top: -7px; width: 22px; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 10, app/assets/styles/sass/header_carrinho.scss */ .header_carrinho .__carrinho-qtd-itens { font-size: 20px; height: 30px; right: -4px; top: -8px; width: 30px; } } /* line 34, app/assets/styles/sass/header_carrinho.scss */ .topo__carrinho { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 34, app/assets/styles/sass/header_carrinho.scss */ .topo__carrinho { align-items: center; } } /* line 41, app/assets/styles/sass/header_carrinho.scss */ .topo__carrinho:hover .itens_na_sacola__outer, .topo__carrinho:hover .itens_na_sacola__scroll { display: flex; } /* line 1, app/assets/styles/sass/header_login.scss */ .header_login { position: relative; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/header_login.scss */ .header_login { display: none; } } /*ponto de partida do box de login*/ /* line 13, app/assets/styles/sass/header_login.scss */ .header_login__ancora:hover .box_login__outer { display: flex; } /*ícone do usuario com link para o login*/ /* line 19, app/assets/styles/sass/header_login.scss */ .header_login__linklogin { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 24, app/assets/styles/sass/header_login.scss */ .header_login__aside { margin-left: 10px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /*div para abrir os submenus de login*/ /* line 30, app/assets/styles/sass/header_login.scss */ .box_login__outer { position: absolute; right: 0; top: 70px; z-index: 99; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; display: none; -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.75); } /* line 42, app/assets/styles/sass/header_login.scss */ .box_login__outer:hover, .box_login__outer:hover .box_login__wrap { display: flex; } /* line 48, app/assets/styles/sass/header_login.scss */ .header_login__deslogado .box_login__outer { width: 370px; } /*caixa de login/logado*/ /* line 53, app/assets/styles/sass/header_login.scss */ .box_login__wrap { background: #ffffff; border-top: 3px solid #FF6600; padding: 20px; position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; } /* line 64, app/assets/styles/sass/header_login.scss */ .header_login__deslogado .box_login__wrap:before { border-color: transparent transparent #ff6a3d transparent; border-style: solid; border-width: 0 7.5px 8px 7.5px; content: ""; height: 0; right: 23px; top: -11px; width: 0; } /*nome do cliente*/ /* line 77, app/assets/styles/sass/header_login.scss */ .header_login__cliente { color: #ffffff; font-size: 12px; line-height: 12px; text-align: center; } /* line 84, app/assets/styles/sass/header_login.scss */ .header_login__logado_link { color: #FF6600; cursor: pointer; font-size: 12px; text-align: center; text-transform: uppercase; } /*submenu de quando o cliente tá logado*/ /* line 95, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__outer { background-color: #FF6600; top: 59px; width: 110px; } /* line 101, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__wrap { background: #FF6600; padding: 2px 10px; } /* line 105, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__wrap li { border-bottom: 1px solid #ffffff; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 110, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__wrap li:last-of-type { border-bottom: none; } /* line 114, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__wrap li a { color: #ffffff; font-size: 12px; line-height: 22px; text-transform: uppercase; } /* line 120, app/assets/styles/sass/header_login.scss */ .header_login__logado .box_login__wrap li a:hover { color: #212121; } /* line 263, app/assets/styles/sass/header.scss */ .search__mobile { display: none; } /*-----------MENU---------*/ /* line 268, app/assets/styles/sass/header.scss */ .menu__wrap { background-color: #212121; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); height: 42px; width: 100%; } @media (max-width: 640px) { /* line 268, app/assets/styles/sass/header.scss */ .menu__wrap { display: none; } } /* line 278, app/assets/styles/sass/header.scss */ .menu__wrap .conteudo { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 282, app/assets/styles/sass/header.scss */ .menu__wrap menu { width: 100%; } } /** * Menu */ /*menu*/ /* line 4, app/assets/styles/sass/header__menu_principal.scss */ .links__wrapper { height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } /* line 9, app/assets/styles/sass/header__menu_principal.scss */ .links__wrapper > li { padding: 0px 10px; position: relative; transition: all 400ms ease-in; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 15, app/assets/styles/sass/header__menu_principal.scss */ .links__wrapper > li:hover { background-color: #000000; } /* line 19, app/assets/styles/sass/header__menu_principal.scss */ .links__wrapper > li:hover .links__submenu { display: inline-block; -webkit-animation: fadeInLeft 1s ease 0s 1 both; -moz-animation: fadeInLeft 1s ease 0s 1 both; -ms-animation: fadeInLeft 1s ease 0s 1 both; -o-animation: fadeInLeft 1s ease 0s 1 both; animation: fadeInLeft 1s ease 0s 1 both; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 31, app/assets/styles/sass/header__menu_principal.scss */ .links__link { color: #ffffff; cursor: pointer; font-size: 15px; line-height: 42px; padding: 0 10px; position: relative; text-transform: uppercase; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 31, app/assets/styles/sass/header__menu_principal.scss */ .links__link { font-size: 14px; padding: 0 8px; } } /* line 46, app/assets/styles/sass/header__menu_principal.scss */ .links__link:hover { color: #ffffff; } /* line 51, app/assets/styles/sass/header__menu_principal.scss */ .links__submenu { background-color: #ffffff; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.25); color: #ffffff; display: none; float: left; height: auto; margin-left: -10px; padding: 0 20px; position: absolute; top: 42px; width: 300px; z-index: 12; } /* line 65, app/assets/styles/sass/header__menu_principal.scss */ .links__submenu li { border-bottom: 1px solid #eee; width: 100%; } /* line 69, app/assets/styles/sass/header__menu_principal.scss */ .links__submenu li:last-of-type { border-bottom: none; } /* line 73, app/assets/styles/sass/header__menu_principal.scss */ .links__submenu li a { color: #000000; display: block; font-size: 14px; font-weight: 600; line-height: 35px; text-transform: uppercase; width: 100%; } /* line 82, app/assets/styles/sass/header__menu_principal.scss */ .links__submenu li a:hover { text-decoration: underline; } /** * Links para contato */ /* line 297, app/assets/styles/sass/header.scss */ .links__contato { height: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 301, app/assets/styles/sass/header.scss */ .links__contato li { color: #ffffff; font-size: 14px; padding: 0px 10px; text-transform: uppercase; transition: all 400ms ease-in; } /* line 308, app/assets/styles/sass/header.scss */ .links__contato li:hover { background-color: #000000; } /* line 312, app/assets/styles/sass/header.scss */ .links__contato li:first-of-type { margin-right: 10px; } @media (max-width: 1199px) { /* line 297, app/assets/styles/sass/header.scss */ .links__contato { display: none; } } /* line 322, app/assets/styles/sass/header.scss */ .link__contato--link, .link__contato--sac { display: block; line-height: 42px; margin-left: 30px; position: relative; } @media (max-width: 640px) { /* line 322, app/assets/styles/sass/header.scss */ .link__contato--link, .link__contato--sac { font-size: 22px; } } /* line 333, app/assets/styles/sass/header.scss */ .link__contato--link:before, .link__contato--sac:before { background-repeat: no-repeat; content: ""; height: 18px; left: -30px; top: 11px; width: 18px; } /* line 343, app/assets/styles/sass/header.scss */ .link__contato--link:before { background-image: url(../images/icons/link__contato--link_icon.png); } /* line 347, app/assets/styles/sass/header.scss */ .link__contato--sac:before { background-image: url(../images/icons/link__contato--sac_icon.png); } /* line 353, app/assets/styles/sass/header.scss */ .header-shrink .header { height: 60px; } /* line 357, app/assets/styles/sass/header.scss */ .header-shrink .header_logo { margin-top: -3px; } /* line 363, app/assets/styles/sass/header.scss */ .header-shrink .form-busca { height: 40px; } /* line 367, app/assets/styles/sass/header.scss */ .header-shrink .logo { background-image: url(../images/logo-menor.png); background-repeat: no-repeat; transition: all 400ms ease-in; float: left; height: 47px; width: 145px; } /*-----------HEADER MOBILE---------*/ @media (max-width: 640px) { /** * Menu mobile */ /* line 1, app/assets/styles/sass/header__menu_mobile.scss */ .header_menu-mobile { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } } @media (max-width: 640px) and (max-width: 640px) { /* line 1, app/assets/styles/sass/header__menu_mobile.scss */ .header_menu-mobile { align-items: center; } } @media (max-width: 640px) { /* line 8, app/assets/styles/sass/header__menu_mobile.scss */ .header_menu-mobile .menu-mobile_button { color: #ffffff; cursor: pointer; font-size: 19px; height: 30px; line-height: 30px; position: relative; text-indent: 50px; text-transform: uppercase; width: 105px; } /* line 19, app/assets/styles/sass/header__menu_mobile.scss */ .header_menu-mobile .menu-mobile_button:before { background: #ffffff; box-shadow: 0 12px 0 #ffffff, 0 24px 0 #ffffff; content: ''; height: 6px; left: 0; width: 40px; } /* line 32, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu .menu_sidebar__header_link { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 35, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu .menu_sidebar__header_link span { color: #ffffff; font-size: 22px; margin-left: 20px; } /* line 43, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 47, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li { background-color: #ffffff; border-bottom: 1px solid #e3e3e3; width: 100%; } /* line 52, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li a { color: #000000; display: block; font-size: 20px; letter-spacing: 1px; line-height: 20px; padding: 13px 20px; position: relative; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 64, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li a .link_icone { background-position: center; background-repeat: no-repeat; background-size: 27px 35px; height: 35px; margin-right: 10px; width: 27px; } /* line 74, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li .link_ACESSORIOS .link_icone { background-image: url(../images/icons/menu_mobile--acessorios.svg); } /* line 78, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li .link_CADEADOS .link_icone { background-image: url(../images/icons/menu_mobile--cadeados.svg); background-size: 27px 27px; } /* line 83, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li .link_FECHADURAS .link_icone { background-image: url(../images/icons/menu_mobile--fechaduras.svg); } /* line 87, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li .link_ITEC .link_icone { background-image: url(../images/icons/menu_mobile--itec.svg); } /* line 91, app/assets/styles/sass/header__menu_mobile.scss */ .menu_sidebar__menu-list li .link_LINHA .link_icone { background-image: url(../images/icons/menu_mobile--linha-ferraggio.svg); background-size: 35px 42px; } /* line 98, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper { overflow: hidden; max-width: 100%; } /* line 103, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper ul { background-color: #ffffff !important; } /* line 107, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper .dl-menu { margin: 0; opacity: 1; pointer-events: auto; position: relative; -webkit-transform: translateY(0px); transform: translateY(0px); } /* line 116, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper li a { font-weight: normal; } /* line 120, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { background-image: url(../images/icons/newsletter_button__seta.png); background-repeat: no-repeat; content: ""; height: 20px; position: absolute; top: 21px; width: 20px; } /* line 131, app/assets/styles/sass/header__menu_mobile.scss */ .dl-menuwrapper li.dl-back:after { left: 0; top: 14px; } /* line 136, app/assets/styles/sass/header__menu_mobile.scss */ .no-touch .dl-menuwrapper li a:hover { background: rgba(255, 102, 0, 0.1); } /* line 140, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 144, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li { background-color: #000000; border-bottom: 1px solid #b0b0b0; width: 100%; } /* line 149, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li a { color: #ffffff; display: block; font-size: 22px; line-height: 22px; padding: 20px 20px 20px 65px; position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 159, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li a:before { background-repeat: no-repeat; content: ""; height: 35px; left: 20px; width: 35px; } /* line 167, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li a:after { display: none; } /* line 172, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li .menu-list_special__promocao:before { background-image: url(../images/icons/header_promocao-mobile.png); } /* line 176, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li .menu-list_special__favorito:before { background-image: url(../images/icons/header_favoritos.png); background-size: contain; } /* line 181, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li .menu-list_special__atendimento:before { background-image: url(../images/icons/header_whatsapp-mobile.png); } /* line 185, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li .menu-list_special__contato:before { background-image: url(../images/icons/header_chat-mobile.png); } /* line 189, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special li .menu-list_special__sac:before { background-image: url(../images/icons/header_call-mobile.png); } /* line 194, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special .menu-lista__social { display: flex; align-items: center; justify-content: center; } /* line 199, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special .menu-lista__social a { padding: 20px 5px; display: flex; align-items: center; justify-content: center; } /* line 207, app/assets/styles/sass/header__menu_mobile.scss */ .menu-list_special .menu-lista__social img { height: auto; width: 34px; } /** * Busca mobile */ /*botão no header mobile (abrir)*/ /* line 2, app/assets/styles/sass/header__busca_mobile.scss */ .header_busca__button { background-color: transparent; margin: 0 20px 0 0; padding: 0; } /* Layout for search container */ /* line 9, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile { background: rgba(255, 255, 255, 0.9); height: 100vh; left: 0; position: fixed; text-align: center; top: 0; z-index: 1000; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 21, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::before, .search__mobile::after { border: 1.5em solid #000000; content: ''; height: calc(100% + 15px); pointer-events: none; position: absolute; width: calc(100% + 15px); } /* line 31, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::before { border-right-width: 0; border-bottom-width: 0; left: 0; top: 0; } /* line 38, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::after { border-top-width: 0; border-left-width: 0; bottom: 0; right: 0; } /*botão de fechar*/ /* line 46, app/assets/styles/sass/header__busca_mobile.scss */ .btn--search-close { background-color: transparent; color: #FF6600; display: block; font-size: 35px; font-weight: bold; margin: 0; padding: 0; position: absolute; right: 1.25em; top: 1.25em; } /*formulário*/ /* line 60, app/assets/styles/sass/header__busca_mobile.scss */ .search__form { margin: 7em 0 1em; } /* line 65, app/assets/styles/sass/header__busca_mobile.scss */ .search__form input[type=text] { background-color: transparent; box-sizing: border-box; border: 0; border-bottom: 2px solid #FF6600; box-shadow: none; color: #212121; display: inline-block; font-family: inherit; font-size: 7vw; height: auto; line-height: 1; padding: 0.05em 0; width: 90%; } /* line 81, app/assets/styles/sass/header__busca_mobile.scss */ .search__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ opacity: 0.3; color: #212121; } /* line 87, app/assets/styles/sass/header__busca_mobile.scss */ .search__input::-moz-placeholder { opacity: 0.3; /* Mozilla Firefox 19+ */ color: #212121; } /* line 93, app/assets/styles/sass/header__busca_mobile.scss */ .search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.3; color: #212121; } /* line 99, app/assets/styles/sass/header__busca_mobile.scss */ .search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration { -webkit-appearance: none; } /* line 104, app/assets/styles/sass/header__busca_mobile.scss */ .search__input::-ms-clear { display: none; } /* line 108, app/assets/styles/sass/header__busca_mobile.scss */ .search__info { color: #FF0000; display: block; font-size: 20px; margin: 0 auto; padding: 0.85em 0; text-align: left; width: 90%; } /************************/ /* Transitions */ /************************/ /* line 123, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile { pointer-events: none; opacity: 0; transition: opacity 0.5s; } /* line 129, app/assets/styles/sass/header__busca_mobile.scss */ .search--open { pointer-events: auto; opacity: 1; } /* Border */ /* line 135, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::before, .search__mobile::after { transition: transform 0.5s; } /* line 140, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::before { transform: translate3d(-15px, -15px, 0); } /* line 144, app/assets/styles/sass/header__busca_mobile.scss */ .search__mobile::after { transform: translate3d(15px, 15px, 0); } /* line 148, app/assets/styles/sass/header__busca_mobile.scss */ .search--open::before, .search--open::after { transform: translate3d(0, 0, 0); } /* Close button */ /* line 154, app/assets/styles/sass/header__busca_mobile.scss */ .btn--search-close { opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; } /* line 160, app/assets/styles/sass/header__busca_mobile.scss */ .search--open .btn--search-close { opacity: 1; transform: scale3d(1, 1, 1); } /* Search form with input and description */ /* line 166, app/assets/styles/sass/header__busca_mobile.scss */ .search__form { opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; } /* line 172, app/assets/styles/sass/header__busca_mobile.scss */ .search--open .search__form { opacity: 1; transform: scale3d(1, 1, 1); } } /* line 393, app/assets/styles/sass/header.scss */ .links_black-friday { -webkit-animation-name: links_black-friday; animation-name: links_black-friday; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; } @-webkit-keyframes links_black-friday { 10% { background-color: #FF6600; padding: 4px 10px; } 20% { background-color: #FF6600; padding: 4px 10px; } 30% { background-color: #FF6600; padding: 4px 10px; } 40% { background-color: #FF6600; padding: 4px 10px; } 50% { background-color: #FF6600; padding: 4px 10px; } 60% { background-color: transparent; padding: 0 10px; } 70% { background-color: transparent; padding: 0 10px; } 80% { background-color: transparent; padding: 0 10px; } 90% { background-color: transparent; padding: 0 10px; } 100% { background-color: transparent; padding: 0 10px; } } @keyframes links_black-friday { 10% { background-color: transparent; padding: 0 10px; } 20% { background-color: transparent; padding: 0 10px; } 30% { background-color: transparent; padding: 0 10px; } 40% { background-color: transparent; padding: 0 10px; } 50% { background-color: transparent; padding: 0 10px; } 60% { background-color: #FF6600; padding: 4px 10px; } 70% { background-color: #FF6600; padding: 4px 10px; } 80% { background-color: #FF6600; padding: 4px 10px; } 90% { background-color: #FF6600; padding: 4px 10px; } 100% { background-color: #FF6600; padding: 4px 10px; } } /* line 429, app/assets/styles/sass/header.scss */ .links_black-friday--mobile { -webkit-animation-name: links_black-friday--mobile; animation-name: links_black-friday--mobile; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; } @-webkit-keyframes links_black-friday--mobile { 10% { background-color: #FF6600; } 20% { background-color: #FF6600; } 30% { background-color: #FF6600; } 40% { background-color: #FF6600; } 50% { background-color: #FF6600; } 60% { background-color: #000000; } 70% { background-color: #000000; } 80% { background-color: #000000; } 90% { background-color: #000000; } 100% { background-color: #000000; } } @keyframes links_black-friday--mobile { 10% { background-color: #FF6600; } 20% { background-color: #FF6600; } 30% { background-color: #FF6600; } 40% { background-color: #FF6600; } 50% { background-color: #FF6600; } 60% { background-color: #000000; } 70% { background-color: #000000; } 80% { background-color: #000000; } 90% { background-color: #000000; } 100% { background-color: #000000; } } /* line 465, app/assets/styles/sass/header.scss */ .links__hotsite--bg { background-color: #FF6600; } /* line 469, app/assets/styles/sass/header.scss */ .links__hotsite-bg--mobile { background-color: #FF6600 !important; } /*------------------------------- INDEX -------------------------------*/ /* line 1, app/assets/styles/sass/index.scss */ .conteudo_produtos_home { width: 100%; } @media (max-width: 1199px) { /* line 1, app/assets/styles/sass/index.scss */ .conteudo_produtos_home { margin: 0 auto; padding-left: 25px; padding-right: 25px; position: relative; width: 960px; } } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/index.scss */ .conteudo_produtos_home { padding-right: 20px; padding-left: 20px; width: 640px; } } /*------------------------------------*\ #SLIDE \*------------------------------------*/ /* line 22, app/assets/styles/sass/index.scss */ .slideshow-index { overflow: hidden; position: relative; width: 100%; } @media (max-width: 640px) { /* line 22, app/assets/styles/sass/index.scss */ .slideshow-index { height: 400px; } } /* line 32, app/assets/styles/sass/index.scss */ .banners_home__carousel { /*setas*/ /*marcadores*/ } /* line 34, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-item { margin-top: 0; } /* line 38, app/assets/styles/sass/index.scss */ .banners_home__carousel video { background: url(/arquivos/ajax-loader-2.gif) center center no-repeat #000; display: block; height: auto !important; width: 100% !important; } /* line 48, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev, .banners_home__carousel .owl-next { color: transparent; cursor: pointer; height: 100%; position: absolute; top: 0; width: 50px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 48, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev, .banners_home__carousel .owl-next { width: 75px; } } /* line 64, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:hover:before, .banners_home__carousel .owl-prev:focus:before, .banners_home__carousel .owl-next:hover:before, .banners_home__carousel .owl-next:focus:before { opacity: 1; } /* line 69, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:before, .banners_home__carousel .owl-next:before { background-position: center; background-repeat: no-repeat; display: block; content: ""; height: 25px; opacity: 0.4; transition: opacity 0.2s ease-out, background-image 0.2s ease-out; width: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 640px) { /* line 69, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:before, .banners_home__carousel .owl-next:before { height: 50px; width: 50px; } } /* line 88, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev { left: 0; } /* line 91, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:before { background-image: url(../images/icons/arrow-left.png); } @media (max-width: 640px) { /* line 91, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:before { background-image: url(../images/icons/arrow-left--mobile.png); } } /* line 99, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-prev:hover { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0001) 100%); } /* line 104, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-next { right: 0px; } /* line 107, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-next:before { background-image: url(../images/icons/arrow-right.png); } @media (max-width: 640px) { /* line 107, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-next:before { background-image: url(../images/icons/arrow-right--mobile.png); } } /* line 115, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-next:hover { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0001) 100%); } /* line 121, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-dots { bottom: 10px; position: absolute; text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; } /* line 128, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; } /* line 132, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background: transparent; border: 1px solid #ffffff; border-radius: 100%; display: block; height: 12px; margin: 0 4px; transition: opacity 200ms ease; width: 12px; } @media (max-width: 640px) { /* line 132, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-dots .owl-dot span { height: 25px; margin: 0 7px; width: 25px; } } /* line 150, app/assets/styles/sass/index.scss */ .banners_home__carousel .owl-dots .owl-dot.active span, .banners_home__carousel .owl-dots .owl-dot:hover span { background: #ffffff; } /*------------------------------------*\ #INFORMAÇÕES DO SITE \*------------------------------------*/ /* line 161, app/assets/styles/sass/index.scss */ .apresenta_home__wrap { background-color: #303030; } /* line 165, app/assets/styles/sass/index.scss */ .apresenta_home__list { height: 100%; padding: 5px 0; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 165, app/assets/styles/sass/index.scss */ .apresenta_home__list { flex-wrap: wrap; justify-content: space-around; } } /* line 177, app/assets/styles/sass/index.scss */ .apresenta_home__item { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 177, app/assets/styles/sass/index.scss */ .apresenta_home__item { padding: 10px 0; } } /* line 186, app/assets/styles/sass/index.scss */ .apresenta_home__item h6 { color: #ffffff; font-size: 14px; font-weight: 700; line-height: 16px; margin-left: 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 186, app/assets/styles/sass/index.scss */ .apresenta_home__item h6 { font-size: 18px; line-height: 22px; margin-left: 10px; } } /*------------------------------------*\ #DEPARTAMENTOS (MOBILE) \*------------------------------------*/ @media (max-width: 640px) { /* line 206, app/assets/styles/sass/index.scss */ .home_departamentos__wrap { margin-top: 30px; } /* line 209, app/assets/styles/sass/index.scss */ .home_departamentos__wrap .conteudo { display: flex; flex-direction: column; } /* line 215, app/assets/styles/sass/index.scss */ .home_departamentos__list { margin-top: 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 221, app/assets/styles/sass/index.scss */ .home_departamentos__item { margin-right: 20px; width: 25%; display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } /* line 226, app/assets/styles/sass/index.scss */ .home_departamentos__item:last-of-type { margin-right: 0; } /* line 230, app/assets/styles/sass/index.scss */ .home_departamentos__item label { color: #707070; font-size: 24px; letter-spacing: 1px; margin-top: 5px; } } /*------------------------------------*\ #CAROUSEL PRODUTOS \*------------------------------------*/ /* line 242, app/assets/styles/sass/index.scss */ .home_produtos__wrap { height: auto; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 247, app/assets/styles/sass/index.scss */ .home_produtos__wrap .titulo_padrao { margin-top: 40px; } /*carousel owl-carousel*/ /* line 253, app/assets/styles/sass/index.scss */ .slider_owl__wrap { height: 100%; position: relative; /*marcadores*/ } /* line 257, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-stage-outer { height: 100%; } /* line 261, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-stage { padding-top: 1px; } /* line 265, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-item { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 269, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-nav { display: none; } } /* line 275, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev, .slider_owl__wrap .owl-next { background-color: #fCfCFC; border: 1px solid #F1F1F1; height: 35px; opacity: 0.8; position: absolute; top: 154px; width: 40px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 286, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev:hover, .slider_owl__wrap .owl-next:hover { opacity: 1; } /* line 290, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev:before, .slider_owl__wrap .owl-next:before { background-repeat: no-repeat; content: ''; height: 15px; width: 9px; } /* line 297, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev.disabled:before, .slider_owl__wrap .owl-next.disabled:before { background-image: url(../images/icons/sprite.png); background-repeat: no-repeat; background-position: -47px -14px; } /* line 304, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev { border-radius: 4px 0 0 4px; left: -25px; right: 40px; } /* line 309, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev:before { background-image: url(../images/icons/arrow-left-orange.png); } /* line 313, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-prev.disabled:before { transform: rotate(180deg); } /* line 318, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-next { border-radius: 0 4px 4px 0; right: -25px; } /* line 322, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-next:before { background-image: url(../images/icons/arrow-right-orange.png); } @media (max-width: 640px) { /* line 329, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-dots { bottom: -15px; position: absolute; text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; } /* line 336, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-dots .owl-dot { display: inline-block; zoom: 1; } /* line 340, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background: #888; border-radius: 100%; display: block; height: 12px; margin: 0 4px; transition: opacity 200ms ease; width: 12px; } } @media (max-width: 640px) and (max-width: 640px) { /* line 340, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-dots .owl-dot span { height: 25px; margin: 0 7px; width: 25px; } } @media (max-width: 640px) { /* line 357, app/assets/styles/sass/index.scss */ .slider_owl__wrap .owl-dots .owl-dot.active span, .slider_owl__wrap .owl-dots .owl-dot:hover span { background: #FF6600; } } /*------------------------------------*\ #TEXTO DE APOIO SEO \*------------------------------------*/ /* line 369, app/assets/styles/sass/index.scss */ .home_text_seo { margin-top: 60px; border-top: 1px solid #eee; padding: 30px 50px; text-align: left; width: 100%; } @media (max-width: 640px) { /* line 369, app/assets/styles/sass/index.scss */ .home_text_seo { padding: 30px 0; } } /* line 380, app/assets/styles/sass/index.scss */ .home_text_seo p { color: #707070; font-size: 13px; line-height: 1.1em; } @media (max-width: 640px) { /* line 380, app/assets/styles/sass/index.scss */ .home_text_seo p { font-size: 22px; line-height: 24px; } } /*------------------------------------*\ #DESTAQUES POR CATEGORIAS \*------------------------------------*/ /* line 395, app/assets/styles/sass/index.scss */ .home_categorias__wrap { background-color: #000000; padding: 70px 0 80px; } /* line 399, app/assets/styles/sass/index.scss */ .home_categorias__wrap .conteudo { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 403, app/assets/styles/sass/index.scss */ .home_categorias__wrap .titulo_padrao { margin-top: 20px; } /*div que engloba a imagem e os produtos*/ /* line 408, app/assets/styles/sass/index.scss */ .home_categorias__produtos { margin-top: 30px; position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; /*link pra cada categoria*/ /*área da imagem da categoria*/ /*carousel dentro das categorias*/ /*área da listagem de produtos da categoria*/ /*produto dentro das categorias*/ /*imagem de favoritar*/ } /* line 415, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs { position: absolute; right: 19px; top: 8px; width: 510px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 415, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs { position: relative; right: auto; top: auto; flex-direction: column; } } /* line 431, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title { background-color: transparent; } @media (max-width: 640px) { /* line 431, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title { border-bottom: 2px solid #FF6600; width: 100%; } } /* line 439, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title a { background-color: transparent; color: #999; cursor: pointer; font-family: "Ubuntu"; font-size: 14px; font-weight: 300; line-height: 28px; padding: 0 15px; position: relative; text-transform: uppercase; transition: all 300ms ease-in; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 439, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title a { font-size: 26px; line-height: 50px; } } @media (min-width: 641px) { /* line 459, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title a:hover { color: #ffffff; } /* line 463, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title a:hover:after { width: 70px; } /* line 467, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title a:after { background-color: #FF6600; content: ''; height: 2px; left: calc(50% - 35px); position: absolute; top: 25px; transform-origin: center; transition: all 200ms ease-in; width: 0; } } /* line 481, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title.active a { color: #ffffff; } /* line 485, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs .tab-title.active a:after { width: 70px; } /* line 491, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content { margin-bottom: 0; } @media (max-width: 640px) { /* line 491, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content { margin-top: 15px; } } /* line 497, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content .content { background-color: transparent; border: none; /* padding: 45px 0; */ } /* line 503, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content .content .slider-destaque__tab .owl-stage { display: flex; flex-wrap: nowrap; } /* line 507, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content .content .slider-destaque__tab .list-product { margin: 0 10px; } @media (max-width: 640px) { /* line 497, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content .content { padding: 0; } /* line 515, app/assets/styles/sass/index.scss */ .home_categorias__produtos .tabs-content .content .slider-destaque__tab { margin-bottom: 35px; } } /* line 523, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__wrap { float: left; height: 450px; overflow: hidden; width: 558px; } @media (max-width: 1199px) { /* line 523, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__wrap { height: 258px; width: 320px; } } @media (max-width: 640px) { /* line 523, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__wrap { height: 484px; width: 600px; } } /* line 540, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__link { border-radius: 4px; height: 100%; overflow: hidden; position: relative; width: 100%; } /* line 547, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__link.active { display: inline-block; -webkit-animation: zoomIn 1s ease 0s 1 both; -moz-animation: zoomIn 1s ease 0s 1 both; -ms-animation: zoomIn 1s ease 0s 1 both; -o-animation: zoomIn 1s ease 0s 1 both; animation: zoomIn 1s ease 0s 1 both; } /* line 556, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__link a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* line 564, app/assets/styles/sass/index.scss */ .home_categorias__produtos .home_categorias__imagem__link img { box-sizing: border-box; display: inline-block; height: auto; width: 100%; } /* line 575, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-prev, .home_categorias__produtos .slider_owl__wrap .owl-next { background-color: #000000; border: 1px solid #888; top: 115px; } /* line 581, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-prev:before, .home_categorias__produtos .slider_owl__wrap .owl-next:before { height: 14px; } /* line 585, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-prev.disabled:before, .home_categorias__produtos .slider_owl__wrap .owl-next.disabled:before { background-image: url(../images/icons/sprite.png); background-repeat: no-repeat; background-position: -47px -14px; } /* line 592, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-prev { left: -45px; } /* line 593, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-next { right: -45px; } @media (max-width: 640px) { /* line 596, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-dots { bottom: -15px; position: absolute; text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; } /* line 603, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-dots .owl-dot { display: inline-block; zoom: 1; } /* line 607, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background: #ffffff; border-radius: 100%; display: block; height: 12px; margin: 0 4px; transition: opacity 200ms ease; width: 12px; } } @media (max-width: 640px) and (max-width: 640px) { /* line 607, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-dots .owl-dot span { height: 25px; margin: 0 12px; width: 25px; } } @media (max-width: 640px) { /* line 624, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider_owl__wrap .owl-dots .owl-dot.active span, .home_categorias__produtos .slider_owl__wrap .owl-dots .owl-dot:hover span { background: #FF6600; } } /* line 634, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider-destaque__tab { float: right; margin-top: 50px; margin-right: 20px; width: 510px; } @media (max-width: 640px) { /* line 634, app/assets/styles/sass/index.scss */ .home_categorias__produtos .slider-destaque__tab { margin-top: 25px; margin-right: 0; width: 600px; } } /* line 648, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview { border-radius: 3px; margin-top: 0; padding: 0; } @media (max-width: 640px) { /* line 648, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview { border: 1px solid #eee; } } /* line 657, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figure { width: 150px; } @media (max-width: 640px) { /* line 657, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figure { width: 280px; } } /* line 665, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview .product_image_wrap { background-color: #ffffff; border: none; height: 265px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 665, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview .product_image_wrap { height: 280px; } } /* line 676, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview .fit__produto-home { height: 150px; width: 150px; } @media (max-width: 640px) { /* line 676, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview .fit__produto-home { height: 280px; width: 280px; } } /* line 688, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption header { height: auto; margin-bottom: 0; } @media (max-width: 640px) { /* line 688, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption header { height: 115px; } } /* line 696, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption header h1 { color: #ffffff; max-height: 100%; } @media (max-width: 640px) { /* line 696, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption header h1 { font-size: 22px; line-height: 24px; max-height: 100%; } } /* line 707, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption header small { display: none; } /* line 710, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview figcaption .values__wrap { display: none; } /* line 715, app/assets/styles/sass/index.scss */ .home_categorias__produtos .product-shortview .product-shortview__hover, .home_categorias__produtos .product-shortview .logar-primeiro { display: none; } /* line 721, app/assets/styles/sass/index.scss */ .home_categorias__produtos .animate_container { height: 150px; width: 150px; } @media (max-width: 640px) { /* line 721, app/assets/styles/sass/index.scss */ .home_categorias__produtos .animate_container { height: 280px; width: 280px; } } /* line 732, app/assets/styles/sass/index.scss */ .home_categorias__produtos .adicionar-lista-desejos { right: 10px; top: 8px; } @media (max-width: 640px) { /* line 732, app/assets/styles/sass/index.scss */ .home_categorias__produtos .adicionar-lista-desejos { background-image: url(../images/icons/icon-favorito-m.png); height: 50px; right: 13px; top: 10px; width: 50px; } } /* .home-tabs { background: $preto; padding: 70px 0; .tabs-content { margin: 0 !important; } .content { overflow: hidden; } figcaption { display: none !important; } .product-shortview { padding: 0 !important; &:hover { box-shadow: inherit !important; top: 0 !important; } figure { height: 265px; margin: 0 auto !important; width: 170px; } .fit__produto-home { height: 265px; width: 170px; } } } .home-tabs__itens { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .home-tabs__item--esquerda { width: 45%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; h4 { color: $branco; font-size: 1.375rem; font-weight: 300; background-color: $preto; height: 40px; line-height: 1em; letter-spacing: .1em; padding-bottom: 10px; text-transform: uppercase; z-index: 2; width: 100%; } } .home-tabs__item--direita { overflow: hidden; padding-left: 5%; width: 55%; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; display: flex; align-items: center; justify-content: center; flex-direction: column; } .home-tabs__nav-bar { width: 100%; .tabs { display: flex; align-items: center; justify-content: space-around; flex-direction: row; } .tab-title { padding: 0 10px; a { background-color: transparent; color: #999; font-size: .9375rem; padding: 0; text-transform: uppercase; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; &:after { bottom: -5px; content: ''; background-color: $laranja; height: 2px; left: 10px; margin: 0 auto; margin-right: 5%; width: 0; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } } &:hover { background: $preto; color: $branco; a { background: $preto; color: $branco; &:after { width: 80%; } } } &.active { a { background: $preto; color: $branco; position: relative; &:after { width: 80%; } } } } } */ /*------------------------------------*\ #BLOG (últimos posts) \*------------------------------------*/ /* line 901, app/assets/styles/sass/index.scss */ .blog_posts__wrap { margin-top: 60px; padding: 0 50px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 901, app/assets/styles/sass/index.scss */ .blog_posts__wrap { padding: 0; } } /* line 911, app/assets/styles/sass/index.scss */ .blog_posts__wrap .a_flex { flex-direction: column; padding: 0; } /* line 917, app/assets/styles/sass/index.scss */ .blog_posts__list { margin-top: 30px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 917, app/assets/styles/sass/index.scss */ .blog_posts__list { flex-wrap: wrap; width: 600px; } } /* line 929, app/assets/styles/sass/index.scss */ .blog_posts__link { width: 380px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 929, app/assets/styles/sass/index.scss */ .blog_posts__link { width: 305px; } } @media (max-width: 640px) { /* line 929, app/assets/styles/sass/index.scss */ .blog_posts__link { margin-bottom: 40px; width: 100%; } } /* line 942, app/assets/styles/sass/index.scss */ .blog_posts__link:hover .blog_posts__img { opacity: 0.7; } /* line 947, app/assets/styles/sass/index.scss */ .blog_posts__img { height: 165px; width: 380px; } @media (max-width: 1199px) { /* line 947, app/assets/styles/sass/index.scss */ .blog_posts__img { height: 133px; width: 305px; } } @media (max-width: 640px) { /* line 947, app/assets/styles/sass/index.scss */ .blog_posts__img { height: 261px; width: 600px; } } /* line 962, app/assets/styles/sass/index.scss */ .blog_posts__title { font-size: 15px; line-height: 16px; margin-top: 30px; text-align: center; text-transform: uppercase; width: 60%; } @media (max-width: 640px) { /* line 962, app/assets/styles/sass/index.scss */ .blog_posts__title { font-size: 22px; line-height: 23px; width: 100%; } } /* line 977, app/assets/styles/sass/index.scss */ .blog_posts__button { background-color: transparent; color: #000000; font-size: 12px; margin-top: 20px; margin-bottom: 0; padding: 0; text-decoration: underline !important; text-transform: uppercase; } @media (max-width: 640px) { /* line 977, app/assets/styles/sass/index.scss */ .blog_posts__button { font-size: 18px; } } /* line 991, app/assets/styles/sass/index.scss */ .blog_posts__button:hover { background-color: transparent; color: #FF6600; } /* line 997, app/assets/styles/sass/index.scss */ .blog_posts__wrap_button { font-size: 15px; margin-top: 50px; text-transform: uppercase; width: 400px; } @media (max-width: 640px) { /* line 997, app/assets/styles/sass/index.scss */ .blog_posts__wrap_button { font-size: 22px; height: 50px; line-height: 50px; width: 600px; } } /*------------------------------------*\ #PRODUTOS DAS CATEGORIAS \*------------------------------------*/ /* line 1015, app/assets/styles/sass/index.scss */ .home_produtos__wrap { height: auto; padding: 0 50px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 1015, app/assets/styles/sass/index.scss */ .home_produtos__wrap { padding: 0; } } /* line 1025, app/assets/styles/sass/index.scss */ .home_produtos__categoria--observacao { font-size: 13px; line-height: 16px; text-align: left; } @media (max-width: 640px) { /* line 1025, app/assets/styles/sass/index.scss */ .home_produtos__categoria--observacao { font-size: 20px; line-height: 22px; } } /* line 1036, app/assets/styles/sass/index.scss */ .home_produtos__list { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (min-width: 1200px) { /* line 1042, app/assets/styles/sass/index.scss */ .home_produtos__list.home_produtos__list--center { justify-content: center; } /* line 1047, app/assets/styles/sass/index.scss */ .home_produtos__list.home_produtos__list--center li { margin-right: 25px; } } /*------------------------------------*\ #OPINIÕES DOS CLIENTES (avaliação da loja) \*------------------------------------*/ /* line 1, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap { margin-top: 40px; padding: 0 50px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 7, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .a_flex { justify-content: flex-start; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap { padding: 0; } /* line 14, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .conteudo { flex-direction: column; align-items: flex-start; } } /* line 20, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .titulo_padrao { margin-right: 40px; } @media (max-width: 640px) { /* line 20, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .titulo_padrao { margin-right: 0; } } /* line 28, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .avaliacoes_loja__modalOpen { font-size: 15px; height: 40px; padding: 0 15px; text-transform: uppercase; } @media (max-width: 640px) { /* line 28, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__wrap .avaliacoes_loja__modalOpen { font-size: 20px; height: 50px; margin-top: 25px; align-self: center; } } /* line 44, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content { margin: 30px 20px 0 20px; /*marcadores*/ } @media (max-width: 640px) { /* line 44, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content { margin: 30px 0 0 0; } } /* line 51, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-stage-outer { overflow: hidden; } /* line 55, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-stage { padding-top: 1px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 60, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-item { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 64, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-nav { display: none; } } /* line 70, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev, .avaliacoes_loja__content .owl-next { background-color: #fCfCFC; border: 1px solid #F1F1F1; cursor: pointer; height: 35px; opacity: 0.8; position: absolute; top: 118px; width: 40px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 82, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev:hover, .avaliacoes_loja__content .owl-next:hover { opacity: 1; } /* line 86, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev:before, .avaliacoes_loja__content .owl-next:before { background-repeat: no-repeat; content: ''; height: 15px; width: 9px; } /* line 93, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev.disabled:before, .avaliacoes_loja__content .owl-next.disabled:before { background-image: url(../images/icons/sprite.png); background-repeat: no-repeat; background-position: -47px -14px; } /* line 100, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev { border-radius: 4px 0 0 4px; left: 0; right: 40px; } /* line 105, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev:before { background-image: url(../images/icons/arrow-left-orange.png); } /* line 109, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-prev.disabled:before { transform: rotate(180deg); } /* line 114, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-next { border-radius: 0 4px 4px 0; right: 0; } /* line 118, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-next:before { background-image: url(../images/icons/arrow-right-orange.png); } @media (max-width: 640px) { /* line 125, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; width: 100%; } /* line 130, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-dots .owl-dot { display: inline-block; zoom: 1; } /* line 134, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background: #757376; border-radius: 100%; display: block; height: 12px; margin: 0 4px; transition: opacity 200ms ease; width: 12px; } } @media (max-width: 640px) and (max-width: 640px) { /* line 134, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-dots .owl-dot span { height: 25px; margin: 0 7px; width: 25px; } } @media (max-width: 640px) { /* line 151, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__content .owl-dots .owl-dot.active span, .avaliacoes_loja__content .owl-dots .owl-dot:hover span { background: #FF6600; } } /* line 160, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__avaliacao { background-color: #f1f1f1; border-radius: 4px; height: 210px; padding: 20px 30px; position: relative; width: 265px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 160, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__avaliacao { height: 100%; min-height: 305px; margin-bottom: 20px; padding: 15px; width: 280px; } } /* line 178, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__comentario { margin-top: 15px; } /* line 181, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__comentario p { color: #212121; font-size: 13px; line-height: 16px; text-align: center; } @media (max-width: 640px) { /* line 181, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__comentario p { font-size: 20px; line-height: 22px; } } /* line 194, app/assets/styles/sass/avaliacoes_loja.scss */ .cliente_endereco__wrap { bottom: 20px; position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 194, app/assets/styles/sass/avaliacoes_loja.scss */ .cliente_endereco__wrap { bottom: auto; margin-top: 15px; position: relative; } } /* line 206, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__nome_cliente, .avaliacoes_loja__endereco { color: #000000; text-align: center; } /* line 212, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__nome_cliente { font-size: 15px; line-height: 15px; } @media (max-width: 640px) { /* line 212, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__nome_cliente { font-size: 22px; line-height: 23px; } } /* line 222, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__endereco { font-size: 13px; font-style: italic; line-height: 13px; } @media (max-width: 640px) { /* line 222, app/assets/styles/sass/avaliacoes_loja.scss */ .avaliacoes_loja__endereco { font-size: 20px; line-height: 21px; } } /*------------------------------- PRODUTO -------------------------------*/ /* line 1, app/assets/styles/sass/selos.scss */ .tags_selos__wrap { left: 0; position: absolute; top: 5px; z-index: 1000; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /*tags*/ /* line 10, app/assets/styles/sass/selos.scss */ .tags { display: flex; align-items: flex-start; flex-direction: column; } /* line 16, app/assets/styles/sass/selos.scss */ .tag { background-color: #FF6600; color: #ffffff; font-size: 12px; height: 25px; line-height: 25px; margin-bottom: 5px; padding: 0 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 16, app/assets/styles/sass/selos.scss */ .tag { font-size: 18px; height: 30px; line-height: 30px; } } /* line 33, app/assets/styles/sass/selos.scss */ .tag-desconto { background-color: #F83418; font-size: 14px; } @media (max-width: 640px) { /* line 33, app/assets/styles/sass/selos.scss */ .tag-desconto { font-size: 20px; } } /*selos*/ /* line 43, app/assets/styles/sass/selos.scss */ .selos { text-align: left; display: flex; align-items: flex-start; flex-direction: column; } /* line 51, app/assets/styles/sass/selos.scss */ .selo { height: 25px; margin-bottom: 5px; overflow: hidden; text-align: center; transition: width 0.15s ease-out; white-space: nowrap; width: 40px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 51, app/assets/styles/sass/selos.scss */ .selo { height: 30px; } } /* line 65, app/assets/styles/sass/selos.scss */ .selo:last-child { margin-bottom: 0; } /* line 70, app/assets/styles/sass/selos.scss */ .selo.lancamento { background-color: #000000; } /* line 73, app/assets/styles/sass/selos.scss */ .selo.lancamento:hover { width: 73px; } @media (max-width: 640px) { /* line 70, app/assets/styles/sass/selos.scss */ .selo.lancamento { width: 100px; } } /* line 82, app/assets/styles/sass/selos.scss */ .selo.promocao { background-color: #000000; } /* line 85, app/assets/styles/sass/selos.scss */ .selo.promocao:hover { width: 76px; } @media (max-width: 640px) { /* line 82, app/assets/styles/sass/selos.scss */ .selo.promocao { width: 100px; } } /* line 94, app/assets/styles/sass/selos.scss */ .selo_texto { color: #ffffff; display: inline-block; font-size: 12px; opacity: 0; text-align: center; text-transform: uppercase; transition: width 0.15s ease-out; vertical-align: middle; width: 0; } @media (max-width: 640px) { /* line 94, app/assets/styles/sass/selos.scss */ .selo_texto { font-size: 18px; opacity: 1; width: auto; } } /* line 112, app/assets/styles/sass/selos.scss */ .selo:hover .selo_texto { margin-right: 0; opacity: 1; width: auto; } /* line 118, app/assets/styles/sass/selos.scss */ .selo_icon { display: inline-block; height: 100%; text-align: center; transition: margin 0.15s ease-out; width: 40px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 127, app/assets/styles/sass/selos.scss */ .selo:hover .selo_icon { margin-left: 10px; width: auto; } /* line 132, app/assets/styles/sass/selos.scss */ .selo_icon img { display: inline-block; height: 18px; margin-top: -2px; overflow: hidden; vertical-align: middle; width: 18px; } /* line 1, app/assets/styles/sass/product_shortview.scss */ .product-shortview { border-radius: 3px; margin-top: 20px; padding: 30px 15px 10px; position: relative; top: 0; transition: all 300ms cubic-bezier(0.82, 0.1, 0.15, 1.05); width: 100%; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/product_shortview.scss */ .product-shortview { border: 1px solid #eee; margin-bottom: 40px; padding: 0; } } /* line 17, app/assets/styles/sass/product_shortview.scss */ .product-shortview a { float: none; } /* line 21, app/assets/styles/sass/product_shortview.scss */ .product-shortview figure { display: table; height: auto; position: relative; width: 240px; } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/product_shortview.scss */ .product-shortview figure { width: 280px; } } /* line 32, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product_image_wrap { border: 1px solid #eee; border-radius: 4px; height: 242px; overflow: hidden; transition: all 400ms cubic-bezier(0, 1.04, 1, 1); width: 100%; } @media (max-width: 640px) { /* line 32, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product_image_wrap { border: none; height: 280px; } } /* line 46, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption { height: auto; padding: 15px 0; position: relative; text-align: center; width: 100%; display: flex; flex-direction: column; /* .parcelamento { font-size: 12px; line-height: 12px; @media (max-width: 640px) { font-size: 20px; line-height: 20px; } } */ } @media (max-width: 640px) { /* line 46, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption { padding: 15px 10px; } } /* line 60, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header { height: 66px; margin-bottom: 10px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 60, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header { height: 110px; margin-bottom: 20px; } } /* line 72, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header h1 { color: #000000; font-size: 15px; height: auto; max-height: 48px; line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; width: 100%; word-wrap: break-word; } @media (max-width: 640px) { /* line 72, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header h1 { font-size: 22px; line-height: 24px; max-height: 72px; } } /* line 90, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header small { color: #000000; font-size: 13px; line-height: 15px; margin-top: 5px; width: 100%; } @media (max-width: 640px) { /* line 90, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption header small { font-size: 20px; line-height: 22px; margin-top: 15px; } } /* line 105, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .values__wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 109, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption p { text-align: center; } /* line 113, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .values__wrap_boleto { height: 50px; margin-bottom: 5px; width: 100%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 113, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .values__wrap_boleto { height: 70px; margin-bottom: 0; } } /* line 125, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .de { color: #999; font-size: 14px; line-height: 14px; margin-bottom: 5px; text-decoration: line-through; } @media (max-width: 640px) { /* line 125, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .de { font-size: 20px; line-height: 20px; margin-bottom: 10px; } } /* line 139, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .boleto { color: #FF6600; font-size: 18px; font-weight: 700; line-height: 18px; } @media (max-width: 640px) { /* line 139, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .boleto { font-size: 28px; line-height: 28px; } } /* line 153, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .boleto > span { font-size: 14px; font-weight: 400; } @media (max-width: 640px) { /* line 153, app/assets/styles/sass/product_shortview.scss */ .product-shortview figcaption .boleto > span { font-size: 20px; } } /* line 174, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover { opacity: 0; margin-top: 10px; width: 100%; z-index: 1; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 174, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover { display: block; margin-top: 20px; opacity: 1; } } /* line 187, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover button { font-size: 12px; height: 42px; letter-spacing: 1.5px; padding: 0; width: 100%; } @media (max-width: 640px) { /* line 187, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover button { border-radius: 40px; font-size: 20px; height: 52px; width: 100%; } } /* line 203, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover .abre-modal-espiar { margin-right: 10px; } @media (max-width: 640px) { /* line 203, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover .abre-modal-espiar { display: none; } } @media (max-width: 640px) { /* line 211, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover .button_esgotado { display: none; } } /* line 217, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover .button_avise { display: none; } @media (max-width: 640px) { /* line 217, app/assets/styles/sass/product_shortview.scss */ .product-shortview .product-shortview__hover .button_avise { display: block; font-size: 17px; width: 100%; } } @media (max-width: 640px) { /* line 228, app/assets/styles/sass/product_shortview.scss */ .product-shortview .logar-primeiro { font-size: 20px; padding: 15px 0; } } /* line 235, app/assets/styles/sass/product_shortview.scss */ .product-shortview:hover { box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); top: -10px; } /* line 239, app/assets/styles/sass/product_shortview.scss */ .product-shortview:hover .product_image_wrap { border-color: #ffffff; } /* line 243, app/assets/styles/sass/product_shortview.scss */ .product-shortview:hover .product-shortview__hover { opacity: 1; -webkit-animation: fadeInUp 0.5s ease 0s 1 both; -moz-animation: fadeInUp 0.5s ease 0s 1 both; -ms-animation: fadeInUp 0.5s ease 0s 1 both; -o-animation: fadeInUp 0.5s ease 0s 1 both; animation: fadeInUp 0.5s ease 0s 1 both; } /* line 255, app/assets/styles/sass/product_shortview.scss */ .animate_container { height: 240px; margin: 0 auto; position: relative; width: 240px; z-index: 1; } @media (max-width: 640px) { /* line 255, app/assets/styles/sass/product_shortview.scss */ .animate_container { height: 280px; width: 280px; } } /* line 267, app/assets/styles/sass/product_shortview.scss */ .animate_container img.top { z-index: 1; } /* line 270, app/assets/styles/sass/product_shortview.scss */ .animate_container img.top:hover { opacity: 0; } /* line 275, app/assets/styles/sass/product_shortview.scss */ .animate_container img { left: 0; position: absolute; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 284, app/assets/styles/sass/product_shortview.scss */ .animate_container .face { height: 100%; overflow: hidden; position: absolute; width: 100%; } /*imagem de favoritar*/ /* line 293, app/assets/styles/sass/product_shortview.scss */ .adicionar-lista-desejos { background-image: url(../images/icons/icon-favorito.png); background-repeat: no-repeat; height: 30px; position: absolute; right: 21px; top: 35px; width: 30px; z-index: 99; } @media (max-width: 640px) { /* line 293, app/assets/styles/sass/product_shortview.scss */ .adicionar-lista-desejos { background-image: url(../images/icons/icon-favorito-m.png); height: 50px; right: 13px; top: 10px; width: 50px; } } /* line 311, app/assets/styles/sass/product_shortview.scss */ .adicionar-lista-desejos.adicionado { background-image: url(../images/icons/icon-favorito-adicionado.png); } @media (max-width: 640px) { /* line 311, app/assets/styles/sass/product_shortview.scss */ .adicionar-lista-desejos.adicionado { background-image: url(../images/icons/icon-favorito-adicionado-m.png); } } /*************ESPIAR PRODUTO (MODAL)***************/ /* line 2, app/assets/styles/sass/espiar_produto.scss */ .modal-espiar { border-radius: 0; padding: 20px !important; width: 1200px; /* .photo-view { .caroussel-espiar { float: left; height: auto; overflow: hidden; width: 115px; .slick-list { height: auto; min-height: 570px; margin-top: 30px; margin-bottom: 40px; overflow-y: hidden; width: 115px !important; .outras-fotos { cursor: pointer; img { cursor: pointer !important; height: 173px; margin-bottom: 15px; max-width: none; width: 115px; } } } .slick-prev, .slick-next { background-color: transparent; background-repeat: no-repeat; border: none; color: inherit; cursor: pointer; display: block; font-size: 0; height: 59px; line-height: 0; margin-left: 50px; padding: 0; position: absolute; outline: none; width: 15px; &:before { content: ""; } &:hover { opacity: .5; } &.slick-disabled { cursor: default; opacity: .3; } } .slick-prev { background-image: url(../images/slick-prev.png); top: -21px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slick-next { background-image: url(../images/slick-next.png); bottom: -20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } } .adicionar-lista-desejos { top: 578px; z-index: 99999; } figure { float: left; margin-left: 20px; width: 413px; .slideshow { img { height: 617px; width: 411px; } } } } */ } @media (max-width: 1199px) { /* line 2, app/assets/styles/sass/espiar_produto.scss */ .modal-espiar { width: 960px; } } /***************PÁGINAS INTERNAS******************/ /*------------------------------- BREADCRUMB -------------------------------*/ /* line 1, app/assets/styles/sass/breadcrumb.scss */ .bread { background-color: transparent; display: table; padding: 30px 0; width: 100%; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/breadcrumb.scss */ .bread { padding: 15px 0; } } @media (max-width: 640px) { /* line 12, app/assets/styles/sass/breadcrumb.scss */ .page-produto .bread { display: none; } } /* line 18, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs { background-color: transparent; border: none; border-radius: 0; float: left; overflow: initial; padding: 0; } /* line 26, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs li { color: #888; font-size: 13px; line-height: 16px; text-transform: uppercase; } @media (max-width: 640px) { /* line 26, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs li { font-size: 20px; line-height: 28px; word-wrap: break-word; } } /* line 39, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs > * a { color: #888; font-weight: 300; letter-spacing: .05em; } /* line 44, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs > * a:hover { text-decoration: underline; } /* line 49, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs > *.current { color: #888; font-weight: 500; } /* line 54, app/assets/styles/sass/breadcrumb.scss */ .breadcrumbs > *:not(:first-of-type):before { border: 1px solid #888; border-left: none; border-top: none; content: ''; height: 7px; left: -2px; top: -1px; transform: rotate(-45deg); width: 7px; } /* line 67, app/assets/styles/sass/breadcrumb.scss */ .page-busca .breadcrumbs { width: 49%; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/breadcrumb.scss */ .page-busca .breadcrumbs { width: 100%; } } /*------------------------------- DETALHES DO PRODUTO -------------------------------*/ /* line 3, app/assets/styles/sass/produto_detalhes.scss */ .product-view_details > .conteudo { height: auto; } /*foto*/ /* line 9, app/assets/styles/sass/produto_detalhes.scss */ .photo-view { float: left; margin-top: 0; margin-bottom: 10px; position: relative; width: 620px; /** * Imagem Principal */ /** * Thumbs */ } @media (max-width: 1199px) { /* line 9, app/assets/styles/sass/produto_detalhes.scss */ .photo-view { margin-left: 145px; } } @media (max-width: 640px) { /* line 9, app/assets/styles/sass/produto_detalhes.scss */ .photo-view { margin: 20px 0 0 0; width: 600px; } } @media (max-width: 640px) { /* line 25, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .adicionar-lista-desejos { right: 10px; } } /* line 36, app/assets/styles/sass/produto_detalhes.scss */ .photo-view figure { border: 1px solid #eee; border-radius: 4px; display: table; float: left; overflow: hidden; position: relative; width: 622px; } @media (max-width: 640px) { /* line 36, app/assets/styles/sass/produto_detalhes.scss */ .photo-view figure { width: 600px; z-index: 0; } } /* line 52, app/assets/styles/sass/produto_detalhes.scss */ .photo-view figure .slideshow img { /* height: 750px; */ position: relative; width: 620px; } @media (max-width: 640px) { /* line 52, app/assets/styles/sass/produto_detalhes.scss */ .photo-view figure .slideshow img { width: 600px; } } /* line 63, app/assets/styles/sass/produto_detalhes.scss */ .photo-view figure .cloud-zoom-lens { background-size: 620px !important; } @media (max-width: 640px) { /* line 69, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .mousetrap { display: none !important; } } /* line 77, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .caroussel { float: left; margin-top: 25px; width: 620px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } /* line 83, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .caroussel .outras-fotos { cursor: pointer; margin-right: 15px; margin-bottom: 15px; } /* line 88, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .caroussel .outras-fotos:nth-of-type(5n) { margin-right: 0; } /* line 92, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .caroussel .outras-fotos span { border: 1px solid #eee; border-radius: 4px; cursor: pointer !important; } /* line 100, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .caroussel .outras-fotos.youtube img { border-radius: 4px; overflow: hidden; } /* line 109, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .adicionar-lista-desejos { right: 10px; top: 10px; z-index: 1000; } @media (max-width: 640px) { /* line 109, app/assets/styles/sass/produto_detalhes.scss */ .photo-view .adicionar-lista-desejos { z-index: 99; } } @media (max-width: 640px) { /* line 120, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile { clear: both; float: left; overflow: hidden; width: 600px; } /* line 127, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-slide { height: 600px; position: relative; } /* line 132, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile img { cursor: pointer !important; display: inline-block; height: 100% !important; left: 0 !important; margin: 0 auto; object-fit: cover; right: 0; width: auto !important; max-width: -moz-available !important; max-width: -webkit-fill-available !important; max-width: fill-available !important; } /* line 147, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-dots { bottom: 10px; display: block; list-style: none; padding: 0; position: absolute; text-align: center; width: 100%; } /* line 156, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-dots li { cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px; } /* line 165, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-dots li button { background: #757376; border: 0; border-radius: 50%; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: none; padding: 3px; width: 20px; } /* line 179, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-dots li button:hover, .slideshow-mobile .slick-dots li button:focus { outline: none; } /* line 185, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-dots li.slick-active button { background: #FF6600; } /* line 191, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-prev, .slideshow-mobile .slick-next { background-color: transparent; background-repeat: no-repeat; border: none; color: inherit; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; margin-top: -18px; padding: 0; position: absolute; outline: none; top: 50%; width: 20px; } /* line 209, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-prev:before, .slideshow-mobile .slick-next:before { content: ""; } /* line 213, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-prev.slick-disabled, .slideshow-mobile .slick-next.slick-disabled { cursor: default; opacity: 0.4; } /* line 219, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-prev { background-image: url(/app/assets/images/icons/arrow-left-grey.png); left: 10px; } /* line 224, app/assets/styles/sass/produto_detalhes.scss */ .slideshow-mobile .slick-next { background-image: url(/app/assets/images/icons/arrow-right-grey.png); right: 10px; } /* line 230, app/assets/styles/sass/produto_detalhes.scss */ .pswp { z-index: 9999999999 !important; } /* line 234, app/assets/styles/sass/produto_detalhes.scss */ .pswp__zoom-wrap { position: relative; } /* line 237, app/assets/styles/sass/produto_detalhes.scss */ .pswp__zoom-wrap:after { background-image: url(../images/zoom.gif); background-repeat: no-repeat; content: ""; height: 100px; left: 10px; top: 10px; width: 100px; } /* line 248, app/assets/styles/sass/produto_detalhes.scss */ .imagem-ampliada_aviso { display: none; } } @media (max-width: 640px) and (max-width: 640px) { /* line 248, app/assets/styles/sass/produto_detalhes.scss */ .imagem-ampliada_aviso { display: block; float: left; font-size: 18px; margin-top: 5px; text-align: center; width: 100%; } } @media (max-width: 640px) and (max-width: 640px) { /* line 263, app/assets/styles/sass/produto_detalhes.scss */ .social_mobile { padding-top: 30px; width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } /* line 269, app/assets/styles/sass/produto_detalhes.scss */ .youtube-mobile { background-color: #ffffff; border: 2px solid #FF6600; color: #FF6600; font-size: 22px; height: 55px; margin-bottom: 0; padding: 0; text-transform: uppercase; width: 280px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 281, app/assets/styles/sass/produto_detalhes.scss */ .youtube-mobile .icon-video { background-image: url(../images/icons/icon-play.png); background-repeat: no-repeat; height: 25px; margin-right: 5px; width: 25px; } /* line 290, app/assets/styles/sass/produto_detalhes.scss */ .addthis_inline_share_toolbox { display: flex !important; justify-content: center; } /* line 295, app/assets/styles/sass/produto_detalhes.scss */ .addthis_wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 298, app/assets/styles/sass/produto_detalhes.scss */ .addthis_wrap label { color: #212121; font-size: 14px; margin-right: 10px; } } @media (max-width: 640px) and (max-width: 640px) and (max-width: 640px) { /* line 298, app/assets/styles/sass/produto_detalhes.scss */ .addthis_wrap label { font-size: 22px; line-height: 22px; } } /*detalhes produto*/ /* line 313, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text { float: right; width: 500px; } @media (max-width: 1199px) { /* line 313, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text { float: left; margin-top: 40px; width: 910px; } } @media (max-width: 640px) { /* line 313, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text { float: left; margin: 30px 0 0 0; width: 600px; } } /* line 329, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .one { display: table; width: 100%; } /* line 336, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text h1 { color: #000000; float: left; font-size: 24px; font-weight: 400; line-height: 24px; width: 97%; } @media (max-width: 640px) { /* line 336, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text h1 { font-size: 32px; line-height: 32px; text-align: center; } } /* line 351, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .ref { color: #000000; float: left; font-size: 16px; font-weight: 700; line-height: 16px; margin: 5px 0 0 0; width: 100%; } @media (max-width: 640px) { /* line 351, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .ref { font-size: 20px; line-height: 20px; margin-top: 10px; text-align: center; } } /* line 368, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval_social__wrap { float: left; margin-top: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 375, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval-produto { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 375, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval-produto { width: 100%; justify-content: center; } } /* line 384, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval-produto .avaliacao-anunciante2 { cursor: pointer; line-height: 15px; } /* line 389, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval-produto label { color: #212121; cursor: default; font-size: 15px; margin-left: 10px; } @media (max-width: 640px) { /* line 389, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .aval-produto label { font-size: 20px; } } /* line 403, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .social-itens .addthis_wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 406, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .social-itens .addthis_wrap label { color: #212121; font-size: 14px; margin-right: 10px; } @media (max-width: 640px) { /* line 406, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .social-itens .addthis_wrap label { font-size: 22px; } } /* line 416, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .social-itens .addthis_wrap .addthis_inline_share_toolbox_6f2q { height: 32px; width: 32px; } /* line 423, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto { display: table; margin-top: 20px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 423, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto { align-items: center; flex-wrap: wrap; } } /* line 433, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .de { color: #999; font-size: 16px; font-weight: 400; margin: 0; text-decoration: line-through; } @media (max-width: 640px) { /* line 433, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .de { font-size: 24px; } } /* line 445, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .boleto_aviso__wrap, .full-details_text .pgto .por_parcelamento__wrap { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 445, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .boleto_aviso__wrap, .full-details_text .pgto .por_parcelamento__wrap { align-items: center; flex-direction: column; } } /* line 456, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .boleto { color: #FF6600; font-size: 36px; font-weight: 900; line-height: 40px; } @media (max-width: 640px) { /* line 456, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .boleto { font-size: 42px; } } /* line 467, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto span.__porcentagemDesconto2 { color: #212121; font-size: 16px; font-weight: 400; line-height: 20px; margin-left: 7px; } @media (max-width: 640px) { /* line 467, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto span.__porcentagemDesconto2 { font-size: 24px; line-height: 24px; margin-top: 5px; } } /* line 481, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .por, .full-details_text .pgto .valor-sem-promocao { color: #000000; font-size: 26px; font-weight: 700; text-transform: uppercase; } @media (max-width: 640px) { /* line 481, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .por, .full-details_text .pgto .valor-sem-promocao { font-size: 32px; line-height: 32px; margin-top: 15px; } } /* line 495, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .info-parcelamento { color: #212121; font-size: 16px; font-weight: 400; line-height: 16px; margin-left: 7px; } @media (max-width: 640px) { /* line 495, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .info-parcelamento { font-size: 24px; line-height: 24px; margin: 5px 0 0 0; } } /* line 508, app/assets/styles/sass/produto_detalhes.scss */ .full-details_text .pgto .info-parcelamento span { font-weight: 400; } /*form*/ /* line 516, app/assets/styles/sass/produto_detalhes.scss */ .form-adicionar-produtos { float: left; margin-top: 30px; width: 100%; } /* line 8, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .sticky-wrap { margin-top: 0; margin-bottom: 20px; } /* line 13, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap li { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 17, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table { background-color: #ffffff; border: none; margin-bottom: 20px; padding: .5rem 0; width: 100%; } /* line 24, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table thead { background-color: transparent; border-top: 1px solid #212121; border-bottom: 1px solid #212121; } /* line 29, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table thead h2 { color: #212121; font-size: 13px; line-height: 13px; text-align: center; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table thead h2 { font-size: 22px; line-height: 24px; } } /* line 44, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table th { background-color: transparent !important; padding: 10px 0 !important; } /* line 49, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table tr.even, .form_grade__wrap table tr.alt, .form_grade__wrap table tr:nth-of-type(even) { background: transparent; } /* line 55, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table tr:nth-child(2n-1) { background: transparent !important; } /* line 60, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table tr:hover { background: transparent !important; } /* line 64, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table td, .form_grade__wrap table th { border-bottom: 1px solid #212121; padding-right: 0 !important; padding-left: 0 !important; } /* line 71, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table td { padding: 15px 0 !important; } /* line 75, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap table .sticky-intersect { z-index: 0 !important; } /* line 80, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .color_produto__wrap, .form_grade__wrap .foto_produto__wrap { width: 110px !important; } @media (max-width: 640px) { /* line 80, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .color_produto__wrap, .form_grade__wrap .foto_produto__wrap { width: 130px !important; } } /* line 91, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .foto_produto__wrap li { border: 1px solid #212121; border-radius: 4px; } /* line 97, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap input[type="text"] { border: 1px solid #212121; border-radius: 4px; box-shadow: none; color: #212121; font-size: 22px; height: 35px; margin: 5px 0; padding: 0; text-align: center; width: 55px; } @media (max-width: 640px) { /* line 97, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap input[type="text"] { font-size: 24px; height: 40px; margin: 5px 9px; padding: 0; text-align: center; width: 55px; } } /* line 118, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap input[type="text"][disabled="disabled"] { border-color: #212121; color: #212121; } /* line 124, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .avise-me { color: #212121; float: left; font-size: 13px; text-align: center; width: 55px; } @media (max-width: 640px) { /* line 124, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .avise-me { font-size: 18px; } } /* line 136, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .qtd-desk.mais_menos__wrap { display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } /* line 141, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .plus-desk, .form_grade__wrap .plus-desk--variacao, .form_grade__wrap .minus-desk, .form_grade__wrap .minus-desk--variacao { background: #ffffff !important; border: 1px solid #212121; height: 40px; margin-bottom: 0; padding: 0; width: 55px; } /* line 152, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .plus-desk:hover, .form_grade__wrap .plus-desk--variacao:hover, .form_grade__wrap .minus-desk:hover, .form_grade__wrap .minus-desk--variacao:hover { background: #FF6600 !important; border-color: #FF6600; } /* line 157, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .plus-desk:hover span, .form_grade__wrap .plus-desk--variacao:hover span, .form_grade__wrap .minus-desk:hover span, .form_grade__wrap .minus-desk--variacao:hover span { color: #ffffff; } /* line 161, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .plus-desk span, .form_grade__wrap .plus-desk--variacao span, .form_grade__wrap .minus-desk span, .form_grade__wrap .minus-desk--variacao span { color: #212121; font-size: 30px; } /* line 165, app/assets/styles/sass/grade_base.scss */ .form_grade__wrap .plus-desk span:hover, .form_grade__wrap .plus-desk--variacao span:hover, .form_grade__wrap .minus-desk span:hover, .form_grade__wrap .minus-desk--variacao span:hover { color: #ffffff !important; } /* line 172, app/assets/styles/sass/grade_base.scss */ .form_avise_me__ativo { width: 490px; } /* line 177, app/assets/styles/sass/grade_base.scss */ .form_avise_me__ativo > td { padding-top: 0 !important; width: 490px; } /* line 185, app/assets/styles/sass/grade_base.scss */ .avise_me__form__wrap { background-color: #ffffff; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 25, app/assets/styles/sass/mixins.scss */ .avise_me__form__wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .avise_me__form__wrap ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .avise_me__form__wrap :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .avise_me__form__wrap :-moz-placeholder { /* Firefox 18- */ color: #212121; } /* line 191, app/assets/styles/sass/grade_base.scss */ .avise_me__form_email { background-color: #888 !important; border: 0 !important; box-shadow: none !important; color: #212121 !important; font-size: 1rem !important; font-weight: 400; height: 40px !important; margin-bottom: 0 !important; padding-left: 15px !important; width: 100% !important; } @media (max-width: 640px) { /* line 191, app/assets/styles/sass/grade_base.scss */ .avise_me__form_email { font-size: 25px !important; height: 55px !important; } } /* line 209, app/assets/styles/sass/grade_base.scss */ .avise_me__form_button { font-size: 14px; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 120px; } @media (max-width: 640px) { /* line 209, app/assets/styles/sass/grade_base.scss */ .avise_me__form_button { font-size: 20px; height: 55px; line-height: 55px; width: 165px; } } /* line 226, app/assets/styles/sass/grade_base.scss */ .avise_me__form_button:hover, .avise_me__form_button:focus { background-color: #000000; } /* line 232, app/assets/styles/sass/grade_base.scss */ .avise_me__close { color: #FF0000; cursor: pointer; font-size: 30px; font-weight: 700; margin-left: 20px; } @media (max-width: 640px) { /* line 232, app/assets/styles/sass/grade_base.scss */ .avise_me__close { font-size: 45px; } } /*grade padrão da Hipy*/ /* line 1, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap { /*caixa com o tamanho*/ /*input para escolher a quantidade*/ /*link para avise-me*/ /*aviso de último produto no estoque*/ } /* line 3, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap table { border-bottom: 1px solid #212121; } /* line 6, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap table td, .form_grade--cor_unica__wrap table th { border-bottom: none; } /* line 11, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap table label { color: #212121; font-size: 14px; text-transform: uppercase; text-align: center; } @media (max-width: 640px) { /* line 11, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap table label { font-size: 24px; } } /* line 25, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size_wrap { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 29, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size { border: 1px solid #FF6600; border-radius: 4px; float: left; height: 40px; line-height: 40px; padding: 0 15px; position: relative; text-align: center; min-width: 50px; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size { height: 50px; line-height: 50px; min-width: 60px; } } /* line 50, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size.selected, .form_grade--cor_unica__wrap .box-size.ativo { background-color: #FF6600; } /* line 54, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size.selected span, .form_grade--cor_unica__wrap .box-size.ativo span { color: #ffffff; } /* line 59, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size.desabilitado { background-color: #212121; border-color: #212121; } /* line 63, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size.desabilitado span { color: #ffffff; } /* line 68, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size label { cursor: default; float: none; } /* line 73, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size span { color: #FF6600; font-size: 20px; font-weight: bold; line-height: 40px; } @media (max-width: 640px) { /* line 73, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .box-size span { font-size: 30px; line-height: 50px; } } /* line 86, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .qtd-estoque { background-color: #FF0000; color: #ffffff; font-size: 10px; height: 17px; line-height: 17px; margin-top: 0; padding-bottom: 0; position: absolute; right: -8px; text-align: center; top: -9px; vertical-align: middle; width: 17px; z-index: 1; } /* line 104, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 107, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 110, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk, .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk { background-color: transparent; border: none; border-radius: 4px; color: #212121; display: block; font-size: 28px; width: 60px; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk, .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk { font-size: 40px; height: 50px; } } /* line 125, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .minus-desk:hover, .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap .plus-desk:hover { color: #ffffff; } /* line 130, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap input[type="text"] { height: 40px; margin: 0; } @media (max-width: 640px) { /* line 130, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap input[type="text"] { height: 50px; font-size: 26px; width: 60px; } } /* line 143, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado .minus-desk, .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado .plus-desk { color: #888; cursor: default; } /* line 148, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado .minus-desk:hover, .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado .plus-desk:hover { background-color: transparent !important; } /* line 153, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .quantidade .mais_menos__wrap.desabilitado input { border: none; color: #888; cursor: default; } /* line 163, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .avise-me { color: #000000; float: left; font-size: 15px; font-weight: bold; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 163, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .avise-me { font-size: 20px; width: 250px; } } /* line 176, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .avise-me:hover, .form_grade--cor_unica__wrap .avise-me:focus { text-decoration: underline; } /* line 181, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .avise-me.jaClicado { color: #757376; } /* line 3, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form { margin-top: 20px; } /* line 6, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form label { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 640px) { /* line 6, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form label { font-size: 22px; } } /* line 16, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form input[type="email"] { background-color: #888; border: none; box-shadow: none; color: #212121; font-size: 1rem; height: 46px; margin-bottom: 1rem; width: 100%; } @media (max-width: 640px) { /* line 16, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form input[type="email"] { height: 55px; font-size: 22px; } } /* line 32, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form .button { font-size: 1rem; margin: 0 0 0 0; padding: 6px 20px; text-transform: uppercase; /* &:hover, &:focus { color: $branco; } */ } @media (max-width: 640px) { /* line 32, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me form .button { font-size: 22px; } } @media (max-width: 1199px) { /* line 49, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me.reveal-modal.tiny { width: 50%; } } @media (max-width: 640px) { /* line 49, app/assets/styles/sass/avise-me_modal.scss */ .form_grade--cor_unica__wrap .modal_avise-me.reveal-modal.tiny { margin-left: 20px; width: 600px; } } /* line 189, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .last-product { color: #000000; float: left; font-size: 15px; font-weight: bold; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 189, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .last-product { font-size: 22px; } } /* line 201, app/assets/styles/sass/grade--cor_unica.scss */ .form_grade--cor_unica__wrap .last-product span { color: #FF0000; font-weight: bold; } /*grade Massam*/ /*grade Click Mais bonita*/ /* line 3, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .qtd-desk.mais_menos__wrap { display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } /* line 7, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .sticky-wrap { margin-top: 0; margin-bottom: 20px; } /* line 11, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .sticky-wrap li { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 17, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .plus-desk--variacao, .form_grade--variacoes__wrap .minus-desk--variacao { background: #ffffff !important; border: 1px solid #212121; border-radius: 4px; height: 32px; margin-bottom: 0; padding: 0; width: 55px; } /* line 27, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .plus-desk--variacao:hover, .form_grade--variacoes__wrap .minus-desk--variacao:hover { background: #FF6600 !important; border-color: #FF6600; } /* line 32, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .plus-desk--variacao:hover span, .form_grade--variacoes__wrap .minus-desk--variacao:hover span { color: #ffffff; } /* line 36, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .plus-desk--variacao span, .form_grade--variacoes__wrap .minus-desk--variacao span { color: #212121; font-size: 30px; line-height: 18px; } /* line 41, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .plus-desk--variacao span:hover, .form_grade--variacoes__wrap .minus-desk--variacao span:hover { color: #ffffff !important; } /* line 47, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table { background-color: #ffffff; border: none; padding: .5rem 0; } /* line 52, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table thead { background-color: transparent; border-top: 1px solid #888; border-bottom: 1px solid #888; } /* line 57, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table thead h2 { font-size: 14px; text-align: left; text-transform: uppercase; } @media (max-width: 640px) { /* line 57, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table thead h2 { font-size: 22px; } } /* line 68, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table th { background-color: transparent !important; } /* line 72, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .foto_produto__wrap { width: 110px; } @media (max-width: 640px) { /* line 72, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .foto_produto__wrap { width: 130px; } } /* line 80, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .nome_produto__wrap { padding-left: 20px; } /* line 83, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .nome_produto__wrap .nome_produto { font-size: 14px; line-height: 16px; } @media (max-width: 640px) { /* line 83, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .nome_produto__wrap .nome_produto { font-size: 20px; line-height: 22px; } } /* line 94, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table tr.even, .form_grade--variacoes__wrap table tr.alt, .form_grade--variacoes__wrap table tr:nth-of-type(even) { background: transparent; } /* line 100, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table tr:nth-child(2n-1) { background: transparent !important; border-bottom: 1px solid #888 !important; } /* line 105, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table tr:hover { background: transparent !important; } /* line 109, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table td, .form_grade--variacoes__wrap table th { padding-right: 0 !important; padding-left: 0 !important; } /* line 115, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table td { padding: 15px 0 !important; } /* line 119, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap table .sticky-intersect { z-index: 0 !important; } /* line 124, app/assets/styles/sass/grade--variacoes.scss */ .form_grade--variacoes__wrap .avise-me { color: #212121; float: left; font-size: 15px; text-align: center; width: 85px; } /* line 259, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores td { border-bottom: 0 !important; } /* line 264, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap { margin-top: 8px; display: flex; align-items: center; flex-direction: column; /* .por { color: $preto; font-size: 14px; & + .valor_detalhe { font-size: 12px; line-height: 12px; } } */ } /* line 271, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .boleto, .form_grade__lateral--valores__wrap .por { font-weight: 700; } /* line 276, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .valor_detalhe { color: #212121; font-weight: 400; } /* line 281, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .boleto { color: #FF6600; font-size: 16px; line-height: 16px; } @media (max-width: 640px) { /* line 281, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .boleto { font-size: 22px; line-height: 22px; } } /* line 291, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .boleto + .valor_detalhe { font-size: 12px; line-height: 8px; } @media (max-width: 640px) { /* line 291, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap .boleto + .valor_detalhe { font-size: 18px; line-height: 14px; } } /* line 312, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap span.__porcentagemDesconto, .form_grade__lateral--valores__wrap span.__porcentagemDesconto + span { color: #212121; font-size: .875rem; font-weight: 400; } @media (max-width: 640px) { /* line 312, app/assets/styles/sass/grade_base.scss */ .form_grade__lateral--valores__wrap span.__porcentagemDesconto, .form_grade__lateral--valores__wrap span.__porcentagemDesconto + span { font-size: 20px; } } /*botões de comprar/esgotado*/ /* line 525, app/assets/styles/sass/produto_detalhes.scss */ .comprar { display: table; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 530, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas { background-color: #888; border: 1px solid #FF6600; cursor: pointer; height: 40px; margin-bottom: 20px; margin-left: 0; padding: 0; width: 170px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 530, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas { height: 50px; width: 280px; } } /* line 546, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas img { height: 23px; margin-right: 5px; width: 30px; } @media (max-width: 640px) { /* line 546, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas img { margin-right: 15px; } } /* line 556, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas span { color: #000000; font-size: 12px; font-weight: 400; text-transform: uppercase; } @media (max-width: 640px) { /* line 556, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas span { font-size: 20px; } } /* line 567, app/assets/styles/sass/produto_detalhes.scss */ .comprar .bt-tabela-medidas:hover span { color: #FF6600; } /* line 573, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento { background-color: #f1f1f1; border-radius: 4px; float: left; padding: 20px 25px; position: relative; width: 100%; display: flex; align-items: center; flex-direction: column; } /* line 585, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento ul { float: left; text-align: center; width: 100%; } /* line 593, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento ul li .por, .__info-parcelamento ul li .valor-sem-promocao { color: #212121; float: left; font-size: 18px; font-weight: 700; margin: 0 0 0 5px; text-transform: uppercase; } /* line 605, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento h4 { color: #212121; float: left; font-size: 16px; font-weight: 400; margin-bottom: 5px; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 605, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento h4 { font-size: 22px; } } /* line 619, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .__info-parcelamento-aviso { width: 330px; } /* line 623, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento span { color: #212121; font-size: 16px; font-weight: 400; } @media (max-width: 640px) { /* line 623, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento span { font-size: 24px; } } /* line 633, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .boleto { color: #FF6600; font-size: 22px; font-weight: 700; line-height: 24px; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 633, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .boleto { font-size: 30px; line-height: 32px; } } /* line 647, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .__valor-a-vista, .__info-parcelamento .__valor-total-itens { color: #FF6600; font-size: 26px; font-weight: 700; } @media (max-width: 640px) { /* line 647, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .__valor-a-vista, .__info-parcelamento .__valor-total-itens { font-size: 30px; } } /* line 658, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .info_sem-impostos { font-size: 12px; line-height: 12px; } @media (max-width: 640px) { /* line 658, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .info_sem-impostos { font-size: 20px; line-height: 20px; } } /* line 668, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .info-parcelamento { color: #212121; float: left; font-size: 16px; font-weight: 400; margin-top: 5px; position: relative; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 668, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .info-parcelamento { font-size: 24px; } } /* line 683, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .button { font-size: 20px; height: 50px; line-height: 50px; margin-top: 15px; margin-bottom: 0; padding: 0; position: relative; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 683, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .button { font-size: 30px; height: 70px; } } /* line 699, app/assets/styles/sass/produto_detalhes.scss */ .__info-parcelamento .button.unavailable { margin-top: 4px; text-align: center; } /*quando o cliente não está logado*/ /* line 707, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap { background-color: #edeef0; border-radius: 4px; margin-top: 40px; padding: 20px; display: flex; flex-direction: column; } @media (max-width: 640px) { /* line 707, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap { align-items: center; } } /* line 720, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap h3 { font-size: 22px; font-weight: 400; line-height: 20px; margin-bottom: 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 720, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap h3 { font-size: 28px; line-height: 28px; } } /* line 733, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap p { font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 20px; } @media (max-width: 640px) { /* line 733, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__wrap p { font-size: 22px; } } /* line 745, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__buttons { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 745, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__buttons { width: 100%; flex-direction: column; } } /* line 754, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__buttons .button { height: 45px; padding: 0; width: 48%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 754, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__buttons .button { font-size: 22px; height: 55px; width: 100%; } /* line 765, app/assets/styles/sass/produto_detalhes.scss */ .produto_deslogado__buttons .button:first-of-type { margin-bottom: 15px; } } /*link de dentro do modal de espiar para o produto*/ /* line 773, app/assets/styles/sass/produto_detalhes.scss */ .link-detalhes-produto { color: #000000; float: left; font-size: 14px; margin-top: 30px; margin-left: 160px; text-transform: uppercase; } /* line 781, app/assets/styles/sass/produto_detalhes.scss */ .link-detalhes-produto:hover { color: #000000; text-decoration: underline; } /*Compre look*/ /* line 1, app/assets/styles/sass/monte-look.scss */ .complete-look { background-color: #f1f1f1; float: left; height: auto; margin-top: 40px; padding: 40px 0; width: 100%; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/monte-look.scss */ .complete-look { float: left; } } /* line 13, app/assets/styles/sass/monte-look.scss */ .complete-look .conteudo { height: auto; } /* line 17, app/assets/styles/sass/monte-look.scss */ .complete-look .complete-look__titulo:before { z-index: 0; } /* line 21, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-look { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-look { margin-top: 30px; } } /* line 29, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look { width: 600px; } } /* line 36, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li { margin-right: 14px; position: relative; } @media (max-width: 640px) { /* line 36, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li { margin-right: 0; width: 100%; } } /* line 49, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li:after { background-repeat: no-repeat; content: ""; height: 55px; position: absolute; right: -35px; top: 148px; width: 55px; z-index: 9; } @media (max-width: 1199px) { /* line 49, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li:after { top: 113px; } } @media (max-width: 640px) { /* line 49, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li:after { top: 270px; left: 102px; } } /* line 72, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li:nth-of-type(1):after, .complete-look .lista-look > li:nth-of-type(2):after { background-image: url(../images/icons/icon-plus.png); } /* line 79, app/assets/styles/sass/monte-look.scss */ .complete-look .lista-look > li:last-of-type:after { background-image: url(../images/icons/icon-equal.png); /* @media (max-width: 640px) { left: 100px; top: 414px; } */ } /* line 91, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-wrap { margin-top: 20px; width: 260px; } @media (max-width: 1199px) { /* line 91, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-wrap { width: 220px; } } @media (max-width: 640px) { /* line 91, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-wrap { margin-top: 0; margin-left: 0; width: 100%; } } /* line 106, app/assets/styles/sass/monte-look.scss */ .complete-look .combo { background-color: #ffffff; width: 100%; } /* line 116, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-qtd { background-color: #000000; color: #ffffff; font-size: 18px; font-weight: 400; height: 40px; line-height: 40px; margin-bottom: 0; padding: 0; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 116, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-qtd { font-size: 24px; } } /* line 133, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info { padding: 20px; } @media (max-width: 640px) { /* line 133, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info { display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } } /* line 140, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .combo-fotos { border: 1px solid #888; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } /* line 147, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers { margin-top: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 147, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers { margin-top: 0; } } /* line 155, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .de { color: #888; font-size: 13px; line-height: 13px; text-decoration: line-through; } @media (max-width: 640px) { /* line 155, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .de { font-size: 18px; line-height: 18px; } } /* line 167, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .boleto { color: #FF6600; font-size: 30px; font-weight: 900; line-height: 40px; } @media (max-width: 640px) { /* line 167, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .boleto { font-size: 34px; line-height: 44px; } } /* line 181, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers span { color: #212121; font-size: 12px; line-height: 12px; } @media (max-width: 640px) { /* line 181, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers span { font-size: 20px; line-height: 20px; } } /* line 192, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .parcelamento { color: #212121; font-size: 14px; } @media (max-width: 640px) { /* line 192, app/assets/styles/sass/monte-look.scss */ .complete-look .combo-info .offers .parcelamento { font-size: 20px; } } /* line 203, app/assets/styles/sass/monte-look.scss */ .complete-look .bt-comprar-combo { font-size: 22px; height: 50px; line-height: 50px; margin-bottom: 0; padding: 0; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 213, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview { border: none; padding: 0; margin-top: 0; margin-bottom: 75px; width: 100%; } } @media (max-width: 640px) { /* line 223, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .adicionar-lista-desejos { left: 200px; right: auto; } } /* line 231, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure { width: 250px; } @media (max-width: 1199px) { /* line 231, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure { width: 180px; } } @media (max-width: 640px) { /* line 231, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure { border-radius: 10px; overflow: hidden; width: 100%; } } /* line 244, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .product_image_wrap { float: left; height: 252px; } @media (max-width: 1199px) { /* line 244, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .product_image_wrap { height: 182px; } } @media (max-width: 640px) { /* line 244, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .product_image_wrap { height: 262px; width: 262px; } } /* line 258, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .fit__produto-home { height: 250px; width: 250px; } @media (max-width: 1199px) { /* line 258, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .fit__produto-home { height: 180px; width: 180px; } } @media (max-width: 640px) { /* line 258, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figure .fit__produto-home { height: 260px; width: 260px; } } @media (max-width: 640px) { /* line 274, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .product-shortview__hover { bottom: 0; margin-top: 15px; width: 100%; } } @media (max-width: 640px) { /* line 281, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .product-shortview__hover button { height: 40px; } } @media (max-width: 640px) { /* line 288, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figcaption { background-color: #ffffff; height: 260px; padding: 10px; width: 336px; display: flex; align-items: center; flex-direction: column; justify-content: center; } } @media (max-width: 640px) { /* line 301, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figcaption header { height: 100px; margin-bottom: 10px; } } @media (max-width: 640px) { /* line 307, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview figcaption header small { margin-top: 5px; } } /* line 315, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .offers { width: 100%; } /* line 319, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .animate_container { height: 250px; width: 250px; } @media (max-width: 1199px) { /* line 319, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .animate_container { height: 180px; width: 180px; } } @media (max-width: 640px) { /* line 319, app/assets/styles/sass/monte-look.scss */ .complete-look .product-shortview .animate_container { float: left; height: 260px; width: 260px; } } /** * Modal compre-junto (monte-look-tamanhos) */ /* line 4, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos { border: 0; border-radius: 0; padding: 0; width: 750px !important; } @media (max-width: 640px) { /* line 4, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos { left: 50%; min-height: initial; margin-left: -300px; width: 600px !important; } } /* line 17, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .close-reveal-modal.close-reveal-modal.close-reveal-modal { color: #ffffff; font-size: 40px; height: 30px; top: 5px !important; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 17, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .close-reveal-modal.close-reveal-modal.close-reveal-modal { font-size: 48px; top: 12px !important; } } /* line 33, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .header-monte-look-tamanhos { background-color: #FF6600; height: 45px; width: 100%; } @media (max-width: 640px) { /* line 33, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .header-monte-look-tamanhos { height: 60px; } } /* line 43, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .monte-look-tamanhos__modalTitle { color: #ffffff; font-size: 22px; line-height: 45px; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .monte-look-tamanhos__modalTitle { font-size: 24px; line-height: 60px; } } /* line 56, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .body-monte-look-tamanhos { padding: 15px 15px; display: flex; justify-content: space-between; } @media (max-width: 640px) { /* line 56, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .body-monte-look-tamanhos { flex-direction: column; } } /* line 67, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .lista-itens-monte-look-tamanhos { width: 406px; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .lista-itens-monte-look-tamanhos { width: 570px; } } /* line 74, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .lista-itens-monte-look-tamanhos > li { border-bottom: 1px solid #d9d9d9; padding: 10px 0; display: flex; align-items: row; justify-content: space-between; flex-direction: nowrap; flex-wrap: center; } /* line 81, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-image { border: 1px solid #d9d9d9; border-radius: 4px; height: 162px; overflow: hidden; position: relative; width: 162px; } /* line 89, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-image a { height: 100%; position: absolute; width: 100%; } /* line 96, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-informations { margin-left: 10px; width: 245px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 640px) { /* line 96, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-informations { width: 405px; } } /* line 110, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-informations .produto-name h1 { font-size: 15px; line-height: 17px; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-informations .produto-name h1 { font-size: 22px; line-height: 22px; width: 100%; } } /* line 121, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-informations .produto-name aside { margin-bottom: 15px; } /* line 127, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref { padding-right: 5px; width: 199px; } @media (max-width: 640px) { /* line 127, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref { width: 228px; } } /* line 135, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref h1 { font-size: 14px; line-height: 16px; text-transform: uppercase; } @media (max-width: 640px) { /* line 135, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref h1 { font-size: 22px; line-height: 24px; } } /* line 146, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref .ref, .monte-look-tamanhos .produto-ref .cor { color: #000000; font-size: 11px; } @media (max-width: 640px) { /* line 146, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-ref .ref, .monte-look-tamanhos .produto-ref .cor { font-size: 20px; } } @media (max-width: 640px) { /* line 157, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size, .monte-look-tamanhos .produto-price { margin: 10px 0; } } /* line 164, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size h2, .monte-look-tamanhos .produto-price h2 { font-size: 12px; } @media (max-width: 640px) { /* line 164, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size h2, .monte-look-tamanhos .produto-price h2 { font-size: 20px; } } /* line 174, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size { margin-bottom: 10px; } /* line 177, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } /* line 180, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li { border: 1px solid #000000; display: inline-block; height: 27px; margin-right: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; text-transform: uppercase; min-width: 27px; } @media (max-width: 640px) { /* line 180, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li { height: 40px; min-width: 40px; } } /* line 196, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li:hover, .monte-look-tamanhos .produto-size .tamanho li.active { background-color: #FF6600; } /* line 201, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li:last-of-type { margin-right: 0; } /* line 205, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li label { color: #000000; font-size: 16px; line-height: 25px; text-align: center; width: 100%; display: flex; justify-content: center; } @media (max-width: 640px) { /* line 205, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li label { font-size: 22px; line-height: 40px; } } /* line 221, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li .c_ui-1 { margin-right: 5px; margin-left: -5px; } @media (max-width: 640px) { /* line 227, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li article[class*='c_ui-'] { height: 38px !important; width: 38px !important; } /* line 231, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li article[class*='c_ui-']:not(.c_ui-) > span { height: 38px !important; width: 38px !important; } } /* line 237, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-size .tamanho li input[type="checkbox"] { display: none; } /* line 244, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; } /* line 247, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .price { font-size: 18px; font-weight: 700; } @media (max-width: 640px) { /* line 247, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .price { font-size: 23px; } } /* line 256, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .valor-antes { color: #999; font-size: 14px; font-weight: 400; line-height: 14px; text-decoration: line-through; } @media (max-width: 640px) { /* line 256, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .valor-antes { font-size: 20px; line-height: 20px; } } /* line 269, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .valor-atual { color: #FF6600; font-size: 20px; font-weight: 900; line-height: 26px; } @media (max-width: 640px) { /* line 269, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .valor-atual { font-size: 26px; } } /* line 280, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .discount { font-size: 12px; line-height: 12px; } @media (max-width: 640px) { /* line 280, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .produto-price .discount { font-size: 18px; line-height: 20px; } } /* line 291, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos { border: solid 3px #d9d9d9; border-radius: 4px; margin-left: 15px; padding: 10px 0; position: relative; width: 300px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 291, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos { margin: 30px 0px 10px; padding: 20px 0; position: relative; width: 570px; flex-wrap: wrap; } } /* line 309, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .combo-fotos { border: 1px solid #d9d9d9; border-radius: 4px; } /* line 314, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .monte-look-tamanhos-qtd { color: #000000; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 640px) { /* line 314, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .monte-look-tamanhos-qtd { font-size: 22px; } } /* line 326, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total { text-align: center; } /* line 329, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total label { font-size: 12px; text-transform: uppercase; } @media (max-width: 640px) { /* line 329, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total label { font-size: 22px; } } /* line 338, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .price { color: #FF6600; font-size: 26px; font-weight: 700; line-height: 26px; } @media (max-width: 640px) { /* line 338, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .price { font-size: 30px; line-height: 30px; } } /* line 350, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .discount { font-size: 12px; line-height: 12px; } @media (max-width: 640px) { /* line 350, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .valor-total .discount { font-size: 18px; line-height: 20px; } } /* line 362, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-monte-look-tamanhos { font-size: 20px; height: 40px; margin: 0; padding: 0; text-transform: uppercase; width: 260px; } @media (max-width: 640px) { /* line 362, app/assets/styles/sass/monte-look-tamanhos.scss */ .monte-look-tamanhos .total-monte-look-tamanhos .bt-comprar-monte-look-tamanhos { font-size: 24px; height: 60px; margin-top: 30px; width: 300px; } } /*detalhes*/ /* line 793, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto { float: left; margin-top: 40px; width: 100%; /*accordion no mobile*/ } @media (max-width: 1199px) { /* line 793, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto { float: left; width: 910px; } } @media (max-width: 640px) { /* line 793, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto { width: 600px; } } /* line 807, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 807, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs { display: none; } } /* line 815, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title { background-color: #000000; border-top-right-radius: 4px; border-top-left-radius: 4px; height: 50px; padding: 0; width: 100%; } @media (max-width: 640px) { /* line 815, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title { height: 65px; margin-bottom: 10px !important; } } /* line 828, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title a { background-color: transparent; border-bottom: none; color: #ffffff; font-family: "Ubuntu"; font-size: 16px; font-weight: 400; height: 100%; line-height: 16px; padding: 0; text-align: center; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 828, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title a { font-size: 22px; line-height: 22px; } } /* line 849, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title:hover, .detalhes-produto .tabs .tab-title.active { background-color: #FF6600; } /* line 853, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title:hover a, .detalhes-produto .tabs .tab-title.active a { color: #ffffff; } /* line 858, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title:not(:last-of-type) { margin-right: 10px; } @media (max-width: 640px) { /* line 858, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs .tab-title:not(:last-of-type) { margin-right: 0; } } /* line 868, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs-content .content { background-color: #f1f1f1; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; font-size: 15px; line-height: 15px; margin-bottom: 50px; padding: 20px; position: relative; text-align: justify; } /* line 880, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .tabs-content .content p { color: #000000; font-size: 16px; font-weight: 400; } @media (max-width: 640px) { /* line 890, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion { float: left; margin-bottom: 50px; width: 100%; } /* line 896, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation { border: none; float: left; margin-bottom: 5px !important; width: 100%; } /* line 902, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation > a { background-color: #000000; border-top-right-radius: 4px; border-top-left-radius: 4px; color: #ffffff; font-family: "Ubuntu"; font-size: 26px; font-weight: 400; text-align: center; text-transform: uppercase; } /* line 914, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation.active > a { background-color: #FF6600; color: #ffffff; } /* line 919, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation .content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; padding: 20px; width: 100%; } /* line 926, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation .content.active { background-color: #f1f1f1; } /* line 930, app/assets/styles/sass/produto_detalhes.scss */ .detalhes-produto .accordion-navigation .content p { color: #000000; font-size: 24px; font-weight: 400; } } /*avaliações*/ /* line 1, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes { display: table; } /* line 4, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .faixa { border-bottom: 1px solid #d9d9d9; float: left; height: 30px; width: 100%; } /* line 10, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .faixa label { color: #000000; cursor: default; float: right; font-size: 14px; margin: 0 10px 0px 0px; } @media (max-width: 640px) { /* line 10, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .faixa label { font-size: 20px; } } /* line 23, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .avaliacao-anunciante2 { float: right; } /* line 27, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao { float: left; height: 287px; overflow-y: scroll; padding-right: 15px; width: 100%; scrollbar-color: #888 #f1f1f1; scrollbar-width: thin; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } /* line 39, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao::-webkit-scrollbar { width: 8px; } /* line 43, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao::-webkit-scrollbar-track { background: #f1f1f1; } /* line 47, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao::-webkit-scrollbar-thumb { background: #888; } /* line 51, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao::-webkit-scrollbar-thumb:hover { background: #555; } @media (max-width: 640px) { /* line 27, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao { float: inherit; } } /* line 59, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao .aval-opiniao { display: table; float: left; padding: 15px 0; width: 100%; } @media (max-width: 640px) { /* line 59, app/assets/styles/sass/produto_avaliacao.scss */ .avaliacoes .opiniao .aval-opiniao { float: inherit; } } /* line 73, app/assets/styles/sass/produto_avaliacao.scss */ .produto_avaliacao__wrap { display: flex; justify-content: space-between; } @media (max-width: 640px) { /* line 73, app/assets/styles/sass/produto_avaliacao.scss */ .produto_avaliacao__wrap { flex-direction: column; } } /* line 83, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente_comentario__wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; flex-basis: 100%; flex-shrink: 4; } /* line 90, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 93, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .square { float: left; height: 50px; overflow: hidden; } /* line 99, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .avatar { float: left; width: 50px; } /* line 104, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data { color: #000000; float: left; line-height: 16px; margin: 0 0px 0px 15px; -ms-word-wrap: break-word; word-wrap: break-word; } /* line 113, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .nome-usuario { line-height: 16px; } @media (max-width: 640px) { /* line 113, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .nome-usuario { font-size: 24px; } } /* line 121, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .aval-usuario { float: left; margin: 0; } @media (max-width: 640px) { /* line 121, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .aval-usuario { margin-top: 5px; } } /* line 130, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .data-hora { clear: left; float: left; font-size: 12px; font-style: italic; margin: 5px 0 0 0; } @media (max-width: 640px) { /* line 130, app/assets/styles/sass/produto_avaliacao.scss */ .produto_cliente__wrap .nome-data .data-hora { font-size: 18px; } } /* line 145, app/assets/styles/sass/produto_avaliacao.scss */ .produto_comentario__wrap { border: 1px solid #d9d9d9; border-radius: 4px; margin-top: 20px; padding: 15px 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 153, app/assets/styles/sass/produto_avaliacao.scss */ .produto_comentario__wrap .aval { float: left; font-family: "Ubuntu"; font-size: 14px; line-height: 18px; margin: 10px 0px 0px 0px; width: 100%; } @media (max-width: 640px) { /* line 153, app/assets/styles/sass/produto_avaliacao.scss */ .produto_comentario__wrap .aval { font-size: 22px; line-height: 24px; } } /* line 166, app/assets/styles/sass/produto_avaliacao.scss */ .produto_comentario__wrap .aval span { color: #777; margin-left: 20px; margin-top: 15px; font-style: italic; display: block; } /* line 173, app/assets/styles/sass/produto_avaliacao.scss */ .produto_comentario__wrap .aval span img { float: left; margin-right: 5px; width: 40px; } /* line 183, app/assets/styles/sass/produto_avaliacao.scss */ .produto_imagem__wrap { border: 1px solid #d9d9d9; border-radius: 4px; margin-left: 20px; padding: 10px 15px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; flex-basis: 350px; flex-shrink: 1; } @media (max-width: 640px) { /* line 183, app/assets/styles/sass/produto_avaliacao.scss */ .produto_imagem__wrap { margin-top: 25px; margin-left: 0; } } /* line 198, app/assets/styles/sass/produto_avaliacao.scss */ .produto_imagem__wrap .img-avaliacao { border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /*avaliar*/ /* line 207, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar { display: table; } /* line 212, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar .faca-comentario textarea { clear: left; float: left; font-size: 14px; height: 120px; margin: 5px 0 0 0; padding: 8px 10px; resize: none; width: 100%; } @media (max-width: 640px) { /* line 212, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar .faca-comentario textarea { font-size: 20px; height: 200px; line-height: 21px; margin: 15px 0 20px; } } /* line 231, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar .faca-comentario .termos-avaliacao { padding: 20px; text-align: justify; } /* line 235, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar .faca-comentario .termos-avaliacao ul { margin: 0px 0px 0px 20px; } /* line 241, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar .envia-avaliacao-produto { width: 100%; } /* line 246, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_comentario__wrap { display: flex; justify-content: space-between; } @media (max-width: 640px) { /* line 246, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_comentario__wrap { flex-direction: column; } } /* line 256, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_comentario__wrap { border: 1px solid #d9d9d9; border-radius: 4px; padding: 15px 20px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 265, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_estrelas__wrap { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 268, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_estrelas__wrap #label-titulo-avaliacao { margin: 0; } /* line 272, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_estrelas__wrap .avaliacao-anunciante3 { margin: 0 0 0 10px; } /* line 278, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap { float: left; margin-top: 15px; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 278, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap { margin-top: 20px; align-items: center; flex-direction: column; } } /* line 291, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap .termos_avaliacao__open { color: #FF6600 !important; font-size: 14px; font-style: normal; margin: -2px 0px 0px 0px; } @media (max-width: 640px) { /* line 291, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap .termos_avaliacao__open { font-size: 22px; line-height: 23px; margin: 0 0 15px 0; text-align: center; } } /* line 304, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap .termos_avaliacao__open:hover { text-decoration: underline; } /* line 309, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap .bt-enviar-aval { color: #ffffff; font-size: 18px; margin: 0; padding: 8px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 309, app/assets/styles/sass/produto_avaliacao.scss */ .envia-avaliacao_termo_button__wrap .bt-enviar-aval { font-size: 24px; padding: 20px; width: 100%; } } /* line 325, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_imagem__wrap { border: 1px solid #d9d9d9; border-radius: 4px; margin-left: 20px; padding: 10px 15px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; flex-basis: 400px; flex-shrink: 1; } @media (max-width: 640px) { /* line 325, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_imagem__wrap { margin-top: 25px; margin-left: 0; } } /* line 340, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_imagem__wrap .img-avaliacao { border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 353, app/assets/styles/sass/produto_avaliacao.scss */ .remover-imagem-avaliacao, .remover-comentario-painel { font-size: 13px; padding: 8px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 353, app/assets/styles/sass/produto_avaliacao.scss */ .remover-imagem-avaliacao, .remover-comentario-painel { font-size: 20px; } } /* line 364, app/assets/styles/sass/produto_avaliacao.scss */ .remover-imagem-avaliacao { margin-top: 15px; } @media (max-width: 640px) { /* line 368, app/assets/styles/sass/produto_avaliacao.scss */ .remover-comentario-painel { margin-top: 20px; } } /* line 374, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 374, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap { flex-direction: column; } } /* line 381, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap .avaliar_link__login { color: #000000; font-size: 16px; font-weight: 400; } @media (max-width: 640px) { /* line 381, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap .avaliar_link__login { font-size: 24px; margin-bottom: 15px; } } /* line 391, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap .avaliar_link__login:hover { color: #FF6600; text-decoration: underline; } /* line 397, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap .bt-enviar-aval { color: #ffffff; font-size: 14px; margin: 0; padding: 8px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 397, app/assets/styles/sass/produto_avaliacao.scss */ .avaliar_produto_deslogado__wrap .bt-enviar-aval { font-size: 24px; width: 100%; } } /* line 412, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__wrap { float: left; margin-top: 20px; width: 100%; } /* line 418, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width: 0.1px; z-index: -1; } @media (max-width: 640px) { /* line 418, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file { width: auto; } } /* line 430, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label { background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 4px; color: #707070; cursor: pointer; display: inline-block; font-size: 20px; font-weight: 700; overflow: hidden; padding: 0; text-overflow: ellipsis; max-width: 80%; white-space: nowrap; } @media (max-width: 640px) { /* line 430, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label { max-width: 100%; width: 100%; } } /* line 451, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file:focus + label, .inputfile__file.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } /* line 457, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file:focus + label, .inputfile__file.has-focus + label, .inputfile__file + label:hover { border-color: #000000; } /* line 463, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label svg { fill: currentColor; height: 1em; margin-top: -4px; margin-right: 4px; vertical-align: middle; width: 1em; } /* line 472, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label span, .inputfile__file + label strong { padding: 7px 20px; } /* line 477, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label span { display: inline-block; font-size: 14px; min-height: 2em; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; width: 300px; } @media (max-width: 640px) { /* line 477, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label span { font-size: 22px; width: 100%; } } /* line 493, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label strong { background-color: #FF6600; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 400; text-transform: uppercase; } @media (max-width: 640px) { /* line 493, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file + label strong { display: block; font-size: 22px; text-align: center; } } /* line 508, app/assets/styles/sass/produto_avaliacao.scss */ .inputfile__file:focus + label strong, .inputfile__file.has-focus + label strong, .inputfile__file + label:hover strong { background-color: #000000; } @media (max-width: 640px) { /* line 515, app/assets/styles/sass/produto_avaliacao.scss */ input[type=file] { width: auto; } } /*produtos-relacionados*/ /* line 945, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados, .produtos-sugeridos { float: left; margin-bottom: 100px; width: 100%; } /* line 950, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list, .produtos-sugeridos .thumb-product_list { float: left; width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } /* line 955, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list li, .produtos-sugeridos .thumb-product_list li { /* float: left !important; margin-right: 23px; */ /* @media only screen and (min-width: 1200px) { &:nth-of-type(4n) { margin-right: 0; } } */ /* &:last-of-type { margin-right: 0; } */ } @media (max-width: 1199px) { /* line 955, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list li, .produtos-sugeridos .thumb-product_list li { /* margin-right: 20px; &:nth-of-type(3) { margin-right: 0; } */ } /* line 972, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list li:nth-of-type(4), .produtos-sugeridos .thumb-product_list li:nth-of-type(4) { display: none; } } @media (max-width: 640px) { /* line 955, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list li, .produtos-sugeridos .thumb-product_list li { /* margin-right: initial; &:nth-of-type(2) { margin-right: initial; } &:nth-of-type(3) { margin-right: initial; } */ } /* line 988, app/assets/styles/sass/produto_detalhes.scss */ .produtos-relacionados .thumb-product_list li:nth-of-type(4), .produtos-sugeridos .thumb-product_list li:nth-of-type(4) { display: block; } } /*produtos-sugeridos*/ /* line 1001, app/assets/styles/sass/produto_detalhes.scss */ .produtos-sugeridos { margin-top: 60px; margin-bottom: 20px; } /* line 1007, app/assets/styles/sass/produto_detalhes.scss */ .produtos_relacionados__wrap { float: left; width: 100%; } /*------------------------------------*\ #MODAL DE PRODUTO ADICIONADO NO CARRINHO \*------------------------------------*/ /* line 1, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado { background-color: #000000; border: 0; border-radius: 0; padding: 0; width: 800px; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado { min-height: 204px; margin-left: 20px; width: 600px; } } /* line 14, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .continuar-comprando { padding: 20px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 19, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado h3, #produto-adicionado h4 { color: #FF6600; font-weight: 400; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 27, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado h3 { font-size: 26px; line-height: 26px; } } /* line 35, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado h4 { font-size: 18px; font-style: italic; margin-bottom: 40px; } @media (max-width: 640px) { /* line 35, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado h4 { font-size: 20px; margin-bottom: 20px; } } /* line 46, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .botoes { width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 50, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .botoes a { width: 47%; } } /* line 56, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .botoes .return, #produto-adicionado .botoes .buy { font-size: 18px; font-weight: 400; padding: 15px 0; text-transform: uppercase; width: 265px; } @media (max-width: 640px) { /* line 56, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .botoes .return, #produto-adicionado .botoes .buy { font-size: 18px; width: 100%; } } /* line 71, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .botoes .return:hover { background-color: #ffffff; color: #FF6600; } /* line 78, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados, #produto-adicionado .produtos-sugeridos { background-color: #ffffff; margin-bottom: 0; padding: 20px; } /* line 83, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados h2, #produto-adicionado .produtos-sugeridos h2 { color: #FF6600; font-size: 22px; font-weight: 400; text-align: center; text-transform: uppercase; } /* line 91, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .thumb-product_list, #produto-adicionado .produtos-sugeridos .thumb-product_list { display: flex; align-items: flex-start; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 91, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .thumb-product_list, #produto-adicionado .produtos-sugeridos .thumb-product_list { width: 560px; flex-wrap: wrap; } } /* line 102, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .thumb-product_list > li:nth-of-type(4), #produto-adicionado .produtos-sugeridos .thumb-product_list > li:nth-of-type(4) { display: none; } /* line 110, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview figure, #produto-adicionado .produtos-sugeridos .product-shortview figure { width: 220px; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview figure, #produto-adicionado .produtos-sugeridos .product-shortview figure { width: 260px; } } /* line 118, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview .product_image_wrap, #produto-adicionado .produtos-sugeridos .product-shortview .product_image_wrap { height: 222px; } @media (max-width: 640px) { /* line 118, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview .product_image_wrap, #produto-adicionado .produtos-sugeridos .product-shortview .product_image_wrap { height: 260px; } } /* line 126, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview .product-shortview__hover, #produto-adicionado .produtos-sugeridos .product-shortview .product-shortview__hover { bottom: 150px; } @media (max-width: 640px) { /* line 126, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview .product-shortview__hover, #produto-adicionado .produtos-sugeridos .product-shortview .product-shortview__hover { bottom: 235px; } } /* line 134, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview figcaption, #produto-adicionado .produtos-sugeridos .product-shortview figcaption { padding: 10px; } /* line 139, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview figcaption header small, #produto-adicionado .produtos-sugeridos .product-shortview figcaption header small { line-height: 11px; width: 155px; } @media (max-width: 640px) { /* line 139, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .product-shortview figcaption header small, #produto-adicionado .produtos-sugeridos .product-shortview figcaption header small { width: 240px; } } /* line 151, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .fit__produto-home, #produto-adicionado .produtos-sugeridos .fit__produto-home { height: 220px; width: 220px; } @media (max-width: 640px) { /* line 151, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .fit__produto-home, #produto-adicionado .produtos-sugeridos .fit__produto-home { height: 260px; width: 260px; } } /* line 161, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .animate_container, #produto-adicionado .produtos-sugeridos .animate_container { height: 220px; width: 220px; } @media (max-width: 640px) { /* line 161, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .animate_container, #produto-adicionado .produtos-sugeridos .animate_container { height: 260px; width: 260px; } } /* line 173, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .tag, #produto-adicionado .produtos-sugeridos .tag { height: auto; line-height: 12px; padding: 2px 5px; text-align: center; width: 40px; } @media (max-width: 640px) { /* line 173, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .tag, #produto-adicionado .produtos-sugeridos .tag { line-height: 18px; width: 55px; } } /* line 186, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .tag-desconto, #produto-adicionado .produtos-sugeridos .tag-desconto { font-size: 12px; } @media (max-width: 640px) { /* line 186, app/assets/styles/sass/produto-adicionado_modal.scss */ #produto-adicionado .produtos-relacionados .tag-desconto, #produto-adicionado .produtos-sugeridos .tag-desconto { font-size: 18px; } } /*------------------------------------*\ #CONJUNTOS \*------------------------------------*/ /* line 3, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .conteudo { display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 7, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .bread { width: 100%; } /* line 11, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .grids { margin-right: 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1300px) { /* line 11, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .grids { display: none; } } /* line 20, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4 { background-image: url(../images/icons/grid-off-4.png); width: 62px; } @media (max-width: 1776px) { /* line 20, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4 { background-image: url(../images/icons/grid-off-3.png); } } @media (max-width: 1474px) { /* line 20, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4 { background-image: url(../images/icons/grid-off-3.png); } } /* line 32, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4.active { background-image: url(../images/icons/grid-on-4.png); } @media (max-width: 1776px) { /* line 32, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4.active { background-image: url(../images/icons/grid-on-3.png); } } @media (max-width: 1474px) { /* line 32, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-4.active { background-image: url(../images/icons/grid-on-3.png); } } /* line 45, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6 { background-image: url(../images/icons/grid-off-6.png); width: 95px; } @media (max-width: 1736px) { /* line 45, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6 { background-image: url(../images/icons/grid-off-5.png); } } @media (max-width: 1456px) { /* line 45, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6 { background-image: url(../images/icons/grid-off-4.png); } } /* line 57, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6.active { background-image: url(../images/icons/grid-on-6.png); } @media (max-width: 1736px) { /* line 57, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6.active { background-image: url(../images/icons/grid-on-5.png); } } @media (max-width: 1456px) { /* line 57, app/assets/styles/sass/conjuntos.scss */ .conjuntos_bread__wrap .show-grid-6.active { background-image: url(../images/icons/grid-on-4.png); } } /* line 72, app/assets/styles/sass/conjuntos.scss */ .conjuntos__title { margin-bottom: 25px; width: 100%; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 961px) { /* line 81, app/assets/styles/sass/conjuntos.scss */ .looks { padding: 0 20px; } } /* line 86, app/assets/styles/sass/conjuntos.scss */ .looks .titulo_padrao { margin-bottom: 30px; text-align: center; } /* line 91, app/assets/styles/sass/conjuntos.scss */ .looks .thumb-product_list { display: flex; align-items: stretch; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } /* line 96, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview { display: table; width: 100%; } /* line 100, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figure { display: table; height: auto; width: 100%; } /* line 106, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview .product_image_wrap { height: auto; } /* line 110, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption { justify-content: center; height: 160px; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption { height: auto; } } /* line 118, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header { height: 20px; } @media (max-width: 640px) { /* line 118, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header { height: 45px; } } /* line 125, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header p { font-size: 14px; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 125, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header p { font-size: 20px; line-height: 20px; } } /* line 136, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header h1 { display: none; } /* line 141, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption header small { width: 100%; } /* line 145, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption p { width: 91%; } @media (max-width: 640px) { /* line 145, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption p { width: 230px; } } /* line 155, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption .boleto > span { font-size: 14px; font-weight: 400; } @media (max-width: 640px) { /* line 155, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview figcaption .boleto > span { font-size: 20px; } } /* line 166, app/assets/styles/sass/conjuntos.scss */ .looks .product-shortview .button { font-size: 16px; margin-top: 5px; padding: 10px 30px; width: auto; } /* line 174, app/assets/styles/sass/conjuntos.scss */ .looks .animate_container { display: table; height: auto; position: relative; width: 100%; } /* line 180, app/assets/styles/sass/conjuntos.scss */ .looks .animate_container .face { display: table; height: auto; position: relative; width: 100%; } /* line 187, app/assets/styles/sass/conjuntos.scss */ .looks .animate_container .back { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; } /*busca com 3 produtos por linha*/ /* line 200, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview { width: calc(420px - 30px) !important; } @media (max-width: 1600px) { /* line 200, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview { width: calc(350px - 30px) !important; } } @media (max-width: 640px) { /* line 200, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview { width: calc(290px - 30px) !important; } } @media (max-width: 640px) { /* line 211, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview .produto__preco-geral { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } /* line 216, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview .produto__preco-geral p { width: 100%; } } /* line 223, app/assets/styles/sass/conjuntos.scss */ .grid-4 figure { overflow: hidden; } @media (max-width: 1199px) { /* line 223, app/assets/styles/sass/conjuntos.scss */ .grid-4 figure { width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 223, app/assets/styles/sass/conjuntos.scss */ .grid-4 figure { width: calc(290px - 30px); } } /* line 235, app/assets/styles/sass/conjuntos.scss */ .grid-4 .product-shortview__hover { bottom: 0; } /* line 240, app/assets/styles/sass/conjuntos.scss */ .grid-4 .animate_container, .grid-4 .imagem-sem-costas { height: 400px; width: 400px; } @media (max-width: 1199px) { /* line 240, app/assets/styles/sass/conjuntos.scss */ .grid-4 .animate_container, .grid-4 .imagem-sem-costas { height: 310px; width: 310px; } } @media (max-width: 640px) { /* line 240, app/assets/styles/sass/conjuntos.scss */ .grid-4 .animate_container, .grid-4 .imagem-sem-costas { height: 280px; width: 280px; } } /*busca com 4 produtos por linha*/ /* line 260, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview { width: 250px; } @media (max-width: 1199px) { /* line 260, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview { width: 310px !important; } } @media (max-width: 640px) { /* line 260, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview { width: 280px !important; } } /* line 271, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview figure { overflow: hidden; width: 250px; } @media (max-width: 1199px) { /* line 271, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview figure { width: 310px; } } @media (max-width: 640px) { /* line 271, app/assets/styles/sass/conjuntos.scss */ .grid-6 .product-shortview figure { width: 280px; } } /* line 285, app/assets/styles/sass/conjuntos.scss */ .grid-6 .animate_container { height: 250px; width: 250px; } @media (max-width: 640px) { /* line 285, app/assets/styles/sass/conjuntos.scss */ .grid-6 .animate_container { height: height-img-conjunto__6--tablet; width: 310px; } } @media (max-width: 640px) { /* line 285, app/assets/styles/sass/conjuntos.scss */ .grid-6 .animate_container { height: height-img-conjunto__6--mobile; width: 280px; } } /*------------------------------- LOGIN CADASTRO -------------------------------*/ /* line 1, app/assets/styles/sass/tela_login.scss */ .acesso-login { margin: 0 auto; width: 600px; padding: 50px 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/tela_login.scss */ .acesso-login { padding: 50px 0; width: 100%; } } /* line 16, app/assets/styles/sass/tela_login.scss */ .acesso-login .titulo_padrao { background-color: transparent; color: #000000; font-weight: 600; } /* line 20, app/assets/styles/sass/tela_login.scss */ .acesso-login .titulo_padrao:after { background-color: transparent; } /* line 26, app/assets/styles/sass/tela_login.scss */ .acesso-login__titulo { text-align: center; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; } /* line 35, app/assets/styles/sass/tela_login.scss */ .acesso-login__titulo h5 { font-size: 18px; color: #212121; margin: 10px 0; margin-bottom: 15px; } @media (max-width: 640px) { /* line 35, app/assets/styles/sass/tela_login.scss */ .acesso-login__titulo h5 { font-size: 22px; } } /* line 47, app/assets/styles/sass/tela_login.scss */ .acesso-login__form { margin-bottom: 10px; transition: all .5s ease; width: 100%; } /* line 53, app/assets/styles/sass/tela_login.scss */ .acesso-login__form input[type=text], .acesso-login__form .acesso-login__senha, .acesso-login__form select { height: 45px; margin-bottom: 1rem; padding: 0 10px; width: 100%; } @media (max-width: 640px) { /* line 53, app/assets/styles/sass/tela_login.scss */ .acesso-login__form input[type=text], .acesso-login__form .acesso-login__senha, .acesso-login__form select { font-size: 22px; height: 65px; } } /* line 67, app/assets/styles/sass/tela_login.scss */ .acesso-login__form input[type=text]::placeholder, .acesso-login__form .acesso-login__senha::placeholder, .acesso-login__form select::placeholder { color: #212121; } /* line 70, app/assets/styles/sass/tela_login.scss */ .acesso-login__form input[type=text]:-ms-input-placeholder, .acesso-login__form .acesso-login__senha:-ms-input-placeholder, .acesso-login__form select:-ms-input-placeholder { color: #212121; } /* line 73, app/assets/styles/sass/tela_login.scss */ .acesso-login__form input[type=text]::-ms-input-placeholder, .acesso-login__form .acesso-login__senha::-ms-input-placeholder, .acesso-login__form select::-ms-input-placeholder { color: #212121; } /* line 78, app/assets/styles/sass/tela_login.scss */ .acesso-login__form .acesso-login__button { height: 45px; width: 100%; } @media (max-width: 640px) { /* line 78, app/assets/styles/sass/tela_login.scss */ .acesso-login__form .acesso-login__button { font-size: 22px; height: 65px; } } /* line 90, app/assets/styles/sass/tela_login.scss */ .acesso-login__retorno { background-color: #ffe7e7; color: red; display: none; font-size: 14px; margin-top: -8px; margin-bottom: 10px; opacity: 0; padding: 5px 15px; width: auto; } @media (max-width: 640px) { /* line 90, app/assets/styles/sass/tela_login.scss */ .acesso-login__retorno { margin: 10px 0; font-size: 18px; } } /* line 107, app/assets/styles/sass/tela_login.scss */ .js-acesso-login--error { opacity: 1; display: table; width: auto; } /* line 113, app/assets/styles/sass/tela_login.scss */ .js-acesso-login__hidden { display: none !important; opacity: 0; } /* line 118, app/assets/styles/sass/tela_login.scss */ .acesso-login__link { display: table; text-align: center; width: 100%; } /* line 123, app/assets/styles/sass/tela_login.scss */ .acesso-login__link p { color: #212121; } @media (max-width: 640px) { /* line 123, app/assets/styles/sass/tela_login.scss */ .acesso-login__link p { font-size: 22px; margin-top: 15px; } } /* line 131, app/assets/styles/sass/tela_login.scss */ .acesso-login__link p a { font-size: 18px; font-weight: 700; text-decoration: underline; } @media (max-width: 640px) { /* line 131, app/assets/styles/sass/tela_login.scss */ .acesso-login__link p a { font-size: 22px; } } /* line 140, app/assets/styles/sass/tela_login.scss */ .acesso-login__link p a:hover { color: #000000; } /* line 147, app/assets/styles/sass/tela_login.scss */ .acesso-login__facebook { margin-bottom: 15px; width: 100%; display: flex; align-items: center; justify-content: center; } /* line 158, app/assets/styles/sass/tela_login.scss */ .acesso-login__esqueci-senha a { color: #212121; display: table; margin-bottom: 15px; text-align: center; text-decoration: underline; width: 100%; } @media (max-width: 640px) { /* line 158, app/assets/styles/sass/tela_login.scss */ .acesso-login__esqueci-senha a { font-size: 18px; } } /* line 1, app/assets/styles/sass/login_cadastro.scss */ .user_access { margin-top: 30px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/login_cadastro.scss */ .user_access { flex-direction: column; } } /* line 9, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users, .user_access .new-users { width: 100%; margin-bottom: 50px; } @media (max-width: 640px) { /* line 9, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users, .user_access .new-users { width: 100%; } } /* line 21, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_title__wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 24, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_title__wrap .titulo_padrao { line-height: 24px; } @media (max-width: 640px) { /* line 24, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_title__wrap .titulo_padrao { /* display: table; width: 100%; */ } } /* line 34, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 34, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap { align-items: flex-end; flex-direction: column; } } /* line 42, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap small { color: #212121; font-size: 12px; line-height: 12px; text-align: right; } @media (max-width: 640px) { /* line 42, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap small { font-size: 20px; line-height: 20px; } } /* line 54, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap .fb-login-button { margin-left: 10px; } @media (max-width: 640px) { /* line 54, app/assets/styles/sass/login_cadastro.scss */ .user_access .user_facebook__wrap .fb-login-button { margin-top: 10px; margin-left: 0; } } /* line 64, app/assets/styles/sass/login_cadastro.scss */ .user_access form { margin-top: 20px; } /* line 67, app/assets/styles/sass/login_cadastro.scss */ .user_access form label { color: #000000; font-weight: 400; width: 100%; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/login_cadastro.scss */ .user_access form label { font-size: 26px; } } /* line 77, app/assets/styles/sass/login_cadastro.scss */ .user_access form input, .user_access form select { height: 46px; margin-bottom: 1rem; padding: 0 10px; width: 100%; } @media (max-width: 640px) { /* line 77, app/assets/styles/sass/login_cadastro.scss */ .user_access form input, .user_access form select { font-size: 26px; height: 65px; } } /* line 93, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib .tributaria_wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 93, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib .tributaria_wrap { flex-wrap: wrap; } } /* line 101, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib .situacao { float: left; margin: 10px 0 15px 0; } @media (max-width: 640px) { /* line 101, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib .situacao { width: 100%; display: flex; align-items: center; } } /* line 113, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib input { float: left; height: auto; margin-top: 5px; margin-bottom: 0; width: auto; } /* line 121, app/assets/styles/sass/login_cadastro.scss */ .user_access form .input-sit-trib label { width: auto; } @media (max-width: 640px) { /* line 127, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users { margin-bottom: 80px; } } /* line 133, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users a { color: #000000; float: left; font-size: 13px; font-style: italic; margin-top: 16px; text-decoration: none; } @media (max-width: 640px) { /* line 133, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users a { font-size: 22px; } } /* line 145, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users a:hover { text-decoration: underline; } /* line 150, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users button { clear: right; font-size: 1rem; margin: 4px 0 0 0; padding: 10px 50px; text-transform: uppercase; } @media (max-width: 640px) { /* line 150, app/assets/styles/sass/login_cadastro.scss */ .user_access .for-users button { float: left; font-size: 2rem; margin: 1.5rem 0 0 0; padding: 20px 0; width: 600px; } } /* line 169, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users .receber-news, .user_access .new-users .aceita-termos { color: #000000; float: left; font-size: 13px; font-style: italic; margin: 20px 0; } @media (max-width: 640px) { /* line 169, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users .receber-news, .user_access .new-users .aceita-termos { font-size: 24px; } } /* line 181, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users .receber-news a:hover, .user_access .new-users .aceita-termos a:hover { text-decoration: underline; } /* line 186, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users input[type="checkbox"] { border: none; float: left; margin: -14px 7px 0 0; width: auto; } @media (max-width: 640px) { /* line 186, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users input[type="checkbox"] { margin-top: -16px !important; width: 35px !important; } } /* line 198, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users button { font-size: 1rem; margin: 0 0 3rem 0; padding: 10px 40px; text-transform: uppercase; } @media (max-width: 640px) { /* line 198, app/assets/styles/sass/login_cadastro.scss */ .user_access .new-users button { float: left; font-size: 22px !important; margin: 1.5rem 0 40px 0; padding: 0 2rem !important; width: auto; } } /* line 215, app/assets/styles/sass/login_cadastro.scss */ .cliente-completar-conta .user_access { margin-top: 0; } /* line 219, app/assets/styles/sass/login_cadastro.scss */ .complete-account { left: 50%; margin: 0 0 0 -247px; position: relative; width: 495px; } @media (max-width: 640px) { /* line 219, app/assets/styles/sass/login_cadastro.scss */ .complete-account { left: 0; margin: 50px 0 0 0; } } /* line 229, app/assets/styles/sass/login_cadastro.scss */ .complete-account .input-sit-trib .situacao { float: left; margin: 10px 50px 15px 0; } @media (max-width: 1199px) { /* line 229, app/assets/styles/sass/login_cadastro.scss */ .complete-account .input-sit-trib .situacao { margin-right: 12px; } } @media (max-width: 640px) { /* line 229, app/assets/styles/sass/login_cadastro.scss */ .complete-account .input-sit-trib .situacao { margin-right: 30px; } } /* line 239, app/assets/styles/sass/login_cadastro.scss */ .complete-account .input-sit-trib input { float: left; height: auto; margin-top: 5px; margin-bottom: 0; width: auto; } /* line 246, app/assets/styles/sass/login_cadastro.scss */ .complete-account .input-sit-trib label { width: auto; } /* line 256, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .stepProgress { margin-bottom: 25px; position: relative; text-align: left; width: 50%; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 640px) { /* line 256, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .stepProgress { width: 100%; } } /* line 271, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .progressBar { box-shadow: inset 0px 1px 0px 0px #d9d9d9, inset 0px -1px 0px 0px #d9d9d9; display: block; height: 2px; left: 1px; margin: 0 auto; position: absolute; right: 1px; top: 21px; width: 80%; z-index: 1; } /* line 284, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .stepNumbers { margin: 0 auto; position: relative; width: 100%; display: flex; justify-content: space-between; } /* line 294, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .step { background-color: #ffffff; border: 1px solid #cfcfcf; border-radius: 50%; color: #FF6600; font-weight: 600; height: 48px; text-align: center; width: 48px; z-index: 2; display: flex; align-items: center; justify-content: center; } /* line 310, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .step.finish { background-color: #FF6600; border: none; color: #ffffff; } /* line 316, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__steps .stepTwoCapsule { background: #ffffff; padding-left: 5px; padding-right: 5px; z-index: 2; } /* line 325, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__banner { margin-bottom: 50px; } /* line 331, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__descricao p { font-weight: 100; color: #757376; font-size: 15px; line-height: 20px; margin-bottom: 20px; } @media (max-width: 640px) { /* line 331, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__descricao p { font-size: 20px; line-height: 30px; } } /* line 343, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__descricao p span, .cadastro-cliente__descricao p b { font-weight: bold; color: #686667; } /* line 351, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs { clear: both; margin-top: 20px; width: 100%; display: flex; align-items: center; justify-content: flex-start; } /* line 360, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .tab-title { margin-right: 25px; } @media (max-width: 640px) { /* line 360, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .tab-title { width: 50%; } } /* line 368, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .disable { pointer-events: none; opacity: .5; } /* line 373, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__ir-dados, .cliente-cadastro__tabs .cliente-cadastro__ir-endereco, .cliente-cadastro__tabs .cliente-cadastro__finalizar { background-color: #3B8C14 !important; border-radius: 4px !important; color: #ffffff !important; height: 60px !important; margin: 0 !important; line-height: inherit !important; } @media (max-width: 640px) { /* line 373, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__ir-dados, .cliente-cadastro__tabs .cliente-cadastro__ir-endereco, .cliente-cadastro__tabs .cliente-cadastro__finalizar { font-size: 22px; padding: 0 !important; } } /* line 389, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__ir-dados a, .cliente-cadastro__tabs .cliente-cadastro__ir-endereco a, .cliente-cadastro__tabs .cliente-cadastro__finalizar a { background-color: #3B8C14 !important; border-radius: 4px; color: #ffffff !important; height: 100%; padding: 0 2rem !important; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 389, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__ir-dados a, .cliente-cadastro__tabs .cliente-cadastro__ir-endereco a, .cliente-cadastro__tabs .cliente-cadastro__finalizar a { font-size: 26px !important; padding: 0 2rem !important; } } @media (max-width: 640px) { /* line 409, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__ir-endereco { width: 100%; } } @media (max-width: 640px) { /* line 415, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__tabs .cliente-cadastro__finalizar { width: 50%; } } /* line 422, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__voltar { background-color: #f1f1f1 !important; border-radius: 4px; color: #000000 !important; height: 60px; margin-right: 25px; line-height: inherit !important; text-transform: inherit !important; } @media (max-width: 640px) { /* line 422, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__voltar { font-size: 22px !important; } } /* line 435, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__voltar a { background-color: #f1f1f1 !important; border-radius: 4px; color: #000000 !important; height: 100%; padding: 0 2rem !important; text-transform: uppercase; width: 100%; display: flex !important; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 435, app/assets/styles/sass/login_cadastro.scss */ .cliente-cadastro__voltar a { font-size: 22px !important; } } /* line 454, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__content { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* line 460, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__content .endereco-cadastro-cliente { width: 100%; } /* line 464, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__content #bloco-br { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* line 472, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__input { width: 48%; } /* line 475, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__input .numero_wrap { display: flex; align-items: center; justify-content: center; } /* line 480, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__input .numero_wrap label { width: 60%; margin-left: 5%; } @media (max-width: 640px) { /* line 472, app/assets/styles/sass/login_cadastro.scss */ .cadastro-cliente__input { width: 100%; } } /* line 495, app/assets/styles/sass/login_cadastro.scss */ .como-funciona h3 { text-align: center; color: #000000; font-weight: 700; font-size: 36px; letter-spacing: 2px; padding: 25px; margin-bottom: 10px; } /* line 506, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__blocos { margin-bottom: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 640px) { /* line 506, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__blocos { flex-wrap: wrap; } } /* line 519, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__bloco { width: 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 640px) { /* line 519, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__bloco { margin-bottom: 35px; width: 50%; } } /* line 532, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__bloco img { margin-bottom: 25px; } /* line 536, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__bloco p { color: #66666a; line-height: 20px; margin: 0 10%; text-align: center; } @media (max-width: 640px) { /* line 536, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__bloco p { font-size: 20px; line-height: 30px; } } /* line 549, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza { background: #f1f1f1; padding: 30px 0; } /* line 554, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco { position: relative; display: flex; align-items: flex-start; flex-direction: row; } @media (max-width: 640px) { /* line 554, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco { left: 0; margin-bottom: 35px; } } @media (max-width: 640px) { /* line 566, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona__circle { display: none; } } /* line 573, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco img { position: relative; z-index: 1; } /* line 578, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona--cinza__span { background-color: #FF6600; color: #ffffff; font-size: 20px; height: 40px; left: 160px; letter-spacing: 2px; padding: 5px 5px 10px 30px; position: absolute; top: 36px; z-index: 0; } @media (max-width: 640px) { /* line 578, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona--cinza__span { left: 0; } } /* line 595, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona--cinza__span:after { background-color: #FF6600; box-sizing: border-box; content: ''; display: inline-block; height: 40px; right: -30px; position: absolute; top: 0px; transform: skew(-20deg); width: 40px; z-index: -2; } /* line 610, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona--cinza__p { color: #757376; font-size: 15px; font-weight: 100; line-height: 20px; margin-top: 90px; margin-left: 1%; width: 65%; } @media (max-width: 640px) { /* line 610, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco .como-funciona--cinza__p { float: left; font-size: 22px; line-height: 30px; } } /* line 627, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores { width: 80%; } /* line 630, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores p { font-weight: 100; color: #757376; font-size: 15px; line-height: 20px; margin-bottom: 5px; margin-left: 1%; width: 100% !important; } @media (max-width: 640px) { /* line 630, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores p { font-size: 22px; line-height: 30px; } } /* line 644, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores p .como-funciona--cinza__p { width: 100% !important; } @media (max-width: 640px) { /* line 644, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores p .como-funciona--cinza__p { font-size: 22px; line-height: 30px; } } /* line 654, app/assets/styles/sass/login_cadastro.scss */ .como-funciona__valores .bold { font-weight: bold; color: #686667; } /* line 660, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco--direita { justify-content: flex-end; } /* line 663, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco--direita .como-funciona--cinza__span { background-color: #FF6600; color: #ffffff; font-size: 20px; letter-spacing: 2px; left: initial !important; position: absolute; padding: 5px 30px 5px 5px; right: 155px; top: 40px; z-index: 0; } @media (max-width: 640px) { /* line 663, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco--direita .como-funciona--cinza__span { right: 0; } } /* line 679, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco--direita .como-funciona--cinza__span:after { display: none; } /* line 683, app/assets/styles/sass/login_cadastro.scss */ .como-funciona--cinza__bloco--direita .como-funciona--cinza__span:before { background-color: #FF6600; box-sizing: border-box; content: ''; display: inline-block; height: 40px; left: initial !important; position: absolute; top: 0px; transform: skew(20deg); right: 80px; width: 40px; z-index: -2; } /*------------------------------- BUSCA -------------------------------*/ /* line 1, app/assets/styles/sass/busca.scss */ .page-busca .bread .conteudo { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/busca.scss */ .page-busca .bread .conteudo { align-items: flex-start; flex-direction: column; } } /* line 10, app/assets/styles/sass/busca.scss */ .bread aside { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /** * Botão para escolher o grid */ /* line 17, app/assets/styles/sass/busca.scss */ .grids { margin-right: 25px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1300px) { /* line 17, app/assets/styles/sass/busca.scss */ .grids { display: none; } } /* line 26, app/assets/styles/sass/busca.scss */ .show-grid-4, .show-grid-6 { background-repeat: no-repeat; cursor: pointer; height: 30px; margin-left: 20px; } /* line 34, app/assets/styles/sass/busca.scss */ .show-grid-4 { background-image: url(../images/icons/grid-off-3.png); width: 47px; } /* line 38, app/assets/styles/sass/busca.scss */ .show-grid-4.active { background-image: url(../images/icons/grid-on-3.png); } /* line 43, app/assets/styles/sass/busca.scss */ .show-grid-6 { background-image: url(../images/icons/grid-off-5.png); width: 80px; } @media (max-width: 1676px) { /* line 43, app/assets/styles/sass/busca.scss */ .show-grid-6 { background-image: url(../images/icons/grid-off-4.png); } } /* line 51, app/assets/styles/sass/busca.scss */ .show-grid-6.active { background-image: url(../images/icons/grid-on-5.png); } @media (max-width: 1676px) { /* line 51, app/assets/styles/sass/busca.scss */ .show-grid-6.active { background-image: url(../images/icons/grid-on-4.png); } } /* line 61, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4 { background-image: url(../images/icons/grid-off-4.png); width: 62px; } @media (max-width: 1754px) { /* line 61, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4 { background-image: url(../images/icons/grid-off-3.png); } } @media (max-width: 1599px) { /* line 61, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4 { background-image: url(../images/icons/grid-off-4.png); } } @media (max-width: 1474px) { /* line 61, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4 { background-image: url(../images/icons/grid-off-3.png); } } /* line 77, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4.active { background-image: url(../images/icons/grid-on-4.png); } @media (max-width: 1754px) { /* line 77, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4.active { background-image: url(../images/icons/grid-on-3.png); } } @media (max-width: 1599px) { /* line 77, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4.active { background-image: url(../images/icons/grid-on-4.png); } } @media (max-width: 1474px) { /* line 77, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-4.active { background-image: url(../images/icons/grid-on-3.png); } } /* line 94, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-6 { background-image: url(../images/icons/grid-off-6.png); width: 95px; } @media (max-width: 1699px) { /* line 94, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-6 { background-image: url(../images/icons/grid-off-5.png); } } /* line 102, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-6.active { background-image: url(../images/icons/grid-on-6.png); } @media (max-width: 1699px) { /* line 102, app/assets/styles/sass/busca.scss */ .grids--hotsite .show-grid-6.active { background-image: url(../images/icons/grid-on-5.png); } } /** * Filtro */ /* line 2, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__wrap { margin-top: 25px; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; } @media (max-width: 640px) { /* line 2, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__wrap { align-items: flex-start; flex-direction: column; } } /* line 16, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__direita { display: flex; align-items: flex-end; justify-content: flex-end; } @media (max-width: 640px) { /* line 16, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__direita { align-items: flex-start; flex-direction: column; } } /* line 27, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__titulo { width: auto; } /* line 31, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__bloco { width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } @media (max-width: 640px) { /* line 31, app/assets/styles/sass/busca_filtro.scss */ .stam-filtros__bloco { flex-direction: column-reverse; } } /* line 43, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__button-filtro { display: none; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__button-filtro { display: table; } } /* line 50, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__button-filtro .menu-sidebar { z-index: 9999 !important; } @media (max-width: 640px) { /* line 54, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__button-filtro .menu-mobile_button { background: #FF6600; border-radius: 25px; height: 50px; width: 250px; display: flex; align-items: center; justify-content: center; } /* line 66, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__button-filtro .menu-mobile_button span { color: #ffffff; font-size: 20px; margin-left: 15px; } } /* line 75, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro { margin-top: 10px; width: 15%; } @media (max-width: 1199px) { /* line 75, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro { width: 20%; } } @media (max-width: 640px) { /* line 75, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro { display: none; } } /* line 88, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos { width: 100%; } /* line 91, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos section { border-top: 1px solid #888; padding: 20px 0; } /* line 96, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens { max-height: 150px; overflow-y: auto; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } /* line 101, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens::-webkit-scrollbar { width: 5px; } /* line 106, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens::-webkit-scrollbar-track { background: #eee; } /* line 111, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens::-webkit-scrollbar-thumb { background: #FF6600; } /* line 116, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens::-webkit-scrollbar-thumb:hover { background: #555; } @media (max-width: 640px) { /* line 96, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos .busca-filtro__itens { max-height: inherit; } } /* line 126, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos ul li { margin-bottom: 15px; padding-left: 20px; display: flex; align-items: center; justify-content: flex-start; } /* line 134, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos ul li input[type=checkbox] { margin: 0 !important; } /* line 138, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtros-dinamicos ul li label { font-size: 1rem; color: #888; } /* line 146, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__filtro .filtro_titulo { font-size: 1rem; color: #000000; font-weight: 600; padding-bottom: 10px; text-transform: uppercase; width: 100%; } /* line 156, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__resultado { margin-left: 1%; width: 84%; } @media (max-width: 1199px) { /* line 156, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__resultado { width: 79%; } } @media (max-width: 640px) { /* line 156, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__resultado { margin: 0; width: 100%; } } /* line 171, app/assets/styles/sass/busca_filtro.scss */ .busca-stam__hotsite { margin: 0; width: 100%; } /*select de ordenação*/ /* line 120, app/assets/styles/sass/busca.scss */ .page-busca .bread { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } @media (max-width: 640px) { /* line 126, app/assets/styles/sass/busca.scss */ .page-busca .bread .titulo_padrao { font-size: 28px; margin: 0; } } /* line 133, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-wrap { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 133, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-wrap { margin-top: 20px; width: 600px; flex-wrap: wrap; justify-content: flex-start; } } /* line 146, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros_mobile__wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 146, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros_mobile__wrap { margin-top: 20px; width: 100%; display: flex; justify-content: space-between; } } /* line 158, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos { margin-left: 50px; margin-right: 10px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } @media (max-width: 640px) { /* line 158, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos { margin: 0; } } /* line 171, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .filtros-ativos__box { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } /* line 178, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos span { color: #000000; float: left; font-size: 12px; text-transform: uppercase; } @media (max-width: 640px) { /* line 178, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos span { font-size: 20px; } } /* line 190, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado { border: 1px solid #8b8b8b; color: #8b8b8b; cursor: pointer; float: left; font-size: 1rem; height: auto; line-height: normal; margin-right: 10px; margin-top: 10px; padding: .3rem; } @media (max-width: 640px) { /* line 190, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado { border-width: 2px; font-size: 22px; height: 50px; padding: 0 15px; } } /* line 209, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado label { color: #8b8b8b; float: left; font-size: 1rem; line-height: 18px; } @media (max-width: 640px) { /* line 209, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado label { font-size: 22px; line-height: 50px; } } /* line 221, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado .remover-selecionado { color: #FF0000; float: right; line-height: 18px; margin-left: 10px; } @media (max-width: 640px) { /* line 221, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtros-ativos .selecionado .remover-selecionado { font-size: 22px; line-height: 50px; margin-left: 15px; } } /* line 236, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos { background-color: #FF6600; color: #ffffff; cursor: pointer; font-size: 13px; height: 2.3125rem; line-height: auto; margin-right: 15px; padding: .5rem; text-transform: uppercase; width: 180px; } @media (max-width: 640px) { /* line 236, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos { font-size: 19px; height: 50px; line-height: 36px; width: 100%; } } /* line 258, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos.abrir img { background-size: 10px; float: right; margin-top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 640px) { /* line 258, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos.abrir img { margin-top: 11px; } } /* line 274, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos.fechar { display: none; } /* line 277, app/assets/styles/sass/busca.scss */ .page-busca .bread .filtrar-produtos.fechar span { color: #FF0000; float: right; } /* line 284, app/assets/styles/sass/busca.scss */ .page-busca .bread .select-categoria { background-color: #ffffff; border: 1px solid #000000; color: #000000; float: left; font-size: 1rem; position: absolute; right: 200px; top: 443px; width: 240px; } @media (max-width: 640px) { /* line 284, app/assets/styles/sass/busca.scss */ .page-busca .bread .select-categoria { background-position: 103% center; background-size: 15%; border-width: 2px; font-size: 1.5rem; height: 53px; right: 0; top: 260px; width: 600px; } } /* line 308, app/assets/styles/sass/busca.scss */ .menu-ordenar { display: block !important; float: left; margin: 0; position: relative; } @media (max-width: 640px) { /* line 308, app/assets/styles/sass/busca.scss */ .menu-ordenar { clear: left; width: 300px; } /* line 318, app/assets/styles/sass/busca.scss */ .menu-ordenar:after { content: " "; box-sizing: border-box; border: 2px solid #000; border-left: none; border-top: none; height: 15px; margin: 0 0 0 10px; position: absolute; right: 25px; top: 16px; transform: rotate(45deg); width: 15px; } } /* line 334, app/assets/styles/sass/busca.scss */ .menu-ordenar select { background-color: #ffffff; border: 1px solid #8b8b8b; color: #8b8b8b; font-size: 1rem; padding: 0px 15px; margin-bottom: 0; } @media (max-width: 640px) { /* line 334, app/assets/styles/sass/busca.scss */ .menu-ordenar select { -webkit-appearance: none; /* Remove estilo padrão do Chrome */ -moz-appearance: none; /* Remove estilo padrão do FireFox */ appearance: none; /* Remove estilo padrão do FireFox*/ background: url(../images/icons/icon-seta-baixo2.png) no-repeat; background-position: 96% center; border: 1px solid #8b8b8b; border-radius: 25px; font-family: "Ubuntu"; font-size: 19px; height: 50px; margin: 0; } /* line 355, app/assets/styles/sass/busca.scss */ .menu-ordenar select option { font-weight: 300; font-size: 18px; } } /** * Container para a página de busca */ /* line 366, app/assets/styles/sass/busca.scss */ .conteudo_busca { display: table; float: initial; margin: 0 auto; margin-bottom: 25px; position: relative; width: 100%; } @media (max-width: 1199px) { /* line 366, app/assets/styles/sass/busca.scss */ .conteudo_busca { margin: 0 auto; padding-left: 25px; padding-right: 25px; position: relative; width: 960px; } } @media (max-width: 640px) { /* line 366, app/assets/styles/sass/busca.scss */ .conteudo_busca { padding-left: 20px; padding-right: 20px; width: 640px; } } /** * Lista de produtos na busca */ /* line 392, app/assets/styles/sass/busca.scss */ .category_list-ui { max-width: 1920px; /*produto na busca */ /** * Lista de produtos na busca */ /*categoria/busca sem resultado*/ } @media (min-width: 961px) { /* line 392, app/assets/styles/sass/busca.scss */ .category_list-ui { padding: 0 25px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } } @media (max-width: 640px) { /* line 392, app/assets/styles/sass/busca.scss */ .category_list-ui { padding-left: 20px; padding-right: 20px; width: 640px; } } /* line 407, app/assets/styles/sass/busca.scss */ .category_list-ui .lista-produtos { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 640px) { /* line 407, app/assets/styles/sass/busca.scss */ .category_list-ui .lista-produtos { width: 600px; } } /* line 427, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview { display: table; width: 100%; /* .adicionar-lista-desejos { @media (max-width: 640px) { right: 20px; top: 35px; } } */ } /* line 433, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview figcaption header small { width: 100%; } /* line 437, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview figcaption p { width: 91%; } @media (max-width: 640px) { /* line 437, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview figcaption p { width: 230px; } } /* line 446, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview button { width: 100%; } @media (max-width: 640px) { /* line 446, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview button { width: 100%; } } /* line 454, app/assets/styles/sass/busca.scss */ .category_list-ui .product-shortview .product_image_wrap { height: auto; } /* line 467, app/assets/styles/sass/busca.scss */ .category_list-ui .animate_container { display: table; height: auto; position: relative; width: 100%; } /* line 473, app/assets/styles/sass/busca.scss */ .category_list-ui .animate_container .face { display: table; height: auto; position: relative; width: 100%; } /* line 480, app/assets/styles/sass/busca.scss */ .category_list-ui .animate_container .back { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; } /* line 493, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui { /*busca com 3 produtos por linha*/ /*busca com 4 produtos por linha*/ } /* line 495, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .conteudo { height: auto; } /* line 499, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .lista-produtos { display: flex; align-items: flex-start; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } @media (max-width: 1199px) { /* line 499, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .lista-produtos { justify-content: space-around; } } @media (max-width: 640px) { /* line 499, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .lista-produtos { margin-top: 20px; width: 100%; justify-content: space-around; } } /* line 517, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview { width: calc(420px - 30px) !important; } @media (max-width: 1600px) { /* line 517, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview { width: calc(350px - 30px) !important; } } @media (max-width: 640px) { /* line 517, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview { width: calc(290px - 30px) !important; } } @media (max-width: 640px) { /* line 532, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview .produto__preco-geral { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } /* line 537, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview .produto__preco-geral p { width: 100%; } } /* line 544, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 figure { overflow: hidden; } @media (max-width: 1600px) { /* line 544, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 figure { width: calc(350px - 30px); } } @media (max-width: 1300px) { /* line 544, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 figure { width: calc(320px - 30px); } } @media (max-width: 1199px) { /* line 544, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 figure { width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 544, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 figure { width: calc(290px - 30px); } } /* line 564, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview__hover { bottom: 0; } /* line 568, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .animate_container, .category_list-ui .category_list-ui .grid-4 .imagem-sem-costas { height: calc(420px - 30px); width: calc(420px - 30px); } @media (max-width: 1600px) { /* line 568, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .animate_container, .category_list-ui .category_list-ui .grid-4 .imagem-sem-costas { height: calc(350px - 30px); width: calc(350px - 30px); } } @media (max-width: 1300px) { /* line 568, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .animate_container, .category_list-ui .category_list-ui .grid-4 .imagem-sem-costas { width: calc(320px - 30px); width: calc(320px - 30px); } } @media (max-width: 1199px) { /* line 568, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .animate_container, .category_list-ui .category_list-ui .grid-4 .imagem-sem-costas { height: calc(340px - 30px); width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 568, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .animate_container, .category_list-ui .category_list-ui .grid-4 .imagem-sem-costas { height: calc(290px - 30px); width: calc(290px - 30px); } } /* line 597, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview { width: calc(270px - 30px); } @media (max-width: 1199px) { /* line 597, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview { width: calc(340px - 30px) !important; } } @media (max-width: 640px) { /* line 597, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview { width: calc(280px) !important; } } /* line 608, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview .tarja-desconto { top: 320px; } /* line 612, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview figure { overflow: hidden; width: calc(270px - 30px); } @media (max-width: 1199px) { /* line 612, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview figure { width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 612, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .product-shortview figure { width: calc(280px); } } /* line 626, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .animate_container { height: calc(270px - 30px); width: calc(270px - 30px); } @media (max-width: 640px) { /* line 626, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .animate_container { height: height-img-busca__6--tablet; width: calc(340px - 30px); } } @media (max-width: 640px) { /* line 626, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .animate_container { height: height-img-busca__6--mobile; width: calc(280px); } } /* line 641, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-6 .produto__button-adicionar { font-size: 16px; width: 180px; } @media (max-width: 640px) { /* line 652, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .product-shortview .product-shortview__hover, .category_list-ui .category_list-ui .grid-6 .product-shortview .product-shortview__hover { bottom: 270px; } } /* line 661, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .produto-info, .category_list-ui .category_list-ui .grid-6 .produto-info { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; } /* line 664, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .grid-4 .produto-info .produto-info__boleto, .category_list-ui .category_list-ui .grid-4 .produto-info .parcelamento, .category_list-ui .category_list-ui .grid-6 .produto-info .produto-info__boleto, .category_list-ui .category_list-ui .grid-6 .produto-info .parcelamento { widows: 100%; } /* line 670, app/assets/styles/sass/busca.scss */ .category_list-ui .category_list-ui .animate_card { height: 100%; width: 100%; } /* line 677, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo { display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 677, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo { padding: 0; width: 600px; } } /* line 687, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo__titulo { font-size: 15px; font-weight: 700; text-transform: uppercase; } @media (max-width: 640px) { /* line 687, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo__titulo { font-size: 20px; } } /* line 697, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo__observacao { font-size: 13px; line-height: 16px; text-align: center; } @media (max-width: 640px) { /* line 697, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria_seo__observacao { font-size: 20px; line-height: 22px; } } @media (max-width: 640px) { /* line 708, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto__wrap { padding: 0; width: 600px; } } /* line 715, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto { font-size: 13px; line-height: 16px; text-align: justify; } @media (max-width: 640px) { /* line 715, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto { font-size: 20px; line-height: 22px; } } /* line 725, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto p { font-size: 13px; line-height: 16px; text-align: justify; } @media (max-width: 640px) { /* line 725, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto p { font-size: 20px; line-height: 22px; } } /* line 736, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto a { text-decoration: underline; } /* line 739, app/assets/styles/sass/busca.scss */ .category_list-ui .categoria__texto a:hover { opacity: 0.7; } /* line 747, app/assets/styles/sass/busca.scss */ .category_list-ui .without-result { background-color: #ffffff; width: 100%; } /* line 752, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results { border: 1px solid #888; margin-bottom: 80px; padding: 2rem; width: 100%; } @media (max-width: 640px) { /* line 752, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results { margin-top: 0; width: 600px; } } /* line 763, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results h2 { color: #FF6600; font-size: 1.25rem; margin-bottom: 2rem; text-align: center; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 763, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results h2 { font-size: 28px; } } /* line 776, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results h4 { color: #000000; font-size: 1rem; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 776, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results h4 { font-size: 24px; } } /* line 787, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results ul { margin-top: 1rem; margin-bottom: 0; text-align: center; width: 100%; } /* line 793, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results ul li { color: #000000; font-size: 1rem; font-weight: 400; line-height: 1.7rem; width: 100%; } @media (max-width: 640px) { /* line 793, app/assets/styles/sass/busca.scss */ .category_list-ui .no-results ul li { font-size: 24px; } } /*------------------------------------*\ #HOTSITE \*------------------------------------*/ /*---------------banner fixo----------------*/ /* line 814, app/assets/styles/sass/busca.scss */ .banner-hotsite { background-position: center; background-repeat: no-repeat; float: left; height: 450px; margin-bottom: 30px; width: 100%; } @media (max-width: 640px) { /* line 814, app/assets/styles/sass/busca.scss */ .banner-hotsite { height: 300px; } } /*-----------slide-----------*/ /* line 829, app/assets/styles/sass/busca.scss */ .slideshow_hotsite { height: auto; margin: 0; margin-bottom: 40px; overflow: hidden; padding: 0; position: relative; width: 100%; } /* line 843, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .link-slide { background: #ffffff; cursor: default; overflow: hidden; position: relative; width: 100%; } /* line 855, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .link-slide img { display: block; width: 100%; } /* line 861, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 45px; } @media (max-width: 640px) { /* line 861, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager { bottom: 55px; } } /* line 871, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager span { color: #757376; cursor: pointer; display: inline-block; font-family: arial; font-size: 50px; height: 20px; width: 20px; } @media (max-width: 640px) { /* line 871, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager span { font-size: 80px; height: 30px; width: 30px; } } /* line 886, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager span.cycle-pager-active { color: #FF6600; } /* line 891, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .cycle-pager > * { cursor: pointer; } /* line 898, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .setas .prev, .slideshow_hotsite .setas .next { background-repeat: no-repeat; height: 60px; width: 32px; z-index: 999; position: absolute; top: 43%; } /* line 906, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .setas .prev:hover, .slideshow_hotsite .setas .next:hover { opacity: 0.6; } /* line 911, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .setas .prev { background-image: url(../images/icons/arrow-left.png); background-position: left center; float: left; left: 2%; } /* line 918, app/assets/styles/sass/busca.scss */ .slideshow_hotsite .setas .next { background-image: url(../images/icons/arrow-right.png); background-position: right center; float: right; right: 2%; } /*lista de produtos hotsite*/ /* line 930, app/assets/styles/sass/busca.scss */ .category_list-ui_hotsite .conteudo { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } /* line 934, app/assets/styles/sass/busca.scss */ .category_list-ui_hotsite .categoria_seo { display: none; } @media (max-width: 640px) { /* line 938, app/assets/styles/sass/busca.scss */ .category_list-ui_hotsite .ordenar-hotsite { width: 100%; } } @media (max-width: 640px) { /* line 943, app/assets/styles/sass/busca.scss */ .category_list-ui_hotsite .ordenar-hotsite select { background: url(../images/icons/icon-seta-baixo3.png) no-repeat; background-color: #ffffff; background-position: 96% center; border: 1px solid #000000; color: #000000; } } /* line 957, app/assets/styles/sass/busca.scss */ .busca-stam { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } /* line 964, app/assets/styles/sass/busca.scss */ .busca-stam .category_list-ui { padding: 0; width: 100%; } @media (max-width: 1400px) { /* line 969, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview { padding: 30px 10px 10px; } } @media (max-width: 1199px) { /* line 969, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview { padding: 30px 15px 10px; } } @media (max-width: 640px) { /* line 969, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview { padding: 0; } } /* line 983, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview .button { font-size: 12px; } @media (max-width: 640px) { /* line 983, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview .button { font-size: 20px; } } /* line 990, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview .button.abre-modal-espiar { width: 35%; } /* line 994, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview .button.success, .busca-stam .product-shortview .button.unavailable { width: 60%; } @media (max-width: 640px) { /* line 994, app/assets/styles/sass/busca.scss */ .busca-stam .product-shortview .button.success, .busca-stam .product-shortview .button.unavailable { width: 100%; } } /* line 5, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile nav { overflow: hidden; } /* line 9, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .filtro-stam__title-input { display: none; } /* line 13, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item { border-bottom: 1px solid #dedede; font-weight: normal; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; } /* line 24, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .filtro-stam__title-label { color: #747474; font-size: 22px; padding: 20px; width: 100%; } /* line 32, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item label span { padding-left: 240px; transform: rotateX(45deg); } /* line 37, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item ul { overflow: auto; max-height: 0; transition: all .4s; background-color: #fff; width: 100%; } /* line 45, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item ul li { background: #dedede; border-bottom: 1px solid #888; height: 65px; padding-left: 35px; width: 100%; display: flex; align-items: center; justify-content: flex-start; } /* line 58, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item ul li label { font-size: 18px; display: block; text-decoration: none; color: #747474; width: 100%; display: flex; align-items: center; justify-content: flex-start; } /* line 72, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item .filtro-stam__title-label:after { content: ""; background-image: url("/app/assets/images/icons/arrow-menu.png"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; background-position: 0 0; position: relative; right: 0; top: 12px; float: right; transition: transform 0.2s ease-out; } /* line 88, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item ul li input { height: 35px; margin: 0; margin-right: 10px; width: 35px; } /* line 95, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item input:checked ~ ul { height: auto; max-height: inherit; transition: all .4s linear; } /* line 106, app/assets/styles/sass/filtro_mobile.scss */ .filtro-mobile .item input:checked ~ .filtro-stam__title-label:after { top: 7px; transform: rotate(180deg); } /* line 113, app/assets/styles/sass/filtro_mobile.scss */ .menu-sidebar__filtro { margin-left: -20px; height: auto; width: 100%; display: flex; align-items: center; justify-content: center; } /* line 122, app/assets/styles/sass/filtro_mobile.scss */ .menu-sidebar__filtro img { margin-right: 15px; } /* line 126, app/assets/styles/sass/filtro_mobile.scss */ .menu-sidebar__filtro span { font-size: 22px; color: #ffffff; } @media (max-width: 640px) { /* line 132, app/assets/styles/sass/filtro_mobile.scss */ .filtros-dinamicos { overflow: auto; max-height: calc(100vh - 100px); } } /*------------------------------- #ESQUECI SENHA -------------------------------*/ /* line 1, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal { background-color: #ffffff; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal { box-shadow: none; min-height: auto; } } /* line 9, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal #modalTitle { color: #000000; font-size: 22px; line-height: 24px; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 9, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal #modalTitle { font-size: 26px; } } /* line 21, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .close-reveal-modal { color: #FF6600; right: 12px !important; top: 5px !important; } /* line 27, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password { height: auto; margin-top: 20px; width: 100%; } /* line 32, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password span { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 640px) { /* line 32, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password span { font-size: 26px; line-height: 26px; } } /* line 25, app/assets/styles/sass/mixins.scss */ .reveal-modal .password form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .reveal-modal .password form ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .reveal-modal .password form :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .reveal-modal .password form :-moz-placeholder { /* Firefox 18- */ color: #212121; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password form { margin-top: 10px; } } /* line 51, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password form input { height: 46px; margin-bottom: 1rem; width: 100%; } @media (max-width: 640px) { /* line 51, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password form input { font-size: 26px; height: 65px; } } /* line 63, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password button { font-size: 1rem; margin: 0 0 0 0; padding: 6px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 63, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal .password button { font-size: 28px; } } /* line 75, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal p, .reveal-modal h5 { color: #000000; font-weight: 400; } @media (max-width: 1199px) { /* line 82, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal.tiny { width: 50%; z-index: 10003; } } @media (max-width: 640px) { /* line 82, app/assets/styles/sass/esqueci_senha.scss */ .reveal-modal.tiny { width: 90%; } } /*------------------------------- RECUPERAÇÃO DE SENHA -------------------------------*/ /* line 1, app/assets/styles/sass/recuperacao_senha.scss */ .recuperacao { display: table; margin-top: 40px; margin-left: 302px; width: 495px; } @media (max-width: 1199px) { /* line 1, app/assets/styles/sass/recuperacao_senha.scss */ .recuperacao { margin-left: 207px; } } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/recuperacao_senha.scss */ .recuperacao { margin-left: 0; width: 600px; } } /* line 17, app/assets/styles/sass/recuperacao_senha.scss */ .recovery { display: table; margin-top: 30px; width: 100%; } /* line 22, app/assets/styles/sass/recuperacao_senha.scss */ .recovery aside { float: left; margin-top: 1.5rem; width: 100%; } /* line 27, app/assets/styles/sass/recuperacao_senha.scss */ .recovery aside h4 { color: #FF6600; font-size: 1rem; text-align: center; } @media (max-width: 640px) { /* line 27, app/assets/styles/sass/recuperacao_senha.scss */ .recovery aside h4 { font-size: 24px; } } /* line 38, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form { float: left; margin-top: 25px; position: relative; width: 100%; } /* line 44, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form label { color: #000000; font-weight: 400; width: 100%; } @media (max-width: 640px) { /* line 44, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form label { font-size: 26px; } } /* line 54, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form input { height: 46px; margin-bottom: 1rem; padding: 0 10px; width: 100%; } @media (max-width: 640px) { /* line 54, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form input { font-size: 24px; height: 60px; } } /* line 67, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form .bt-recuperar { float: right; font-size: 1rem; margin: 0; padding: 10px 50px; text-transform: uppercase; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/recuperacao_senha.scss */ .recovery form .bt-recuperar { font-size: 28px; margin-top: 15px; padding: 20px; width: 100%; } } /* line 83, app/assets/styles/sass/recuperacao_senha.scss */ .recovery small { color: #000000; display: table; font-size: 0.75rem; font-style: italic; margin-top: 3rem; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 83, app/assets/styles/sass/recuperacao_senha.scss */ .recovery small { font-size: 1.25rem; margin-bottom: 30px; } } /*------------------------------- TERMOS DE USO -------------------------------*/ /* line 79, app/assets/styles/sass/main.scss */ .termos { font-size: 1rem; text-align: justify; } /* line 84, app/assets/styles/sass/main.scss */ .reveal-modal h5 { text-transform: uppercase; } /* line 88, app/assets/styles/sass/main.scss */ .reveal-modal ul li { color: #000000; font-weight: 400; } /*------------------------------- PAINEL DO CLIENTE -------------------------------*/ /* line 1, app/assets/styles/sass/cliente.scss */ .client-panel { /** * Seus dados */ /** * Seus endereços */ /** * Seus pedidos */ /** * Créditos */ /** * Avaliações */ } /* line 3, app/assets/styles/sass/cliente.scss */ .client-panel h2 { color: #000000; font-size: 1.12rem; font-weight: 400; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/cliente.scss */ .client-panel h2 { font-size: 1.5rem; } } /* line 12, app/assets/styles/sass/cliente.scss */ .client-panel h2 span { color: #FF6600; float: initial; font-weight: 700; } /* line 19, app/assets/styles/sass/cliente.scss */ .client-panel .tabs { margin: 30px 0 0 0; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 19, app/assets/styles/sass/cliente.scss */ .client-panel .tabs { width: 600px; flex-direction: column; } } /* line 30, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title, .client-panel .tabs #link-sair { background-color: #000000; border-top-right-radius: 4px; border-top-left-radius: 4px; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 30, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title, .client-panel .tabs #link-sair { margin-bottom: 10px !important; } } /* line 43, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title:not(:last-of-type), .client-panel .tabs #link-sair:not(:last-of-type) { margin-right: 10px; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title:not(:last-of-type), .client-panel .tabs #link-sair:not(:last-of-type) { margin-right: 0; } } /* line 51, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title a, .client-panel .tabs #link-sair a { background-color: transparent; color: #ffffff; font-family: "Ubuntu"; font-size: 16px; font-weight: 400; height: 100%; line-height: 16px; padding: 0 10px; text-align: center; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 51, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title a, .client-panel .tabs #link-sair a { font-size: 1.5rem; } } /* line 70, app/assets/styles/sass/cliente.scss */ .client-panel .tabs .tab-title:hover, .client-panel .tabs .tab-title.active, .client-panel .tabs #link-sair:hover, .client-panel .tabs #link-sair.active { background-color: #FF6600; } /* line 76, app/assets/styles/sass/cliente.scss */ .client-panel .tabs #link-sair { margin-left: 10px; padding: 0; } @media (max-width: 640px) { /* line 76, app/assets/styles/sass/cliente.scss */ .client-panel .tabs #link-sair { margin-left: 0; } } /* line 84, app/assets/styles/sass/cliente.scss */ .client-panel .tabs #link-sair .tab-title { width: 100%; } /* line 90, app/assets/styles/sass/cliente.scss */ .client-panel .tabs-content { float: left; margin-bottom: 80px; } /* line 94, app/assets/styles/sass/cliente.scss */ .client-panel .tabs-content .content { background-color: #f1f1f1; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; font-size: 1rem; line-height: 15px; padding: 20px; text-align: justify; } @media (max-width: 640px) { /* line 94, app/assets/styles/sass/cliente.scss */ .client-panel .tabs-content .content { margin-top: 15px; width: 600px; } } /* line 111, app/assets/styles/sass/cliente.scss */ .client-panel .painel_subtitulo { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 640px) { /* line 111, app/assets/styles/sass/cliente.scss */ .client-panel .painel_subtitulo { font-size: 22px; } } /* line 120, app/assets/styles/sass/cliente.scss */ .client-panel .painel_subtitulo span { float: initial; } /* line 3, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados fieldset { width: 49%; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados fieldset { margin-bottom: 20px; width: 100%; } } /* line 12, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 1199px) { /* line 12, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label { font-size: 15px; } } @media (max-width: 640px) { /* line 12, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label { font-size: 24px; } } /* line 26, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados input, .client-panel .dados select, .client-panel .dados span { background-color: transparent; border: none; box-shadow: none; color: #707070; font-family: "Ubuntu"; font-size: 17px; height: 35px; margin-bottom: 10px; padding: 0; } @media (max-width: 640px) { /* line 26, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados input, .client-panel .dados select, .client-panel .dados span { font-size: 24px; height: 65px; } } /* line 45, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados input.password_editavel { padding-left: 15px; } @media (max-width: 640px) { /* line 45, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados input.password_editavel { font-size: 24px; height: 65px; } } /* line 55, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados span { font-weight: 400; padding: 15px 0; } /* line 60, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label.receber-news { font-size: 1rem; } /* line 63, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label.receber-news input[type="checkbox"] { float: left; margin-top: -9px !important; margin-right: 5px; width: 15px !important; } @media (max-width: 640px) { /* line 63, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados label.receber-news input[type="checkbox"] { margin-top: -16px !important; width: 20px !important; } } /* line 76, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados .botoes { margin-top: 2rem; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; /* span { color: $preto; font-size: 1rem; margin: 0 15px; display: flex; align-items: center; @media (max-width: 640px) { font-size: 30px; margin: 0; } } span.desativado { color: $cinza-claro; } #cancelar-dados { width: 232px; @media (max-width: 640px) { width: auto; } } a { color: $preto; font-size: 1rem; font-weight: $f-bold; margin: 0; @media (max-width: 640px) { font-size: 30px; } &.desativado { color: $cinza-claro; cursor: default; &:hover { text-decoration: none; } } &:hover { text-decoration: underline; } } */ } @media (max-width: 640px) { /* line 76, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados .botoes { flex-direction: column; } } /* line 86, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados .botoes button { font-size: 1rem; margin: 0 20px; padding: 15px; text-transform: uppercase; width: 232px; } @media (max-width: 640px) { /* line 86, app/assets/styles/sass/cliente_dados.scss */ .client-panel .dados .botoes button { font-size: 30px; margin-bottom: 20px; padding: 20px 0; width: 100%; } } /* line 3, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco ul { width: 100%; } /* line 6, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco ul li { width: 49%; } @media (max-width: 640px) { /* line 6, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco ul li { width: 100%; } } /* line 13, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco ul li address { border-bottom: none; padding-bottom: 0; } @media (max-width: 1199px) { /* line 13, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco ul li address { width: 92%; } } /* line 24, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco .box-post_id { min-height: 115px; } @media (max-width: 640px) { /* line 24, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco .box-post_id { min-height: 110px; width: 100%; } } /* line 33, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco .box-post_id-add { min-height: 117px; } @media (max-width: 640px) { /* line 33, app/assets/styles/sass/cliente_enderecos.scss */ .client-panel .endereco .box-post_id-add { width: 100%; } } /* line 3, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .orders { border: 1px solid #d9d9d9; border-radius: 4px; margin: 20px 0 50px; overflow: hidden; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .orders { width: 100%; } /* line 12, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .orders .detalhes-reduzir-button { display: none; font-size: 24px; margin: 0; padding: 15px; text-transform: uppercase; width: 100%; } /* line 20, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .orders .detalhes-reduzir-button::after { background-color: transparent; background-image: url(/app/assets/images/icons/icon-seta-direita5.png); content: ""; height: 33px; margin: -3px 0 0 50px; width: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } } /* line 37, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido { font-size: 1rem; height: 210px; padding: 20px 0px; position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 37, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido { height: auto; padding: 20px; align-items: flex-start; flex-wrap: wrap; } } /* line 53, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section, .client-panel .topo-pedido aside { color: #000000; font-size: 1rem; font-weight: 400; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 53, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section, .client-panel .topo-pedido aside { font-size: 24px; line-height: 25px; } } /* line 70, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section p { color: #000000; font-weight: 400; } @media (max-width: 640px) { /* line 70, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section p { font-size: 24px; line-height: 25px; } } /* line 80, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section .pac_reverso { font-size: 14px; line-height: 18px; margin-top: 10px; } @media (max-width: 640px) { /* line 80, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section .pac_reverso { font-size: 22px; line-height: 24px; text-align: center; } } /* line 92, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section:nth-of-type(1) { width: 300px; } @media (max-width: 1199px) { /* line 92, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section:nth-of-type(1) { width: 220px; } } @media (max-width: 640px) { /* line 92, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section:nth-of-type(1) { margin-bottom: 20px; text-align: left; width: 100%; } } /* line 105, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido section:nth-of-type(1) span { float: initial; } @media (max-width: 640px) { /* line 111, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside { border: 0; padding: 0; } } /* line 118, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(1) { border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; width: 290px; } @media (max-width: 1199px) { /* line 118, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(1) { width: 220px; } } @media (max-width: 640px) { /* line 118, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(1) { border: 0; text-align: left; width: 60%; align-self: flex-start; } } /* line 134, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(1) a { color: #FF6600; text-decoration: underline; } /* line 140, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(2) { width: 100px; } @media (max-width: 640px) { /* line 140, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(2) { width: 40%; } } /* line 148, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(3) { border-left: 1px solid #d9d9d9; padding-left: 80px; width: 400px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 148, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(3) { padding-left: 40px; width: 319px; } } @media (max-width: 640px) { /* line 148, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside:nth-of-type(3) { border-left: 0; margin-top: 30px; padding-left: 0; width: 520px; } } /* line 167, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante { padding: 18px .8rem; } @media (max-width: 640px) { /* line 167, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante { padding: 0 .8rem; } /* line 173, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante input { font-size: 20px; height: 50px; } } /* line 179, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante .bt-informar { left: 0; margin: 0; padding: 7px 10px; width: 100px; } @media (max-width: 1199px) { /* line 179, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante .bt-informar { width: 100%; } } @media (max-width: 640px) { /* line 179, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante .bt-informar { font-size: 20px; padding: 10px; } } /* line 195, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside.comprovante .bt-informar:hover { background-color: #204A0B; } /* line 201, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput { float: left; width: 155px; } @media (max-width: 1199px) { /* line 201, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput { width: 100%; } } /* line 209, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput input { position: absolute; visibility: hidden; width: 200px; } /* line 215, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput .button, .client-panel .topo-pedido aside .customFileInput .fileName { float: left; cursor: pointer; font-size: 0.9em; line-height: 29px; } /* line 223, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput .button { font-size: 12px; padding: 0 5px; text-transform: uppercase; } @media (max-width: 1199px) { /* line 223, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput .button { margin-bottom: 10px; width: 100%; } } @media (max-width: 640px) { /* line 223, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput .button { font-size: 20px; padding: 10px; } } /* line 240, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput:hover .button { background-color: #000000; } /* line 244, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .customFileInput .fileName { color: #000000; float: left; line-height: 16px; margin-top: -10px; text-align: left; width: 100%; } /* line 254, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside button.pag-boleto-painel { float: left; font-size: 14px; margin: 1rem 0 0 0; padding: 5px 0; text-transform: uppercase; width: 180px; } @media (max-width: 640px) { /* line 254, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside button.pag-boleto-painel { float: right; font-size: 22px; margin: 10px 0 0 0; padding: 10px 0; width: 230px; } } /* line 271, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside button { font-size: 13px; margin: 10px 0 0 0; padding: 10px; text-transform: uppercase; width: 240px; } @media (max-width: 640px) { /* line 271, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside button { font-size: 24px; left: 0; margin: 0 0 20px 0; padding: 15px; width: 520px; /* &:last-of-type { margin-top: 10px; margin-bottom: 0; } */ } } @media (max-width: 640px) { /* line 292, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .detalhes-reduzir-button { margin-bottom: 15px; } } /* line 298, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .refazer-carrinho-cliente__wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 298, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .refazer-carrinho-cliente__wrap { margin-bottom: 20px; } } /* line 306, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .refazer-carrinho-cliente { margin: 0; } /* line 309, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .refazer-carrinho-cliente:after { background-color: transparent; background-image: url(/app/assets/images/icons/header_carrinho.png); background-repeat: no-repeat; background-size: 16px; content: ""; height: 16px; margin: 0 0 0 8px; width: 16px; } @media (max-width: 640px) { /* line 309, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .refazer-carrinho-cliente:after { background-size: 33px; height: 33px; margin: -3px 0 0 10px; width: 33px; } } /* line 328, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .img-doubt { margin-left: 15px; } @media (max-width: 640px) { /* line 328, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .img-doubt { display: none; } } /* line 336, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .detalhes-button::after { background-color: transparent; background-image: url(/app/assets/images/icons/icon-seta-baixo2.png); background-repeat: no-repeat; content: ""; height: 10px; margin: 3px 0 0 20px; width: 16px; } @media (max-width: 640px) { /* line 336, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .detalhes-button::after { background-image: url(/app/assets/images/icons/icon-seta-direita5.png); height: 33px; margin: -2px 0 0 50px; width: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } } /* line 358, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .detalhes-reduzir-button { display: none; } /* line 361, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-pedido aside .detalhes-reduzir-button:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* line 372, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho { background-color: #FF6600; height: 3rem; line-height: 34px; padding: 8px 20px; width: 100%; } @media (max-width: 640px) { /* line 372, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho { font-size: 1.25rem; padding-right: 0; padding-left: 0; } } /* line 385, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho section, .client-panel .topo-carrinho aside { color: #ffffff; float: left; font-size: 14px; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 385, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho section, .client-panel .topo-carrinho aside { font-size: 1.5rem; line-height: 25px; } } @media (max-width: 640px) { /* line 401, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho section:nth-of-type(1) { padding-top: 4px; } } /* line 407, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho .list-product { width: 530px; } @media (max-width: 1199px) { /* line 407, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho .list-product { width: 400px; } } /* line 414, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho .list-product span { float: initial; } /* line 419, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho .price-product, .client-panel .topo-carrinho .count-product, .client-panel .topo-carrinho .price-partial { width: 178px; } @media (max-width: 1199px) { /* line 419, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .topo-carrinho .price-product, .client-panel .topo-carrinho .count-product, .client-panel .topo-carrinho .price-partial { width: 142px; } } @media (max-width: 640px) { /* line 430, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes { float: left; width: 100%; } } /* line 437, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul { width: 100%; } /* line 440, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .list-product { width: 530px; } @media (max-width: 1199px) { /* line 440, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .list-product { width: 400px; } } @media (max-width: 640px) { /* line 440, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .list-product { width: 100%; } } /* line 452, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .price-product, .client-panel .produto-detalhes ul .count-product, .client-panel .produto-detalhes ul .price-partial { width: 178px; } @media (max-width: 1199px) { /* line 452, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .price-product, .client-panel .produto-detalhes ul .count-product, .client-panel .produto-detalhes ul .price-partial { width: 140px; } } @media (max-width: 640px) { /* line 452, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul .price-product, .client-panel .produto-detalhes ul .count-product, .client-panel .produto-detalhes ul .price-partial { width: 50%; } } /* line 466, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li { border-bottom: 1px solid #d9d9d9; display: table; float: left; padding: 20px; position: relative; width: 100%; } /* line 474, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li figure { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 477, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li figure > a { border: 1px solid #d9d9d9; border-radius: 4px; } /* line 483, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li figcaption { margin-left: 15px; width: 423px; } @media (max-width: 1199px) { /* line 483, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li figcaption { width: 288px; } } @media (max-width: 640px) { /* line 483, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li figcaption { width: 366px; } } /* line 496, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header { display: flex; flex-direction: column; } /* line 500, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header h1 { color: #000000; font-size: 15px; font-weight: 400; line-height: 16px; margin-bottom: 5px; word-wrap: break-word; } @media (max-width: 640px) { /* line 500, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header h1 { font-size: 22px; line-height: 22px; } } /* line 514, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header small { color: #000000; float: left; font-size: 11px; font-weight: 400; line-height: 14px; position: relative; } @media (max-width: 640px) { /* line 514, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header small { font-size: 20px; line-height: 24px; } } /* line 528, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .cor, .client-panel .produto-detalhes ul li header .tamanho { font-size: 12px; line-height: 16px; position: relative; width: 100%; } @media (max-width: 640px) { /* line 528, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .cor, .client-panel .produto-detalhes ul li header .tamanho { font-size: 20px; line-height: 24px; } } /* line 541, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .carrinho_fabricante { color: #000000; font-size: 12px; line-height: 16px; width: 100%; } @media (max-width: 640px) { /* line 541, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .carrinho_fabricante { font-size: 20px; line-height: 24px; } } /* line 552, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .carrinho_fabricante a { font-size: 14px; text-transform: uppercase; } @media (max-width: 640px) { /* line 552, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .carrinho_fabricante a { font-size: 22px; margin-left: 5px; } } /* line 561, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li header .carrinho_fabricante a:hover { text-decoration: underline; } @media (max-width: 640px) { /* line 568, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] { float: right !important; margin-top: 15px; display: flex; justify-content: flex-end; } } /* line 577, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p { color: #FF6600; font-size: 24px; line-height: 110px; margin: 0; text-align: center; } @media (max-width: 640px) { /* line 577, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p { font-size: 30px; height: 54px; line-height: 30px; position: relative; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: column; flex-wrap: nowrap; } /* line 592, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-price="action-price_product"] p::before { content: "Preço unitário:"; font-size: 20px; line-height: 20px; right: 0; text-transform: uppercase; top: 0; } } /* line 604, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] { height: 110px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 604, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] { height: auto; margin-top: 15px; flex-direction: row; justify-content: flex-start; } } /* line 616, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod { color: #000000; font-size: 1.25rem; text-align: center; } @media (max-width: 640px) { /* line 616, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod { font-size: 26px; height: 54px; line-height: 26px; position: relative; width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; flex-wrap: nowrap; } /* line 629, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-prod::before { content: "Quantidade:"; font-size: 20px; left: 0; line-height: 20px; text-transform: uppercase; top: 0; } } /* line 640, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao { text-align: center; width: 100%; } @media (max-width: 640px) { /* line 640, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao { margin-left: 20px; text-align: left; } } /* line 649, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao label { color: #000000; font-size: 12px; line-height: 12px; text-transform: uppercase; } @media (max-width: 640px) { /* line 649, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao label { font-size: 20px; line-height: 20px; margin-bottom: 7px; } } /* line 662, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao span { color: #000000; font-size: 16px; } @media (max-width: 640px) { /* line 662, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-count="action-count_product"] .qtd-devolucao span { font-size: 26px; line-height: 26px; } } /* line 674, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes ul li aside[data-cart-partial-value="action-price_partial-cart"] .price { color: #FF6600; font-size: 24px; line-height: 110px; margin: 0; text-align: center; } /* line 684, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer { border-top: none; display: table; margin-top: -20px; } /* line 689, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header, .client-panel .produto-detalhes footer .valor-frete, .client-panel .produto-detalhes footer .end-values { border-bottom: 1px solid #d9d9d9; height: 5rem; width: 100%; } /* line 697, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header { background-color: #FF6600; } @media (max-width: 640px) { /* line 697, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header { padding: 20px; } } /* line 704, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header aside { width: 100%; } /* line 707, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header aside h1 { color: #ffffff; float: right; font-size: 1.5rem; line-height: 5rem; padding: 0 20px 0 0; position: relative; text-transform: uppercase; } @media (max-width: 640px) { /* line 707, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header aside h1 { font-size: 30px; line-height: 40px; padding: 0; text-align: right; width: 100%; } } /* line 724, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header aside h1:after { content: 'Subtotal:'; font-size: 1.25rem; left: -120px; } @media (max-width: 640px) { /* line 724, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer header aside h1:after { font-size: 22px; left: 0; } } /* line 739, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete div { float: right; margin: 20px 20px 0 0; } /* line 743, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete .abre-frete-gratis span { color: #ffffff; float: left; font-size: 1.5rem; font-weight: 700; margin-top: 0rem; } /* line 750, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete span > strong { float: initial; } /* line 754, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete p label { color: #212121; float: left; font-size: 1.25rem; margin: 5px 0 0 -145px; } /* line 760, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete p .price { color: #212121; font-size: 1.5rem; margin: 0 0 0 0; position: relative; } /* line 765, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .valor-frete p .price:before { content: "R$"; margin: 0 0 0 -32px; position: absolute; } /* line 774, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .totais { min-height: 90px; padding: 20px; width: 100%; } @media (max-width: 640px) { /* line 774, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .totais { min-height: 70px; } } /* line 783, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .totais p { color: #000000; font-size: 18px; line-height: 26px; text-align: right; } @media (max-width: 640px) { /* line 783, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .totais p { font-size: 24px; line-height: 30px; } } /* line 796, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .end-values { background-color: #d9d9d9; padding: 20px; } /* line 800, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .end-values p.price { color: #FF6600; float: right; font-size: 1.75em; position: relative; text-transform: uppercase; } @media (max-width: 640px) { /* line 800, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .end-values p.price { font-size: 30px; text-align: right; width: 100%; } } /* line 813, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .end-values p.price:after { content: "Valor total:"; font-size: 1.5rem; left: -180px; margin-top: 5px; } @media (max-width: 640px) { /* line 813, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .end-values p.price:after { content: "Valor total do pedido:"; font-size: 22px; left: 0; } } /* line 828, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .delivery-address p { color: #000000; float: right; font-size: 1rem; line-height: 1.6rem; margin-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; position: relative; text-align: right; } @media (max-width: 640px) { /* line 828, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .delivery-address p { font-size: 1.5rem; line-height: 30px; padding-top: 3rem; } } /* line 845, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .delivery-address p:before { content: "Endereço de entrega:"; font-size: 1rem; left: -180px; } @media (max-width: 640px) { /* line 845, app/assets/styles/sass/cliente_pedidos.scss */ .client-panel .produto-detalhes footer .delivery-address p:before { font-size: 1.5rem; font-weight: 700; margin-top: -32px; margin-left: 0; right: 0; } } /* line 3, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos h4 { color: #000000; font-size: 18px; margin: 20px 0 15px; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos h4 { font-size: 26px; } } /* line 15, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos { background-color: transparent; border: 1px solid #FF6600; margin-bottom: 0; width: 100%; } /* line 21, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos thead { background-color: #FF6600; text-transform: uppercase; } /* line 25, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos thead th { color: #ffffff; font-size: 14px; font-weight: 500; padding: 10px 15px; text-align: center; } @media (max-width: 640px) { /* line 25, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos thead th { font-size: 20px; } } /* line 36, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos thead th:first-of-type { text-align: left; } /* line 42, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos tr { border-bottom: 1px solid #FF6600; } /* line 45, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos tr:nth-of-type(even) { background: transparent; } /* line 49, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos tr:last-of-type { border-bottom: 0; } /* line 54, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos td { border-right: 1px solid #FF6600; font-size: 16px; padding: 10px 15px; text-align: center; width: 13%; } @media (max-width: 640px) { /* line 54, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos td { font-size: 22px; line-height: 24px; width: 25%; } } /* line 67, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos td:first-of-type { text-align: left; width: 34%; } /* line 72, app/assets/styles/sass/cliente_creditos.scss */ .client-panel .creditos .extrato-creditos td:last-of-type { border-right: 0; } @media (max-width: 640px) { /* line 150, app/assets/styles/sass/cliente.scss */ .client-panel #avaliacoes.content .tabs { width: 560px; } /* line 154, app/assets/styles/sass/cliente.scss */ .client-panel #avaliacoes.content #produtos.content, .client-panel #avaliacoes.content #loja.content { width: 560px; } } /* line 3, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes .produto-detalhes ul li { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 6, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes .produto-detalhes ul li .list-product { width: 100%; display: flex; justify-content: space-between; } @media (max-width: 640px) { /* line 6, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes .produto-detalhes ul li .list-product { flex-direction: column; } } /* line 19, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; flex-basis: 100%; flex-shrink: 4; } /* line 25, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap figure { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 29, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap figure figcaption { width: 87% !important; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap figure figcaption { width: 368px !important; } } /* line 39, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap { border: 1px solid #d9d9d9; border-radius: 4px; margin-top: 20px; padding: 15px 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 39, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap { flex-direction: column; } } /* line 52, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao { margin-right: 20px; } @media (max-width: 640px) { /* line 52, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao { margin-right: 0; width: 100%; } } /* line 60, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data { color: #000000; line-height: 16px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 65, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data .data-hora { font-size: 12px; font-style: italic; margin: 7px 0 0 0; } @media (max-width: 640px) { /* line 65, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .nome-data .data-hora { font-size: 18px; } } /* line 76, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval { float: left; font-family: "Ubuntu"; font-size: 14px; line-height: 18px; margin: 10px 0px 0px 0px; width: 100%; } @media (max-width: 640px) { /* line 76, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval { font-size: 22px; line-height: 24px; } } /* line 89, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval span { color: #777; margin-left: 20px; margin-top: 15px; font-style: italic; display: block; } /* line 96, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .aval-opiniao .aval span img { width: 40px; float: left; margin-right: 5px; } /* line 106, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario { width: 100%; /* a { color: $preto; font-size: 1rem; @media (max-width: 640px) { font-size: 22px; } }*/ /* .envia-avaliacao_termo_button__wrap { //margin-top: 15px; width: 100%; @include _flex(space-between, flex-end); @media (max-width: 640px) { margin-top: 20px; align-items: center; flex-direction: column; } } .termos_avaliacao__open { color: $laranja; font-size: 14px; font-style: normal; margin: -2px 0px 0px 0px; @media (max-width: 640px) { font-size: 20px; margin: 0 0 15px 0; } &:hover { text-decoration: underline; } } .bt-enviar-aval { color: $branco; float: right; font-size: 14px; margin: 0; padding: 8px 20px; text-transform: uppercase; @media (max-width: 640px) { font-size: 24px; width: 100%; } } */ } /* line 118, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario p { float: left; margin: 0 0 5px 0; } @media (max-width: 640px) { /* line 118, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario p { font-size: 20px; } } /* line 127, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .avaliacao-anunciante3 { float: left; margin: -1px 0 0 8px; } /* line 132, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea { clear: left; float: left; font-size: 14px; height: 90px; margin: 5px 0 0 0; padding: 8px 10px; resize: none; width: 100%; } @media (max-width: 640px) { /* line 132, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario textarea { font-size: 22px; height: 150px; } } /* line 192, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .termos-avaliacao { padding: 20px; text-align: justify; } /* line 196, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_produto_comentario__wrap .avaliacoes_comentario__wrap .faca-comentario .termos-avaliacao ul { margin: 0px 0px 0px 20px; } /* line 205, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_imagem__wrap { border: 1px solid #d9d9d9; border-radius: 4px; margin-left: 20px; padding: 10px 15px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; flex-basis: 350px; flex-shrink: 1; } @media (max-width: 640px) { /* line 205, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_imagem__wrap { margin-top: 25px; margin-left: 0; } } /* line 220, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacoes_imagem__wrap .img-avaliacao { border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 233, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .remover-imagem-avaliacao, .client-panel .remover-comentario-painel { font-size: 13px; padding: 8px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 233, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .remover-imagem-avaliacao, .client-panel .remover-comentario-painel { font-size: 20px; } } /* line 244, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .remover-imagem-avaliacao { margin-top: 15px; } @media (max-width: 640px) { /* line 248, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .remover-comentario-painel { margin-top: 20px; } } /* line 256, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .avaliacao-painel-detalhes { width: 100% !important; } /* line 260, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .list-product_evaluation { width: 48%; /*form para avaliar*/ /* .faca-comentario { p { font-size: 12px; text-transform: uppercase; @media (max-width: 640px) { font-size: 20px; } } .avaliacao-anunciante3 { margin-top: 0; display: flex; } textarea { @media (max-width: 640px) { font-size: 21px; height: 200px; line-height: 23px; } } label { a { @media (max-width: 640px) { font-size: 21px; margin: 0; } } } .bt-enviar-aval { font-size: 15px; padding: 8px 20px; @media (max-width: 640px) { font-size: 24px; } } } */ /*avaliações*/ /* .opiniao { height: auto; overflow-y: auto; padding-right: 0; .aval-opiniao { padding: 0 0 15px; .nome-data { margin: 0; width: 100%; @include _flex(flex-start, center); .data-hora { margin-left: 10px; } } } } */ } @media (max-width: 640px) { /* line 260, app/assets/styles/sass/cliente_avaliacoes--produto.scss */ .client-panel .list-product_evaluation { margin-top: 25px; width: 100%; } } /* line 5, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes--loja .store_evaluation__wrap span { width: 100%; } @media (max-width: 640px) { /* line 5, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes--loja .store_evaluation__wrap span { line-height: 24px; } } /* line 13, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes--loja .store_evaluation__wrap .avaliacao-anunciante3 { margin-top: 15px; } /* line 17, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes--loja .store_evaluation__wrap textarea { padding: 10px; } /* line 23, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__list--loja { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 29, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja { border: 1px solid #d9d9d9; border-radius: 4px; margin-top: 20px; padding: 15px 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 29, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja { flex-direction: column; } } /* line 42, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao { margin-right: 20px; } @media (max-width: 640px) { /* line 42, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao { margin-right: 0; width: 100%; } } /* line 50, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data { color: #000000; line-height: 16px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 55, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data .data-hora { font-size: 12px; font-style: italic; margin: 7px 0 0 15px; } @media (max-width: 640px) { /* line 55, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .nome-data .data-hora { font-size: 18px; } } /* line 66, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval { float: left; font-family: "Ubuntu"; font-size: 14px; line-height: 18px; margin: 10px 0px 0px 0px; width: 100%; } @media (max-width: 640px) { /* line 66, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval { font-size: 22px; line-height: 24px; } } /* line 79, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval span { color: #777; margin-left: 20px; margin-top: 15px; font-style: italic; display: block; } /* line 86, app/assets/styles/sass/cliente_avaliacoes--loja.scss */ .client-panel .avaliacoes_comentario__wrap--loja .aval-opiniao .aval span img { width: 40px; float: left; margin-right: 5px; } /** * Modal de devolução */ @media (max-width: 640px) { /* line 1, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao { width: 600px; } } /* line 6, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao .topo-carrinho { border-bottom: 1px solid #FF6600; width: 100%; } /* line 10, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao .topo-carrinho h2 { margin-bottom: 20px; } /* line 15, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul { float: left; width: 825px; } @media (max-width: 1199px) { /* line 15, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul { width: 523px; } } @media (max-width: 640px) { /* line 15, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul { width: 540px; } } /* line 27, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .list-product { width: 68%; } @media (max-width: 640px) { /* line 27, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .list-product { width: 100%; } } /* line 35, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .price-product { width: 32%; } @media (max-width: 640px) { /* line 35, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .price-product { width: 100%; } } /* line 43, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao { border-bottom: 1px solid #FF6600; float: left; padding: 15px 0; position: relative; width: 100%; } /* line 50, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao figure > a { border: 1px solid #888; float: left; } /* line 55, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao figcaption { float: left; margin-left: 15px; width: 80%; } @media (max-width: 1199px) { /* line 55, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao figcaption { width: 240px; } } @media (max-width: 640px) { /* line 55, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao figcaption { width: 390px; } } /* line 69, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header { float: left; } /* line 72, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header h1 { color: #212121; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; word-wrap: break-word; } @media (max-width: 640px) { /* line 72, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header h1 { font-size: 23px; line-height: 24px; } } /* line 86, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header small { color: #212121; float: left; font-size: 11px; font-weight: 400; line-height: 14px; position: relative; } @media (max-width: 640px) { /* line 86, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header small { font-size: 20px; line-height: 24px; } } /* line 100, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header .cor, .produto-devolucao ul .item-devolucao header .tamanho { font-size: 12px; line-height: 16px; position: relative; width: 100%; } @media (max-width: 640px) { /* line 100, app/assets/styles/sass/devolucao_modal.scss */ .produto-devolucao ul .item-devolucao header .cor, .produto-devolucao ul .item-devolucao header .tamanho { font-size: 22px; line-height: 26px; width: 80%; } } @media (max-width: 640px) { /* line 118, app/assets/styles/sass/devolucao_modal.scss */ .devolucao { margin-top: 30px; width: 600px; } } /* line 125, app/assets/styles/sass/devolucao_modal.scss */ .devolucao label { float: left; font-size: 12px; text-transform: uppercase; } @media (max-width: 640px) { /* line 125, app/assets/styles/sass/devolucao_modal.scss */ .devolucao label { font-size: 20px; } } /* line 134, app/assets/styles/sass/devolucao_modal.scss */ .devolucao label input { float: left; margin-top: 4px; margin-right: 5px; } @media (max-width: 640px) { /* line 134, app/assets/styles/sass/devolucao_modal.scss */ .devolucao label input { height: 25px; width: 25px; } } @media (max-width: 640px) { /* line 145, app/assets/styles/sass/devolucao_modal.scss */ .devolucao label select { font-size: 20px; } } /* line 152, app/assets/styles/sass/devolucao_modal.scss */ .devolucao .quantidade-devolucao { float: right; height: 30px; margin-top: -21px; padding: 5px; width: 40px; } @media (max-width: 1199px) { /* line 152, app/assets/styles/sass/devolucao_modal.scss */ .devolucao .quantidade-devolucao { float: left; margin-top: -10px; } } @media (max-width: 640px) { /* line 152, app/assets/styles/sass/devolucao_modal.scss */ .devolucao .quantidade-devolucao { font-size: 24px; height: 50px; margin-left: 20px; width: 60px; } } /*formulário lateral*/ /* line 175, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral { background-color: #888; float: right; padding: 20px; position: relative; width: 295px; } @media (max-width: 640px) { /* line 175, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral { float: left; width: 540px; } } /* line 187, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral h2 { color: #FF6600; font-size: 16px; font-weight: 700; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 187, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral h2 { font-size: 26px; margin-top: 0; } } /* line 202, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao_subtitulo { color: #212121; font-size: 14px; font-weight: bold; margin-bottom: 5px; } @media (max-width: 640px) { /* line 202, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao_subtitulo { font-size: 24px; } } /* line 213, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio { margin-bottom: 5px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 217, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio ul { width: auto; } /* line 220, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio ul li { line-height: 16px; margin-bottom: 5px; } @media (max-width: 640px) { /* line 220, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio ul li { line-height: 26px; } } /* line 230, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio input { float: left; margin-top: 2px; margin-bottom: 0; } @media (max-width: 640px) { /* line 230, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio input { height: 25px; width: 25px; } } @media (max-width: 640px) { /* line 242, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio label { font-size: 22px; } } /* line 249, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio small { color: #212121; font-size: 13px; font-style: italic; width: 100%; } @media (max-width: 640px) { /* line 249, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao-lateral_meio small { font-size: 20px; } } /* line 261, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral textarea { height: 140px; } @media (max-width: 640px) { /* line 265, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral #foto { font-size: 22px; height: 40px; } } /* line 272, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral form .obs { color: #212121; font-size: 11px; font-style: italic; line-height: 14px; margin: -5px 0 20px; } @media (max-width: 640px) { /* line 272, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral form .obs { font-size: 22px; line-height: 24px; } } @media (max-width: 640px) { /* line 287, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao_reembolso__wrap label { font-size: 21px; } } @media (max-width: 640px) { /* line 293, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .devolucao_reembolso__wrap input { font-size: 21px; height: 50px; } } /* line 301, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap { color: #212121; font-size: 11px; font-style: italic; line-height: 14px; margin-bottom: 20px; } @media (max-width: 640px) { /* line 301, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap { font-size: 22px; line-height: 24px; } } /* line 313, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap .concordo-termos { float: left; margin-right: 5px; margin-bottom: 0; } @media (max-width: 640px) { /* line 313, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap .concordo-termos { height: 25px; width: 25px; } } /* line 324, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap a { text-decoration: underline; } /* line 327, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .concordo-termos_wrap a:hover { opacity: 0.7; } /* line 333, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .bt-devolucao { float: right; font-size: 1rem; font-weight: bold; margin: 0; padding: 13px 41px; text-transform: uppercase; } @media (max-width: 640px) { /* line 333, app/assets/styles/sass/devolucao_modal.scss */ .devolucao-lateral .bt-devolucao { font-size: 26px; width: 100%; } } /*------------------------------- #FAVORITOS -------------------------------*/ /* line 3, app/assets/styles/sass/favoritos.scss */ .favoritos .titulo_padrao { margin-bottom: 30px; text-align: center; } /* line 8, app/assets/styles/sass/favoritos.scss */ .favoritos .thumb-product_list { width: 100%; display: flex; align-items: flex-start; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } /* line 12, app/assets/styles/sass/favoritos.scss */ .favoritos .thumb-product_list > li { margin-bottom: 20px; } /*sem favoritos*/ /* line 19, app/assets/styles/sass/favoritos.scss */ .no-wish { float: left; margin: 30px 0 50px; width: 100%; } /* line 24, app/assets/styles/sass/favoritos.scss */ .no-wish p { font-size: 18px; font-weight: 400; text-align: center; } @media (max-width: 640px) { /* line 24, app/assets/styles/sass/favoritos.scss */ .no-wish p { font-size: 26px; } } /* line 34, app/assets/styles/sass/favoritos.scss */ .no-wish .bt-favoritos { height: 40px; margin: 30px auto 0; padding: 0; position: relative; text-transform: uppercase; width: 150px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 34, app/assets/styles/sass/favoritos.scss */ .no-wish .bt-favoritos { font-size: 26px; height: 60px; width: 230px; } } /*------------------------------------*\ #CARRINHO - INDEX \*------------------------------------*/ /* line 1, app/assets/styles/sass/carrinho_index.scss */ .aviso_estoque { font-size: 16px; line-height: 18px; margin-bottom: 20px; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/carrinho_index.scss */ .aviso_estoque { font-size: 18px; line-height: 20px; text-align: justify; } } /* line 13, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded { margin: 0 auto 1.3rem auto; } @media (max-width: 640px) { /* line 13, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded { width: 600px; } } /* line 21, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header { background-color: #ffffff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 3rem; line-height: 34px; padding: 8px 20px; width: 100%; } /* line 30, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header section, .box-cart_loaded > header aside { color: #000000; font-size: 14px; text-align: center; text-transform: uppercase; } @media (max-width: 640px) { /* line 30, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header section, .box-cart_loaded > header aside { font-size: 24px; } } /* line 42, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .list-product { width: 560px; } @media (max-width: 1199px) { /* line 42, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .list-product { width: 404px; } } @media (max-width: 640px) { /* line 42, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .list-product { width: 560px; } } /* line 54, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .price-product, .box-cart_loaded > header .count-product, .box-cart_loaded > header .price-partial { width: 182px; } @media (max-width: 1199px) { /* line 54, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .price-product, .box-cart_loaded > header .count-product, .box-cart_loaded > header .price-partial { width: 154px; } } /* line 64, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded > header .count-product { position: relative; } /* line 71, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li { border-bottom: 1px solid #d9d9d9; display: table; float: left; padding: 20px; position: relative; width: 100%; } @media (max-width: 640px) { /* line 71, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li { display: initial; padding: 20px 0; } } /* line 84, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .list-product { width: 560px; } @media (max-width: 1199px) { /* line 84, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .list-product { width: 404px; } } @media (max-width: 640px) { /* line 84, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .list-product { width: 100%; } } /* line 96, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .price-product, .box-cart_loaded ul li .count-product, .box-cart_loaded ul li .price-partial { width: 182px; } @media (max-width: 1199px) { /* line 96, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .price-product, .box-cart_loaded ul li .count-product, .box-cart_loaded ul li .price-partial { width: 154px; } } @media (max-width: 640px) { /* line 96, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .price-product, .box-cart_loaded ul li .count-product, .box-cart_loaded ul li .price-partial { width: 210px; } } /* line 110, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .price-product { height: 110px; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li .price-product { height: 90px; margin-top: 20px; align-items: flex-end; } } /* line 122, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figure { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 125, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figure > a { border: 1px solid #d9d9d9; border-radius: 4px; } /* line 131, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption { margin-left: 15px; width: 453px; } @media (max-width: 1199px) { /* line 131, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption { width: 297px; } } @media (max-width: 640px) { /* line 131, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption { width: 100%; } } /* line 143, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption header { display: flex; flex-direction: column; } /* line 148, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption h1 { color: #000000; font-size: 15px; font-weight: 400; line-height: 16px; margin-bottom: 5px; word-wrap: break-word; } @media (max-width: 640px) { /* line 148, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption h1 { font-size: 22px; line-height: 22px; } } /* line 162, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption small { color: #000000; float: left; font-size: 11px; font-weight: 400; line-height: 14px; position: relative; } @media (max-width: 640px) { /* line 162, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption small { font-size: 20px; line-height: 24px; } } /* line 176, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .cor, .box-cart_loaded ul li figcaption .tamanho { font-size: 12px; line-height: 16px; position: relative; width: 100%; } @media (max-width: 640px) { /* line 176, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .cor, .box-cart_loaded ul li figcaption .tamanho { font-size: 20px; line-height: 24px; } } /* line 189, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .carrinho_fabricante { color: #000000; font-size: 12px; line-height: 16px; width: 100%; } @media (max-width: 640px) { /* line 189, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .carrinho_fabricante { font-size: 20px; line-height: 26px; } } /* line 200, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .carrinho_fabricante a { font-size: 14px; text-transform: uppercase; } @media (max-width: 640px) { /* line 200, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .carrinho_fabricante a { font-size: 22px; margin-left: 5px; } } /* line 209, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded ul li figcaption .carrinho_fabricante a:hover { text-decoration: underline; } @media (max-width: 640px) { /* line 218, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] { float: right !important; } } /* line 224, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p { color: #000000; text-align: center; } @media (max-width: 640px) { /* line 224, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p { text-align: right; } } /* line 232, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p.de { color: #999; font-size: 1.12rem; text-decoration: line-through; } @media (max-width: 640px) { /* line 232, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p.de { font-size: 1.25rem; } } /* line 242, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p.por { color: #FF6600; font-size: 24px; position: relative; } @media (max-width: 640px) { /* line 242, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-price="action-price_product"] p.por { font-size: 35px; } } @media (max-width: 640px) { /* line 254, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] { height: 90px; margin-top: 20px; } } /* line 261, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod { border-radius: 0; float: left; height: 33px; left: 50%; margin-top: 40px; margin-left: -63px; position: relative; width: 127px; } @media (max-width: 1199px) { /* line 261, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod { margin-left: -52px; width: 105px; } } @media (max-width: 640px) { /* line 261, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod { float: left; height: 54px; left: 0; margin-top: 0; margin-left: 0; width: 212px; } } /* line 285, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .diminuir, .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .aumentar { background-color: #000000; color: #ffffff; float: left; font-size: 1.25rem; height: 30px; line-height: 30px; padding: 0; width: 40px; } @media (max-width: 1199px) { /* line 285, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .diminuir, .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .aumentar { width: 30px; } } @media (max-width: 640px) { /* line 285, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .diminuir, .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .aumentar { font-size: 1.5rem; font-weight: 700; height: 52px; width: 70px; } } /* line 307, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .diminuir:hover, .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .aumentar:hover { background-color: #FF6600; } /* line 312, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .qtd { border: 0; box-shadow: none; color: #000000; float: left; font-size: 1.1rem; height: 30px; line-height: 30px; margin-bottom: 0; text-align: center; width: 45px; } @media (max-width: 640px) { /* line 312, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .qtd-prod .qtd { font-size: 26px; height: 52px; width: 70px; } } /* line 332, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .delete-this { color: #000000; float: left; font-size: 13px; font-weight: 400; text-align: center; text-decoration: none; width: 100%; } @media (max-width: 640px) { /* line 332, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .delete-this { font-size: 22px; } } /* line 345, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-count="action-count_product"] .delete-this:hover { text-decoration: underline; } /* line 353, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded aside[data-cart-partial-value="action-price_partial-cart"] .price { color: #FF6600; font-size: 24px; line-height: 110px; position: relative; text-align: center; } /* line 362, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer { display: table; margin-top: -20px; } /* line 366, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .credito-section, .box-cart_loaded footer .end-values { border-bottom: 1px solid #d9d9d9; height: 5rem; width: 100%; } /* line 375, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .credito-section p { color: #000000; float: right; font-size: 1.25rem; line-height: 80px; margin-right: 20px; } @media (max-width: 640px) { /* line 375, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .credito-section p { font-size: 1.7rem; } } /* line 387, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .credito-section .valor-cred-section { color: #FF6600; font-weight: 700; } /* line 393, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values { height: auto; padding: 20px 0; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 393, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values { align-items: flex-start; flex-direction: column; } } @media (max-width: 640px) { /* line 403, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_left { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; width: 100%; } } /* line 411, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto { margin-top: 7px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 411, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto { margin-top: 0; align-items: center; flex-direction: row; } } /* line 422, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto label { color: #000000; cursor: default; font-size: 16px; padding-bottom: 17px; } @media (max-width: 640px) { /* line 422, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto label { font-size: 24px; padding-bottom: 0; } } /* line 25, app/assets/styles/sass/mixins.scss */ .box-cart_loaded footer .end-values .cupom-desconto form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #707070; } /* line 28, app/assets/styles/sass/mixins.scss */ .box-cart_loaded footer .end-values .cupom-desconto form ::-moz-placeholder { /* Firefox 19+ */ color: #707070; } /* line 31, app/assets/styles/sass/mixins.scss */ .box-cart_loaded footer .end-values .cupom-desconto form :-ms-input-placeholder { /* IE 10+ */ color: #707070; } /* line 34, app/assets/styles/sass/mixins.scss */ .box-cart_loaded footer .end-values .cupom-desconto form :-moz-placeholder { /* Firefox 18- */ color: #707070; } /* line 437, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto form input { float: left; font-size: 15px; height: 31px; margin-bottom: 0; padding: 7px; width: 130px; } @media (max-width: 640px) { /* line 437, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto form input { height: 47px; font-size: 22px; width: 225px; } } /* line 452, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto form input[disabled] { background-color: #d9d9d9; border-color: #d9d9d9; color: #ffffff; } /* line 459, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto form button { float: right; font-size: .8rem; height: 31px; margin-left: .7rem; padding: 7px 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 459, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .cupom-desconto form button { font-size: 1.25rem; height: 47px; padding: 10px 15px; } } /* line 476, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right { width: 36%; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 476, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right { width: 45%; } } @media (max-width: 640px) { /* line 476, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right { width: 100%; } } /* line 488, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table { background-color: transparent; border: none; border-collapse: collapse; border-spacing: 0; margin-bottom: 0; width: 100%; } /* line 496, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table tr { border-bottom: 1px solid #d9d9d9; } /* line 499, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table tr.alt, .box-cart_loaded footer .end-values .end-values_right table tr.even, .box-cart_loaded footer .end-values .end-values_right table tr:nth-of-type(even) { background: transparent; } /* line 506, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table td { border: 0; font-size: 16px; line-height: 20px; padding: 14px 8px; } @media (max-width: 640px) { /* line 506, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table td { font-size: 24px; line-height: 26px; } } /* line 518, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .info { text-align: right; } /* line 522, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .postal-code-for-sla { display: block; min-width: 155px; } /* line 527, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .space { padding: 0; } /* line 531, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .monetary { font-weight: bold; padding: 14px 0; text-align: right; } /* line 537, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .empty { padding: 0; width: auto; } /* line 544, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .coupon_discount .__valor-desconto-cupom { font-weight: bold; } /* line 548, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .coupon_discount .deleteThisCupom { background-color: #FF0000; font-size: .75rem; font-weight: 700; margin-left: 10px; padding: 7px 10px; } @media (max-width: 640px) { /* line 548, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .coupon_discount .deleteThisCupom { font-size: 20px; padding: 15px; } } /* line 564, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value .info { color: #FF6600; font-size: 20px; font-weight: bold; } @media (max-width: 640px) { /* line 564, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value .info { font-size: 30px; } } /* line 574, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value .monetary { color: #FF6600; font-size: 20px; } @media (max-width: 640px) { /* line 574, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value .monetary { font-size: 30px; } } /* line 582, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value .monetary span { font-weight: bold; } /* line 592, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value--discount .monetary span { font-weight: bold; } /* line 598, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value--parcel { border-bottom: none; } /* line 603, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value--parcel .info div { display: block; min-width: 155px; } /* line 609, app/assets/styles/sass/carrinho_index.scss */ .box-cart_loaded footer .end-values .end-values_right table .total_value--parcel #valor-parcela { font-weight: bold; } /** * Carrinho vazio */ /* line 623, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos { border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 20px; padding: 2rem; display: flex; align-items: center; justify-content: space-around; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 623, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos { margin: 1rem auto; } } /* line 634, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos h1 { clear: both; color: #000000; font-size: 28px; text-align: center; text-transform: uppercase; } /* line 642, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos img { margin-top: 2rem; } /* line 646, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos p { color: #000000; font-size: 18px; font-weight: 400; margin-top: 2rem; text-align: center; } @media (max-width: 640px) { /* line 646, app/assets/styles/sass/carrinho_index.scss */ .sem-produtos p { font-size: 24px; } } /** * Botões carrinho */ /* line 662, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 667, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .buy, .carrinho_buttons .return { font-size: 1rem; padding: 13px 10px; text-transform: uppercase; width: 200px; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 667, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .buy, .carrinho_buttons .return { font-size: 22px; padding: 10px; } } /* line 682, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return { width: 290px; } @media (max-width: 640px) { /* line 682, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return { width: 200px; } } /* line 689, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return.button--desktop { display: flex; } @media (max-width: 640px) { /* line 689, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return.button--desktop { display: none; } } /* line 697, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return.button--mobile { display: none; } @media (max-width: 640px) { /* line 697, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .return.button--mobile { display: flex; } } /* line 706, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .carrinho_buttons_seguro { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 715, app/assets/styles/sass/carrinho_index.scss */ .carrinho_buttons .carrinho_buttons_seguro .compra_segura__selo { margin-right: 30px; } /* line 721, app/assets/styles/sass/carrinho_index.scss */ .flex-cart { display: flex; } /*------------------------------------*\ #CARRINHO - ENDEREÇO \*------------------------------------*/ /* line 3, app/assets/styles/sass/carrinho_endereco.scss */ .location-post.endereco h3 { color: #000000; font-size: 16px; font-weight: 400; margin-top: 30px; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/carrinho_endereco.scss */ .location-post.endereco h3 { font-size: 1.5rem; } } /* line 14, app/assets/styles/sass/carrinho_endereco.scss */ .location-post.endereco .aviso { color: #FF0000; font-size: 14px; margin-top: 5px; } @media (max-width: 640px) { /* line 14, app/assets/styles/sass/carrinho_endereco.scss */ .location-post.endereco .aviso { font-size: 22px; line-height: 24px; } } /* line 28, app/assets/styles/sass/carrinho_endereco.scss */ .endereco ul { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 28, app/assets/styles/sass/carrinho_endereco.scss */ .endereco ul { flex-direction: column; } } /* line 36, app/assets/styles/sass/carrinho_endereco.scss */ .endereco ul li { display: inline-block; margin: 20px 0 0 0; padding: 0 !important; position: relative; width: 49%; } @media (max-width: 640px) { /* line 36, app/assets/styles/sass/carrinho_endereco.scss */ .endereco ul li { margin: 0; width: 100%; } } /* line 51, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id { border: 1px solid #d9d9d9; border-radius: 4px; color: #000000; display: table; height: 100%; margin: 0; padding: 20px; width: 100%; overflow: hidden; } @media (max-width: 640px) { /* line 51, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id { margin: 20px 0 20px 0; width: 600px; } } /* line 67, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id h1 { color: #212121; font-size: 1rem; font-weight: 700; padding-bottom: 10px; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id h1 { font-size: 1.5rem; } } /* line 78, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address { border-bottom: 1px solid #d9d9d9; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 20px; padding-bottom: 10px; width: 95%; } @media (max-width: 640px) { /* line 78, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address { font-size: 1.5rem; line-height: 26px; width: 92%; } } /* line 93, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .endereco_identificacao { font-style: italic; } /* line 97, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .cep-location { font-weight: 400; margin-top: 2px; margin-left: 43px; } @media (max-width: 640px) { /* line 97, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .cep-location { margin-left: 55px; } } /* line 106, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .cep-location:before { content: 'CEP:'; margin-left: -43px; } @media (max-width: 640px) { /* line 106, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .cep-location:before { margin-left: -55px; } } /* line 116, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .zip-code-location { font-weight: 400; margin-top: 2px; margin-left: 65px; } @media (max-width: 640px) { /* line 116, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .zip-code-location { margin-left: 102px; } } /* line 125, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id address .zip-code-location:before { content: 'ZIPCode:'; left: 20px; } /* line 132, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic, .endereco .box-post_id .valor-frete-internacional-dinamic { color: #FF6600; height: 50px; line-height: 18px; margin-top: 10px; position: relative; width: 160px; } @media (max-width: 640px) { /* line 132, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic, .endereco .box-post_id .valor-frete-internacional-dinamic { font-size: 1.5rem; height: auto; line-height: 26px; margin-top: 42px; margin-bottom: 20px; width: 100%; } } /* line 150, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic:before, .endereco .box-post_id .valor-frete-internacional-dinamic:before { float: left; font-size: 14px; line-height: 16px; margin: -18px 0 0 0; } @media (max-width: 640px) { /* line 150, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic:before, .endereco .box-post_id .valor-frete-internacional-dinamic:before { font-size: 22px; line-height: 26px; margin-top: -26px; } } @media (max-width: 640px) { /* line 163, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.mercadoria-expressa::before, .endereco .box-post_id .valor-frete-dinamic.mercadoria-economica::before, .endereco .box-post_id .valor-frete-internacional-dinamic.mercadoria-expressa::before, .endereco .box-post_id .valor-frete-internacional-dinamic.mercadoria-economica::before { line-height: 24px; } } /* line 170, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.pac::before, .endereco .box-post_id .valor-frete-internacional-dinamic.pac::before { content: "Frete PAC"; } /* line 171, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.sedex::before, .endereco .box-post_id .valor-frete-internacional-dinamic.sedex::before { content: "Frete SEDEX"; } /* line 172, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.motoboy::before, .endereco .box-post_id .valor-frete-internacional-dinamic.motoboy::before { content: "Frete Motoboy"; } /* line 173, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.na-loja::before, .endereco .box-post_id .valor-frete-internacional-dinamic.na-loja::before { content: "Retirar na Loja"; } /* line 174, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.mercadoria-expressa::before, .endereco .box-post_id .valor-frete-internacional-dinamic.mercadoria-expressa::before { content: "Mercadoria Expressa"; } /* line 175, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.mercadoria-economica::before, .endereco .box-post_id .valor-frete-internacional-dinamic.mercadoria-economica::before { content: "Mercadoria Econômica"; } /* line 176, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id .valor-frete-dinamic.leve-internacional::before, .endereco .box-post_id .valor-frete-internacional-dinamic.leve-internacional::before { content: "Leve Internacional"; } /* line 179, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id small { float: left; font-size: 13px; font-weight: 400; } @media (max-width: 640px) { /* line 179, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id small { font-size: 20px; line-height: 20px; } } /* line 190, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id button { font-size: 14px; font-weight: 400; margin: 20px 0 0 0; padding: 10px 18px; text-transform: uppercase; } @media (max-width: 640px) { /* line 190, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id button { font-size: 28px; padding: 15px; width: 560px; } } /* line 206, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id-add { border: 1px solid #d9d9d9; color: #000000; height: auto !important; margin: auto; margin-bottom: 80px; overflow: hidden; text-align: center; text-decoration: none; width: 100%; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { /* line 206, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .box-post_id-add { width: 600px; } } /* line 226, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .button_endereco { font-size: 16px; font-weight: 400; margin: 30px 0; padding: 15px; text-transform: uppercase; } @media (max-width: 1199px) { /* line 226, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .button_endereco { font-size: 14px; } } @media (max-width: 640px) { /* line 226, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .button_endereco { font-size: 24px; width: 90%; } } /* line 243, app/assets/styles/sass/carrinho_endereco.scss */ .endereco .alert-box { background-color: #FFB919; border: none; color: #000; float: left; font-size: .875rem; margin-top: 10px; margin-bottom: 0; padding: 10px; width: 100%; } /*form do cadastro de endereço*/ /* line 257, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro { height: auto; min-height: 287px; padding: 20px; position: relative; width: 100%; } /* line 264, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco { width: 100%; } /* line 25, app/assets/styles/sass/mixins.scss */ .modal-cadastro .cadastro-endereco ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .modal-cadastro .cadastro-endereco ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .modal-cadastro .cadastro-endereco :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .modal-cadastro .cadastro-endereco :-moz-placeholder { /* Firefox 18- */ color: #212121; } /* line 268, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input, .modal-cadastro .cadastro-endereco select { height: 46px; padding: .7rem; width: 100%; } @media (max-width: 640px) { /* line 268, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input, .modal-cadastro .cadastro-endereco select { font-size: 22px; height: 65px; } } /* line 281, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco .numero_wrap { margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 285, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco .numero_wrap label { font-size: 22px; line-height: 22px; } } /* line 293, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input[name="numero"] { margin-bottom: 0; width: 75%; } @media (max-width: 1199px) { /* line 293, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input[name="numero"] { width: 70%; } } @media (max-width: 640px) { /* line 293, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input[name="numero"] { width: 65%; } } /* line 306, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input[type="checkbox"] { height: auto; margin-bottom: 0; width: auto; } @media (max-width: 640px) { /* line 306, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco input[type="checkbox"] { height: 25px; width: 25px; } } /* line 317, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco .destinatario_label { margin-bottom: 15px; text-transform: uppercase; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 317, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco .destinatario_label { font-size: 21px; } } /* line 326, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco .destinatario_label input[type="checkbox"] { margin-right: 7px; } /* line 331, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco button { float: right; margin-bottom: 15px; padding: 10px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 331, app/assets/styles/sass/carrinho_endereco.scss */ .modal-cadastro .cadastro-endereco button { font-size: 28px; } } /*------------------------------------*\ #CARRINHO - FINALIZACAO \*------------------------------------*/ /* line 3, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"], article[data-cart-end="select-post-option"], article[data-cart-end="credits"], .finalizacao__carrinho-resumo, article[data-cart-list="products-on-bag"], article[data-cart-end="select-payment"] { display: table; margin-bottom: 2rem; width: 100%; } /* line 13, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"] header .titulo_padrao, article[data-cart-end="select-post-option"] header .titulo_padrao, article[data-cart-end="credits"] header .titulo_padrao, .finalizacao__carrinho-resumo header .titulo_padrao, article[data-cart-list="products-on-bag"] header .titulo_padrao, article[data-cart-end="select-payment"] header .titulo_padrao { font-size: 20px; margin-bottom: 10px; } @media (max-width: 640px) { /* line 13, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"] header .titulo_padrao, article[data-cart-end="select-post-option"] header .titulo_padrao, article[data-cart-end="credits"] header .titulo_padrao, .finalizacao__carrinho-resumo header .titulo_padrao, article[data-cart-list="products-on-bag"] header .titulo_padrao, article[data-cart-end="select-payment"] header .titulo_padrao { font-size: 25px; } } /* line 23, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"] { margin-top: 30px; } /* line 26, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"] section { border: 1px solid #888; border-radius: 4px; color: #000000; float: left; font-weight: 400; padding: 20px; width: 100%; } @media (max-width: 640px) { /* line 26, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="delivery-address"] section { border-width: 2px; font-size: 24px; } } /* line 44, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco p { color: #000000; font-size: 13px; font-weight: 400; margin-top: 8px; } @media (max-width: 640px) { /* line 44, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco p { font-size: 18px; line-height: 20px; } } /* line 56, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco h5 { color: #000000; font-size: 14px; font-weight: 400; text-transform: uppercase; } @media (max-width: 640px) { /* line 56, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco h5 { font-size: 18px; } } /* line 67, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco .carrinho__finalizacao_endereco__cliente { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 67, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco .carrinho__finalizacao_endereco__cliente { flex-wrap: wrap; } } /* line 75, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco span { font-weight: 400; margin-right: 10px; } /* line 80, app/assets/styles/sass/carrinho_finalizacao.scss */ .carrinho__finalizacao_endereco hr { margin: 10px 0; } /* line 87, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul { border: 1px solid #888; border-radius: 4px; float: left; width: 100%; } @media (max-width: 640px) { /* line 87, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul { border-width: 2px; font-size: 24px; } } /* line 98, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul li { float: left; width: 100%; } /* line 103, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .header { background-color: transparent; background-image: none; border-top: none; height: auto; position: relative; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 111, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .header aside { border-right: 1px solid #888; border-bottom: 1px solid #888; color: #000000; float: left; font-size: 1rem; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 111, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .header aside { font-size: 20px; height: 57px; line-height: 20px; padding: 0.5rem 0; width: 183px; } } /* line 131, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .header aside:last-of-type { border-right: none; } @media (max-width: 640px) { /* line 131, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .header aside:last-of-type { width: 230px; } } /* line 141, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 144, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result:nth-of-type(2), article[data-cart-end="select-post-option"] ul .result:nth-of-type(3) { border-bottom: 1px solid #888; } /* line 149, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside { border-right: 1px solid #888; color: #000000; float: left; font-size: 1rem; font-weight: 400; height: 50px; padding: 15px 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 149, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside { font-size: 20px; height: 75px; width: 183px; } } /* line 169, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside label { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 640px) { /* line 169, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside label { font-size: 20px; line-height: 22px; } } /* line 179, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside label input { margin-right: 5px; margin-bottom: 0; } /* line 185, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside:last-of-type { border-right: none; } /* line 190, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside[data-cart-time="time-for-post"] { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 190, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside[data-cart-time="time-for-post"] { width: 230px; } } @media (max-width: 640px) { /* line 197, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside[data-cart-time="time-for-post"] label { font-size: 20px; } } /* line 203, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside[data-cart-time="time-for-post"] span { color: #000000; font-size: 1rem; font-weight: 400; line-height: 16px; padding: 0 5px; text-transform: uppercase; } @media (max-width: 640px) { /* line 203, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-post-option"] ul .result aside[data-cart-time="time-for-post"] span { font-size: 20px; line-height: 22px; } } /* line 223, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul { border: 1px solid #888; float: left; padding: 20px; width: 100%; } @media (max-width: 640px) { /* line 223, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul { border-width: 2px; width: 600px; } } /* line 234, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul section { color: #000000; float: left; font-size: 1rem; font-weight: 400; width: 50%; } @media (max-width: 640px) { /* line 234, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul section { font-size: 24px; line-height: 26px; } } /* line 247, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul li { float: right; } @media (max-width: 640px) { /* line 247, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul li { width: 50%; } } /* line 255, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul aside { color: #000000; float: right; } /* line 259, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul aside input { margin-bottom: 0; } /* line 263, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul aside label { color: #000000; font-size: 1rem; font-weight: 400; } @media (max-width: 640px) { /* line 263, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="credits"] ul aside label { font-size: 24px; } } /* line 278, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded { border: 1px solid #d9d9d9; border-top: none; border-radius: 4px; display: table; } @media (max-width: 640px) { /* line 284, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded ul li { padding: 20px; } } /* line 289, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded ul li:last-of-type { border-bottom: none; } @media (max-width: 640px) { /* line 294, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .count-product, .finalizacao__carrinho-resumo .box-cart_loaded .price-product { margin-top: 20px; } } /* line 302, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .nome_quantidade_produto { display: none; } @media (max-width: 640px) { /* line 302, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .nome_quantidade_produto { color: #000000; display: block; font-size: 18px; text-transform: uppercase; } } /* line 313, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .qtd-prod { color: #000000; font-size: 1.25rem; line-height: 110px; margin-top: 0 !important; text-align: center; } @media (max-width: 640px) { /* line 313, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .qtd-prod { font-size: 28px; line-height: 30px; text-align: left; } } @media (max-width: 640px) { /* line 327, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded .price-product { height: 67px; } } @media (max-width: 640px) { /* line 333, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded aside[data-cart-price="action-price_product"] p.por { line-height: 35px; } } @media (max-width: 640px) { /* line 339, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo .box-cart_loaded aside[data-cart-count="action-count_product"] { height: 67px; } } /* line 347, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo_voltar { background-color: #888; color: #000000; font-size: 14px; font-weight: 400; padding: 10px 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 347, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo_voltar { font-size: 24px; width: 100%; } } /* line 360, app/assets/styles/sass/carrinho_finalizacao.scss */ .finalizacao__carrinho-resumo_voltar:hover { background-color: #FF6600; color: #ffffff; } /* line 368, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside { background-color: #FF6600; border: 1px solid #888; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 368, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside { width: 600px; flex-direction: column; } } /* line 381, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside article, article[data-cart-list="products-on-bag"] aside header { height: 100%; padding: 20px; width: 50%; } /* line 388, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside article { background-color: #ffffff; min-height: 122px; } @media (max-width: 640px) { /* line 388, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside article { width: 100%; } } /* line 397, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside p { clear: left; color: #000000; float: left; font-size: 1rem; font-weight: 400; line-height: 26px; } @media (max-width: 640px) { /* line 397, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside p { font-size: 24px; line-height: 30px; } } /* line 411, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header { margin: 0; display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 411, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header { width: 100%; } } /* line 421, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-price { color: #ffffff; font-size: 1.5rem; font-weight: 700; margin-bottom: 5px; } @media (max-width: 640px) { /* line 421, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-price { font-size: 1.7rem; } } /* line 431, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-price span { color: #ffffff; font-size: 1.25rem; margin-right: 10px; } @media (max-width: 640px) { /* line 431, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-price span { font-size: 1.5rem; } } /* line 442, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-parcel { color: #ffffff; font-size: 1.12rem; line-height: 24px; } @media (max-width: 640px) { /* line 442, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-parcel { font-size: 24px; } } /* line 451, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-parcel span { color: #ffffff; float: initial; font-size: 1rem; font-weight: 700; } @media (max-width: 640px) { /* line 451, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-list="products-on-bag"] aside header p.this-parcel span { font-size: 1.4rem; } } /* line 467, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] { margin-top: 60px; margin-bottom: 100px; } /* line 471, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] header { display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 471, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] header { align-items: flex-start; flex-direction: column; } } /* line 480, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .select-payment_selos { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 480, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .select-payment_selos { align-self: center; } } /* line 489, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .compra_segura__wrap { position: relative; right: 20px; top: 0; } /* line 495, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .ambiente_seguro { color: #000000; font-size: 1rem; line-height: 17px; text-transform: uppercase; width: 150px; } /* line 502, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .ambiente_seguro .icon-seguranca { background-image: url(/app/assets/images/icons/icon-ambiente-seguro.png); background-repeat: no-repeat; float: left; height: 34px; margin: 0 10px 0 0; width: 30px; } /* line 511, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .ambiente_seguro span { width: 110px; } /* line 516, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 516, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs { width: 600px; flex-direction: column; } } /* line 526, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title { background-color: #000000; border-top-right-radius: 4px; border-top-left-radius: 4px; height: 55px; padding: 0; width: 100%; } @media (max-width: 640px) { /* line 526, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title { height: 70px; margin-bottom: 10px !important; } } /* line 539, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a { background-color: transparent; color: #ffffff; font-family: "Ubuntu"; font-size: 15px; font-weight: 400; height: 100%; line-height: 15px; padding: 0; text-align: center; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 539, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a { font-size: 22px; line-height: 22px; } } /* line 558, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a span { display: block; font-size: 13px; line-height: 13px; } @media (max-width: 640px) { /* line 558, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a span { font-size: 20px; line-height: 20px; } } /* line 569, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a small { font-size: 12px; font-weight: 700; } @media (max-width: 640px) { /* line 569, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title a small { font-size: 18px; } } /* line 579, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title.active, article[data-cart-end="select-payment"] .tabs .tab-title:hover { background-color: #FF6600; } /* line 583, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title.active a, article[data-cart-end="select-payment"] .tabs .tab-title:hover a { color: #ffffff; } /* line 588, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title:not(:last-of-type) { margin-right: 10px; } @media (max-width: 640px) { /* line 588, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs .tab-title:not(:last-of-type) { margin-right: 0; } } /* line 598, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content { /** * Pagamento com cartão - moip */ /** * Pagseguro */ /** * Pagamento com boleto */ /** * Paypal */ /** * Promissória */ /** * Cielo - Cartão de crédito */ /** * Cielo - Cartão de débito */ } /* line 600, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content { background-color: #f1f1f1; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; font-size: 1rem; line-height: 15px; padding: 20px; text-align: justify; } /* line 610, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content form { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 613, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content form .form_wrapper { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } /* line 619, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia_wrapper { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 623, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } /* line 627, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section { border-right: 1px solid #d9d9d9; float: left; padding-right: 20px; width: 730px; } @media (max-width: 1199px) { /* line 627, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section { width: 556px; } } @media (max-width: 640px) { /* line 627, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section { border-right: none; padding-right: 0; width: 560px; } } /* line 643, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total { border: 1px solid #d9d9d9; border-radius: 4px; display: table; margin-bottom: 16px; padding: 14px; width: 100%; } /* line 651, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total span { text-transform: uppercase; } /* line 655, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .total-geral { color: #000000; font-size: 20px; font-weight: 400; margin-bottom: 8px; } @media (max-width: 640px) { /* line 655, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .total-geral { font-size: 24px; } } /* line 666, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .desconto { color: #000000; float: left; font-size: 16px; font-weight: 400; margin-top: 8px; margin-bottom: 8px; } @media (max-width: 640px) { /* line 666, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .desconto { font-size: 20px; line-height: 20px; } } /* line 680, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .total-boleto { color: #000000; font-size: 20px; line-height: 22px; margin-bottom: 8px; } @media (max-width: 640px) { /* line 680, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .total .total-boleto { font-size: 24px; line-height: 24px; } } /* line 695, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .passo-a-passo-pg-boleto li { clear: left; color: #000000; font-size: 16px; font-weight: 400; line-height: 18px; margin-bottom: 10px; padding-left: 10px; } @media (max-width: 640px) { /* line 695, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .passo-a-passo-pg-boleto li { font-size: 22px; height: auto; line-height: 24px; } } /* line 710, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia section .passo-a-passo-pg-boleto li:before { content: "• "; color: #FF6600; font-size: 40px; left: -10px; position: relative; top: 10px; } /* line 721, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside { display: block; float: right; height: auto; padding: 0 0 0 20px; position: relative; top: 20px; text-align: justify; width: 378px; } @media (max-width: 1199px) { /* line 721, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside { width: 310px; } } @media (max-width: 640px) { /* line 721, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside { float: left; margin-top: 30px; padding-left: 0; width: 560px; } } /* line 742, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside:before { color: #000000; content: "Atenção"; font-size: 22px; margin-bottom: 24px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } /* line 753, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside ul li { color: #000000; text-transform: uppercase; } @media (max-width: 640px) { /* line 753, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside ul li { font-size: 22px; } } /* line 762, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside .aviso { width: 100%; } @media (max-width: 640px) { /* line 762, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside .aviso { margin-bottom: 30px; } } /* line 769, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside .aviso small { color: #000000; font-size: 14px; } @media (max-width: 640px) { /* line 769, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .content .transferencia aside .aviso small { font-size: 22px; line-height: 22px; } } /* line 786, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes { float: left; margin-top: 10px; width: 100%; } /* line 791, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao { float: left; margin-right: 10px; } /* line 795, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao div { background-repeat: no-repeat; height: 38px; width: 60px; } /* line 801, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .visa { background-image: url(/app/assets/images/icon-cartao-visa.png); } /* line 802, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .master { background-image: url(/app/assets/images/icon-cartao-master.png); } /* line 803, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .amex { background-image: url(/app/assets/images/icon-cartao-amex.png); } /* line 804, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .dinners { background-image: url(/app/assets/images/icon-cartao-diners.png); } /* line 805, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .elo { background-image: url(/app/assets/images/icon-cartao-elo.png); } /* line 806, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .hiper { background-image: url(/app/assets/images/icon-cartao-hiper.png); } /* line 807, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .hipercard { background-image: url(/app/assets/images/icon-cartao-hipercard.png); } /* line 808, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .aura { background-image: url(/app/assets/images/icon-cartao-aura.png); } /* line 809, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao .jcb { background-image: url(/app/assets/images/icon-cartao-jcb.png); } /* line 811, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .cartoes .cartao input { margin-top: 10px; margin-left: 24px; } /* line 818, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set { width: 49%; } /* line 25, app/assets/styles/sass/mixins.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset ::-webkit-input-placeholder, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset ::-moz-placeholder, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset :-ms-input-placeholder, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset :-moz-placeholder, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set :-moz-placeholder { /* Firefox 18- */ color: #212121; } @media (max-width: 640px) { /* line 818, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set { width: 100%; } } /* line 827, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset label, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set label { color: #000000; float: left; font-size: 14px; font-weight: 400; width: 100%; } @media (max-width: 640px) { /* line 827, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset label, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set label { font-size: 22px; } } /* line 839, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset input, article[data-cart-end="select-payment"] .tabs-content fieldset select, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set input, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select { height: 46px; margin-bottom: 1rem; padding: 0 10px; width: 100%; } @media (max-width: 640px) { /* line 839, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset input, article[data-cart-end="select-payment"] .tabs-content fieldset select, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set input, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select { font-size: 24px; height: 65px; } } /* line 853, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset option.sem-juros, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set option.sem-juros { font-weight: 700; } /* line 857, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset select[name="cardMonth"], article[data-cart-end="select-payment"] .tabs-content fieldset select#cardExpirationMonth, article[data-cart-end="select-payment"] .tabs-content fieldset select[name="cardYear"], article[data-cart-end="select-payment"] .tabs-content fieldset select#cardExpirationYear, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select[name="cardMonth"], article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select#cardExpirationMonth, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select[name="cardYear"], article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select#cardExpirationYear { width: 130px; } /* line 864, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset select[name="cardMonth"], article[data-cart-end="select-payment"] .tabs-content fieldset select#cardExpirationMonth, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select[name="cardMonth"], article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set select#cardExpirationMonth { margin-right: 10px; } /* line 869, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .group.right, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right { width: 219px; } @media (max-width: 1199px) { /* line 869, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .group.right, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right { float: left !important; } } @media (max-width: 640px) { /* line 869, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .group.right, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right { float: right !important; } } /* line 880, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .group.right input[name="cardSecurityCode"], article[data-cart-end="select-payment"] .tabs-content fieldset .group.right input#securityCode, article[data-cart-end="select-payment"] .tabs-content fieldset .group.right .ciec-inputs, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right input[name="cardSecurityCode"], article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right input#securityCode, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right .ciec-inputs { float: left; width: 140px; } /* line 887, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .group.right .icon-cartao, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .group.right .icon-cartao { background-image: url(/app/assets/images/icon-cartao.png); background-repeat: no-repeat; float: left; height: 46px; margin-left: 10px; width: 69px; } /* line 897, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .n_parcelas_label, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .n_parcelas_label { width: auto; } @media (max-width: 1199px) { /* line 897, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .n_parcelas_label, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .n_parcelas_label { width: 100%; } } /* line 905, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .n_parcelas_aviso, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .n_parcelas_aviso { color: #212121; float: right; font-size: 11px; font-style: italic; line-height: 11px; margin-bottom: 5px; text-align: right; width: 42%; } @media (max-width: 1199px) { /* line 905, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .n_parcelas_aviso, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .n_parcelas_aviso { margin-top: 5px; text-align: left; width: 100%; } } @media (max-width: 640px) { /* line 905, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content fieldset .n_parcelas_aviso, article[data-cart-end="select-payment"] .tabs-content .cielo-pagamento__set .n_parcelas_aviso { font-size: 20px; line-height: 22px; } } /* line 928, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .importante { color: #FF6600; float: left; font-size: 15px; line-height: 1.2rem; margin: 20px 0; text-align: left; } @media (max-width: 640px) { /* line 928, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .importante { font-size: 24px; line-height: 26px; width: 100%; } } /* line 948, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .pagseguro img { cursor: pointer; height: 109px; margin-top: 12px; position: relative; width: 301px; } /* line 956, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .pagseguro p { color: #212121; float: right; font-size: 1.5rem; margin-top: 10px; } /* line 967, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; } /* line 971, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto #open-boleto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button #open-boleto { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 971, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto #open-boleto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button #open-boleto { flex-direction: column; } } /* line 980, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section { border-right: 1px solid #d9d9d9; float: left; padding-right: 20px; width: 750px; } @media (max-width: 1199px) { /* line 980, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section { width: 556px; } } @media (max-width: 640px) { /* line 980, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section { border-right: none; padding-right: 0; width: 100%; } } /* line 996, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total { border: 1px solid #d9d9d9; border-radius: 4px; display: table; margin-bottom: 16px; padding: 14px; width: 100%; } /* line 1004, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total span, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total span { text-transform: uppercase; } /* line 1009, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .total-geral, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .total-geral { color: #000000; font-size: 20px; font-weight: 400; margin-bottom: 8px; } @media (max-width: 640px) { /* line 1009, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .total-geral, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .total-geral { font-size: 24px; } } /* line 1020, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .desconto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .desconto { color: #000000; font-size: 16px; margin-bottom: 8px; } @media (max-width: 640px) { /* line 1020, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .desconto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .desconto { font-size: 20px; line-height: 20px; } } /* line 1031, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .total-boleto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .total-boleto { color: #000000; font-size: 20px; line-height: 20px; margin-bottom: 8px; } @media (max-width: 640px) { /* line 1031, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .total .total-boleto, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .total .total-boleto { font-size: 24px; line-height: 26px; } } /* line 1046, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .passo-a-passo-pg-boleto li, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .passo-a-passo-pg-boleto li { color: #000000; font-size: 16px; font-weight: 400; line-height: 18px; margin-bottom: 10px; padding-left: 10px; } @media (max-width: 640px) { /* line 1046, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .passo-a-passo-pg-boleto li, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .passo-a-passo-pg-boleto li { font-size: 24px; height: auto; line-height: 26px; } } /* line 1060, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto section .passo-a-passo-pg-boleto li:before, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button section .passo-a-passo-pg-boleto li:before { content: "• "; color: #FF6600; font-size: 40px; left: -10px; position: relative; top: 10px; } /* line 1072, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside { display: block; float: right; height: auto; padding: 0 0 0 20px; position: relative; top: 20px; text-align: justify; width: 358px; } @media (max-width: 1199px) { /* line 1072, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside { width: 310px; } } @media (max-width: 640px) { /* line 1072, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside { float: left; margin-top: 30px; padding-left: 0; width: 100%; } } /* line 1093, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside:before, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside:before { color: #000000; content: "Atenção"; font-size: 22px; margin-bottom: 24px; position: relative; text-align: center; width: 100%; text-transform: uppercase; } @media (max-width: 640px) { /* line 1093, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside:before, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside:before { font-size: 28px; } } /* line 1108, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside p, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside p { color: #000000; font-weight: 400; line-height: 20px; margin-bottom: 20px; } @media (max-width: 640px) { /* line 1108, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .finalizacao-boleto aside p, article[data-cart-end="select-payment"] .tabs-content #finalizar-pedido-wallet-button aside p { font-size: 24px; line-height: 26px; } } /* line 1122, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .total-vencimento { color: #FF0000; } @media (max-width: 640px) { /* line 1122, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .total-vencimento { font-size: 22px; line-height: 22px; } } /* line 1134, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .paypal { display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 1138, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .paypal_wrapper { width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 1138, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .paypal_wrapper { flex-direction: column; } } /* line 1146, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .paypal_wrapper p { color: #000000; font-size: 20px; line-height: 20px; text-transform: uppercase; } @media (max-width: 640px) { /* line 1146, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content .paypal_wrapper p { font-size: 24px; line-height: 26px; margin-top: 30px; margin-bottom: 15px; } } /* line 1166, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .total-geral { margin-bottom: 0; } /* line 1170, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .input-promissoria-opt { width: 100%; } /* line 1174, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .promissoria_wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 1177, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .promissoria_wrap input[type="radio"] { height: 20px; width: 20px; } } /* line 1184, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .promissoria_wrap label { color: #000000; text-transform: uppercase; } @media (max-width: 640px) { /* line 1184, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .promissoria_wrap label { font-size: 22px; } } /* line 1194, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #finalizacao-promissoria .promissoria_boleto__minimo { color: #FF0000; } /* line 1204, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-credito .parcelas_label { width: auto; } /* line 1208, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-credito .parcelas_minimo { color: #575757; float: right; font-size: 11px; font-style: italic; text-align: right; width: 42%; } @media (max-width: 640px) { /* line 1208, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-credito .parcelas_minimo { font-size: 18px; margin-top: 8px; } } /* line 1222, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-credito .importante { text-align: center; width: 100%; } /* line 1233, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .cartoes { display: flex; justify-content: center; } /* line 1238, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade { margin-top: 15px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; } /* line 1247, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade .group { text-align: left; display: grid; } @media (max-width: 640px) { /* line 1247, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade .group { width: 100%; } } @media (max-width: 640px) { /* line 1256, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade label { text-align: left; } } /* line 1262, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade .validade { margin-right: 35px; } @media (max-width: 640px) { /* line 1262, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade .validade { display: flex; } } @media (max-width: 640px) { /* line 1269, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .debito_validade .validade select { width: 48%; } } /* line 1277, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .tabs-content #form-finalizacao-cielo-cartao-debito .cied-inputs__input-cvv { margin-right: 0 !important; width: 150px !important; } /* line 1284, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] .progress-button { float: right !important; width: auto !important; } /* line 1289, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] button { cursor: pointer; font-weight: 700; margin-top: 20px; } @media (max-width: 640px) { /* line 1289, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] button { font-size: 28px; width: 560px; } } /* line 1299, app/assets/styles/sass/carrinho_finalizacao.scss */ article[data-cart-end="select-payment"] button span { text-transform: uppercase; } /** * Impostos nas formas de pgto (exceto promissória) */ /* line 1308, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito, .total--cielo__cartao-debito, .total--cielo__boleto, .total--cielo__debito-conta, .total--itau__boleto { border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 16px; padding: 15px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 1320, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito label, .total--cielo__cartao-debito label, .total--cielo__boleto label, .total--cielo__debito-conta label, .total--itau__boleto label { color: #000000; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; } @media (max-width: 640px) { /* line 1320, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito label, .total--cielo__cartao-debito label, .total--cielo__boleto label, .total--cielo__debito-conta label, .total--itau__boleto label { font-size: 22px; line-height: 24px; } } /* line 1332, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .__valores-impostos, .total--cielo__cartao-debito .__valores-impostos, .total--cielo__boleto .__valores-impostos, .total--cielo__debito-conta .__valores-impostos, .total--itau__boleto .__valores-impostos { font-size: 14px; width: 100%; } @media (max-width: 640px) { /* line 1332, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .__valores-impostos, .total--cielo__cartao-debito .__valores-impostos, .total--cielo__boleto .__valores-impostos, .total--cielo__debito-conta .__valores-impostos, .total--itau__boleto .__valores-impostos { font-size: 20px; } } /* line 1340, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .__valores-impostos span, .total--cielo__cartao-debito .__valores-impostos span, .total--cielo__boleto .__valores-impostos span, .total--cielo__debito-conta .__valores-impostos span, .total--itau__boleto .__valores-impostos span { font-weight: bold; margin-left: 15px; } /* line 1346, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .total-geral, .total--cielo__cartao-debito .total-geral, .total--cielo__boleto .total-geral, .total--cielo__debito-conta .total-geral, .total--itau__boleto .total-geral { color: #000000; float: left; font-size: 20px; font-weight: 400; margin-top: 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 1346, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .total-geral, .total--cielo__cartao-debito .total-geral, .total--cielo__boleto .total-geral, .total--cielo__debito-conta .total-geral, .total--itau__boleto .total-geral { font-size: 24px; line-height: 24px; } } /* line 1360, app/assets/styles/sass/carrinho_finalizacao.scss */ .total--cielo__cartao-credito .total-geral, .total--cielo__cartao-credito .total-boleto, .total--cielo__cartao-credito .total-vencimento, .total--cielo__cartao-debito .total-geral, .total--cielo__cartao-debito .total-boleto, .total--cielo__cartao-debito .total-vencimento, .total--cielo__boleto .total-geral, .total--cielo__boleto .total-boleto, .total--cielo__boleto .total-vencimento, .total--cielo__debito-conta .total-geral, .total--cielo__debito-conta .total-boleto, .total--cielo__debito-conta .total-vencimento, .total--itau__boleto .total-geral, .total--itau__boleto .total-boleto, .total--itau__boleto .total-vencimento { display: block; width: 100%; } /* line 1368, app/assets/styles/sass/carrinho_finalizacao.scss */ .pagamentos .tabs .tab-title { align-items: center; display: flex; justify-content: center; } /*impressão do boleto*/ /* line 1376, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 1380, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto h1 { color: #000000; font-size: 24px; line-height: 56px; margin-top: 30px; margin-left: 70px; position: relative; text-transform: uppercase; } @media (max-width: 1199px) { /* line 1380, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto h1 { line-height: 28px; } } /* line 1393, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto h1:before { background-image: url("/img/icon-boleto.png"); background-repeat: no-repeat; content: ""; height: 56px; left: -70px; width: 56px; } /* line 1403, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto .buy { float: left; left: 50%; margin-top: 40px; margin-left: -135px; text-transform: uppercase; width: 270px; } @media (max-width: 640px) { /* line 1403, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto .buy { font-size: 28px; margin-left: -160px; width: 320px; } } /* line 1418, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto p { float: left; font-size: 1rem; font-weight: 400; line-height: 17px; margin-top: 40px; padding: 6px 0; } @media (max-width: 640px) { /* line 1418, app/assets/styles/sass/carrinho_finalizacao.scss */ .area-print-boleto p { font-size: 1.25rem; line-height: 25px; } } /* line 1434, app/assets/styles/sass/carrinho_finalizacao.scss */ #finalizar-pedido-wallet-button .left { width: 100% !important; } /* line 1438, app/assets/styles/sass/carrinho_finalizacao.scss */ #finalizar-pedido-wallet-button section { border-right: 0 !important; padding-right: 0 !important; } /* line 1442, app/assets/styles/sass/carrinho_finalizacao.scss */ #finalizar-pedido-wallet-button section .total-geral { margin-bottom: 0 !important; } /*------------------------------------*\ #QUEM SOMOS - INSTITUCIONAL \*------------------------------------*/ /* line 3, app/assets/styles/sass/institucional.scss */ .institucional .conteudo { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/institucional.scss */ .institucional .conteudo { flex-direction: column; } } /* line 11, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__wrap { width: 800px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 11, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__wrap { width: 570px; } } @media (max-width: 640px) { /* line 11, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__wrap { width: 100%; } } /* line 24, app/assets/styles/sass/institucional.scss */ .institucional .titulo_padrao { margin-bottom: 30px; } /* line 28, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion { width: 100%; } /* line 33, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details { border: 1px solid #eee; border-radius: 4px; cursor: pointer; min-height: 48px; max-height: 60px; transform-origin: top center; transform: rotate(0.1deg); transition: background 0.3s; transition: all 0.3s; } /* line 44, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details a { text-decoration: underline; } /* line 48, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details ::-webkit-details-marker { right: 0; } /* line 52, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details + details { margin-top: 10px; } /* line 56, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details[open] { transition: all 0.6s; min-height: 100px; max-height: 3000px; } @media (max-width: 1199px) { /* line 56, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details[open] { max-height: 6000px; } } @media (max-width: 640px) { /* line 56, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion details[open] { max-height: 6000px; } } /* line 70, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion summary { background-color: #eee; color: #000000; font-size: 16px; line-height: 39px; outline: none; padding: 10px 20px; } @media (max-width: 640px) { /* line 70, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion summary { font-size: 22px; } } /* line 82, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion summary:selection { background: transparent; } /* line 86, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion summary .close { display: none; } /* line 89, app/assets/styles/sass/institucional.scss */ [open] .institucional .institucional_textos__accordion summary .close { display: inline; } /* line 94, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion summary .open { display: inline; } /* line 97, app/assets/styles/sass/institucional.scss */ [open] .institucional .institucional_textos__accordion summary .open { display: none; } /* line 102, app/assets/styles/sass/institucional.scss */ [open] .institucional .institucional_textos__accordion summary { display: inline; } /* line 107, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo { padding: 30px; } @media (max-width: 640px) { /* line 107, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo { padding-right: 20px; padding-left: 20px; } } /* line 115, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo div { margin-bottom: 20px; } /* line 118, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo div:last-of-type { margin-bottom: 0; } /* line 122, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo h6, .institucional .institucional_textos__accordion .institucional_textos__conteudo p, .institucional .institucional_textos__accordion .institucional_textos__conteudo li { color: #000000; font-size: 14px; line-height: 18px; margin-bottom: 7px; } @media (max-width: 640px) { /* line 122, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo h6, .institucional .institucional_textos__accordion .institucional_textos__conteudo p, .institucional .institucional_textos__accordion .institucional_textos__conteudo li { font-size: 22px; line-height: 24px; } } /* line 136, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo h6 { text-transform: uppercase; } /* line 140, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo p { font-weight: 300; } /* line 143, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo p:last-of-type { margin-bottom: 0; } /* line 148, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo ul { margin-left: 1.1rem; } /* line 151, app/assets/styles/sass/institucional.scss */ .institucional .institucional_textos__accordion .institucional_textos__conteudo ul li { font-weight: 300; list-style-type: square; } /*------------------------------------*\ #CENTRAL DE AJUDA \*------------------------------------*/ /* line 3, app/assets/styles/sass/central_ajuda.scss */ .help-center .titulo_padrao { margin-bottom: 15px; } /* line 7, app/assets/styles/sass/central_ajuda.scss */ .help-center p { font-weight: 400; } @media (max-width: 640px) { /* line 7, app/assets/styles/sass/central_ajuda.scss */ .help-center p { font-size: 24px; line-height: 28px; text-align: justify; } } /* line 17, app/assets/styles/sass/central_ajuda.scss */ .help-center .qual-duvida { background-color: #FF6600; border-radius: 4px; height: 70px; margin: 30px 0px; } @media (max-width: 640px) { /* line 17, app/assets/styles/sass/central_ajuda.scss */ .help-center .qual-duvida { margin: 15px 0 30px 0; width: 600px; } } /* line 29, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida { background-color: #FF6600; border: 1px solid #FF6600; float: left; height: 42px; margin: 15px 0px 0px 1rem; position: relative; z-index: 20; } /* line 25, app/assets/styles/sass/mixins.scss */ .help-center .duvida ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .help-center .duvida ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .help-center .duvida :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .help-center .duvida :-moz-placeholder { /* Firefox 18- */ color: #212121; } /* line 39, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida .search { border: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; float: left; height: 100%; height: 40px; width: 520px; } @media (max-width: 640px) { /* line 39, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida .search { font-size: 24px; width: 508px; } } /* line 55, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida .bt-duvida { background-color: #ffffff; border: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; height: 40px; margin: 0; padding: 0; width: 50px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 67, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida .bt-duvida:before { background-repeat: no-repeat; background-image: url(../images/icons/sprite.png); background-position: -33px -118px; content: ''; height: 23px; width: 23px; } /* line 76, app/assets/styles/sass/central_ajuda.scss */ .help-center .duvida .bt-duvida:hover { background-color: #757376; } /* line 82, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida__list { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } /* line 87, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida { float: left; margin-bottom: 50px; width: 50%; } @media (max-width: 640px) { /* line 87, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida { width: 600px; } } /* line 96, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida h3 { color: #000000; font-size: 18px; letter-spacing: .2em; margin-bottom: 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 96, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida h3 { font-size: 28px; } } /* line 108, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida ul li { clear: both; color: #000000; font-weight: 400; line-height: 2rem; } @media (max-width: 640px) { /* line 108, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida ul li { font-size: 24px; } } /* line 118, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida ul li a { font-weight: 400; } /* line 121, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida ul li a:hover { text-decoration: underline; } /* line 127, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida a.ver-todas { clear: both; color: #FF6600; font-size: 13px; font-style: italic; line-height: 1.8rem; } @media (max-width: 640px) { /* line 127, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida a.ver-todas { font-size: 22px; line-height: 38px; } } /* line 139, app/assets/styles/sass/central_ajuda.scss */ .help-center .categoria-duvida a.ver-todas:hover { text-decoration: underline; } /* line 145, app/assets/styles/sass/central_ajuda.scss */ .help-center .cadastro-aprovacao { padding: 25px; } /*central de ajuda - dúvida*/ /* line 153, app/assets/styles/sass/central_ajuda.scss */ .doubt .titulo_padrao { margin-bottom: 30px; } @media (max-width: 640px) { /* line 153, app/assets/styles/sass/central_ajuda.scss */ .doubt .titulo_padrao { font-size: 18px; } } /* line 161, app/assets/styles/sass/central_ajuda.scss */ .doubt .titulo_padrao--ajuda { background-color: transparent; color: #000000; font-weight: 400; height: auto; padding: 0; } @media (max-width: 640px) { /* line 161, app/assets/styles/sass/central_ajuda.scss */ .doubt .titulo_padrao--ajuda { font-size: 24px; line-height: 26px; } } /* line 173, app/assets/styles/sass/central_ajuda.scss */ .doubt .titulo_padrao--ajuda:after { display: none; } /* line 178, app/assets/styles/sass/central_ajuda.scss */ .doubt p { color: #000000; font-weight: 400; } @media (max-width: 640px) { /* line 178, app/assets/styles/sass/central_ajuda.scss */ .doubt p { font-size: 22px; text-align: justify; } } /* line 188, app/assets/styles/sass/central_ajuda.scss */ .doubt .cadastro-nao-aprovado { padding: 25px; } /* line 193, app/assets/styles/sass/central_ajuda.scss */ .continua-duvida { background-color: #000000; border-radius: 4px; color: #ffffff; cursor: pointer; display: table; float: left; height: 60px; line-height: 60px; margin: 30px 0 60px; text-align: center; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 193, app/assets/styles/sass/central_ajuda.scss */ .continua-duvida { font-size: 1.5rem; height: 90px; line-height: 30px; padding: 0 20px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } } /* line 215, app/assets/styles/sass/central_ajuda.scss */ .continua-duvida:hover { background-color: #FF6600; color: #ffffff; } /*central de ajuda - categoria*/ @media (max-width: 640px) { /* line 224, app/assets/styles/sass/central_ajuda.scss */ .help-center--categoria .titulo_padrao { height: auto; } } @media (max-width: 640px) { /* line 229, app/assets/styles/sass/central_ajuda.scss */ .help-center--categoria .titulo_padrao:after { display: none; } } /* line 239, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado { width: 100%; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 640px) { /* line 239, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado { flex-wrap: wrap; } } /* line 251, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__texto { margin-bottom: 35px; width: 45%; } @media (max-width: 640px) { /* line 251, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__texto { width: 100%; } } /* line 260, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem { margin-bottom: 35px; width: 65%; margin-right: -15%; } /* line 265, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem img { width: 100%; } @media screen and (max-width: 1550px) { /* line 260, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem { margin-right: -5%; width: 60%; } } @media screen and (max-width: 1350px) { /* line 260, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem { margin-right: -0; width: 50%; } } @media (max-width: 1199px) { /* line 260, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem { width: 55%; margin-right: -5%; } } @media (max-width: 640px) { /* line 260, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__imagem { width: 100%; margin-right: 0; } } /* line 290, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__titulo { color: #FF6600; font-size: 36px; font-weight: 700; margin-bottom: 60px; } /* line 297, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__p { font-size: 23px; margin-bottom: 45px; width: 100%; } /* line 303, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__p--destaque { font-weight: 700; } /* line 306, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__p--destaque span { font-weight: 700; color: #FF6600 !important; } /* line 312, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__button { background: #3B8C14; border-radius: 5px; color: #ffffff; font-size: 23px; font-weight: 300; height: 55px; margin-top: 45px; text-transform: uppercase; width: 90%; display: flex; align-items: center; justify-content: center; } /* line 327, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__button:hover { background: #59bb29; color: #ffffff; } @media (max-width: 640px) { /* line 312, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__button { display: none; } } /* line 337, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__button--mobile { display: none; } @media (max-width: 640px) { /* line 337, app/assets/styles/sass/central_ajuda.scss */ .cadastro-aprovado__button--mobile { display: flex; width: 100%; } } /*------------------------------------*\ #CONTATO \*------------------------------------*/ /* line 1, app/assets/styles/sass/contato.scss */ .contato { /*área do form*/ } /* line 3, app/assets/styles/sass/contato.scss */ .contato .conteudo { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 7, app/assets/styles/sass/contato.scss */ .contato .titulo_padrao { margin-bottom: 30px; } /* line 11, app/assets/styles/sass/contato.scss */ .contato .contato__wrap { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 11, app/assets/styles/sass/contato.scss */ .contato .contato__wrap { flex-direction: column; } } /* line 21, app/assets/styles/sass/contato.scss */ .contato .contato_form__aside { width: 800px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 21, app/assets/styles/sass/contato.scss */ .contato .contato_form__aside { width: 570px; } } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/contato.scss */ .contato .contato_form__aside { width: 100%; } } /* line 34, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap { margin-bottom: 20px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 34, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap { margin-bottom: 40px; flex-direction: column; } } /* line 45, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap span { color: #000000; font-size: 14px; line-height: 22px; width: 590px; } @media (max-width: 1199px) { /* line 45, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap span { width: 340px; } } @media (max-width: 640px) { /* line 45, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap span { font-size: 22px; line-height: 26px; text-align: justify; width: 100%; } } /* line 63, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap .button { font-size: 15px; height: 40px; padding: 0; text-transform: uppercase; width: 190px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 63, app/assets/styles/sass/contato.scss */ .contato .ajuda_link__wrap .button { font-size: 22px; height: 50px; margin-top: 20px; width: 280px; } } /* line 80, app/assets/styles/sass/contato.scss */ .contato form { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 25px; } /* line 25, app/assets/styles/sass/mixins.scss */ .contato form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #3f3e3e; } /* line 28, app/assets/styles/sass/mixins.scss */ .contato form ::-moz-placeholder { /* Firefox 19+ */ color: #3f3e3e; } /* line 31, app/assets/styles/sass/mixins.scss */ .contato form :-ms-input-placeholder { /* IE 10+ */ color: #3f3e3e; } /* line 34, app/assets/styles/sass/mixins.scss */ .contato form :-moz-placeholder { /* Firefox 18- */ color: #3f3e3e; } @media (max-width: 640px) { /* line 80, app/assets/styles/sass/contato.scss */ .contato form { grid-template-columns: repeat(1, 1fr); } } /* line 92, app/assets/styles/sass/contato.scss */ .contato form label { color: #666; font-size: 14px; margin-bottom: 5px; } @media (max-width: 640px) { /* line 92, app/assets/styles/sass/contato.scss */ .contato form label { font-size: 22px; } } /* line 102, app/assets/styles/sass/contato.scss */ .contato form .contato_form__full { grid-column: 1 / 3; } @media (max-width: 640px) { /* line 102, app/assets/styles/sass/contato.scss */ .contato form .contato_form__full { grid-column: 1 / 1; } } /* line 110, app/assets/styles/sass/contato.scss */ .contato form .contato_form--input, .contato form .contato_form--select, .contato form .contato_form--textarea { height: 45px; margin-bottom: 0; padding: 4px 10px; width: 100%; } @media (max-width: 640px) { /* line 110, app/assets/styles/sass/contato.scss */ .contato form .contato_form--input, .contato form .contato_form--select, .contato form .contato_form--textarea { font-size: 24px; height: 60px; } } /* line 125, app/assets/styles/sass/contato.scss */ .contato form .contato_form--textarea { height: 125px !important; resize: none; } @media (max-width: 640px) { /* line 125, app/assets/styles/sass/contato.scss */ .contato form .contato_form--textarea { height: 225px !important; } } /* line 134, app/assets/styles/sass/contato.scss */ .contato form .bt-contato { font-size: 1rem; margin: 0 0 40px 0; padding: 13px 41px; text-transform: uppercase; } @media (max-width: 640px) { /* line 134, app/assets/styles/sass/contato.scss */ .contato form .bt-contato { font-size: 2rem; margin-bottom: 0; padding: 20px 0; width: 100%; } } @media (max-width: 1199px) { /* line 149, app/assets/styles/sass/contato.scss */ .contato .recaptcha__wrap { height: 61px; margin-bottom: 15px; width: 236px; } } @media (max-width: 640px) { /* line 149, app/assets/styles/sass/contato.scss */ .contato .recaptcha__wrap { height: 178px; margin-top: 10px; overflow: hidden; width: 600px; } } @media (max-width: 1199px) { /* line 164, app/assets/styles/sass/contato.scss */ .contato .g-recaptcha { transform: scale(0.7763); -webkit-transform: scale(0.7763); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } @media (max-width: 640px) { /* line 164, app/assets/styles/sass/contato.scss */ .contato .g-recaptcha { margin-top: 25px; transform: scale(1.974); -webkit-transform: scale(1.974); } } /*área das informações de contato usado tbm no quem somos*/ /* line 1, app/assets/styles/sass/info_contato.scss */ .info-contato { width: 300px; } @media (max-width: 640px) { /* line 1, app/assets/styles/sass/info_contato.scss */ .info-contato { margin-bottom: 20px; width: 100%; } } /* line 10, app/assets/styles/sass/info_contato.scss */ .info-contato__box { background-color: #FF6600; border-radius: 4px; margin-bottom: 20px; padding: 24px; width: 100%; } /* line 17, app/assets/styles/sass/info_contato.scss */ .info-contato__box:hover { background-color: rgba(255, 102, 0, 0.8); } /* line 21, app/assets/styles/sass/info_contato.scss */ .info-contato__box a { display: block; } /* line 25, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 28, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul .icon-mail, .info-contato__box ul .icon-phone { background-image: url("../images/icons/sprite.png"); background-repeat: no-repeat; display: inline-block; margin-right: 20px; } /* line 36, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul .icon-mail { background-position: 0 -167px; height: 25px; width: 31px; } /* line 42, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul .icon-phone { background-position: -130px -308px; height: 29px; width: 29px; } /* line 48, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul p { color: #ffffff; font-size: 14px; font-weight: 300; line-height: 18px; } @media (max-width: 640px) { /* line 48, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul p { font-size: 20px; line-height: 24px; } } /* line 60, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul strong { display: block; font-size: 18px; font-weight: 400; margin-bottom: 15px; } @media (max-width: 640px) { /* line 60, app/assets/styles/sass/info_contato.scss */ .info-contato__box ul strong { font-size: 24px; } } /*------------------------------------*\ #BLOG \*------------------------------------*/ /* line 3, app/assets/styles/sass/blog.scss */ .blog-center .titulo_padrao { text-align: center; } /* line 8, app/assets/styles/sass/blog.scss */ .post_list__wrap { float: left; margin-top: 30px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 8, app/assets/styles/sass/blog.scss */ .post_list__wrap { width: 600px; } } /* line 19, app/assets/styles/sass/blog.scss */ .post__wrap { margin-bottom: 30px; width: 560px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 19, app/assets/styles/sass/blog.scss */ .post__wrap { width: 440px; } } @media (max-width: 640px) { /* line 19, app/assets/styles/sass/blog.scss */ .post__wrap { width: 100%; } } /* line 33, app/assets/styles/sass/blog.scss */ .post_img__wrap { background: #FF6600; cursor: pointer; float: left; max-height: 242px; overflow: hidden; position: relative; text-align: center; max-width: 560px; width: 100%; } @media (max-width: 1199px) { /* line 33, app/assets/styles/sass/blog.scss */ .post_img__wrap { max-height: 191px; max-width: 440px; } } @media (max-width: 640px) { /* line 33, app/assets/styles/sass/blog.scss */ .post_img__wrap { max-height: 261px; max-width: 600px; } } /* line 55, app/assets/styles/sass/blog.scss */ .post_img { display: block; min-height: 100%; opacity: 1; position: relative; max-width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } @media (max-width: 640px) { /* line 55, app/assets/styles/sass/blog.scss */ .post_img { width: 100%; } } /* line 71, app/assets/styles/sass/blog.scss */ .post_img__wrap:hover .post_img { opacity: 0.5; -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); transform: translate3d(-30px, 0, 0) scale(1.12); } @media (max-width: 1199px) { /* line 71, app/assets/styles/sass/blog.scss */ .post_img__wrap:hover .post_img { -webkit-transform: translate3d(-26px, 0, 0) scale(1.12); transform: translate3d(-26px, 0, 0) scale(1.12); } } @media (max-width: 640px) { /* line 71, app/assets/styles/sass/blog.scss */ .post_img__wrap:hover .post_img { -webkit-transform: none; transform: none; } } /* line 87, app/assets/styles/sass/blog.scss */ .post__titulo { color: #FF6600; font-size: 18px; margin: 15px 0 5px; text-transform: uppercase; } @media (max-width: 640px) { /* line 87, app/assets/styles/sass/blog.scss */ .post__titulo { font-size: 24px; } } /* line 98, app/assets/styles/sass/blog.scss */ .post__wrap:hover .post__titulo { color: #000000; } /* line 102, app/assets/styles/sass/blog.scss */ .post__linkCategoria { color: #757376; font-size: 12px; margin-bottom: 10px; } @media (max-width: 640px) { /* line 102, app/assets/styles/sass/blog.scss */ .post__linkCategoria { font-size: 20px; } } /* line 111, app/assets/styles/sass/blog.scss */ .post__linkCategoria a:hover { text-decoration: underline; } /* line 116, app/assets/styles/sass/blog.scss */ .post__conteudo { color: #000000; font-size: 14px; font-weight: 400; line-height: 18px; } /* line 122, app/assets/styles/sass/blog.scss */ .post__conteudo p { color: #000000; font-size: 14px; line-height: 18px; } @media (max-width: 640px) { /* line 122, app/assets/styles/sass/blog.scss */ .post__conteudo p { font-size: 22px; line-height: 26px; } } /* line 134, app/assets/styles/sass/blog.scss */ .post__link { color: #FF6600; font-size: 12px; font-style: italic; margin-top: 5px; } @media (max-width: 640px) { /* line 134, app/assets/styles/sass/blog.scss */ .post__link { font-size: 20px; } } /** * Página do post */ /* line 3, app/assets/styles/sass/blog_post-page.scss */ .blog_post .titulo { color: #000000; font-size: 26px; font-style: italic; font-weight: 700; text-align: left; text-transform: uppercase; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/blog_post-page.scss */ .blog_post .titulo { font-size: 34px; line-height: 36px; margin-left: 20px; width: 600px; } } /* line 20, app/assets/styles/sass/blog_post-page.scss */ .blog_post__linkCategoria { color: #757376; font-size: 14px; } @media (max-width: 640px) { /* line 20, app/assets/styles/sass/blog_post-page.scss */ .blog_post__linkCategoria { font-size: 20px; width: 600px; } } /* line 29, app/assets/styles/sass/blog_post-page.scss */ .blog_post__linkCategoria a:hover { text-decoration: underline; } /* line 34, app/assets/styles/sass/blog_post-page.scss */ .blog_post__img { margin-top: 20px; width: 100%; } @media (max-width: 640px) { /* line 34, app/assets/styles/sass/blog_post-page.scss */ .blog_post__img { width: 600px; } } /* line 43, app/assets/styles/sass/blog_post-page.scss */ .blog_post__conteudo { color: #000000; font-weight: 400; margin-top: 30px; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/blog_post-page.scss */ .blog_post__conteudo { font-size: 22px; line-height: 26px; width: 600px; } } /* line 54, app/assets/styles/sass/blog_post-page.scss */ .blog_post__conteudo h2 { color: #000000; font-size: 20px; font-weight: 700; text-transform: uppercase; } @media (max-width: 640px) { /* line 54, app/assets/styles/sass/blog_post-page.scss */ .blog_post__conteudo h2 { font-size: 24px; } } @media (max-width: 640px) { /* line 65, app/assets/styles/sass/blog_post-page.scss */ .blog_post__conteudo p { font-size: 22px; line-height: 26px; } } /*listagem de produtos*/ /* line 74, app/assets/styles/sass/blog_post-page.scss */ .blog_post__products { margin-top: 40px; } @media (max-width: 640px) { /* line 74, app/assets/styles/sass/blog_post-page.scss */ .blog_post__products { width: 600px; } } /* line 82, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } /* line 85, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product { margin-right: 10px; margin-bottom: 40px; position: relative; } @media only screen and (min-width: 1200px) { /* line 91, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product:nth-of-type(4n) { margin-right: 0; } } @media only screen and (min-width: 641px) and (max-width: 1199px) { /* line 85, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product { margin-right: 35px; } /* line 99, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 640px) { /* line 85, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product { margin-right: 20px; } /* line 107, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .list-product:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 640px) { /* line 114, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview { width: 290px; } /* line 117, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview .mask { width: 290px; } /* line 121, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview figure { height: 710px; width: 290px; } /* line 125, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview figure img { height: 435px; width: 290px; } /* line 131, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview .animate_container { height: 435px; width: 290px; } /* line 136, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview figcaption { height: 285px; width: 290px; } /* line 141, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview header { padding: 0 10px; } /* line 145, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview .offers { width: 290px; } /* line 151, app/assets/styles/sass/blog_post-page.scss */ .blog_post__list .product-shortview .buttons button { width: 290px; } } /* line 159, app/assets/styles/sass/blog_post-page.scss */ .blog_post__button { background-color: #FF6600; color: #ffffff; height: 60px; line-height: 60px; margin: 30px 0 60px; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 159, app/assets/styles/sass/blog_post-page.scss */ .blog_post__button { font-size: 24px; left: 0; margin-left: 0; width: 600px; } } /* line 175, app/assets/styles/sass/blog_post-page.scss */ .blog_post__button:hover { background-color: #000000; } /*------------------------------- #RODAPÉ -------------------------------*/ /* line 1, app/assets/styles/sass/footer.scss */ footer { display: table; margin-top: 50px; } /*-----------CADASTRO DE NEWSLETTER---------*/ /* line 7, app/assets/styles/sass/footer.scss */ .newsletter__wrap { background-color: #FF6600; display: table; padding: 35px 0; position: relative; width: 100%; } /* line 19, app/assets/styles/sass/footer.scss */ .newsletter__wrap .a_flex { justify-content: space-between; } @media (max-width: 640px) { /* line 19, app/assets/styles/sass/footer.scss */ .newsletter__wrap .a_flex { flex-direction: column; } } /** * Newsletter */ /* line 31, app/assets/styles/sass/footer.scss */ .newsletter__side { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 31, app/assets/styles/sass/footer.scss */ .newsletter__side { margin-bottom: 25px; align-items: center; } } /* line 39, app/assets/styles/sass/footer.scss */ .newsletter__side h4, .newsletter__side span { color: #ffffff; } @media (max-width: 640px) { /* line 39, app/assets/styles/sass/footer.scss */ .newsletter__side h4, .newsletter__side span { text-align: center; } } /* line 48, app/assets/styles/sass/footer.scss */ .newsletter__side h4 { font-size: 24px; font-weight: 600; letter-spacing: .2em; line-height: 1em; padding: 5px 0; text-transform: uppercase; } @media (max-width: 640px) { /* line 48, app/assets/styles/sass/footer.scss */ .newsletter__side h4 { font-size: 26px; margin-bottom: 10px; } } /* line 62, app/assets/styles/sass/footer.scss */ .newsletter__side span { font-size: 18px; font-style: italic; font-weight: 300; letter-spacing: 0.1em; line-height: 18px; } @media (max-width: 640px) { /* line 62, app/assets/styles/sass/footer.scss */ .newsletter__side span { font-size: 22px; margin-bottom: 10px; } } /* line 76, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter { background-color: #ffffff; border-radius: 4px; height: 50px; padding: 0 3px; width: 515px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 25, app/assets/styles/sass/mixins.scss */ #formCadastroNewsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; } /* line 28, app/assets/styles/sass/mixins.scss */ #formCadastroNewsletter ::-moz-placeholder { /* Firefox 19+ */ color: #666; } /* line 31, app/assets/styles/sass/mixins.scss */ #formCadastroNewsletter :-ms-input-placeholder { /* IE 10+ */ color: #666; } /* line 34, app/assets/styles/sass/mixins.scss */ #formCadastroNewsletter :-moz-placeholder { /* Firefox 18- */ color: #666; } @media (max-width: 640px) { /* line 76, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter { height: 100%; width: 100%; flex-direction: column; } } /* line 92, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter input { background: #ffffff; border: 0; box-shadow: none; color: #666; font-family: "Ubuntu"; font-size: 14px; font-style: italic; font-weight: 300; height: 44px; margin-bottom: 0; outline: none; padding: 0 0 0 20px; position: relative; width: 100%; } @media (max-width: 640px) { /* line 92, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter input { font-size: 24px; height: 60px; width: 100%; } } /* line 115, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter input[type="submit"] { background-color: #FF6600; border: none; border-radius: 4px; color: #ffffff; cursor: pointer; font-size: 14px; font-style: normal; height: 44px; line-height: 1em; letter-spacing: .2em; margin-bottom: 0; outline: none; padding: 0; text-transform: uppercase; width: 180px; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 115, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter input[type="submit"] { font-size: 26px; height: 60px; margin-bottom: 3px; width: 100%; } } /* line 140, app/assets/styles/sass/footer.scss */ #formCadastroNewsletter input[type="submit"]:hover { background-color: #000000; } /*-----------RODAPE GERAL---------*/ /* line 147, app/assets/styles/sass/footer.scss */ .footer__wrapper { background-color: #000000; background-image: url(../images/footer-pattern.jpg); background-repeat: repeat; display: table; width: 100%; } /* line 154, app/assets/styles/sass/footer.scss */ .footer__wrapper .a_flex { align-items: flex-start; flex-direction: column; justify-content: space-between; } @media (max-width: 640px) { /* line 154, app/assets/styles/sass/footer.scss */ .footer__wrapper .a_flex { flex-wrap: wrap; justify-content: space-around; } } @media (max-width: 640px) { /* line 165, app/assets/styles/sass/footer.scss */ .footer__wrapper .footer_wrap { margin-top: 30px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } } /* line 174, app/assets/styles/sass/footer.scss */ .footer__wrapper h4 { color: #CFCFCF; font-size: 18px; font-weight: 300; letter-spacing: .2em; margin-bottom: 15px; text-transform: uppercase; } @media (max-width: 640px) { /* line 174, app/assets/styles/sass/footer.scss */ .footer__wrapper h4 { font-size: 22px; } } /* line 188, app/assets/styles/sass/footer.scss */ .footer--menu, .footer--contato, .footer--endereco { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /** * Primeira parte do footer - Menu */ /* line 198, app/assets/styles/sass/footer.scss */ .footer--menu { padding: 70px 0 40px; } @media (max-width: 640px) { /* line 198, app/assets/styles/sass/footer.scss */ .footer--menu { padding: 30px 0; flex-direction: column; } } /* line 207, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list { float: left; } @media (max-width: 640px) { /* line 207, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } } /* line 214, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list li { line-height: 16px; padding: 10px 0; } /* line 218, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list li a { color: #f1f1f1; font-size: 16px; transition: color 150ms; } @media (max-width: 640px) { /* line 218, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list li a { font-size: 22px; } } /* line 228, app/assets/styles/sass/footer.scss */ .footer--menu .footer_list li:hover a { color: #FF6600; } /* line 234, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto { margin-top: 10px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 234, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto { width: 100%; flex-wrap: wrap; } } /* line 245, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item { margin-right: 20px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; flex-wrap: nowrap; } /* line 249, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item:last-of-type { margin-right: 0; } /* line 253, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item h6 { color: #f1f1f1; font-size: 14px; margin-bottom: 10px; } @media (max-width: 640px) { /* line 253, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item h6 { font-size: 24px; } } /* line 263, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item .footer_wrap--pgto__images { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 263, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item .footer_wrap--pgto__images { flex-direction: column; } } @media (max-width: 640px) { /* line 245, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item { margin: 0; margin-bottom: 25px; width: 50%; } /* line 277, app/assets/styles/sass/footer.scss */ .footer--menu .footer_wrap--pgto__item img { margin-bottom: 25px; width: 70px; } } /** * Segunda parte do footer - Contato */ /* line 288, app/assets/styles/sass/footer.scss */ .footer--contato { background-color: #1f1f1f; border-radius: 5px; padding: 30px 40px; align-items: center; } @media (max-width: 640px) { /* line 288, app/assets/styles/sass/footer.scss */ .footer--contato { flex-direction: column; } } /* line 300, app/assets/styles/sass/footer.scss */ .footer_wrap--sac { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: nowrap; } /* line 303, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__0800 { color: #cfcfcf; font-size: 24px; margin-left: 30px; position: relative; text-transform: uppercase; width: 100%; } @media (max-width: 640px) { /* line 303, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__0800 { text-align: center; margin: 0; margin: 15px; } } /* line 317, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__0800:before { background-image: url(../images/icons/sprite.png); background-position: -40px -141px; background-repeat: no-repeat; content: ''; height: 26px; left: -30px; margin-right: 10px; top: 5px; width: 20px; } @media (max-width: 640px) { /* line 317, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__0800:before { left: 0; margin-right: 15px; position: relative; } } /* line 337, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__atendimento { color: #f1f1f1; font-size: 12px; font-weight: 300; } @media (max-width: 1199px) { /* line 337, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__atendimento { font-size: 13px; } } @media (max-width: 640px) { /* line 337, app/assets/styles/sass/footer.scss */ .footer_wrap--sac .footer_wrap--sac__atendimento { font-size: 22px; } } @media (max-width: 640px) { /* line 300, app/assets/styles/sass/footer.scss */ .footer_wrap--sac { margin: 0 !important; } } /* line 356, app/assets/styles/sass/footer.scss */ .footer_wrap--email__item { color: #cfcfcf; font-size: 14px; font-weight: 300; line-height: 1em; margin-left: 27px; position: relative; } /* line 364, app/assets/styles/sass/footer.scss */ .footer_wrap--email__item:before { background-image: url(../images/icons/sprite.png); background-position: 0 -28px; background-repeat: no-repeat; content: ''; height: 14px; left: -27px; margin-right: 10px; top: 1px; width: 17px; } @media (max-width: 640px) { /* line 364, app/assets/styles/sass/footer.scss */ .footer_wrap--email__item:before { top: 5px; } } @media (max-width: 640px) { /* line 356, app/assets/styles/sass/footer.scss */ .footer_wrap--email__item { font-size: 22px; } } /* line 385, app/assets/styles/sass/footer.scss */ .footer_wrap--tel { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 385, app/assets/styles/sass/footer.scss */ .footer_wrap--tel { align-items: center; flex-direction: row !important; } } /* line 393, app/assets/styles/sass/footer.scss */ .footer_wrap--tel a { color: #cfcfcf; font-size: 14px; font-weight: 300; line-height: 18px; margin-left: 24px; position: relative; } @media (max-width: 640px) { /* line 393, app/assets/styles/sass/footer.scss */ .footer_wrap--tel a { font-size: 24px; } } /* line 406, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__wpp { margin-bottom: 5px; } /* line 409, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__wpp:before { background-image: url(../images/icons/footer_wrap--tel__wpp_icon.png); content: ''; height: 16px; left: -24px; margin-right: 10px; top: 1px; width: 16px; } @media (max-width: 640px) { /* line 406, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__wpp { margin-right: 15px; } } @media (max-width: 640px) { /* line 424, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__tel { line-height: 30px; margin-left: 50px; } } /* line 433, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__tel:before { background-image: url(../images/icons/sprite.png); background-position: 0 -44px; background-repeat: no-repeat; content: ''; height: 16px; left: -24px; margin-right: 10px; top: 10px; width: 17px; } @media (max-width: 640px) { /* line 433, app/assets/styles/sass/footer.scss */ .footer_wrap--tel .footer_wrap--tel__tel:before { left: -30px; top: 20px; } } @media (max-width: 1199px) { /* line 451, app/assets/styles/sass/footer.scss */ .footer_wrap--email { display: none; } } @media (max-width: 640px) { /* line 451, app/assets/styles/sass/footer.scss */ .footer_wrap--email { display: block; } } /* line 461, app/assets/styles/sass/footer.scss */ .footer_wrap--email--tablet { display: none; } @media (max-width: 1199px) { /* line 461, app/assets/styles/sass/footer.scss */ .footer_wrap--email--tablet { display: block; } } @media (max-width: 640px) { /* line 461, app/assets/styles/sass/footer.scss */ .footer_wrap--email--tablet { display: none; } } /* line 473, app/assets/styles/sass/footer.scss */ .footer_wrap--social { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 473, app/assets/styles/sass/footer.scss */ .footer_wrap--social { flex-direction: row !important; } } /* line 480, app/assets/styles/sass/footer.scss */ .footer_wrap--social a { height: 27px; margin: 0 4px; width: 27px; } /* line 485, app/assets/styles/sass/footer.scss */ .footer_wrap--social a:before { background-image: url(../images/icons/sprite.png); background-repeat: no-repeat; content: ''; height: 27px; } @media (max-width: 640px) { /* line 480, app/assets/styles/sass/footer.scss */ .footer_wrap--social a { margin: 10px 25px; } } /* line 497, app/assets/styles/sass/footer.scss */ .footer_wrap--social .footer_wrap--social__facebook:before { background-position: -130px -254px; width: 26px; } /* line 502, app/assets/styles/sass/footer.scss */ .footer_wrap--social .footer_wrap--social__instagram:before { background-position: -130px -281px; width: 26px; } /* line 507, app/assets/styles/sass/footer.scss */ .footer_wrap--social .footer_wrap--social__youtube:before { background-position: -130px -227px; width: 27px; } /* line 513, app/assets/styles/sass/footer.scss */ .footer_wrap--sac__0800, .footer_wrap--sac__atendimento, .footer_wrap--email__item, .footer_wrap--tel a, .footer_wrap--social a { transition: opacity ease-in-out 0.3s; } /* line 520, app/assets/styles/sass/footer.scss */ .footer_wrap--sac__0800:hover, .footer_wrap--sac__atendimento:hover, .footer_wrap--email__item:hover, .footer_wrap--tel a:hover, .footer_wrap--social a:hover { opacity: 0.8; } /** * Terceira parte do footer - Endereço */ /* line 528, app/assets/styles/sass/footer.scss */ .footer--endereco { padding: 20px 0; align-items: center; } @media (max-width: 640px) { /* line 528, app/assets/styles/sass/footer.scss */ .footer--endereco { padding: 30px; flex-direction: column; } } /* line 539, app/assets/styles/sass/footer.scss */ .footer--endereco address { font-style: normal; } @media (max-width: 640px) { /* line 539, app/assets/styles/sass/footer.scss */ .footer--endereco address { text-align: center; width: 100%; } } /* line 547, app/assets/styles/sass/footer.scss */ .footer--endereco address p { color: #cfcfcf; font-size: 14px; font-weight: 300; line-height: 1.3; } @media (max-width: 640px) { /* line 547, app/assets/styles/sass/footer.scss */ .footer--endereco address p { font-size: 20px; } } /* line 559, app/assets/styles/sass/footer.scss */ .footer--endereco .wx3_logo { background-image: url(../images/logo-wx3.png); height: 40px; width: 60px; } @media (max-width: 640px) { /* line 559, app/assets/styles/sass/footer.scss */ .footer--endereco .wx3_logo { background-image: url(../images/logo-wx3-m.png); height: 60px; margin-top: 20px; width: 89px; } } /*-----------SEGUNDO RODAPE---------*/ /* line 574, app/assets/styles/sass/footer.scss */ .second-footer { background-color: #1f1f1f; display: flex; padding: 20px 0; } @media (max-width: 1199px) { /* line 574, app/assets/styles/sass/footer.scss */ .second-footer { height: 150px; } } @media (max-width: 640px) { /* line 574, app/assets/styles/sass/footer.scss */ .second-footer { height: 260px; } } /* line 587, app/assets/styles/sass/footer.scss */ .second-footer small { color: #cfcfcf; display: block; font-size: 12px; line-height: 16px; } @media (max-width: 1199px) { /* line 587, app/assets/styles/sass/footer.scss */ .second-footer small { font-size: 14px; line-height: 18px; text-align: center; } } @media (max-width: 640px) { /* line 587, app/assets/styles/sass/footer.scss */ .second-footer small { font-size: 20px; line-height: 24px; } } /*------------------------------- #ERROR 404 -------------------------------*/ /* line 1, app/assets/styles/sass/error.scss */ .error { float: left; margin-bottom: 80px; width: 100%; } /* line 6, app/assets/styles/sass/error.scss */ .error h2 { margin-top: 30px; text-align: center; } /* line 11, app/assets/styles/sass/error.scss */ .error .info2 { border: 1px solid #888; display: table; margin-top: 1.5rem; padding: 2rem; width: 100%; } /* line 18, app/assets/styles/sass/error.scss */ .error .info2 h4 { color: #000000; font-size: 1.25rem; margin-bottom: 1.4rem; } @media (max-width: 640px) { /* line 18, app/assets/styles/sass/error.scss */ .error .info2 h4 { font-size: 26px; } } /* line 28, app/assets/styles/sass/error.scss */ .error .info2 ul { margin-bottom: 0; } /* line 31, app/assets/styles/sass/error.scss */ .error .info2 ul li { color: #000000; font-size: 1rem; font-weight: 400; line-height: 25px; width: 100%; } @media (max-width: 640px) { /* line 31, app/assets/styles/sass/error.scss */ .error .info2 ul li { font-size: 22px; line-height: 32px; } } /* line 46, app/assets/styles/sass/error.scss */ .error .button { font-size: 1rem; left: 50%; margin: 30px 0 0 -100px; padding: 10px 0; position: relative; text-transform: uppercase; width: 200px; } @media (max-width: 640px) { /* line 46, app/assets/styles/sass/error.scss */ .error .button { font-size: 22px; line-height: 55px; height: 55px; left: 0; margin-left: 0; padding: 0; width: 100%; } } /*------------------------------------*\ #TOPO E RODAPÉ - PAGAMENTO \*------------------------------------*/ /* line 1, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto { background: #212121; height: 80px; } /* line 5, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .a_flex { height: 100%; justify-content: space-between; } /* line 10, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header_logo { margin-top: 0; } /* line 14, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .logo { background-image: url(../images/logo_carrinho.png); height: 45px; width: 139px; } /* line 21, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones { width: 40%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1199px) { /* line 21, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones { width: 46%; } } @media (max-width: 640px) { /* line 21, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones { width: 40%; flex-direction: column; } } /* line 35, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--email__item, .header-pgto .header-pgto__telefones .footer_wrap--tel a { color: #ffffff; } @media (max-width: 640px) { /* line 40, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--email__item { display: none; } } @media (max-width: 640px) { /* line 46, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--tel { flex-direction: column !important; } /* line 50, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--tel a { font-size: 18px; margin: 0; } /* line 54, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--tel a:before { display: none; } } /* line 61, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .header-pgto__telefones .footer_wrap--tel__tel:before { top: 2px; } /* line 66, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .ambiente-seguro { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 69, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .ambiente-seguro img { float: left; width: 30px; } /* line 74, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .ambiente-seguro figcaption { color: #ffffff; float: right; font-size: 14px; line-height: 16px; margin: 0 0 0 10px; text-transform: uppercase; width: 95px; } @media (max-width: 640px) { /* line 74, app/assets/styles/sass/carrinho_topo_rodape.scss */ .header-pgto .ambiente-seguro figcaption { font-size: 16px; line-height: 18px; width: 110px; } } /** * Etapas do carrinho */ /* line 95, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart { background-color: #FF6600; height: 80px; margin: 0 auto; } /* line 100, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart ul { height: 80px; width: 100%; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } /* line 106, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li { position: relative; display: flex; align-items: center; } /* line 113, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a { float: left; width: 100%; } /* line 117, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a:before { color: #ffffff; content: attr(data-title); float: left; font-size: 1.75rem; font-weight: 400; line-height: 32px; position: relative; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 117, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a:before { font-size: 2.25rem; margin-bottom: 8px; } } /* line 134, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a:after { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 18px; position: relative; text-align: center; width: 100%; } @media (max-width: 640px) { /* line 134, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a:after { font-size: 19px; } } /* line 148, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart a.feito:before { background-image: url(/app/assets/images/icons/icon-check.png); background-repeat: no-repeat; content: ""; height: 22px; left: 50%; margin: 7px 0 8px -10px; width: 30px; } /* line 159, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li:first-child a::after { content: 'meu carrinho'; } /* line 163, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li:nth-child(2) a::after { content: 'identificação'; } /* line 167, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li:nth-child(3) a::after { content: 'endereço'; } /* line 171, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li:last-child a::after { content: 'finalização'; } /* line 175, app/assets/styles/sass/carrinho_topo_rodape.scss */ .breadcrumb-tocart li.ativo a::before, .breadcrumb-tocart li.ativo a::after { color: #ffffff; font-weight: 700; } /** * Footer */ /* line 185, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho { border-top: 20px solid #FF6600; } /* line 188, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .conteudo { padding-top: 40px; flex-direction: row; flex-wrap: wrap; } @media (max-width: 640px) { /* line 188, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .conteudo { padding-top: 0; flex-direction: column; } } /* line 201, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .footer--menu { padding-top: 0; } @media (max-width: 640px) { /* line 201, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .footer--menu { padding: 0; } } /* line 209, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .footer--contato { align-items: center; } /* line 213, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .footer--menu, .footer__wrapper--carrinho .footer--contato { width: 50%; } @media (max-width: 640px) { /* line 213, app/assets/styles/sass/carrinho_topo_rodape.scss */ .footer__wrapper--carrinho .footer--menu, .footer__wrapper--carrinho .footer--contato { width: 100%; } } /*------------------------------------*\ #OBRIGADO POR COMPRAR -RETORNO \*------------------------------------*/ /* line 1, app/assets/styles/sass/retorno.scss */ .thanks, .thanks-error { width: 100%; } /* line 6, app/assets/styles/sass/retorno.scss */ .thanks .titulo_padrao, .thanks-error .titulo_padrao { float: left; margin: 40px 0; } /* line 11, app/assets/styles/sass/retorno.scss */ .thanks .return, .thanks-error .return { background-color: #f1f1f1; border-radius: 4px; display: table; margin-bottom: 80px; padding: 25px; width: 100%; } @media (max-width: 640px) { /* line 11, app/assets/styles/sass/retorno.scss */ .thanks .return, .thanks-error .return { width: 600px; } } /* line 23, app/assets/styles/sass/retorno.scss */ .thanks .return aside, .thanks-error .return aside { float: right; width: 950px; } @media (max-width: 1199px) { /* line 23, app/assets/styles/sass/retorno.scss */ .thanks .return aside, .thanks-error .return aside { width: 720px; } } @media (max-width: 640px) { /* line 23, app/assets/styles/sass/retorno.scss */ .thanks .return aside, .thanks-error .return aside { width: 550px; } } /* line 35, app/assets/styles/sass/retorno.scss */ .thanks .return aside p, .thanks .return aside h2, .thanks-error .return aside p, .thanks-error .return aside h2 { color: #000000; } /* line 40, app/assets/styles/sass/retorno.scss */ .thanks .return aside p, .thanks-error .return aside p { font-size: 1.3rem; line-height: 30px; } @media (max-width: 640px) { /* line 40, app/assets/styles/sass/retorno.scss */ .thanks .return aside p, .thanks-error .return aside p { font-size: 24px; line-height: 34px; } } /* line 50, app/assets/styles/sass/retorno.scss */ .thanks .return aside .boleto__wrap, .thanks-error .return aside .boleto__wrap { margin-top: 25px; display: flex; align-items: center; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 640px) { /* line 50, app/assets/styles/sass/retorno.scss */ .thanks .return aside .boleto__wrap, .thanks-error .return aside .boleto__wrap { flex-direction: column; } } /* line 59, app/assets/styles/sass/retorno.scss */ .thanks .return aside .vencimento, .thanks-error .return aside .vencimento { color: #FF0000; font-size: 20px; margin-right: 30px; text-transform: uppercase; } @media (max-width: 640px) { /* line 59, app/assets/styles/sass/retorno.scss */ .thanks .return aside .vencimento, .thanks-error .return aside .vencimento { font-size: 24px; margin-right: 0; margin-bottom: 20px; } } /* line 72, app/assets/styles/sass/retorno.scss */ .thanks .return aside h2, .thanks-error .return aside h2 { font-size: 46px; } /* line 78, app/assets/styles/sass/retorno.scss */ .thanks #bannerEbit, .thanks-error #bannerEbit { margin-top: 25px; } /* line 86, app/assets/styles/sass/retorno.scss */ .thanks .return aside:before { background-image: url(/app/assets/images/caixa-obrigado.png); background-repeat: no-repeat; content: ""; height: 96px; margin: 27px 0 0 -135px; width: 101px; } @media (max-width: 640px) { /* line 86, app/assets/styles/sass/retorno.scss */ .thanks .return aside:before { display: none; } } /* line 99, app/assets/styles/sass/retorno.scss */ .thanks .thanks_prazo-entrega { font-size: 20px !important; margin-top: 5px; line-height: 22px !important; text-transform: uppercase; } @media (max-width: 640px) { /* line 99, app/assets/styles/sass/retorno.scss */ .thanks .thanks_prazo-entrega { font-size: 24px !important; line-height: 26px !important; } } /* line 111, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios { background-color: #ffffff; margin-top: 20px; padding: 20px; } /* line 116, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios h4 { color: #000000; font-size: 16px; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; } @media (max-width: 640px) { /* line 116, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios h4 { font-size: 22px; } } /* line 129, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios__list { border-top: 1px solid #888; padding: 10px 0; } /* line 133, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios__list:last-of-type { padding-bottom: 0; } /* line 137, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios__list li { color: #000000; } @media (max-width: 640px) { /* line 137, app/assets/styles/sass/retorno.scss */ .thanks .thanks_dados-bancarios__list li { font-size: 22px; } } /* line 146, app/assets/styles/sass/retorno.scss */ .thanks button.continuar { color: #ffffff; float: left; font-size: 1rem; margin-top: -30px; padding: 13px 10px; text-transform: uppercase; width: 240px; } @media (max-width: 640px) { /* line 146, app/assets/styles/sass/retorno.scss */ .thanks button.continuar { font-size: 26px; width: 600px; } } /* line 161, app/assets/styles/sass/retorno.scss */ .thanks button.buy { float: right; font-size: 1rem; padding: 13px 41px; text-transform: uppercase; width: 240px; } @media (max-width: 640px) { /* line 161, app/assets/styles/sass/retorno.scss */ .thanks button.buy { font-size: 26px; width: 550px; } } /* line 174, app/assets/styles/sass/retorno.scss */ .thanks button.buy.pedidos { margin-top: -30px; } @media (max-width: 640px) { /* line 174, app/assets/styles/sass/retorno.scss */ .thanks button.buy.pedidos { margin-top: 25px; margin-bottom: 50px; width: 600px; } } /* line 187, app/assets/styles/sass/retorno.scss */ .thanks-error .return { background-color: #FF0000; } /* line 189, app/assets/styles/sass/retorno.scss */ .thanks-error .return aside::before { background-image: url(/app/assets/images/error.png); background-repeat: no-repeat; content: ""; height: 64px; margin: 15px 0 0 -135px; width: 64px; } /*------------------------------------*\ #MODAL DE AVALIAÇÃO DA LOJA \*------------------------------------*/ /* line 3, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap span { color: #000000; float: left; font-size: 14px; margin-top: 10px; } @media (max-width: 640px) { /* line 3, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap span { font-size: 22px; } } /* line 14, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap p { float: left; font-size: 13px; margin: 15px 0 0 0; } @media (max-width: 640px) { /* line 14, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap p { font-size: 20px; } } /* line 24, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap .avaliacao-anunciante3 { float: left; margin: 10px 0 0 8px; } /* line 28, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap .avaliacao-anunciante3 .estrela { height: 15px; width: 15px; } @media (max-width: 640px) { /* line 28, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap .avaliacao-anunciante3 .estrela { height: 30px; width: 30px; } } /* line 25, app/assets/styles/sass/mixins.scss */ .store_evaluation__wrap form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121; } /* line 28, app/assets/styles/sass/mixins.scss */ .store_evaluation__wrap form ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } /* line 31, app/assets/styles/sass/mixins.scss */ .store_evaluation__wrap form :-ms-input-placeholder { /* IE 10+ */ color: #212121; } /* line 34, app/assets/styles/sass/mixins.scss */ .store_evaluation__wrap form :-moz-placeholder { /* Firefox 18- */ color: #212121; } /* line 43, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap textarea { clear: left; float: left; font-size: 14px; height: 90px; margin: 5px 0 0 0; padding: 5px 10px; resize: none; width: 100%; } @media (max-width: 640px) { /* line 43, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap textarea { font-size: 20px; height: 150px; } } /* line 60, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap button { float: right; margin: 15px 0px 0px 0px; padding: 10px 15px; } @media (max-width: 640px) { /* line 60, app/assets/styles/sass/avaliacao_loja__modal.scss */ .store_evaluation__wrap button { font-size: 22px; } } /*------------------------------- MENU MOBILE LATERAL -------------------------------*/ /* line 3, app/assets/styles/sass/menu_lateral.scss */ .nav_container label { margin: 0 !important; } /* line 10, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu-button:after { background: rgba(0, 0, 0, 0.5); content: ""; display: block; height: 100vh; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1); transition-delay: 0.1s; width: 100vw; z-index: 1004; } /* line 27, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu-toggle, .nav_container #menu_carrinho, .nav_container #menu_menu, .nav_container #menu_filtro, .nav_container #menu_login { display: none; } /* line 38, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu-toggle.active ~ .menu-button:after, .nav_container #menu_carrinho.active ~ .menu-button:after, .nav_container #menu_menu.active ~ .menu-button:after, .nav_container #menu_filtro.active ~ .menu-button:after, .nav_container #menu_login.active ~ .menu-button:after { opacity: 1; pointer-events: auto; transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); } /* line 48, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu-toggle.active-off ~ .menu-button:after, .nav_container #menu_carrinho.active-off ~ .menu-button:after, .nav_container #menu_menu.active-off ~ .menu-button:after, .nav_container #menu_filtro.active-off ~ .menu-button:after, .nav_container #menu_login.active-off ~ .menu-button:after { display: none; opacity: 0; pointer-events: auto; transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); } /* line 57, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu-toggle.active ~ .menu-sidebar, .nav_container #menu_carrinho.active ~ .menu-sidebar, .nav_container #menu_menu.active ~ .menu-sidebar, .nav_container #menu_filtro.active ~ .menu-sidebar, .nav_container #menu_login.active ~ .menu-sidebar { transform: translateX(0); transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); } /* line 62, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu-toggle.active-off ~ .menu-sidebar, .nav_container #menu_carrinho.active-off ~ .menu-sidebar, .nav_container #menu_menu.active-off ~ .menu-sidebar, .nav_container #menu_filtro.active-off ~ .menu-sidebar, .nav_container #menu_login.active-off ~ .menu-sidebar { transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); } /* line 69, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu_login.active-off ~ .menu_sidebar__left { transform: translateX(-65vw) !important; } /* line 76, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu_filtro.active-off ~ .menu_sidebar__left { transform: translateX(-65vw) !important; } /* line 83, app/assets/styles/sass/menu_lateral.scss */ .nav_container #menu_carrinho.active-off ~ .menu-sidebar { transform: translateX(81vw); } /* line 89, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu_container { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 92, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu_container .menu_sidebar__left { left: 0; transform: translateX(-65vw); width: 65vw; } /* line 98, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu_container .menu_sidebar__right_login { right: 0; transform: translateX(65vw); width: 65vw; } /* line 104, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu_container .menu_sidebar__right { right: 0; transform: translateX(81vw); width: 500px; } /* line 111, app/assets/styles/sass/menu_lateral.scss */ .nav_container .menu_container .menu-sidebar { background: #ffffff; bottom: 0; color: #333; display: block; list-style-type: none; padding: 0; position: fixed; top: 0; transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); z-index: 1005; } /* line 127, app/assets/styles/sass/menu_lateral.scss */ .menu_sidebar__relative { height: 100vh; position: relative; } /* line 133, app/assets/styles/sass/menu_lateral.scss */ .menu_sidebar__header { background-color: #FF6600; height: 70px; padding: 15px 20px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 141, app/assets/styles/sass/menu_lateral.scss */ .menu_sidebar__close_menu_right { position: absolute; right: 20px; z-index: 9999999; } /* line 147, app/assets/styles/sass/menu_lateral.scss */ .menu_carrinho_close, .menu_filtro_close, .menu_menu_close { height: 0; margin: 0; width: 0; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 155, app/assets/styles/sass/menu_lateral.scss */ .menu_carrinho_close:before, .menu_filtro_close:before, .menu_menu_close:before { content: ""; height: 45px; width: 45px; } /*------------------------------- #MODAL DE LOGIN PARA FAVORITAR O PRODUTO -------------------------------*/ /* line 1, app/assets/styles/sass/modal_login.scss */ .modal_login { left: 5%; } /* line 4, app/assets/styles/sass/modal_login.scss */ .modal_login .topo__login_form_box { margin-top: 20px; } /* line 7, app/assets/styles/sass/modal_login.scss */ .modal_login .topo__login_form_box button { font-size: 18px; } @media (max-width: 640px) { /* line 7, app/assets/styles/sass/modal_login.scss */ .modal_login .topo__login_form_box button { font-size: 24px; } } /* line 16, app/assets/styles/sass/modal_login.scss */ .modal_login .box_login__cadastros { justify-content: center; } @media (max-width: 640px) { /* line 16, app/assets/styles/sass/modal_login.scss */ .modal_login .box_login__cadastros { flex-direction: column; } } /* line 24, app/assets/styles/sass/modal_login.scss */ .modal_login .box_login__cadastrar { font-size: 14px; height: 34px; width: 100%; } @media (max-width: 640px) { /* line 24, app/assets/styles/sass/modal_login.scss */ .modal_login .box_login__cadastrar { font-size: 24px; height: 45px; } } /*seta topo*/ /* line 184, app/assets/styles/sass/main.scss */ #img-return-top { cursor: pointer; height: 50px; margin: -70px 20px 0 0; position: fixed; right: 0; top: 100%; width: 50px; z-index: 300; } /*------------------------------- #MODAL NEWSLETTER -------------------------------*/ /* line 199, app/assets/styles/sass/main.scss */ #newsletter { background-color: transparent; background-image: url(/app/assets/images/cadastre-se_popup_lilypink.png); background-repeat: no-repeat; border: none; box-shadow: none; height: 628px; padding: 0; width: 500px; z-index: 10003; } @media (max-width: 640px) { /* line 199, app/assets/styles/sass/main.scss */ #newsletter { background-image: url(/app/assets/images/bg-modal-m.png); height: 510px; width: 640px; } } /* line 214, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal { float: left; left: 50%; margin: 558px 0 0 -227px; position: relative; width: 450px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 640px) { /* line 214, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal { margin-top: 321px; } } /* line 226, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal input { color: #ffffff; font-size: 14px; height: 44px; margin: 0 0 0 0; text-align: left; text-transform: uppercase; width: 335px; background: transparent; border: solid 1px #3B8C14; } /* line 236, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal input::-webkit-input-placeholder { color: #ffffff; } /* line 239, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal input:-moz-placeholder { color: #ffffff; } /* line 242, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal input::-moz-placeholder { color: #ffffff; } /* line 245, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal input:-ms-input-placeholder { color: #ffffff; } /* line 249, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal button { background-color: #3B8C14; color: #ffffff; font-size: 14px; font-weight: 700; padding: 8px; text-transform: uppercase; width: 105px; height: 42px; margin: 0; } /* line 259, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal button:hover { background-color: #000000; } /* line 264, app/assets/styles/sass/main.scss */ #newsletter #formCadastroNewsletterModal small { position: absolute; top: -130px; color: #3B8C14; font-size: 8px; cursor: pointer; } /* line 272, app/assets/styles/sass/main.scss */ #newsletter .close-reveal-modal { color: transparent; font-size: 40px; font-weight: 400; right: 5px !important; top: 407px !important; } /*------------------------------- #MODAL CUPOM -------------------------------*/ /* line 1, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom { background-color: transparent; border: none; box-shadow: none; height: 580px; padding: 0; width: 580px; z-index: 10003; } /* line 25, app/assets/styles/sass/mixins.scss */ .modal_cupom ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FF6600; } /* line 28, app/assets/styles/sass/mixins.scss */ .modal_cupom ::-moz-placeholder { /* Firefox 19+ */ color: #FF6600; } /* line 31, app/assets/styles/sass/mixins.scss */ .modal_cupom :-ms-input-placeholder { /* IE 10+ */ color: #FF6600; } /* line 34, app/assets/styles/sass/mixins.scss */ .modal_cupom :-moz-placeholder { /* Firefox 18- */ color: #FF6600; } /* line 11, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .modal_cupom__codigo_wrap { width: 270px; position: absolute; top: 429px; left: 158px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } /* line 17, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .modal_cupom__codigo_input { background-color: #ffffff; border: 0; box-shadow: none; color: #FF6600; font-size: 32px; font-weight: bold; height: 53px; margin: 0; text-align: center; width: 240px; } /* line 30, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .modal_cupom__codigo_button { background-color: #ffffff; height: 53px; margin: 0; padding: 0; width: 30px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; } /* line 38, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .modal_cupom__codigo_button img { height: 21px; width: 18px; } /* line 42, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .modal_cupom__codigo_button img:hover { opacity: 0.7; } /* line 48, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .fb-login-button { position: absolute; top: 500px; left: 200px; } /* line 52, app/assets/styles/sass/modal_cupom.scss */ .modal_cupom .close-reveal-modal { color: transparent; font-size: 50px; font-weight: bold; right: 3px !important; top: -9px !important; } /* line 287, app/assets/styles/sass/main.scss */ .reveal-modal-bg { z-index: 10000; } /* line 291, app/assets/styles/sass/main.scss */ .reveal-modal { margin-top: -145px !important; z-index: 10001; } @media (max-width: 640px) { /* line 291, app/assets/styles/sass/main.scss */ .reveal-modal { margin-top: 0 !important; } } /* .page-carrinho .reveal-modal { margin-top: 0 !important; } */ /* COLORS */ /* line 307, app/assets/styles/sass/main.scss */ article[class*='c_ui-'] { position: relative; display: inline-block; width: 10rem; height: 10rem; overflow: hidden; } /* line 315, app/assets/styles/sass/main.scss */ article[class*='c_ui-'] > * { background-size: 100%; background-position: center top; background-attachment: scroll; } /* line 321, app/assets/styles/sass/main.scss */ article[class*='c_ui-'] > span { width: 100%; height: 100%; display: block; } /* line 327, app/assets/styles/sass/main.scss */ article[class*='c_ui-']:not(.c_ui-) > span { position: absolute; } /* line 331, app/assets/styles/sass/main.scss */ .c_ui-2 > span:first-child, .c_ui-3 > span:first-child, .c_ui-4 > span { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* line 340, app/assets/styles/sass/main.scss */ .c_ui-2 > span:first-child { z-index: 2; top: 35%; left: -56%; width: 141% !important; } /* line 347, app/assets/styles/sass/main.scss */ .c_ui-2 > span:last-child { z-index: 1; } /* line 351, app/assets/styles/sass/main.scss */ .c_ui-3 > span:first-child { top: -55%; z-index: 1; } /* line 356, app/assets/styles/sass/main.scss */ .c_ui-3 > span:nth-child(2) { left: 50%; } /* line 360, app/assets/styles/sass/main.scss */ .c_ui-3 > span:last-child { left: -50%; } /* line 364, app/assets/styles/sass/main.scss */ .c_ui-4 > span:first-child { left: 70%; } /* line 368, app/assets/styles/sass/main.scss */ .c_ui-4 > span:nth-child(2) { left: -70%; } /* line 372, app/assets/styles/sass/main.scss */ .c_ui-4 > span:nth-child(3) { top: -70%; } /* line 376, app/assets/styles/sass/main.scss */ .c_ui-4 > span:last-child { top: 71%; } @media (max-width: 640px) { /* line 381, app/assets/styles/sass/main.scss */ article[class*='c_ui-'] { height: 80px !important; width: 80px !important; } /* line 385, app/assets/styles/sass/main.scss */ article[class*='c_ui-']:not(.c_ui-) > span { height: 80px !important; width: 80px !important; } } /* ------- FIREFOX ------- */ @-moz-document url-prefix() { /* line 395, app/assets/styles/sass/main.scss */ .client-panel .orders footer { margin-top: 0; } } /*IE 10 e 11*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 405, app/assets/styles/sass/main.scss */ .atendimento { height: 138px; } /* line 408, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .atendimento { height: 138px; } /* IE11 */ /* line 413, app/assets/styles/sass/main.scss */ .borda-titulo h2 { margin-left: -159px; width: 318px; } /* line 417, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .borda-titulo h2 { margin-left: -159px; width: 318px; } /* IE11 */ /* line 423, app/assets/styles/sass/main.scss */ .end-values p.price::before { margin: 0 0 0 885px; } /* line 426, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .end-values p.price::before { margin: 0 0 0 885px; } /* IE11 */ /* line 431, app/assets/styles/sass/main.scss */ .end-values p:not(.price) .price::before { margin-left: -3.6rem; } /* line 434, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .end-values p:not(.price) .price::before { margin-left: -3.6rem; } /* IE11 */ /* line 439, app/assets/styles/sass/main.scss */ .endereco li address .cep-location::before { margin-left: -86px; } /* line 442, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .endereco li address .cep-location::before { margin-left: -86px; } /* IE11 */ /* line 447, app/assets/styles/sass/main.scss */ .endereco .box-post_id-add span::before { margin-left: 9px; } /* line 450, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .endereco .box-post_id-add span::before { margin-left: 9px; } /* IE11 */ /* line 455, app/assets/styles/sass/main.scss */ .form-adicionar-produtos input[type="number"] { padding-right: 25px; } /* IE10 */ /* line 459, app/assets/styles/sass/main.scss */ *::-ms-backdrop, .form-adicionar-produtos input[type="number"] { padding-right: 25px; } /* IE11 */ } /*IE edge*/ @supports (-ms-accelerator: true) { /* line 470, app/assets/styles/sass/main.scss */ .form-adicionar-produtos input[type="number"] { padding-right: 25px; } } /* line 475, app/assets/styles/sass/main.scss */ .alert { margin-bottom: 40px; text-align: justify; } @media (max-width: 640px) { /* line 475, app/assets/styles/sass/main.scss */ .alert { float: left; width: 600px; } } /* line 482, app/assets/styles/sass/main.scss */ .alert p { font-size: 14px; line-height: 14px; } @media (max-width: 640px) { /* line 482, app/assets/styles/sass/main.scss */ .alert p { font-size: 20px; line-height: 26px; } } /* line 492, app/assets/styles/sass/main.scss */ #dados { position: relative; } /*loader*/ /* line 499, app/assets/styles/sass/main.scss */ .mask-to-load { background-color: rgba(255, 255, 255, 0.85); background-image: url("/img/preloading.gif"); background-position: center; background-repeat: no-repeat; background-size: 36px 36px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999999; } /* line 513, app/assets/styles/sass/main.scss */ .mask-to-load.loader-mini { background-image: url("/img/preloading.gif"); background-size: 20px 20px; } /* line 518, app/assets/styles/sass/main.scss */ .mask-to-load.loader-small { background-image: url("/img/preloading.gif"); background-size: 35px 35px; } /* line 523, app/assets/styles/sass/main.scss */ .mask-to-load.loader-large { background-image: url("/img/preloading.gif"); background-size: 36px 36px; } /* .box-loader { position: relative; width: 100%; height: 40px; background-image: url('/img/preloading.gif'); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; } */ /* line 538, app/assets/styles/sass/main.scss */ .carregar_mais { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } /* line 542, app/assets/styles/sass/main.scss */ .carregar_mais span { border: 2px solid #FF6600; color: #FF6600; font-size: 18px; padding: 10px 20px; text-align: center; text-transform: uppercase; width: 600px; } /* line 553, app/assets/styles/sass/main.scss */ .fancybox-opened { z-index: 9999999; } /* line 557, app/assets/styles/sass/main.scss */ .fancybox-opened .fancybox-skin { /* border: 3px solid #E02A7D !important; */ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* line 564, app/assets/styles/sass/main.scss */ .fancybox-skin { background: #fff !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; position: relative !important; z-index: 10000 !important; } /* line 573, app/assets/styles/sass/main.scss */ .customer-evaluation { border: 1px solid red; clear: both; position: relative; } /*# sourceMappingURL=main.css.map */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;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{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[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-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.cloud-zoom-lens{border:4px solid #888;margin:-4px;background-color:#fff;cursor:move}.cloud-zoom-title{font-family:Arial,Helvetica,sans-serif;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}.cloud-zoom-big{overflow:hidden}.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000}