.container:not(.no-cf){*zoom:1} .container:not(.no-cf):before,.container:not(.no-cf):after{content:"";display:table} .container:not(.no-cf):after{clear:both}button,label,input[type="radio"],input[type="check"],.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} *{margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} a,a:link,a:visited,a:hover,a:active{text-decoration:none} img,iframe, video{border:none;text-decoration:none;display:block;margin:0 auto}section{position:relative} img, video{max-width:100%;height:auto; max-height: 540px;} select:focus,select:active,a:focus,a:active,input:focus,input:active,button:focus,button:active{outline:0}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;font-weight:normal} input,textarea,select,button{font-size:100%;font-family:inherit;resize:none} button{border:none;cursor:pointer;transition:all 150ms ease} input,select{vertical-align:middle} textarea{resize:none} input:focus,textarea:focus,button:focus{outline:0} select{margin:inherit;-moz-appearance:none;-webkit-appearance:none;-webkit-border-radius:0px;background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px),calc(100% - 2.5em) 0.5em;background-size:5px 5px, 5px 5px, 1px 1.5em;background-repeat:no-repeat} .modal-content-user .modal-container fieldset .labeled .field-group select{margin:inherit;-moz-appearance:none;-webkit-appearance:none;-webkit-border-radius:0px;background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px),calc(100% - 2.5em) 0.5em;background-size:5px 5px, 5px 5px, 1px 1.5em;background-repeat:no-repeat} ol,ul{list-style:none; padding-top: 15px;} strong{font-weight:600} em,i{font-style:italic} html{overflow-x:hidden !important} input::-webkit-input-placeholder{font-weight:300;color:#000;opacity:1} input:-moz-placeholder{font-weight:300;color:#000;opacity:1} input::-moz-placeholder{font-weight:300;color:#000;opacity:1} input:-ms-input-placeholder{font-weight:300;color:#000;opacity:1}*,*:before,*:after{box-sizing:border-box} a{color:inherit;cursor:pointer;text-decoration:none} .half{width:50%} .ovh{overflow:hidden}html,body,.ovhx{overflow-x:hidden} .ovhy{overflow-y:hidden} .aligncenter{text-align:center} .alignright{text-align:right} .modal,.hidden{display:none} .v-hidden{visibility:hidden} .hide-mobile{display:block !important} .hide-desktop{display:none !important} .hide-mobile-ib{display:inline-block !important} .hide-desktop-ib{display:none !important} @media (max-width: 1023px){ .hide-mobile{display:none !important } .hide-desktop{display:block !important} .hide-mobile-ib{display:none !important} .hide-desktop-ib{display:inline-block !important}} .overlay{transition:all .3s;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:2020;pointer-events:none;opacity:0} .overlay.-active{opacity:1;pointer-events:all}body{font-family:'Open Sans', sans-serif;color:#000;position:relative;margin:auto} .container{max-width:1280px;padding:0 20px;width:100%;margin:0 auto} @media (max-width: 1024px){ .container{padding:0 15px} } html.-modal{overflow:hidden !important} #content{padding-top:100px;transition:all .5s ease} #content>header{height:10.593vh;min-height:60px;background:#f5cb29 url(../img/layout/bg-header-internals.png) center center no-repeat;display:flex;align-items:center;margin-bottom:5.4vh;max-height: 90px;} #content>header .container{display:flex;justify-content:space-between;align-items:center}#content>header .container h1{font-size:2.54vh;letter-spacing:1px;text-transform:uppercase;color:#fff;font-weight:700; width: 100%;} #content>header .container form{width:100%;max-width:575px;display:flex} @media screen and (max-width: 530px){ #content>header .container form{max-width:275px;} } #content>header .container form .btn .icon{margin-left:10px}select,input[type="text"],input[type="email"],input[type="password"]{background-color:#fff;color:#414141;font-size:14px;font-weight:600;padding:0 15px;width:100%;border:none}select::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder{font-weight:400;opacity:1}select:-moz-placeholder,input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="password"]:-moz-placeholder{font-weight:400;opacity:1}select::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="password"]::-moz-placeholder{font-weight:400;opacity:1}select:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder{font-weight:400;opacity:1} .btn{height:44px;font-size:15px;font-weight:700;letter-spacing:0.07px;text-transform:uppercase;padding:0 50px;display:flex;justify-content:center;align-items:center;transition:all .3s ease} .btn.-primary{background-color:#ffbd11;color:#272727;} .btn.-primary:hover{background-color:#ffcb44; border-color: black;} @media screen and (max-width: 1023px){ .btn.-primary:hover{background-color:#ffbd11} } .btn.-default{background-color:transparent;color:#fff;border:2px solid #fff} .btn.-default:hover{background-color:#fff;color:#272727}@media screen and (max-width: 1023px){.btn.-default:hover{background-color:transparent;color:#fff;border:2px solid #fff}} .btn.-gray{background-color:#959595;color:#fff} .btn.-gray:hover{background-color:#afafaf} @media screen and (max-width: 1023px){ .btn.-gray:hover{background-color:#959595} } .btn.-blue{background-color:#1076ff;color:#fff} .btn.-blue:hover{background-color:#4393ff} .btn.-yellow{background-color: #ffbd11; height: 50px; padding: 0 10px; color: #fff; font-weight: 300;border-radius: 2px; margin-right: 30px; color: black} .btn.-yellow:hover{background-color: #afafaf;} .btn.-red{background-color: #d9534f !important;} .btn.-red:hover{background-color: #afafaf !important;} @media screen and (max-width: 1023px){ .btn.-blue:hover{background-color:#1076ff}} .btn.-green{background-color:#64ba01;color:#fff} .btn.-green:hover{background-color:#498701} @media screen and (max-width: 1023px){ .btn.-green:hover{background-color:#64ba01} } .btn.-edit{width:46px;height:46px;padding:0;background-color:#c5a284;color:#fff} .btn.-edit:hover{background-color:#b58861} @media screen and (max-width: 1023px){ .btn.-edit:hover{background-color:#c5a284} } .btn.-delete{width:46px;height:46px;padding:0;background-color:#8b562a;color:#fff} .btn.-delete:hover{background-color:#643e1e} @media screen and (max-width: 1023px){ .btn.-delete:hover{background-color:#8b562a} } .btn.-facebook{text-transform:none !important;color:#fff !important;background-color:#3b5999} .btn.-facebook:hover{background-color:#2d4474} @media screen and (max-width: 1023px){ .btn.-facebook:hover{background-color:#3b5999} } .btn.-google{text-transform:none !important;color:#fff !important;background-color:#d0011b} .btn.-google:hover{background-color:#9d0114} @media screen and (max-width: 1023px){ .btn.-google:hover{background-color:#d0011b} } h2{font-weight:600;font-size:46px;color:#292929;text-align:center} .icon{background-repeat:no-repeat;background-position:center;background-size:contain;display:flex} .icon.-search{background-image:url(../img/icons/search.png);width:22px;height:22px} .icon.-cart{background-image:url(../img/icons/shopping-cart.svg);width:30px;height:28px} .icon.-cart.-checked{background-image:url(../img/icons/shopping-cart-added.png);width:30px;height:28px} .folder{background-image:url(../images/icons/icon_folder.png);width:30px;height:28px; background-repeat: no-repeat; background-position: center;} .icon.-facebook{background-image:url(../img/icons/facebook-blue.png);width:30px;height:30px} .icon.-instagram{background-image:url(../img/icons/Instagram-color.png);width:30px;height:30px} #icon-whatsapp{ max-width: 30px; height: 30px; float: left; margin-top: -4px;margin-right: 5px;} @media screen and (max-width: 1024px){ .icon.-facebook{ margin-left: -40px;} .icon.-instagram{ margin-left: 40px; margin-top: -30px; margin-bottom: 20px} } .icon.-pinterest{background-image:url(../img/icons/pinterest-white.png);width:16px;height:20px} .icon.-youtube{background-image:url(../img/icons/youtube-white.png);width:16px;height:12px} .icon.-google{background-image:url(../img/icons/google-colored.png);width:23px;height:23px} .icon.-edit{background-image:url(../img/icons/edit.png);width:21px;height:21px} .icon.-delete{background-image:url(../img/icons/delete.png);width:17px;height:19px} .custom-input{width:100%;display:flex;position:relative;transition:all .3s ease} .custom-input input[type='radio'],.custom-input input[type='checkbox']{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%} .custom-input.-check span{width:100%;display:flex;line-height:1} .custom-input.-check span:before{content:'';width:16px;height:16px;border-radius:2px;border:1px solid #ddd;background-color:#fff;margin-right:15px;background-position:center center;background-repeat:no-repeat;flex:0 0 16px;transition:all .3s ease} .custom-input.-check span a{position:relative;margin-left:5px;z-index:10;text-decoration:underline} .custom-input.-check:hover span:before{background-color:#bcbbbd} .custom-input.-check input[type='checkbox']:checked ~ span{font-weight:900;color:#272727} .custom-input.-check input[type='checkbox']:checked ~ span:before{background-color:#272727;background-image:url(../img/icons/checkmark.png);background-size:60%} .custom-input.-radio .input{position:relative;width:18px;height:18px;border-radius:100%;border:2px solid #dadada;background-color:#fff;margin-right:15px;flex:0 0 18px;transition:all .3s ease} .custom-input.-radio .input:before{content:'';width:8px;height:8px;display:block;background-color:#616161;border-radius:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);left:3px;transition:all .3s ease} .custom-input.-radio input[type='radio']:checked ~ .input:before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)} .pagination{display:flex;align-items:center} @media screen and (max-width: 767px){ .pagination{justify-content:center } .pagination b{font-size:16px !important}} .pagination .nav{width:41px;height:42px;flex:0 0 41px;background-color:#f5a623;border-radius:2px;transition:all .3s ease} .pagination .nav:hover{background-color:#f6b03b} .pagination .nav:before{content:'';width:100%;height:100%;display:block;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icons/left-arrow-white.png);background-size:50%} .pagination .nav.-prev{-webkit-transform:scaleX(1);transform:scaleX(1)} .pagination .nav.-next{-webkit-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:fliph;-webkit-filter:fliph;filter:fliph} .pagination input[type='text']{width:41px;height:42px;margin:0 5px;padding:0 2px;text-align:center;font-size:18px;color:#616161;border:1px solid #979797;border-radius:2px} .pagination b{margin-left:10px;font-size:18px;color:#616161} .field-group{margin-bottom:10px} /* .field-control{width:100%;height:53px !important;border:1px solid #dadada !important;background-color:#e7e7e7 !important;color:#616161 !important;background-repeat:no-repeat;border-radius:2px} */ .field-control{width:100%;height:53px !important;border:1px solid #dadada !important;;background-color:#e7e7e7 !important;color:#616161 !important;background-repeat:no-repeat;border-radius:2px} .field-control::-webkit-input-placeholder{color:#8e8e8e;opacity:1} .field-control:-moz-placeholder{color:#8e8e8e;opacity:1} .field-control::-moz-placeholder{color:#8e8e8e;opacity:1} .field-control:-ms-input-placeholder{color:#8e8e8e;opacity:1} .field-control.-icon{padding-left:48px;position:relative} .field-control.-icon.-user{background-image:url(../img/icons/user-gray.png) !important;background-position:13px center} .field-control.-icon.-email{background-image:url(../img/icons/email-gray.png) !important;background-position:14px center} .field-control.-icon.-phone{background-image:url(../img/icons/phone-gray.png) !important;background-position:14px center} .field-control.-icon.-home{background-image:url(../img/icons/home-gray.png) !important;background-position:13px center} .field-control.-icon.-lock{background-image:url(../img/icons/lock-gray.png) !important;background-position:13px center} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden} .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;-webkit-transform:translate3d(0px, 0px, 0px)} .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)} .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);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%} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{background:none;color:inherit;border:none;padding:0 !important;font:inherit} .owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit} .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{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .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} .owl-height{transition:height 500ms ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease} .owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0} .owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .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;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform 100ms ease;transition:transform 100ms ease;transition:transform 100ms ease, -webkit-transform 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-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%}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:0.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .jQueryMosaic{width:100%;float:left;box-sizing:border-box;overflow:hidden} .jQueryMosaic>div,.jQueryMosaic>a,.jQueryMosaic>img,.jQueryMosaic>video{float:left} .jQueryMosaic>.item-img{position:relative} .jQueryMosaic>.item-img.withImage{background-size:cover;} .jQueryMosaic>.item-img>.overlay{opacity:0;position:absolute;left:0px;right:0px;top:0px;bottom:0px;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out} .jQueryMosaic>.item-img:hover>.overlay{opacity:1} .jQueryMosaic>.item-img>.overlay>.texts{position:absolute;left:0px;right:0px;bottom:0px;padding:15pt;background:rgba(0,0,0,0.2);color:#fff} .jQueryMosaic>.item-img>.overlay>.texts h1,.jQueryMosaic>.item>.overlay>.texts h2{margin:0;line-height:1.3em} .jQueryMosaic>.item-img>.overlay>.texts h1{font-size:17pt} .jQueryMosaic>.item-img>.overlay>.texts h2{font-size:13pt} header#main-header{position:fixed;top:0;right:0;left:0;width:100%;height:100px;background-color:#393939;z-index:1000;transition:all .5s ease} header#main-header.mutant{background-color:rgba(57,57,57,0);} header#main-header.mutant.-scroll-one{background-color:rgba(57,57,57,0.5);} header#main-header.mutant.-scroll-two{background-color:#393939} header#main-header .container{height:100px; display:flex;align-items:center;justify-content:space-between;max-width:1920px;padding:0 40px} header#main-header .container .hamburguer{display:none} header#main-header .container .top-menu{width:100%;max-width:640px;display:flex;justify-content:space-between;align-items:center} header#main-header .container .top-menu.-ftp .left .cart{display:none} header#main-header .container .top-menu.-ftp .left .ftp{display:flex;align-items:center;justify-content:center;position:relative} /* flex-direction:column;*/ header#main-header .container .top-menu.-ftp .left .ftp:before{margin-bottom:2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)} header#main-header .container .top-menu.-ftp .left .ftp:after{margin-top:2px} header#main-header .container .top-menu .left{width:100%;display:flex} @media screen and (min-width: 1023px) and (max-width: 1124px){ header#main-header .container .top-menu .left{justify-content: space-evenly} } header#main-header .container .top-menu .left>a{height:44px;color:#fff;font-size:16px;font-weight:600;margin:0 15px;display:flex;align-items:center} header#main-header .container .top-menu .left>a.ftp{display:none} header#main-header .container .top-menu .left>a .icon{margin-right:10px} header#main-header .container .top-menu .left .language{display:flex;align-items:center;margin:0 15px;color:#fff;font-size:16px;position:relative;z-index:10} header#main-header .container .top-menu .left .language .label{width:100%;height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none} header#main-header .container .top-menu .left .language .label:after{content:'';width:0;height:0;border-style:solid;border-width:8.7px 5px 0 5px;border-color:#fff transparent transparent transparent;margin-left:5px;transition:all .3s ease} header#main-header .container .top-menu .left .language .submenu{width:150px;position:absolute;top:calc(100% + 28px);left:0;-webkit-transform:translate(0, -10px);transform:translate(0, -10px);opacity:0;pointer-events:none;z-index:10;font-size:14px;border:1px solid #999;transition:all .3s ease} header#main-header .container .top-menu .left .language .submenu li{width:100%;height:44px;display:flex;align-items:center;padding:0 10px;background-color:#393939;transition:all .3s ease}header#main-header .container .top-menu .left .language .submenu li:first-of-type{border-bottom:1px solid #999} header#main-header .container .top-menu .left .language .submenu li:hover{cursor:pointer;background-color:#535353} header#main-header .container .top-menu .left .language.-active .submenu{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);pointer-events:all; padding-top: 0px;} header#main-header .container .top-menu .right{flex:0 0 290px;display:flex;justify-content:space-between} header#main-header .container .top-menu .right button{flex:0 0 calc(50% - 10px);padding:0 20px;white-space:nowrap} header#main-header .container .top-menu .user-area{display:none} header#main-header.-logged .top-menu .right{display:none} header#main-header.-logged .top-menu .user-area{flex:0 0 280px;display:flex;justify-content:flex-end;position:relative} header#main-header.-logged .top-menu .user-area .wrapper{display:flex;align-items:center;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer} header#main-header.-logged .top-menu .user-area .wrapper .photo{width:32px;height:32px;border-radius:100%;border:1px solid #2a2a2a;margin-right:10px;overflow:hidden;position:relative;z-index:1} header#main-header.-logged .top-menu .user-area .wrapper .name{color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center} header#main-header.-logged .top-menu .user-area .wrapper .name:after{content:'';width:0;height:0;border-style:solid;border-width:8.7px 5px 0 5px;border-color:#fff transparent transparent transparent;margin-left:5px;transition:all .3s ease} header#main-header.-logged .top-menu .user-area .wrapper.-open .name:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} header#main-header.-logged .top-menu .user-area .user-menu{width:150px;position:absolute;top:calc(100% + 28px);right:0;-webkit-transform:translate(0, -10px);transform:translate(0, -10px);opacity:0;pointer-events:none;z-index:10;font-size:14px;border:1px solid #999;transition:all .3s ease; padding-top: 0px;} header#main-header.-logged .top-menu .user-area .user-menu li{width:100%;height:44px;display:flex;align-items:center;padding:0 10px;background-color:#393939;transition:all .3s ease;border-bottom:1px solid #999;color:#fff} header#main-header.-logged .top-menu .user-area .user-menu li:last-of-type{border-bottom:none} header#main-header.-logged .top-menu .user-area .user-menu li:hover{cursor:pointer;background-color:#535353} header#main-header.-logged .top-menu .user-area.-active .user-menu{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);pointer-events:all} .mobile-menu{display:none} .cart.-mobile{display:none} @media screen and (max-width: 767px){ header#main-header{height:60px} header#main-header .container{height:100%;padding:0 20px;position:relative} header#main-header .container .hamburguer{width:30px;height:20px;display:block;background-color:transparent;overflow:hidden;padding:0;position:absolute;} header#main-header .container .hamburguer span{width:100%;height:2px;border-radius:2px;background-color:#fff;position:absolute;left:50%;-webkit-transform:translateX(-50%) rotate(0);transform:translateX(-50%) rotate(0);transition:all .5s ease;transition-delay:.5s} header#main-header .container .hamburguer span:first-of-type{top:0} header#main-header .container .hamburguer span:nth-of-type(2){top:9px} header#main-header .container .hamburguer span:nth-of-type(3){top:18px} header#main-header .container .top-menu{display:none} header#main-header .container .logo{max-width:100px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} header#main-header .container .cart.-mobile{display:flex;font-size:0; position: absolute; left: 85%;} .mobile-menu{width:80vw;height:100vh;display:block;background-color:#8b8b8b;flex:0 0 auto;position:fixed;z-index:1001;transition:all .5s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%)} .mobile-menu .header{width:100%;height:23.9vh;background:#686868;background:linear-gradient(180deg, #686868 0%, #383838 75%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #262626} .mobile-menu .header .logo{width:59.375vw;max-width:218px} .mobile-menu .header .user{display:none} .mobile-menu .content{width:100%;height:calc(100vh - 23.9vh);display:flex;flex-direction:column; /*justify-content:space-between; */ background:#999;background:linear-gradient(180deg, #999, #838383);padding-bottom:25px} .mobile-menu .content .top nav{display:none} .mobile-menu .content .top .languages{width:100%;display:flex;flex-direction:column} .mobile-menu .content .top .languages ul{width:100%} .mobile-menu .content .top .languages ul li{height:7.75vh;max-height:44px;display:flex;align-items:center;padding:0 7.8vw;color:#fff;font-weight:600;background:#999;background:linear-gradient(180deg, #999, #838383);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default} .mobile-menu .content .top .languages ul li.selected{background:#999;background:linear-gradient(180deg, #999, #838383);justify-content:space-between} .mobile-menu .content .top .languages ul li.selected:after{content:'';width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #fff;transition:all .3s ease} .mobile-menu .content .top .languages ul li.selected.-open:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .mobile-menu .content .top .languages ul li:not(.selected){display:none} .mobile-menu .content .top .shopping-cart{width:100%;height:7.75vh;max-height:44px} .mobile-menu .content .top .shopping-cart>a{width:100%;height:100%;display:flex;align-items:center;color:#fff;font-weight:600; padding-left: 30%} .mobile-menu .content .top .shopping-cart>a:before{content:'';width:26px;height:26px;background:transparent url(../img/icons/shopping-cart.svg) center center no-repeat;background-size:contain;margin-right:10px} .mobile-menu .content .buttons{width:100%;padding:0 7.8vw;display:flex;flex-direction:column;align-items:center; margin-top: 70px;} .mobile-menu .content .buttons .btn{width:100%} .mobile-menu .content .buttons .btn:first-of-type{margin-bottom:10px} .mobile-menu.-logged .header{height:31.16vh;flex-direction:column;align-items:center;justify-content:center} .mobile-menu.-logged .header .logo{margin-bottom:20px} .mobile-menu.-logged .header .user{max-width: 218px;display:flex;align-items:center;} .mobile-menu.-logged .header .user .photo{width:53px;height:53px;border-radius:100%;border:1px solid #2a2a2a;margin-right:10px;overflow:hidden;position:relative;z-index:1} .mobile-menu.-logged .header .user .name{color:#fff;font-weight:600;display:flex;align-items:center;cursor:default} .mobile-menu.-logged .header .user .name:after{content:'';width:0;height:0;border-style:solid;border-width:8.7px 5px 0 5px;border-color:#fff transparent transparent transparent;margin-left:5px;transition:all .3s ease} .mobile-menu.-logged .header .user.-open .name:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .mobile-menu.-logged .content .top nav{width:100%;display:none} .mobile-menu.-logged .content .top nav ul{display:flex;flex-direction:column} .mobile-menu.-logged .content .top nav ul li{height:7.75vh;max-height:44px} .mobile-menu.-logged .content .top nav ul li>a{height:100%;display:flex;align-items:center;padding:0 7.8vw;color:#fff;font-weight:600;background:#656565;background:linear-gradient(180deg, #656565, #4d4d4d);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default} .mobile-menu.-logged .content .buttons{display:none} body.-active #main-header,body.-active #content,body.-active #main-footer{-webkit-transform:translateX(80vw);transform:translateX(80vw)} body.-active #main-header .container .hamburguer span:first-of-type,body.-active #content .container .hamburguer span:first-of-type,body.-active #main-footer .container .hamburguer span:first-of-type{top:50%;-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)} body.-active #main-header .container .hamburguer span:nth-of-type(2),body.-active #content .container .hamburguer span:nth-of-type(2),body.-active #main-footer .container .hamburguer span:nth-of-type(2){top:9px;-webkit-transform:translateX(-150%) rotate(0);transform:translateX(-150%) rotate(0);opacity:0} body.-active #main-header .container .hamburguer span:nth-of-type(3),body.-active #content .container .hamburguer span:nth-of-type(3),body.-active #main-footer .container .hamburguer span:nth-of-type(3){top:50%;-webkit-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)} body.-active .mobile-menu{-webkit-transform:translateX(0);transform:translateX(0)} } footer#main-footer{text-align:center;transition:all .5s ease} footer#main-footer .newsletter{background-color:#434343;padding:25px 0;display:none} footer#main-footer .newsletter.-show{display:block} footer#main-footer .newsletter .container{display:flex;align-items:center;justify-content:space-between; } @media screen and (max-width: 1023px){ footer#main-footer .newsletter .container{width: 90%;} } @media screen and (min-width: 1024px) and (max-width: 1124px){ footer#main-footer .newsletter .container{width: 100%;} } @media screen and (min-width: 1125px) { /* and (max-width: 1366px) */ footer#main-footer .newsletter .container{width: 90%; max-width: 1100px;} } footer#main-footer .newsletter p{font-weight:700;font-size:16px;color:#fff} footer#main-footer .newsletter .fb{border: 0px solid white !important; padding: 1px 5px 1px 5px !important; border-radius: 3px !important;} footer#main-footer .newsletter form{display:flex;width:475px} footer#main-footer .bottom{background-color:#000;padding-top:4.237vh;padding-bottom:5.296vh} @media screen and (max-width: 1366px){ footer#main-footer .bottom{padding:0;height:120px;display:flex;flex-direction:column;justify-content:center} } footer#main-footer .bottom nav{display:block;margin-bottom:45px} footer#main-footer .bottom nav a{font-weight:700;font-size:18px;color:#fff;letter-spacing:0;margin:0 25px} footer#main-footer .bottom nav a:hover{text-decoration:underline} footer#main-footer .bottom p{font-weight:300;font-size:14px;color:#fff;letter-spacing:0} footer#main-footer .bottom p a:hover{text-decoration:underline; color:#fff;} footer#main-footer .bottom p a:visited, footer#main-footer .bottom p a:active{color:#fff;} @media screen and (max-width: 1024px){ footer#main-footer{text-align:center} footer#main-footer .newsletter{background-color:#434343;padding:25px 0} footer#main-footer .newsletter .container{flex-direction:column;align-items:center;justify-content:flex-start} footer#main-footer .newsletter p{margin-bottom:20px} footer#main-footer .newsletter form{width:100%} } @media screen and (max-width: 1024px) and (max-width: 767px){ footer#main-footer .newsletter form{flex-direction:column} footer#main-footer .newsletter form input{height:44px} } @media screen and (max-width: 1023px){ footer#main-footer .bottom{padding-top:25px;padding-bottom:25px;height:auto} } @media screen and (max-width: 1023px) and (max-width: 767px){ footer#main-footer .bottom nav{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px} footer#main-footer .bottom nav a{flex:0 0 50%;margin:0 0 10px;font-size:16px} footer#main-footer .bottom nav a:hover{text-decoration:underline} footer#main-footer .bottom p{font-size:14px} footer#main-footer .bottom p span{display:block} } .modal{width:100%;height:100vh;position:fixed;opacity:0;pointer-events:none;top:0;left:0;z-index:1000;display:block;color:#616161;transition:all .5s ease} .modal:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.75);position:fixed;top:0;left:0;z-index:1} .modal .modal-wrapper{width:100%;height:100%;overflow-y:auto;position:relative;z-index:10} .modal .modal-content{ width:96%;max-width:640px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);z-index:1000000; opacity:0;pointer-events:none;transition:all .5s ease} .modal .modal-content .modal-header{display:flex;justify-content:flex-end} .modal .modal-content .modal-header .close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:44px;font-weight:300;transition:all .3s ease} .modal .modal-content .modal-header .close:hover{color:#000;cursor:pointer} .modal .modal-content .modal-container{width:100%;padding:0 2.29vw 4.66vh} .modal .modal-content .modal-container.-no-padding{padding:0 0 4.66vh} .modal .modal-content .modal-container .danger{width:100%;text-align:center;margin-bottom:40px;color:#cc0000} .modal .modal-content .modal-container .wrapper{padding:0 2.29vw} .modal .modal-content .modal-container .title{width:100%;text-align:center;margin-bottom:20px;font-weight:700;text-transform:uppercase;font-size:1.1em; padding-top: 20px;} .modal .modal-content .modal-container .field-control{min-height:44px !important;height:3.61vh !important} .modal .modal-content .modal-container .buttons{width:100%;display:flex;flex-wrap:wrap} .modal .modal-content .modal-container .buttons .btn{color:#fff} .modal .modal-content .modal-container .buttons .btn.-deactivated{background-color:#909090} .modal .modal-content .modal-container .buttons .btn.-deactivated:hover{background-color:#777} .modal .modal-content .modal-container .buttons .btn.-danger{background-color:#c00000} .modal .modal-content .modal-container .buttons .btn.-danger:hover{background-color:#8d0000} .modal .modal-content.-login h4{width:100%;text-align:center;font-weight:700;margin-bottom:20px} .modal .modal-content.-login .wrapper .field-group.-rel, .modal .modal-content.-login-ftp .wrapper .field-group.-rel{position:relative} .modal .modal-content.-login .wrapper .field-group.-rel>a, .modal .modal-content.-login-ftp .wrapper .field-group.-rel>a{font-size:0.8rem;text-decoration:underline;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .modal .modal-content.-login .wrapper .field-group.-rel>a:hover, .modal .modal-content.-login .wrapper .field-group.-rel>a:hover{text-transform:none} .modal .modal-content.-login .wrapper .buttons, .modal .modal-content.-login-ftp .wrapper .buttons{justify-content:center;align-items:flex-start} .modal .modal-content.-login .wrapper .buttons .optin, .modal .modal-content.-login-ftp .wrapper .buttons .optin{width:calc(100% - 170px)} .modal .modal-content.-login .wrapper .buttons .optin .custom-input, .modal .modal-content.-login-ftp .wrapper .buttons .optin .custom-input{align-items:center} .modal .modal-content.-login .wrapper .buttons .optin .custom-input span:before, .modal .modal-content.-login-ftp .wrapper .buttons .optin .custom-input span:before{position:relative;top:-2px} .modal .modal-content.-login .wrapper .buttons .optin span, .modal .modal-content.-login-ftp .wrapper .buttons .optin span{font-size:0.8rem} .modal .modal-content.-login .wrapper .buttons .btn, .modal .modal-content.-login-ftp .wrapper .buttons .btn{color:#272727} .modal .modal-content.-login .connect-media{margin-top:20px} .modal .modal-content.-login .connect-media .buttons{justify-content:space-between} .modal .modal-content.-login .connect-media .buttons .btn{width:50%;font-weight:400} .modal .modal-content.-login .connect-media .buttons .btn .icon{margin-right:10px} .modal .modal-content.-login .no-profile{margin-top:44px} .modal .modal-content.-login .no-profile .buttons{justify-content:center} .modal .modal-content.-register h4{width:100%;text-align:center;font-weight:700;margin-bottom:20px} .modal .modal-content.-register .wrapper .field-group.-rel{position:relative} .modal .modal-content.-register .wrapper .field-group.-rel>a{font-size:0.8rem;text-decoration:underline;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .modal .modal-content.-register .wrapper .field-group.-rel>a:hover{text-transform:none} .modal .modal-content.-register .wrapper .optins{width:100%} .modal .modal-content.-register .wrapper .optins .holder-opt{width:100%;display:flex;margin-bottom:7px} .modal .modal-content.-register .wrapper .optins .holder-opt span{align-items:center;font-size:0.8em} .modal .modal-content.-register .wrapper .buttons{justify-content:center;align-items:flex-start} .modal .modal-content.-register .wrapper .buttons .captcha{width:calc(100% - 200px)} .modal .modal-content.-register .wrapper .buttons .captcha .custom-input{align-items:center} .modal .modal-content.-register .wrapper .buttons .captcha .custom-input span:before{position:relative;top:-2px} .modal .modal-content.-register .wrapper .buttons .captcha span{font-size:0.8rem} .modal .modal-content.-register .wrapper .buttons .btn{color:#272727;} .modal .modal-content.-register .connect-media{margin-top:20px} .modal .modal-content.-register .connect-media .buttons{justify-content:space-between} .modal .modal-content.-register .connect-media .buttons .btn{width:50%;font-weight:400} .modal .modal-content.-register .connect-media .buttons .btn .icon{margin-right:10px} .modal .modal-content.-register .no-profile{margin-top:44px} .modal .modal-content.-register .no-profile .buttons{justify-content:center} .modal .modal-content.-forget-pass{min-height:0} .modal .modal-content.-forget-pass .buttons{justify-content:flex-end} .modal .modal-content.-forget-pass .buttons .btn{color:#272727} .modal .modal-content.-forget-pass .connect-media{margin-top:20px} .modal .modal-content.-forget-pass .connect-media .buttons{justify-content:space-between} .modal .modal-content.-forget-pass .connect-media .buttons .btn{width:50%;font-weight:400} .modal .modal-content.-forget-pass .connect-media .buttons .btn .icon{margin-right:10px} .modal .modal-content.-forget-pass .no-profile{margin-top:44px} .modal .modal-content.-forget-pass .no-profile .buttons{justify-content:center} .modal .modal-content.-user .labeled{display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px 0} .modal .modal-content.-user .labeled .field-group{width:calc(50% - 1.04vw)} .modal .modal-content.-user .labeled .field-group label{width:100%;display:block;margin-bottom:5px} .modal .modal-content.-user .labeled.-full .field-group{width:100%} .modal .modal-content.-user .labeled.-full .field-group label{width:100%;display:block;margin-bottom:5px} .modal .modal-content.-user .buttons{justify-content:flex-end} .modal .modal-content.-delete-user{max-width:400px;min-height:0} .modal .modal-content.-delete-user .warning{width:100%;text-align:center;margin-bottom:40px;color:#f5a623} .modal .modal-content.-delete-user .warning .username{font-weight:700} .modal .modal-content.-delete-user .buttons{justify-content:space-between} .modal .modal-content.-delete-user .buttons .btn{width:calc(50% - 10px);padding:0 10px} .modal .modal-content.-change-pass .buttons{justify-content:flex-end} .modal .modal-content.-change-pass .buttons .btn{color:#272727} @media screen and (max-width: 1366px){ .modal .modal-content.-change-rights, .modal .modal-content.-set-folder-rights{margin-top:50px} } .modal .modal-content.-change-rights .custom-input span, .modal .modal-content.-set-folder-rights .custom-input span {align-items:center;font-size:0.8em} .modal .modal-content.-change-rights .labeled label, .modal .modal-content.-set-folder-rights .labeled label{width:100%;display:block;margin-bottom:7px;color:#3b3b3b;font-size:1.1em} .modal .modal-content.-change-rights-video .price, .modal .modal-content.-change-rights .price, .modal .modal-content.-set-folder-rights .price, .modal .modal-content.-change-royalt-free .price{width:100%;margin:60px 0 20px;font-size:1.2em;font-weight:700;color:#3b3b3b;display:flex;justify-content:flex-end} .modal .modal-content.-change-rights-video .buttons, .modal .modal-content.-change-rights .buttons, .modal .modal-content.-set-folder-rights .buttons , .modal .modal-content.-change-royalt-free .buttons{justify-content:flex-end} .modal .modal-content.-change-rights-video .buttons .btn, .modal .modal-content.-change-rights .buttons .btn, .modal .modal .modal-content.-set-folder-rights .buttons .btn, .modal .modal-content.-change-royalt-free .buttons .btn{padding:0 20px;color:#272727} .modal .modal-content.-change-rights .modal-container .field-group .selection .select2-selection, .modal .modal-content.-set-folder-rights .modal-container .field-group .selection .select2-selection{ background-color: #e7e7e7 !important;} @media screen and (max-width: 1366px){ .modal .modal-content.-ftp{margin-top:50px} } .modal .modal-content.-ftp .buttons{justify-content:flex-end} .modal .modal-content.-ftp .buttons .btn{font-weight:400;padding:0 20px;color:#272727} .modal .modal-content.-ftp .buttons.-full{margin-bottom:10px} .modal .modal-content.-ftp .buttons.-full .btn{width:100%} .modal .modal-content.-ftp .custom-input span{align-items:center;font-size:0.8em} .modal .modal-content.-ftp .labeled label{width:100%;display:block;margin-bottom:7px;color:#3b3b3b;font-size:1.1em} .modal .modal-content.-ftp textarea{width:100%;font-size:0.9em} .modal .modal-content.-ftp textarea.field-control{height:120px !important;padding:10px 15px} .modal.-open{opacity:1;pointer-events:all} .modal.-open .modal-content.-open{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:1;pointer-events:all} @media screen and (max-width: 767px){ .modal .modal-wrapper .modal-content{top:0;margin:20px 0;-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)} .modal .modal-wrapper .modal-content .buttons .btn{width:100%} .modal .modal-wrapper .modal-content .buttons .btn+.btn{margin-top:10px} .modal .modal-wrapper .modal-content .buttons.-bind .btn+.btn{margin-top:0} .modal .modal-wrapper .modal-content .buttons .optin{width:100% !important;margin-bottom:20px} .modal .modal-wrapper .modal-content .connect-media .buttons .btn{padding:0 10px} .modal .modal-wrapper .modal-content.-user .labeled .field-group{width:100%} .modal .modal-wrapper .modal-content.-change-rights, .modal .modal-wrapper .modal-content.-set-folder-rights {margin-top:0} .modal .modal-wrapper .modal-content.-ftp{margin-top:0} .modal .modal-wrapper .modal-content.-open{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)} } .modal .modal-content .modal-container .field-group .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{ margin: -1px 0px 0px 0px;} .pageHome{padding-top:0 !important}@-webkit-keyframes grow{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.8);transform:scale(1.8)}} @keyframes grow{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.8);transform:scale(1.8)}} @-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}} @keyframes fade-in{from{opacity:0}to{opacity:1}} @-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}} .pageHome section.intro{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative} .pageHome section.intro .holder-slides{width:100%;height:100%;position:absolute;overflow:hidden} .pageHome section.intro .holder-slides .slide{width:100vw;height:100vh;overflow:hidden} .pageHome section.intro .holder-slides .slide .img-holder{width:100%;height:100%;background-position:center center;background-repear:no-repeat;-webkit-animation:grow 30s linear infinite;animation:grow 30s linear infinite} /* background-size:100%;*/ .pageHome section.intro .holder-slides .-animated .img-holder{-webkit-animation:grow 30s linear infinite;animation:grow 30s linear infinite} .pageHome section.intro:before, .pageTermos section.intro:before, .pageQuem section.intro:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:10;pointer-events:none} .pageHome section.intro .container, .pageTermos section.intro .container, .pageQuem section.intro .container{z-index:10;display:flex;padding:0;align-items:center;justify-content:space-between;max-width:1920px;padding:0 0 0 50px} .pageHome section.intro .container .left, .pageTermos section.intro .container .left, .pageQuem section.intro .container .left{width:575px} .pageHome section.intro .container .left h1, .pageTermos section.intro .container .left h1, .pageQuem section.intro .container .left h1{font-weight:300;font-size:52px;color:#fff;letter-spacing:0;line-height:70px;text-align:left;margin-bottom:50px} .pageHome section.intro .container .left form, .pageTermos section.intro .container .left form, .pageQuem section.intro .container .left form{display:flex} @media screen and (max-width: 1023px){ .pageHome section.intro .container .left form{display:contents;} .pageHome section.intro .container .left form input, .pageHome section.intro .container .left form select{height: 44px; margin-bottom: 10px; border-radius: 4px;} } .pageHome section.intro .container .left form .btn .icon, .pageTermos section.intro .container .left form .btn .icon, .pageQuem section.intro .container .left form .btn .icon, .pageResultado section.search .container .holder .btn .icon {margin-left:10px} .pageHome section.intro .container .left .pulsar-30-years{padding-top: 60px; display: table; width: 270px;} @media screen and (max-width: 767px){ .pageHome section.intro .container .left .pulsar-30-years{padding-top: 60px; display: none;} } .pageHome section.intro .container .right{width:45%;max-width:870px;padding-left:25px} @media screen and (max-width: 1366px){ .pageHome section.intro .container .right{max-width:600px} } .pageHome section.intro .container .right p{font-weight:600;font-size:18px;color:#fff;margin-bottom:25px} .pageHome section.intro .container .right .box{position:relative} .pageHome section.intro .container .right .box .holder-images{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap} .pageHome section.intro .container .right .box .holder-images.-second{top:0;left:0;position:absolute} .pageHome section.intro .container .right .box .holder-images.-show figure{opacity:0} .pageHome section.intro .container .right .box .holder-images.-show figure:first-child{-webkit-animation:fade-in .5s linear forwards;animation:fade-in .5s linear forwards} .pageHome section.intro .container .right .box .holder-images.-show figure:nth-child(2){-webkit-animation:fade-in .5s .2s linear forwards;animation:fade-in .5s .2s linear forwards} .pageHome section.intro .container .right .box .holder-images.-show figure:nth-child(3){-webkit-animation:fade-in .5s .4s linear forwards;animation:fade-in .5s .4s linear forwards} .pageHome section.intro .container .right .box .holder-images.-show figure:nth-child(4){-webkit-animation:fade-in .5s .6s linear forwards;animation:fade-in .5s .6s linear forwards} .pageHome section.intro .container .right .box .holder-images.-show figure:nth-child(5){-webkit-animation:fade-in .5s .8s linear forwards;animation:fade-in .5s .8s linear forwards} .pageHome section.intro .container .right .box .holder-images.-show figure:nth-child(6){-webkit-animation:fade-in .5s 1s linear forwards;animation:fade-in .5s 1s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure{opacity:1} .pageHome section.intro .container .right .box .holder-images.-hide figure:first-child{-webkit-animation:fade-out .5s linear forwards;animation:fade-out .5s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure:nth-child(2){-webkit-animation:fade-out .5s .2s linear forwards;animation:fade-out .5s .2s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure:nth-child(3){-webkit-animation:fade-out .5s .4s linear forwards;animation:fade-out .5s .4s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure:nth-child(4){-webkit-animation:fade-out .5s .6s linear forwards;animation:fade-out .5s .6s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure:nth-child(5){-webkit-animation:fade-out .5s .8s linear forwards;animation:fade-out .5s .8s linear forwards} .pageHome section.intro .container .right .box .holder-images.-hide figure:nth-child(6){-webkit-animation:fade-out .5s 1s linear forwards;animation:fade-out .5s 1s linear forwards} .pageHome section.intro .container .right .box .holder-images figure{flex:0 33.333%;opacity:0} .pageHome section.intro .scroll-down{width:57px;height:83px;display:block;background:transparent url(../img/icons/arrow-down-home.png) center center no-repeat;background-size:contain;position:absolute;bottom:82px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100} @media screen and (max-width: 1366px){ .pageHome section.intro .scroll-down{background-size:80%;bottom:50px} } .pageHome section.navigate{background-color:#ffbd11;background-image:url(../img/placeholders/horizontal.webp);padding-top:50px;padding-bottom:50px} .pageHome section.navigate .container h2{margin-bottom:60px} .pageHome section.navigate .container .box{display:flex;justify-content:center;flex-wrap:wrap} .pageHome section.navigate .container .box .col{margin:0 auto} .pageHome section.navigate .container .box .col>a{display:flex;align-items:center;padding:0 10px;margin-bottom:10px} .pageHome section.navigate .container .box .col>a:before{content:'\00b7';font-size:40px;margin-right:5px;line-height:22px} .pageHome section.authors{padding:40px 0} .pageHome section.authors .container h2{margin-bottom:40px} .pageHome section.authors .container .box ul{max-width:1050px;margin:0 auto;padding:0 50px} .pageHome section.authors .container .box ul li{width:100%} .pageHome section.authors .container .box ul li figure{text-align:center} .pageHome section.authors .container .box ul li figure div{width:166px;height:166px;overflow:hidden;border-radius:100%;margin:0 auto 20px} .pageHome section.authors .container .box ul li figure img{width:100%;height:100%} .pageHome section.authors .container .box .owl-nav{width:100%;height:100%;position:absolute;top:-20px;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none} .pageHome section.authors .container .box .owl-nav button{width:17px;height:32px;pointer-events:all;font-size:0;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:all .3s ease} .pageHome section.authors .container .box .owl-nav button.disabled{opacity:0;cursor:default} .pageHome section.authors .container .box .owl-nav button.owl-prev{background-image:url(../img/icons/ico-arrow-left.svg);position:relative;left:0} .pageHome section.authors .container .box .owl-nav button.owl-next{background-image:url(../img/icons/ico-arrow-right.svg);position:relative;right:0} @media screen and (max-width: 1023px){ .pageHome section.intro{display:flex;align-items:center;justify-content:center } .pageHome section.intro .container, .pageTermos section.intro .container, .pageQuem section.intro .container{height:100%;padding:0 30px} .pageHome section.intro .container .left, .pageTermos section.intro .container .left , .pageQuem section.intro .container .left {width:100%;height:100%;display:flex;flex-direction:column;justify-content:center} .pageHome section.intro .container .left h1, .pageTermos section.intro .container .left h1, .pageQuem section.intro .container .left h1{width:100%;text-align:center;font-size:24px;line-height:1.2;margin-bottom:19vh} .pageHome section.intro .container .left h1:before, .pageTermos section.intro .container .left h1:before, .pageQuem section.intro .container .left h1:before{width:100%;height:40px;content:'';display:block;background-size:190px 35px;margin-bottom:20px /* background:transparent url(../img/logo.png) center center no-repeat;*/} }@media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.intro .container .left form, .pageTermos section.intro .container .left form, .pageQuem section.intro .container .left form{display:flex;flex-direction:column} .pageHome section.intro .container .left form input[type="text"], .pageTermos section.intro .container .left form input[type="text"], .pageQuem section.intro .container .left form input[type="text"]{height:44px} .pageHome section.intro .container .left form input[type="text"], .pageTermos section.intro .container .left form input[type="text"], .pageQuem section.intro .container .left form input[type="text"]{margin-bottom:2px} .pageHome section.intro .container .left form select, .pageTermos section.intro .container .left form select, .pageQuem section.intro .container .left form select{margin-bottom:30px} } @media screen and (max-width: 1023px){ .pageHome section.intro .container .right{display:none} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.intro .scroll-down{width:25px;height:33px;background-size:contain;bottom:10px} }@media screen and (max-width: 1023px){ .pageHome section.navigate{padding-top:35px;padding-bottom:35px } .pageHome section.navigate .container h2{font-size:24px;margin-bottom:35px} .pageHome section.navigate .container .box .col>a{margin-bottom:30px}} @media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.navigate .container .box .col>a{justify-content:center} } @media screen and (max-width: 1023px){.pageHome section.navigate .owl-dots{ display:flex;justify-content:center } .pageHome section.navigate .owl-dots .owl-dot{width:8px;height:8px;border-radius:100%;background-color:#fff;transition:all .3s ease;margin:0 3px} .pageHome section.navigate .owl-dots .owl-dot.active{background-color:#6e6e6e} .pageHome section.authors{padding:25px 0} .pageHome section.authors .container h2{font-size:24px;margin-bottom:35px} .pageHome section.authors .container .box{padding:0 20px} .pageHome section.authors .container .box ul{padding:0 20px} .pageHome section.authors .container .box ul li{width:100%} .pageHome section.authors .container .box ul li figure{text-align:center} .pageHome section.authors .container .box ul li figure img{max-width:166px}} @media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.authors .container .box .owl-nav{top:0;position:absolute} .pageHome section.authors .container .box .owl-nav button{position:absolute !important;bottom:0} } @media screen and (max-width: 1023px){ .pageHome section.authors .container .box .owl-dots{display:flex;justify-content:center;margin-top:10px} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.authors .container .box .owl-dots{height:32px;align-items:center;margin-top:40px} } @media screen and (max-width: 1023px){ .pageHome section.authors .container .box .owl-dots .owl-dot{width:8px;height:8px;border-radius:100%;background-color:#d8d8d8;transition:all .3s ease;margin:0 3px } .pageHome section.authors .container .box .owl-dots .owl-dot.active{background-color:#ffbd11} .pageHome section.recently-add{display:block} .pageHome section.recently-add .container{padding:0} .pageHome section.recently-add p{width:100%;text-align:center;font-weight:600;font-size:22px;padding:20px} .pageHome section.recently-add .box{position:relative} .pageHome section.recently-add .box .holder-images{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap} .pageHome section.recently-add .box .holder-images.-second{top:0;left:0;position:absolute} .pageHome section.recently-add .box .holder-images.-show figure{opacity:0} .pageHome section.recently-add .box .holder-images.-show figure:first-child{-webkit-animation:fade-in .5s linear forwards;animation:fade-in .5s linear forwards} .pageHome section.recently-add .box .holder-images.-show figure:nth-child(2){-webkit-animation:fade-in .5s .2s linear forwards;animation:fade-in .5s .2s linear forwards} .pageHome section.recently-add .box .holder-images.-show figure:nth-child(3){-webkit-animation:fade-in .5s .4s linear forwards;animation:fade-in .5s .4s linear forwards} .pageHome section.recently-add .box .holder-images.-show figure:nth-child(4){-webkit-animation:fade-in .5s .6s linear forwards;animation:fade-in .5s .6s linear forwards} .pageHome section.recently-add .box .holder-images.-show figure:nth-child(5){-webkit-animation:fade-in .5s .8s linear forwards;animation:fade-in .5s .8s linear forwards} .pageHome section.recently-add .box .holder-images.-show figure:nth-child(6){-webkit-animation:fade-in .5s 1s linear forwards;animation:fade-in .5s 1s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure{opacity:1} .pageHome section.recently-add .box .holder-images.-hide figure:first-child{-webkit-animation:fade-out .5s linear forwards;animation:fade-out .5s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure:nth-child(2){-webkit-animation:fade-out .5s .2s linear forwards;animation:fade-out .5s .2s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure:nth-child(3){-webkit-animation:fade-out .5s .4s linear forwards;animation:fade-out .5s .4s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure:nth-child(4){-webkit-animation:fade-out .5s .6s linear forwards;animation:fade-out .5s .6s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure:nth-child(5){-webkit-animation:fade-out .5s .8s linear forwards;animation:fade-out .5s .8s linear forwards} .pageHome section.recently-add .box .holder-images.-hide figure:nth-child(6){-webkit-animation:fade-out .5s 1s linear forwards;animation:fade-out .5s 1s linear forwards} .pageHome section.recently-add .box .holder-images figure{flex:0 33.333%;opacity:0}} @media screen and (max-width: 1023px) and (max-width: 767px){ .pageHome section.recently-add .box .holder-images figure{flex:0 50%} } @media screen and (max-width: 1023px){ .pageHome section.recently-add .box .holder-images figure img{width:100%} } .pageResultado .container{max-width:100%;padding:0} .pageResultado .container .zoom-image.-right{left:100%;right:0;top:-300px;opacity:0;z-index:900;pointer-events:none;padding-left:10px} .pageResultado .container .zoom-image.-left{right:100%;top:-300px;opacity:0;z-index:900;pointer-events:none;padding-right:10px} .pageResultado .container .zoom-image.-transition{transition:opacity 300ms ease} .pageResultado .container .zoom-image.-active{pointer-events:all;opacity:1} .pageResultado .container .zoom-image>div{box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);background:#eaeaea;max-width:50vw} .pageResultado .container .zoom-image>div>div{justify-content:center;align-items:center;position:relative} .pageResultado .container .zoom-image>div>div img{max-width:50vw;height:47vh;max-height:47vh} .pageResultado .container .zoom-image>div>a{display:none} .pageResultado .container .zoom-image>div figcaption{padding:15px 60px 15px 20px;position:relative} .pageResultado .container .video-holder{width:100%;position:relative;padding-bottom:56.25%;height:0; background-color: #eaeaea;} .pageResultado .container .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%} .pageResultado section.photographer{width:100%;display:flex;color:#393939} .pageResultado section.photographer .author{width:100%;max-width:600px;background-color:#e9e9e9;padding-left:10.52vw} .pageResultado section.photographer .author .wrapper{width:100%;display:flex;justify-content:space-between;padding:50px 0} .pageResultado section.photographer .author .wrapper .photo{width:160px;height:160px;flex:1 0 160px;overflow:hidden;border-radius:100%;margin-right:2.135vw} .pageResultado section.photographer .author .wrapper .info{width:100%;display:flex;flex-direction:column;justify-content:space-between} .pageResultado section.photographer .author .wrapper .info dl dt{font-size:1em;font-weight:700} .pageResultado section.photographer .author .wrapper .info dl dd{font-size:0.8em} .pageResultado section.photographer .author .wrapper .info p{font-size:1.0em} .pageResultado section.photographer .author .wrapper .info p strong{font-weight:700;display:block} .pageResultado section.photographer .desc{width:100%;min-height:261px;background-color:#f5a623;position:relative;padding-left:193px;display:flex;align-items:center} .pageResultado section.photographer .desc:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:261px 8.5417vw 0 0px;border-color:#e9e9e9 transparent transparent transparent;position:absolute;top:0;left:0} .pageResultado section.photographer .desc p{width:100%;max-width:935px;font-size:1em;color:#393939;line-height:1.4;display:block;padding-right:20px} .pageResultado section.search{height:63px;margin-top:2px;margin-bottom:7px;background-color:#e9e9e9} .pageResultado section#no-search{height:10px;margin-top:2px;margin-bottom:7px;background-color:#e9e9e9} .pageResultado section.search .container{display:flex;align-items:center;height:100%;max-width:1235px;padding:0 40px} .pageResultado section.search .container .holder {width:99.5%;display:flex;align-items:center; } .pageResultado section.search .container .holder form {width: 100%; display:flex ;align-items:center;} .pageResultado section.search .container .holder form .btn {width: 17.3%; float: right; margin-right: 15%;} .pageResultado section.search .container .holder form select{width: 20%; height: 44px; margin-left: 0px;} .pageResultado section.search .container .holder form input[type='text']{ width:32.5%; height: 44px; background-color: #fff; border-radius: 2px; margin-left: 15%; padding-top: 5px;} @media screen and (max-width: 1023px){ .pageResultado section.search .container .holder form .btn {width: 18%; float: right; margin-right: 0%;} .pageResultado section.search .container .holder form select{width: 35.7%; height: 44px; margin-left: 0px;} .pageResultado section.search .container .holder form input[type='text']{ width:38.5%; height: 44px; background-color: #fff; border-radius: 2px; margin-left: 0%; padding-top: 5px;} } @media screen and (max-width: 376px){ .pageResultado section.search .container .holder form select{width: 32.7%; height: 44px; margin-left: 0px; font-size: 11px;} } .pageResultado section.search .container .holder form input[type='text']::-webkit-input-placeholder{font-size:18px;color:#272727;opacity:1} /* font-weight:600;*/ .pageResultado section.search .container .holder form input[type='text']:-moz-placeholder{font-size:18px;color:#272727;opacity:1} /* font-weight:600; */ .pageResultado section.search .container .holder form input[type='text']::-moz-placeholder{font-size:18px;color:#272727;opacity:1} /* font-weight:600;*/ .pageResultado section.search .container .holder form input[type='text']:-ms-input-placeholder{font-size:18px;color:#272727;opacity:1} /* font-weight:600; */ .pageResultado section.search .container .holder form .clear{flex:1 0 auto;font-size:20px;transition:all .3s ease;color:#272727; margin-left: -35px; padding: 10px;} @media screen and (max-width: 1023px){ .pageResultado section.search .container .holder form .clear{flex:1 0 auto;font-size:20px;transition:all .3s ease;color:#272727; margin-left: -26px; padding: 10px; padding-right: 0px !important;} } .pageResultado section.search .container .holder form .clear:hover{cursor:pointer} .pageResultado section.top{height:63px;margin-bottom:7px;} .pageResultado section.top .container{height:100%;display:flex;padding-left:10px} .pageResultado section.top .container .btn-filter{width: 302px; height:100%;display:flex;justify-content:space-between;align-items:center;flex:1 0 auto;margin-right:10px;padding:0 30px;background-color:#e9e9e9;transition:all .5s ease}/*342px;*/ .pageResultado section.top .container .btn-filter:hover{background-color:#d0d0d0} .pageResultado section.top .container .btn-filter.closed{width:180px} .pageResultado section.top .container .btn-filter.closed .close{opacity:0} .pageResultado section.top .container .btn-filter span{font-weight:900;color:#616161} .pageResultado section.top .container .btn-filter .close{width:30px;height:100%;position:relative;transition:all .5s ease} .pageResultado section.top .container .btn-filter .close:before,.pageResultado section.top .container .btn-filter .close:after{content:'';width:100%;height:2px;border-radius:2px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#616161} .pageResultado section.top .container .btn-filter .close:before{-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)} .pageResultado section.top .container .btn-filter .close:after{-webkit-transform:translate(-50%, -50%) rotate(135deg);transform:translate(-50%, -50%) rotate(135deg)} .pageResultado section.top .container .results-for{width:100%;display:flex;height:100%;align-items:center} .pageResultado section.top .container .results-for b{width:182px;flex:1 0 auto;font-weight:600;text-align:right;margin-right:10px;color:#616161;font-size:18px;letter-spacing:.5px} .pageResultado section.top .container .results-for .picked-list{width:100%;display:flex;align-items:center} .pageResultado section.top .container .results-for .picked-list .pills-filter, .pageResultado section.top .container .results-for .picked-list .pills, .modal-content.-set-folder-rights .modal-container .labeled.-full #str-filde-code-field-bottom .pills{display:inline-flex;position:relative;align-items:center;justify-content:center;height:37px;font-size:16px;background-color:#e9e9e9;border:1px solid #d6d6d6;color:#272727;border-radius:6px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease;margin-right:10px} .modal-content.-set-folder-rights .modal-container .labeled.-full #str-filde-code-field-bottom .pills{height:28px;font-size:12px;padding:0 18px;margin-right:2px; margin-top: 2px;} .pageResultado section.top .container .results-for .picked-list .pills-filter:last-child, .pageResultado section.top .container .results-for .picked-list .pills:last-child{margin-right:0} .pageResultado section.top .container .results-for .picked-list .pills-filter span, .pageResultado section.top .container .results-for .picked-list .pills span, .modal-content.-set-folder-rights .modal-container .labeled.-full #str-filde-code-field-bottom .pills span{line-height:1;position:absolute;top:7px;right:5px;font-size:20px} .modal-content.-set-folder-rights .modal-container .labeled.-full #str-filde-code-field-bottom .pills span{top:3px;right:5px;font-size:18px} .pageResultado section.top .container .results-for .picked-list .pills-filter:hover, .pageResultado section.top .container .results-for .picked-list .pills:hover, .modal-content.-set-folder-rights .modal-container .labeled.-full #str-filde-code-field-bottom .pills:hover{border-color:#272727} .pageResultado section.results .container{display:flex;padding-bottom:46px} .pageResultado section.results .container .btn-filter-mob{display:none} .pageResultado section.results .container .filters{width:327px; flex:0 0 auto;font-size:14px;color:#616161;transition:all .5s ease} /*width:367px;*/ .pageResultado section.results .container .filters.closed{-webkit-transform:translateX(-100%);transform:translateX(-100%); margin-right: 55px;} .pageResultado section.results .container .filters .close{display:none} .pageResultado section.results .container .filters .wrapper .loading{padding-left: 22%; padding-top: 20%; width: 80%; padding-bottom: 600px;} .pageResultado section.results .container .filters .wrapper{background-color:#e9e9e9;padding:20px 30px;margin-left:10px; margin-right: 15px; } /* min-width: 322px; */ .pageResultado section.results .container .filters .wrapper label:not(.period){width:100%;display:flex;align-items:center;margin-bottom:20px;position:relative;transition:all .3s ease} .pageResultado section.results .container .filters .wrapper label:not(.period) input[type='radio'],.pageResultado section.results .container .filters .wrapper label:not(.period) input[type='checkbox']{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%} .pageResultado section.results .container .filters .wrapper label:not(.period) span{width:100%;display:flex;line-height:1} .pageResultado section.results .container .filters .wrapper label:not(.period) span:before{content:'';width:16px;height:16px;border-radius:2px;border:1px solid #ddd;background-color:#fff;margin-right:15px;background-position:center center;background-repeat:no-repeat;transition:all .3s ease} .pageResultado section.results .container .filters .wrapper label:not(.period):hover span:before{background-color:#bcbbbd} .pageResultado section.results .container .filters .wrapper label:not(.period) input[type='radio']:checked ~ span,.pageResultado section.results .container .filters .wrapper label:not(.period) input[type='checkbox']:checked ~ span{font-weight:900;color:#272727} .pageResultado section.results .container .filters .wrapper label:not(.period) input[type='radio']:checked ~ span:before,.pageResultado section.results .container .filters .wrapper label:not(.period) input[type='checkbox']:checked ~ span:before{background-color:#272727;background-image:url(../img/icons/checkmark.png);background-size:60%} .pageResultado section.results .container .filters .wrapper .box{width:100%;margin-bottom:30px} .pageResultado section.results .container .filters .wrapper .box:last-of-type{margin-bottom:0} .pageResultado section.results .container .filters .wrapper .box.-list .options{height:203px;overflow-y:auto} .pageResultado section.results .container .filters .wrapper .box.-list #options-refine{overflow-y:auto; height:120px;} .pageResultado section.results .container .filters .wrapper .box.-list input[type='text']{width:100%;height:50px;border:1px solid #616161;border-radius:3px;color:#616161;background-color:#fff;font-size:14px;margin-top:3px} .pageResultado section.results .container .filters .wrapper .box .btn-collapse{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;background-color:#f5a623;color:#fff;padding:0 16px;border-radius:3px} .pageResultado section.results .container .filters .wrapper .box .btn-collapse>span:not(.collapse){font-size:14px;} /* font-weight:900 */ .pageResultado section.results .container .filters .wrapper .box .btn-collapse>span:not(.collapse) small{font-weight:300;font-size:12px} .pageResultado section.results .container .filters .wrapper .box .btn-collapse .collapse{width:23px;height:100%;position:relative; display: block;} .pageResultado section.results .container .filters .wrapper .box .btn-collapse .collapse:before,.pageResultado section.results .container .filters .wrapper .box .btn-collapse .collapse:after{content:'';width:100%;height:3px;border-radius:3px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;transition:all .3s ease;} .pageResultado section.results .container .filters .wrapper .box .btn-collapse .collapse:before{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0);} .pageResultado section.results .container .filters .wrapper .box .btn-collapse .collapse:after{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0);} .pageResultado section.results .container .filters .wrapper .box .btn-collapse.-closed .collapse:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)} .pageResultado section.results .container .filters .wrapper .box .options{border:1px solid #b7b7b7;border-top:none;border-radius:0 0 3px 3px;padding:15px 12px;box-shadow:-1px 1px 5px -1px rgba(0,0,0,0.2);background-color:#f0f0f0} .pageResultado section.results .container .filters .wrapper .box .options>label:last-child{margin-bottom:0} .pageResultado section.results .container .filters .wrapper .box .options .holder{display:flex;align-items:flex-start;flex-wrap:wrap} .pageResultado section.results .container .filters .wrapper .box .options .holder .pills{display:inline-flex;position:relative;align-items:center;justify-content:center;height:27px;font-size:16px;background-color:#e9e9e9;border:1px solid #d6d6d6;color:#272727;border-radius:6px;padding:0 17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease;background-color:#d8d8d8;border-color:#979797;margin-right:4px;margin-bottom:4px} .pageResultado section.results .container .filters .wrapper .box .options .holder .pills:last-child{margin-right:0} .pageResultado section.results .container .filters .wrapper .box .options .holder .pills span{line-height:1;position:absolute;top:2px;right:3px;font-size:20px} .pageResultado section.results .container .filters .wrapper .box .options .holder .pills:hover{border-color:#272727} .pageResultado section.results .container .filters .wrapper .box .options.-row{display:flex;align-items:center;justify-content:space-between} .pageResultado section.results .container .filters .wrapper .box .options.-row label{width:calc(50% - 10px);margin-bottom:0} .pageResultado section.results .container .filters .wrapper .box .options.-row .remove-filter{width:calc(70% - 10px);margin-bottom:0} .pageResultado section.results .container .filters .wrapper .box .group{width:100%;border-bottom:1px solid #272727;} .pageResultado section.results .container .filters .wrapper .box .group:last-of-type{margin-top:20px;border-bottom:none} .pageResultado section.results .container .filters .wrapper .box .group a button{width: 100%} .pageResultado section.results .container .filters .wrapper .box .field-group{width:100%;display:flex;justify-content:space-between;margin-bottom:10px} .pageResultado section.results .container .filters .wrapper .box .field-group:last-of-type{margin-bottom:0} .pageResultado section.results .container .filters .wrapper .box .field-group .period{width:110px; padding-top: 8px;} .pageResultado section.results .container .filters .wrapper .box .field-group input[type='text']{width:calc(100% - 110px);height:28px;border:1px solid #979797} .pageResultado section.results .container .data{width:100%;transition:all .5s ease} .pageResultado section.results .container .data.full{width:calc(100% + 371px);margin-left:-371px} .pageResultado section.results .container .data .navigation-bar{background-color:#e9e9e9;padding:10px 15px 10px 20px;margin-bottom:20px;color:#616161} .pageResultado section.results .container .data .navigation-bar .wrapper{display:flex;justify-content:space-between;align-items:center} .pageResultado section.results .container .data .navigation-bar .wrapper .pagination input[type='text']{border:none} .pageResultado section.results .container .data .navigation-bar .wrapper .right{width:620px;display:flex;justify-content:space-between;align-items:center} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization{display:flex;align-items:center} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization b{flex:1 0 auto;margin-right:20px} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul{width:100%;height:46px;display:flex;justify-content:space-between;align-items:center;position:relative} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul:before{content:'';width:1px;height:100%;background-color:#979797;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul li{width:35px;height:37px;margin:0 10px;overflow:hidden} .pageResultado section.results .container .filters .wrapper label:not(.period) { width: 100%; display: flex; align-items: center; margin-bottom: 20px; position: relative; transition: all 0.3s ease;} .pageResultado section.results .container .filters .wrapper .box #sale-type{margin-top: 20px;} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul li button:hover svg rect,.pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul li button.-active svg rect{fill:#ffbd11} .pageResultado section.results .container .data .navigation-bar .wrapper .right .order-by{width:340px;display:flex;align-items:center} .pageResultado section.results .container .data .navigation-bar .wrapper .right .order-by b{flex:1 0 auto;margin-right:20px} .pageResultado section.results .container .data .navigation-bar .wrapper .right .order-by select{width:100%;height:50px;border:1px solid #ddd;border-radius:2px} .pageResultado section.results .container .data .holder-pagination{width:100%;display:flex;padding:200px 0 0 30px} .pageResultado section.details{background-color:#f4f4f4;color:#1d2027;} .pageResultado section.details .buttons{width:100%;display:flex;justify-content:flex-end;align-items:center;} .pageResultado section.details .buttons .btn{height:40px;padding:0 17px;margin:0;color:#fff;font-size:17px;transition:all .3s ease; margin-left:20px} @media screen and (max-width: 1023px){ .pageResultado section.results .container .data .navigation-bar .wrapper{display:block;justify-content:space-between;align-items:center} .pageResultado section.details #back-serach-detail{padding-top:0px} .pageResultado section.details .buttons .btn{height:40px;padding:0 17px;margin:0;color:#fff;font-size:17px;transition:all .3s ease; margin-left:0px} } .pageResultado section.details .buttons .btn:before{content:'';margin-right:10px} .pageResultado section.details .buttons .btn.-add-folder:before{content:'';margin-right: 10px !important} .pageResultado section.details .buttons .btn.-add-chart, .pageResultado section.details .buttons .btn.-add-ftp{background-color:#ffbd11} .pageResultado section.details .buttons .btn.-add-chart:before{width:27px;height:25px;background:url(../img/icons/shopping-cart.svg) center center no-repeat;background-size:contain} .pageResultado section.details .buttons .btn.-add-chart.added:before{width:27px;height:25px;background:url(../img/icons/shopping-cart-added.png) center center no-repeat;background-size:contain} .pageResultado section.details .buttons .btn.-add-ftp{padding:0 17px 0 0;margin:0;color:#fff;font-size:17px;transition:all .3s ease; margin-left:0px} .pageResultado section.details .buttons .btn.-add-chart:hover, .pageResultado section.details .buttons .btn.-add-ftp:hover{background-color:#f7b200} .pageResultado section.details .buttons .btn.-download{background-color:#64ba01} .pageResultado section.details .buttons .btn.-download.-denied, .pageResultado section.details .buttons .btn.-add-folder{background-color:#ffbd11;} .pageResultado section.details .buttons .btn.-add-folder:hover{background-color:#f7b200} .pageResultado section.details .buttons .btn.-add-folder.-denied:hover, .pageResultado section.details .buttons .btn.-add-chart.-denied:hover{ background-color: #bebebe;} .pageResultado section.details .buttons .btn.-add-folder:before{width:25px;height:23px;background:url(../images/icons/icon_folder.png) center center no-repeat;background-size:contain} .pageResultado section.details .buttons .btn.-add-chart:hover{background-color:#f7b200} .pageResultado section.details .buttons .btn.-download:before{width:22px;height:20px;background:url(../img/icons/download.png) center center no-repeat;background-size:contain} .pageResultado section.details .buttons .btn.-download:hover{background-color:#56a101} .pageResultado section.details .buttons .btn.-download.-denied:hover, .pageResultado section.details .buttons .btn.-add-chart.-denied:hover{ background-color: #bebebe;} .pageResultado section.details .container{width:100%;padding:30px 2.34375vw} .pageResultado section.details .container .image-info{width:100%;display:flex;padding-bottom:37px;border-bottom:2px solid #c6c6c6} .pageResultado section.details .container .image-info .image-visualization{max-width:960px;width:50vw;flex:1 0 auto;margin-right:2.29vw} .pageResultado section.details .container .image-info .image-visualization .img-holder{width:100%;display:flex;justify-content:center;align-items:center;height:63.559vh;background-color:#bebebe;position:relative} .pageResultado section.details .container .image-info .image-visualization .img-holder .btn-zoom{width:62px;height:62px;background-color:#ffbd11;position:absolute;bottom:32px;right:26px;display:flex;justify-content:center;align-items:center;transition:all .3s ease} .pageResultado section.details .container .image-info .image-visualization .img-holder .btn-zoom:before{content:'';width:34px;height:34px;background:url(../img/icons/plus-zoom.png) center center no-repeat;background-size:contain} .pageResultado section.details .container .image-info .image-visualization .img-holder .btn-zoom:hover{cursor:pointer;background-color:#f7b200} .pageResultado section.details .container .image-info .image-visualization .img-holder img{max-width:50vw;max-height:63.559vh;width:auto} .pageResultado section.details .container .image-info .image-visualization .buttons{height:84px;background-color:#eaeaea;padding:0 20px} .pageResultado section.details .container .image-info .image-details{width:35.9375vw;color:#616161} .pageResultado section.details .container .image-info .image-details h3{font-size:28px;font-weight:900;margin-bottom:40px} @media screen and (max-width: 1366px){ .pageResultado section.details .container .image-info .image-details h3{font-size:23px} } .pageResultado section.details .container .image-info .image-details .info p{display:block;margin-bottom:10px} .pageResultado section.details .container .image-info .image-details .info p strong{font-weight:900} .pageResultado section.details .container .image-info .image-details .info p a{color:#4990e2;text-decoration:underline} .pageResultado section.details .container .image-info .image-details .info p a:hover{text-decoration:none} .pageResultado section.details .container .image-info .image-details .box-login{width:100%;height:143px;background:#ffbd11;border-radius:1px;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0} .pageResultado section.details .container .image-info .image-details .box-login p{font-weight:900;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.5);margin-bottom:20px} .pageResultado section.details .container .image-info .image-details .box-login .buttons{justify-content:center} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn:before{display:none} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-default:hover{color:#616161} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-white{background-color:#fff;color:#c5950d} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-white:hover{color:#616161} .pageResultado section.details .container .image-info .image-details .projects{width:100%;max-width:650px; display: none;} .pageResultado section.details .container .image-info .image-details .projects .field-holder{width:100%;margin-bottom:15px} .pageResultado section.details .container .image-info .image-details .projects .field-holder label{width:100%;margin-bottom:5px;display:block} .pageResultado section.details .container .image-info .image-details .projects .field-holder select,.pageResultado section.details .container .image-info .image-details .projects .field-holder input[type=text],.pageResultado section.details .container .image-info .image-details .projects .field-holder .select2 .selection .select2-selection {height:50px;margin-bottom:0;border-radius:2px;background-color:#cacaca;color:#616161} .pageResultado section.details .container .image-info .image-details .projects .field-holder .select2 .selection .select2-selection {padding-top: 12px;} .pageResultado section.details .container .image-info .image-details .projects .field-holder .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder { color: #616161; font-size: 14px; font-weight: 600; width: 100%; border: none; } .pageResultado section.details .container .image-info .image-details .projects .field-holder .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__clear {height: 47px; margin-top: 3px;} .pageResultado section.details .container .image-info .image-details .projects .field-holder .select2 .selection .select2-selection .select2-selection__arrow{ height: 47px; width: 36px; border-left: 0px;} .pageResultado section.details .container .image-info .image-details .projects .price{width:100%;display:flex;justify-content:flex-end;font-size:22px;font-weight:900;margin:40px 0} .pageResultado section.details .container .image-info .image-details .select-format{margin-top:40px} .pageResultado section.details .container .image-info .image-details .select-format h3{font-size:16px;text-transform:uppercase;margin-bottom:10px} .pageResultado section.details .container .image-info .image-details .select-format .field-holder{border-top:2px solid #c6c6c6;padding:25px 0 25px 1.98vw} .pageResultado section.details .container .image-info .image-details .select-format .field-holder .custom-input .input{margin-top:2px;margin-right:20px} .pageResultado section.details .container .image-info .image-details .select-format .field-holder .custom-input .desc{font-size:14px} .pageResultado section.details .container .image-info .image-details .select-format .field-holder .custom-input .desc p{width:100%} .pageResultado section.details .container .image-info .image-details .select-format .field-holder .custom-input .desc p.size{font-weight:900;margin-bottom:20px} .pageResultado section.details .container .image-info .image-details .select-format .field-holder .custom-input .desc p strong{font-weight:900} .pageResultado section.details .container .search-results{margin-top:12px} .pageResultado section.details .container .search-results .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px} .pageResultado section.details .container .search-results .top .title{font-size:24px;font-weight:900} .pageResultado section.details .container .search-results .buttons .btn.-back{background-color:#777777} .pageResultado section.details .container .search-results .buttons .btn.-back:before{width:22px;height:17px;background:transparent url(../img/icons/left-arrow-white.png) center center/contain no-repeat} .pageResultado section.details .container .search-results .buttons .btn.-back:hover{background-color:#6a6a6a} .pageResultado section.details .search-results #back-serach-detail a{margin-top: 180px;} .pageResultado section.details .container .zoom{width:auto;max-width:95vw;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);z-index:80000;box-shadow:2px 2px 5px 0px rgba(0,0,0,0.75);opacity:0;pointer-events:none;transition:all .5s ease} .pageResultado section.details .container .zoom.-open{opacity:1;pointer-events:all;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .pageResultado section.details .container .zoom .img-holder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#bebebe;position:relative} .pageResultado section.details .container .zoom .img-holder img{max-width:95vw;max-height:95vh} .pageResultado section.details .container .zoom .img-holder .btn-close{width:63px;height:63px;background-color:#ffbd11;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;font-weight:300;font-size:50px;line-height:63px;transition:all .3s ease} .pageResultado section.details .container .zoom .img-holder .btn-close:hover{cursor:pointer;background-color:#f7b200} .pageResultado .images-list{padding-left:0px;padding-right:0px;} .pageResultado .images-list div{position:relative;} .pageResultado .images-list h6{letter-spacing:1px;font-size:14px;font-weight:700;color:#616161; min-height: 98px !important; max-height: 98px !important; overflow: hidden !important;} .pageResultado .images-list p{font-size:14px;color:#616161;font-weight:700;} .pageResultado .images-list p.authorization{font-size:14px;color:#616161;font-weight:700; height:50px;} .pageResultado .images-list p.location{font-size:14px;color:#616161;font-weight:700; height:50px;} @media screen and (max-width: 1601px){ .pageResultado .images-list p.authorization{height:100px;} } @media screen and (max-width: 1442px){ .pageResultado .images-list p.location{height:65px !important;} } @media screen and (max-width: 1350px){ .pageResultado .images-list p.authorization{height:80px;} } @media screen and (max-width: 1120px){ .pageResultado .images-list p.authorization{height:96px;}.pageResultado .images-list p.location{height:65px;} } .pageResultado .images-list p.codigo{height:35px;} .pageResultado .images-list p small{font-size:12px;font-weight:400} .pageResultado .images-list a.-cart, .pageResultado .images-list a.folder{background-color:#f49c20;width:40px;height:40px;background-size:25px auto;right:10px;bottom:10px;position:absolute;transition:all 100ms ease} .pageResultado .images-list a.-cart i{color: #fff; align-items: center; justify-content: center; display: flex; height: 100%} .pageResultado .images-list a.-cart:hover{background-color:#ef910c;} .pageResultado .images-list a.-cart.added{background-image: url(../img/icons/shopping-cart-added.png);} .pageResultado .images-list a.folder{background-color:#f49c20;width:40px;height:40px;background-size:25px auto;right:70px;bottom:15px;position:absolute;transition:all 100ms ease; display: flex; justify-content: center; align-items: center;} .pageResultado .images-list.-mosaic{ position:relative; overflow:visible !important} .pageResultado .images-list.-mosaic div:hover figure figcaption{opacity:1;pointer-events:all} .pageResultado .images-list.-mosaic div figure{position:relative} .pageResultado .images-list.-mosaic div figure>a{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:100} .pageResultado .images-list.-mosaic div figure div img, .pageResultado .images-list.-mosaic div figure div video{ max-width:initial; width:100%} .pageResultado .images-list.-mosaic div figure figcaption{position:relative; background:#eaeaea; padding:10px 15px; opacity:0; z-index:100000; transition:all 250ms ease; pointer-events:none; padding-right:60px; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5)} .pageResultado .images-list.-grid{display:flex;align-items:stretch;flex-wrap:wrap} .pageResultado .images-list.-grid>div{flex:0 calc(16.66% - 12px);margin-bottom:15px;margin-right:14.5px;background:#f6f6f6;position:relative} @media only screen and (max-width: 1366px){ .pageResultado .images-list.-grid>div{flex:0 calc(16.30% - 12px)} } .pageResultado .images-list.-grid>div:nth-child(6n+6){margin-right:0} @media only screen and (max-width: 1366px){ .pageResultado .images-list.-grid>div:nth-child(5n+5){margin-right:14px} .pageResultado .images-list.-grid>div:nth-child(6n+6){margin-right:14px} } .pageResultado .images-list.-grid>div .zoom-image{position:absolute;top:0} .pageResultado .images-list.-grid>div .zoom-image img {max-width:50vw;max-height:50vh;width:auto} .pageResultado .images-list.-grid>div .zoom-image video{max-width:640px;max-height:320px; width:auto} .pageResultado .images-list.-grid>div figure>a{height:250px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:5px} .pageResultado .images-list.-grid>div figure>a img, .pageResultado .images-list.-grid>div figure>a video{max-height:250px} .pageResultado .images-list.-grid>div figure>figcaption{padding:15px 20px 80px;position:relative} .pageResultado .images-list.-grid>div figure>figcaption hr{border-color:#d8d8d8;border-width:1px;border-top:none;margin:10px 0} .pageResultado .images-list.-grid>div figure>figcaption a.-cart, .pageResultado .images-list a.folder{top:initial;bottom:15px;right:20px} .pageResultado .images-list.-grid.-grid-nine>div{margin-right:13.4px;flex:0 calc(11.11% - 12px)} .pageResultado .images-list.-grid.-grid-nine>div:nth-child(6n+6){margin-right:14px} .pageResultado .images-list.-grid.-grid-nine>div:nth-child(9n+9){margin-right:0} .pageResultado .images-list.-grid.-grid-eight>div{margin-right:13.67px;flex:0 calc(12.5% - 12px)} .pageResultado .images-list.-grid.-grid-eight>div:nth-child(8n+8){margin-right:14px} .pageResultado .images-list.-grid.-grid-eight>div:nth-child(8n+8){margin-right:0} .pageResultado .images-list.-grid.-grid-six>div{margin-right:14px;flex:0 calc(16.66% - 12px)} .pageResultado .images-list.-grid.-grid-six>div:nth-child(6n+6){margin-right:0} @media screen and (max-width: 1023px){ .pageResultado{display:flex;flex-direction:column} .pageResultado .container .zoom-image{display:none !important} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageResultado{padding-top:60px !important} } @media screen and (max-width: 1023px){ .pageResultado section.photographer{order:3;flex-direction:column;margin-bottom:20px} .pageResultado section.photographer .author{width:100%;max-width:100%;padding-left:0} .pageResultado section.photographer .author .wrapper{padding:20px 9.3333vw;justify-content:center} .pageResultado section.photographer .author .wrapper .photo{width:120px;height:120px;flex:0 0 120px;margin-right:15px} .pageResultado section.photographer .author .wrapper .info{width:auto;display:flex;flex-direction:column;justify-content:space-between} .pageResultado section.photographer .author .wrapper .info dl dt{font-size:1em;font-weight:700} .pageResultado section.photographer .author .wrapper .info dl dd{font-size:.9em} .pageResultado section.photographer .author .wrapper .info p{font-size:.9em} .pageResultado section.photographer .author .wrapper .info p strong{font-weight:700;display:block} .pageResultado section.photographer .desc{width:100%;padding-left:0;padding:40px 30px;min-height:0} .pageResultado section.photographer .desc:before{display:none} .pageResultado section.photographer .desc p{text-align:center;padding-right:0} .pageResultado section.search{order:0;height:53px} .pageResultado section.search .container{padding:0 5px} .pageResultado section.top{order:0} .pageResultado section.top .container{padding-left:20px} .pageResultado section.top .container .btn-filter{display:none} .pageResultado section.top .container .results-for{overflow-x:auto} .pageResultado section.top .container .results-for b{width:auto; display: none;} .pageResultado section.top .container .results-for .picked-list{width:100%;display:flex;align-items:center;padding-right:20px} .pageResultado section.top .container .results-for .picked-list .pills{display:inline-flex;position:relative;align-items:center;justify-content:center;height:37px;font-size:13px;background-color:#e9e9e9;border:1px solid #d6d6d6;color:#272727;border-radius:6px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease;margin-right:10px} .pageResultado section.top .container .results-for .picked-list .pills:last-child{margin-right:0} .pageResultado section.top .container .results-for .picked-list .pills span{line-height:1;position:absolute;top:0;right:3px;font-size:20px} .pageResultado section.top .container .results-for .picked-list .pills:hover{border-color:#272727} .pageResultado section.results{order:4} .pageResultado section.results .container{display:flex;flex-direction:column} .pageResultado section.results .container .btn-filter-mob{height:63px;background-color:#1076ff;color:#fff;font-weight:600;font-size:24px;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;margin:0 15px 20px; display: none;} .pageResultado section.results .container .btn-filter-mob:before{content:'';width:27px;height:27px;margin-right:10px;background:transparent url(../img/icons/cogwheel.png) center center no-repeat;background-size:contain} .pageResultado section.results .container .filters{width:100vw;height:100vh;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px);z-index:10000;opacity:0;pointer-events:none;overflow-y:auto;transition:all .5s ease} .pageResultado section.results .container .filters.-open{opacity:1;pointer-events:all;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)} .pageResultado section.results .container .filters.closed{-webkit-transform:translateX(-100%);transform:translateX(-100%)} .pageResultado section.results .container .filters .close{width:44px;height:44px;display:flex;position:absolute;justify-content:center;top:0;right:0;font-size:35px;line-height:44px;color:#272727} .pageResultado section.results .container .filters .wrapper{background-color:#e9e9e9;padding:44px 15px 15px;margin-left:0} .pageResultado section.results .container .data .navigation-bar{margin-right:0px} .pageResultado section.results .container .data .navigation-bar .wrapper .pagination{flex:1 0 auto;margin-right:10px} .pageResultado section.results .container .data .navigation-bar .wrapper .pagination b{font-size:13px} .pageResultado section.results .container .data .navigation-bar .wrapper .right{width:100%;display:flex;justify-content:flex-end;align-items:center} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageResultado section.results .container .data .navigation-bar .wrapper .right{display:none} } @media screen and (max-width: 1023px){ .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization{display:flex;align-items:center} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization b{font-size:13px;flex:1 0 auto;margin-right:10px} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul{width:100%;height:46px;display:flex;justify-content:space-between;align-items:center;position:relative} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul:before{content:'';width:1px;height:100%;background-color:#979797;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul li{width:35px;height:37px;margin:0 10px;overflow:hidden} .pageResultado section.results .container .data .navigation-bar .wrapper .right .visualization ul li button{width:100%;height:100%} .pageResultado section.results .container .data .navigation-bar .wrapper .right .order-by{display:none} .pageResultado section.results .container .data .images-list figcaption{display:none} .pageResultado section.results .container .data .images-list.-mosaic{position:relative;overflow:visible !important} .pageResultado section.results .container .data .images-list.-mosaic div:hover figure figcaption{opacity:1;pointer-events:all} .pageResultado section.results .container .data .images-list.-mosaic div figure{position:relative} .pageResultado section.results .container .data .images-list.-mosaic div figure>a{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:100} .pageResultado section.results .container .data .images-list.-mosaic div figure div img{max-width:initial;width:100%} .pageResultado section.results .container .data .images-list.-mosaic div figure figcaption{position:absolute;left:0;right:0;top:100%;background:#eaeaea;padding:10px 15px;opacity:0;z-index:1000;transition:all 250ms ease;pointer-events:none;padding-right:60px} .pageResultado section.results .container .data .images-list.-grid{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap} .pageResultado section.results .container .data .images-list.-grid>figure{flex:0 calc(20% - 12px);margin-bottom:15px;background:#f6f6f6} .pageResultado section.results .container .data .images-list.-grid>figure>a{height:250px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:5px} .pageResultado section.results .container .data .images-list.-grid>figure>a img{max-height:250px} .pageResultado section.results .container .data .images-list.-grid>figure>figcaption{padding:15px 20px;position:relative} .pageResultado section.results .container .data .images-list.-grid>figure>figcaption hr{border-color:#d8d8d8;border-width:1px;border-top:none;margin:10px 0} .pageResultado section.results .container .data .images-list.-grid>figure>figcaption a.-cart{top:initial;bottom:15px;right:20px} .pageResultado section.details{background-color:#fff} .pageResultado section.details .buttons .btn{width:100%} .pageResultado section.details .container{padding:15px 3vw} .pageResultado section.details .container .image-info{width:100%;flex-direction:column;padding-bottom:30px} .pageResultado section.details .container .image-info .image-visualization{width:100%;flex:1 0 auto;margin-right:0} .pageResultado section.details .container .image-info .image-visualization .img-holder{width:100%;display:flex;height:auto} .pageResultado section.details .container .image-info .image-visualization .img-holder .btn-zoom{display:none} .pageResultado section.details .container .image-info .image-visualization .img-holder img{max-width:100%;max-height:auto;width:auto} .pageResultado section.details .container .image-info .image-visualization .buttons{flex-direction:column;height:auto;background-color:#f4f4f4;padding:15px 0} .pageResultado section.details .container .image-info .image-visualization .buttons .btn{margin:0 0 0 0} .pageResultado section.details .container .image-info .image-visualization .buttons .btn.-add-chart{margin-bottom:10px} .pageResultado section.details .container .image-info .image-details{width:100%;color:#616161} .pageResultado section.details .container .image-info .image-details .general{padding:15px 20px;margin-bottom:20px;background-color:#f4f4f4} .pageResultado section.details .container .image-info .image-details .general h3{font-size:20px} .pageResultado section.details .container .image-info .image-details .general .info p{font-size:13px;margin-bottom:5px} .pageResultado section.details .container .image-info .image-details .box-login{width:100%;height:auto;padding:20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0 15px} .pageResultado section.details .container .image-info .image-details .box-login p{width:100%;text-align:center;font-size:20px;margin-bottom:40px} .pageResultado section.details .container .image-info .image-details .box-login .buttons{justify-content:center;align-items:center;flex-direction:column} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn:before{display:none} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-default{margin-bottom:10px} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-default:hover{color:#fff} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-white{margin-left:0} .pageResultado section.details .container .image-info .image-details .box-login .buttons .btn.-white:hover{color:#c5950d} .pageResultado section.details .container .image-info .image-details .projects .buttons .btn{margin-left:0} .pageResultado section.details .container .image-info .image-details .select-format .buttons .btn{margin-left:0} .pageResultado section.details .container .search-results .top{margin-bottom:20px} .pageResultado section.details .container .search-results .buttons .btn{margin-top:15px;margin-left:0;font-size:14px} } .pageDownloads>header, .pageFolder>header{margin-bottom:20px !important} .pageDownloads>header .container, .pageFolder>header .container{ max-width: 1280px; padding: 0 20px; width: 100%; margin: 0 auto;} .pageDownloads .container, .pageFolder .container{max-width:100%;padding:0} .pageDownloads .container .zoom-image, .pageFolder .container .zoom-image{left:100%;right:0;top:-300px;opacity:0;z-index:900;pointer-events:none;padding-left:10px} .pageDownloads .container .zoom-image.-transition, .pageFolder .container .zoom-image.-transition{transition:opacity 300ms ease} .pageDownloads .container .zoom-image.-active, .pageFolder .container .zoom-image.-active{pointer-events:all;opacity:1} .pageDownloads .container .zoom-image>div, .pageFolder .container .zoom-image>div{box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);background:#eaeaea;max-width:50vw} .pageDownloads .container .zoom-image>div>div, .pageFolder .container .zoom-image>div>div{justify-content:center;align-items:center;position:relative} .pageDownloads .container .zoom-image>div>div img, .pageFolder .container .zoom-image>div>div img{max-width:50vw;height:47vh;max-height:47vh} .pageDownloads .container .zoom-image>div>a, .pageFolder .container .zoom-image>div>a{display:none} .pageDownloads .container .zoom-image>div figcaption, .pageFolder .container .zoom-image>div figcaption{padding:15px 60px 15px 20px;position:relative} .pageDownloads .container .video-holder, .pageFolder .container .video-holder {width:100%;position:relative;padding-bottom:56.25%;height:0} .pageDownloads .container .video-holder iframe, .pageFolder .container .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%} .pageDownloads section.results .container, .pageFolder section.results .container{display:flex;padding-bottom:700px; } .pageDownloads section.results .container .data, .pageFolder section.results .container .data {width:100%;transition:all .5s ease} .pageDownloads section.results .container .data .images-list.-grid a.icon.-delete.-x, .pageFolder section.results .container .data .images-list.-grid a.icon.-delete.-x {background-color: #d9534f ;width: 40px;height: 40px;background-size: 25px auto;right: 20px;bottom: 15px;position: absolute;transition: all 100ms ease;display: flex;justify-content: center;align-items: center;} .pageDownloads section.results .container .data .download-bar, .pageFolder section.results .container .data .download-bar{background-color:#e9e9e9;margin-left:15px;padding:10px 15px 10px 20px;margin-bottom:10px;color:#616161;font-size:14px} .pageDownloads section.results .container .data .download-bar .wrapper, .pageFolder section.results .container .data .download-bar .wrapper{display:flex;justify-content:space-between;align-items:center} .pageDownloads section.results .container .data .download-bar .wrapper .left, .pageFolder section.results .container .data .download-bar .wrapper .left{text-align:center;margin-right:10px} .pageDownloads section.results .container .data .download-bar .wrapper .left strong, .pageFolder section.results .container .data .download-bar .wrapper .left strong{text-transform:uppercase;font-weight:700;white-space:nowrap} .pageDownloads section.results .container .data .download-bar .wrapper .right, .pageFolder section.results .container .data .download-bar .wrapper .right {display:flex;justify-content:space-between;align-items:center} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields, .pageFolder section.results .container .data .download-bar .wrapper .right .fields{display:flex;align-items:center;margin-right:20px} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper{display:flex;align-items:center;margin-right:10px} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper label, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper label {margin-right:10px} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input {width:8.54vw;height:50px;border:1px solid #ddd;border-radius:2px;background-color:#fff;padding:0 5px} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input::-webkit-input-placeholder, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input::-webkit-input-placeholder{font-weight:700;color:#616161;opacity:1} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input:-moz-placeholder, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input:-moz-placeholder{font-weight:700;color:#616161;opacity:1} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input::-moz-placeholder, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input::-moz-placeholder{font-weight:700;color:#616161;opacity:1} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input:-ms-input-placeholder, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input:-ms-input-placeholder{font-weight:700;color:#616161;opacity:1} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper .input-group, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper .input-group{width: 0px !important;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields select, .pageFolder section.results .container .data .download-bar .wrapper .right .fields select{width:16.77vw ;height:50px;margin-left:10px;border:1px solid #ddd;border-radius:2px;background-color:#fff;padding:6px ;color:#616161} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields #filter-note .select2 .select2-selection {min-width: 300px !important; height: 44px !important; padding: 5px !important;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields #filter-note .select2 .select2-selection__rendered {padding: 5px !important;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields #filter-note .select2 .select2-selection .select2-selection__arrow {height: 44px;} @media (max-width: 998px){ .pageDownloads section.results .container .data .download-bar .wrapper .right .fields select, .pageFolder section.results .container .data .download-bar .wrapper .right .fields select {width: 90vw !important; height: 45px;} .pageDownloads section.results .container .data .download-bar, .pageFolder section.results .container .data .download-bar {display: flex;justify-content: center;} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn.-blue,.pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn.-blue, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn {width: 40%;} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn {margin-left: 10px !important;} } .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection {border: none; box-shadow: none; width: 16.77vw !important;height: 50px;margin-left: 10px;border: 1px solid #ddd;border-radius: 2px;background-color: #fff;padding: 15px 24px 15px 12px;color: #616161; } .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection .select2-selection__arrow, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection .select2-selection__arrow{border: none; top: 8px;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection .select2-selection__clear, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection .select2-selection__clear{margin-top: 1px;} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons{display:flex;align-items:center} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn{height:50px;padding:0 10px;color:#fff;font-weight:300; background-color:#aeaeae;border-radius:2px} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn.-blue, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn.-blue{height:50px;padding:0 10px;color:#fff;font-weight:300; background-color: #1076ff; border-radius:2px} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons #btn-send-filter, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons #btn-send-filter{background-color:#ffbd11; color:#272727;} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons #btn-send-filter:hover, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons #btn-send-filter:hover{background-color:#ffcb44} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn{margin-left:10px} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn:hover, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn:hover{background-color:#959595} .pageDownloads section.results .container .data .navigation-bar, .pageFolder section.results .container .data .navigation-bar{height:70px;background-color:#e9e9e9;margin-left:15px;padding:10px 15px 10px 20px;margin-bottom:20px;color:#616161} .pageDownloads section.results .container .data .navigation-bar .wrapper, .pageFolder section.results .container .data .navigation-bar .wrapper{height:100%;display:flex;justify-content:space-between;align-items:center} .pageDownloads section.results .container .data .navigation-bar .wrapper .selected-images,.pageFolder section.results .container .data .navigation-bar .wrapper .selected-images {width:260px;height:calc(100% + 20px);margin-top:-10px;margin-bottom:-10px;display:flex;align-items:center;margin-right:20px;border-right:20px solid #fff} .pageDownloads section.results .container .data .navigation-bar .wrapper .selected-images strong, .pageFolder section.results .container .data .navigation-bar .wrapper .selected-images strong{font-size:0.9em;white-space:nowrap} .pageDownloads section.results .container .data .navigation-bar .wrapper .pagination input, .pageFolder section.results .container .data .navigation-bar .wrapper .pagination input[type='text']{border:none} .pageDownloads section.results .container .data .navigation-bar .wrapper .pagination b, .pageFolder section.results .container .data .navigation-bar .wrapper .pagination b{font-size:14px} .pageDownloads section.results .container .data .navigation-bar .wrapper .right,.pageFolder section.results .container .data .navigation-bar .wrapper .right {width:100%;display:flex;justify-content:space-between;align-items:center} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper{display:flex;justify-content:flex-end} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization{display:flex;align-items:center;margin-right:60px} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization b, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization b, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization b, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization b{font-size:14px;flex:1 0 auto;margin-right:10px} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul{width:100%;height:46px;display:flex;justify-content:space-between;align-items:center;position:relative} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul:before, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul:before, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul:before, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul:before{content:'';width:1px;height:100%;background-color:#979797;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li{width:35px;height:37px;margin:-5px 10px 10px 10px;overflow:hidden} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button{width:100%;height:100%} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button svg rect, .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button svg rect, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button svg rect, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button svg rect{transition:all .3s ease} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button:hover svg rect,.pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button.-active svg rect, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button:hover svg rect, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization ul li button.-active svg rect{fill:#ffbd11} .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button:hover svg rect,.pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button.-active svg rect, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button:hover svg rect, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization ul li button.-active svg rect{fill:#ffbd11} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons{display:flex;align-items:center} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn{height:50px;padding:0 10px;font-weight:300;border-radius:2px;text-align:center} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview {color:#fff;background-color:#8b562a} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview:hover, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview:hover{background-color:#643e1e} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn+.btn,.pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn+.btn {margin-left:10px} .pageDownloads section.results .container .data .holder-pagination, .pageFolder section.results .container .data .holder-pagination{width:100%;display:flex;padding:20px 0 0 30px} .pageDownloads .images-list, .pageFolder .images-list{padding-left:15px;padding-right:15px} .pageDownloads .images-list div, .pageFolder .images-list div{position:relative} .pageDownloads .images-list div.item-img:before, .pageFolder .images-list div.item-img:before{content:'';width:27px;height:27px;position:absolute;top:10px;right:15px;display:block;z-index:100;opacity:0;pointer-events:none;transition:all .3s ease} /* background:transparent url(../img/icons/checkmark-downloads.png) center center/contain no-repeat; */ .pageDownloads .images-list div.item-img:hover:before,.pageDownloads .images-list div.item-img.-added:before, .pageFolder .images-list div.item-img:hover:before, .pageFolder .images-list div.item-img.-added:before{opacity:1} .pageDownloads .images-list div.item-img.special:hover:before,.pageDownloads .images-list div.item-img.special.-added:before, .pageFolder .images-list div.item-img.special:hover:before, .pageFolder .images-list div.item-img.special.-added:before{opacity:0} .pageDownloads .images-list h6, .pageFolder .images-list h6{letter-spacing:1px;font-size:14px;font-weight:700;color:#616161; min-height: 75px;} .pageDownloads .images-list p, .pageFolder .images-list p{font-size:14px;color:#616161;font-weight:700} .pageDownloads .images-list p small, .pageFolder .images-list p small{font-size:12px;font-weight:400} .pageDownloads .images-list a.-cart, .pageFolder .images-list a.-cart{background-color:#f49c20;width:45px;height:45px;background-size:29px auto;right:10px;top:10px;position:absolute;transition:all 100ms ease} .pageDownloads .images-list a.-cart:hover, .pageFolder .images-list a.-cart:hover{background-color:#ef910c;} .pageDownloads .images-list.-mosaic, .pageFolder .images-list.-mosaic{position:relative;overflow:visible !important} .pageDownloads .images-list.-mosaic div:hover figure figcaption, .pageFolder .images-list.-mosaic div:hover figure figcaption{display:none} .pageDownloads .images-list.-mosaic div figure, .pageFolder .images-list.-mosaic div figure{position:relative} .pageDownloads .images-list.-mosaic div figure>a, .pageFolder .images-list.-mosaic div figure>a{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:100} .pageDownloads .images-list.-mosaic div figure div img, .pageFolder .images-list.-mosaic div figure div img{max-width:initial;width:100%} .pageDownloads .images-list.-mosaic div figure figcaption, .pageFolder .images-list.-mosaic div figure figcaption{position:absolute;min-height:100%;left:100%;right:0;top:0;background:#eaeaea;padding:10px 15px;opacity:0;z-index:1000;transition:all 250ms ease;pointer-events:none;padding-right:60px;box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5)} .pageDownloads .images-list.-grid, .pageFolder .images-list.-grid{display:flex;align-items:stretch;flex-wrap:wrap} /* justify-content:space-between; */ .pageDownloads .images-list.-grid>div, .pageFolder .images-list.-grid>div{flex: 0 calc(16.56% - 12px);margin-bottom:15px;background:#f6f6f6;position:relative; margin-right: 13.8px;} .pageDownloads .images-list.-grid>div .zoom-image, .pageFolder .images-list.-grid>div .zoom-image{position:absolute;top:0} .pageDownloads .images-list.-grid>div .zoom-image img, .pageFolder .images-list.-grid>div .zoom-image img{max-width:50vw;max-height:50vh;width:auto} .pageDownloads .images-list.-grid>div figure>a, .pageFolder .images-list.-grid>div figure>a{height:250px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:5px} .pageDownloads .images-list.-grid>div figure>a img, .pageFolder .images-list.-grid>div figure>a img{max-height:250px} .pageDownloads .images-list.-grid>div figure>figcaption, .pageFolder .images-list.-grid>div figure>figcaption{padding:15px 20px;position:relative; height: 240px} .pageDownloads .images-list.-grid>div figure>figcaption hr, .pageFolder .images-list.-grid>div figure>figcaption hr{border-color:#d8d8d8;border-width:1px;border-top:none;margin:10px 0} .pageDownloads .images-list.-grid>div figure>figcaption a.-cart, .pageFolder .images-list.-grid>div figure>figcaption a.-cart{top:initial;bottom:15px;right:20px} @media screen and (max-width: 1023px){ .pageDownloads .images-list.-grid>div, .pageFolder .images-list.-grid>div{flex: auto; margin: 0 0 15px 0;} .pageDownloads section.results .container .data .download-bar .wrapper .left, .pageFolder section.results .container .data .download-bar .wrapper .left{display: none;} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn:hover, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn:hover{background-color:#aeaeae} .pageDownloads section.results .container .data .download-bar .wrapper .right .wrapper .visualization, .pageFolder section.results .container .data .download-bar .wrapper .right .wrapper .visualization{display:none;align-items:center;margin-right:60px} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview:hover, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn.-preview:hover{background-color:#8b562a} .pageDownloads, .pageFolder{display:flex;flex-direction:column} .pageDownloads>header, .pageFolder>header{margin-bottom:0 !important} .pageDownloads .container .zoom-image, .pageFolder .container .zoom-image{display:none !important} .pageDownloads section.results .container, .pageFolder section.results .container{display:flex;padding-bottom:46px } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageDownloads, .pageFolder{padding-top:60px !important}} .pageDownloads section.results .container .data, .pageFolder section.results .container .data{width:100%;transition:all .5s ease} .pageDownloads section.results .container .data .download-bar, .pageFolder section.results .container .data .download-bar{background-color:#e9e9e9;margin-left:0;padding:20px 15px 20px 15px;margin-bottom:10px} .pageDownloads section.results .container .data .download-bar .wrapper, .pageFolder section.results .container .data .download-bar .wrapper{justify-content:flex-start;align-items:flex-start;flex-direction:column} .pageDownloads section.results .container .data .download-bar .wrapper .left,.pageFolder section.results .container .data .download-bar .wrapper .left {width:100%;text-align:center;margin-right:0;font-size:16px;margin-bottom:20px} .pageDownloads section.results .container .data .download-bar .wrapper .right label, .pageFolder section.results .container .data .download-bar .wrapper .right label{ display: block;} .pageDownloads section.results .container .data .download-bar .wrapper .right #project-type-title, .pageFolder section.results .container .data .download-bar .wrapper .right #project-type-title{display: none;} .pageDownloads section.results .container .data .download-bar .wrapper .right, .pageFolder section.results .container .data .download-bar .wrapper .right{justify-content:flex-start;align-items:flex-start;flex-direction:column;} .pageDownloads section.results .container .data .download-bar .wrapper #right-ftp, .pageFolder section.results .container .data .download-bar .wrapper #right-ftp{justify-content:flex-start;align-items:flex-start;flex-direction:column; margin-top:-15px;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields, .pageFolder section.results .container .data .download-bar .wrapper .right .fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-right:0} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper{width:calc(50% - 10px);flex-wrap:nowrap;margin-right:0} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2{width:330px !important;height:50px;margin-left:10px;border:1px solid #ddd;border-radius:2px;background-color:#fff;padding:0 5px;color:#616161} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper .input-group, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper .input-group{ width: 277px !important; margin-left: 10px;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2-container--krajee .select2-selection {border: none;box-shadow: none; width: auto !important; margin-left: 0px; border: none; height: 0px;} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper label, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper label{width:100%;text-align:center;margin-right:0;margin-bottom:10px;font-weight:600} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input,.pageFolder section.results .container .data .download-bar .wrapper .right .fields .field-wrapper input {width:100%;text-align:center} .pageDownloads section.results .container .data .download-bar .wrapper .right .fields select, .pageDownloads section.results .container .data .download-bar .wrapper .right .fields .select2, .pageFolder section.results .container .data .download-bar .wrapper .right .fields .select2, .pageFolder section.results .container .data .download-bar .wrapper .right .fields select {width:100%;margin-left:0;margin:10px 0 20px} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons{margin-top: 20px; width:100%;justify-content:center;} .pageDownloads section.results .container .data .download-bar .wrapper .right #btn-send-filter, .pageFolder section.results .container .data .download-bar .wrapper .right #btn-send-filter{width: 100%} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn{width:calc(50% - 5px)} .pageDownloads section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn, .pageFolder section.results .container .data .download-bar .wrapper .right .buttons .btn+.btn{margin-left:0} .pageDownloads section.results .container .data .navigation-bar, .pageFolder section.results .container .data .navigation-bar{height:auto;background-color:transparent;margin-left:15px;margin-right:15px;padding:0;margin-bottom:20px;color:#616161} .pageDownloads section.results .container .data .navigation-bar .wrapper, .pageFolder section.results .container .data .navigation-bar .wrapper{height:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center} .pageDownloads section.results .container .data .navigation-bar .wrapper .selected-images, .pageFolder section.results .container .data .navigation-bar .wrapper .selected-images{width:100%;height:calc(100% + 20px);margin-top:0;margin-bottom:0;justify-content:center;margin-right:0;border-right:none;background-color:#e9e9e9;padding:15px;font-size:18px;text-transform:uppercase} .pageDownloads section.results .container .data .navigation-bar .wrapper .selected-images strong, .pageFolder section.results .container .data .navigation-bar .wrapper .selected-images strong{font-size:0.9em;white-space:nowrap} .pageDownloads section.results .container .data .navigation-bar .wrapper .right, .pageFolder section.results .container .data .navigation-bar .wrapper .right{justify-content:flex-start;align-items:center;flex-direction:column} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .pagination, .pageFolder section.results .container .data .navigation-bar .wrapper .right .pagination{order:2} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper{width:100%;order:1;display:flex;justify-content:flex-end;margin:15px 0} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .visualization{display:none} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons{width:100%;flex-direction:column} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn{width:100%} .pageDownloads section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn+.btn, .pageFolder section.results .container .data .navigation-bar .wrapper .right .wrapper .buttons .btn+.btn{margin-left:0;margin:15px 0 20px} .pageDownloads section.results .container .data .holder-pagination, .pageFolder section.results .container .data .holder-pagination{width:100%;display:flex;padding:20px 0 0 30px} .pageDownloads section.results .container .data .images-list figcaption, .pageFolder section.results .container .data .images-list figcaption{display:block} .pageDownloads section.results .container .data .images-list.-mosaic, .pageFolder section.results .container .data .images-list.-mosaic{position:relative;overflow:visible !important} .pageDownloads section.results .container .data .images-list.-mosaic div:hover figure figcaption, .pageFolder section.results .container .data .images-list.-mosaic div:hover figure figcaption{opacity:1;pointer-events:all} .pageDownloads section.results .container .data .images-list.-mosaic div figure, .pageFolder section.results .container .data .images-list.-mosaic div figure{position:relative} .pageDownloads section.results .container .data .images-list.-mosaic div figure>a, .pageFolder section.results .container .data .images-list.-mosaic div figure>a{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:100} .pageDownloads section.results .container .data .images-list.-mosaic div figure div img, .pageFolder section.results .container .data .images-list.-mosaic div figure div img{max-width:initial;width:100%} .pageDownloads section.results .container .data .images-list.-mosaic div figure figcaption, .pageFolder section.results .container .data .images-list.-mosaic div figure figcaption{position:absolute;left:0;right:0;top:100%;background:#eaeaea;padding:10px 15px;opacity:0;z-index:1000;transition:all 250ms ease;pointer-events:none;padding-right:60px} .pageDownloads section.results .container .data .images-list.-grid, .pageFolder section.results .container .data .images-list.-grid{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap} .pageDownloads section.results .container .data .images-list.-grid>figure,.pageFolder section.results .container .data .images-list.-grid>figure {flex:0 calc(25% - 12px);margin-bottom:15px;background:#f6f6f6} .pageDownloads section.results .container .data .images-list.-grid>figure>a, .pageFolder section.results .container .data .images-list.-grid>figure>a{height:250px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:5px} .pageDownloads section.results .container .data .images-list.-grid>figure>a img, .pageFolder section.results .container .data .images-list.-grid>figure>a img{max-height:250px} .pageDownloads section.results .container .data .images-list.-grid>figure>figcaption, .pageFolder section.results .container .data .images-list.-grid>figure>figcaption{padding:15px 20px;position:relative} .pageDownloads section.results .container .data .images-list.-grid>figure>figcaption hr, .pageFolder section.results .container .data .images-list.-grid>figure>figcaption hr{border-color:#d8d8d8;border-width:1px;border-top:none;margin:10px 0} .pageDownloads section.results .container .data .images-list.-grid>figure>figcaption a.-cart, .pageFolder section.results .container .data .images-list.-grid>figure>figcaption a.-cart{top:initial;bottom:15px;right:20px} } .pageQuem, .pagetermos{padding-top:0 !important} .pageQuem section.intro, .pageTermos section.intro{width:100%;height:calc(100vh - 18.85vh);background-image:url(../images/placeholders/bg-aboutus.webp);display:flex;align-items:center;justify-content:center;position:relative} .pageQuem section.intro:before, .pageTermos section.intro:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:10;pointer-events:none} .pageQuem section.intro .container{height:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:1920px;padding:100px 2.6vw 0} .pageTermos section.intro .container{height:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:1920px;padding:25px 2.3vw 0} .pageQuem section.intro .container .left, .pageTermos section.intro .container .left{width:100%;max-width:575px} .pageQuem section.intro .container .left h1, .pageTermos section.intro .container .left h1{font-weight:300;font-size:5.5vh;color:#fff;letter-spacing:0;line-height:1.6;text-align:left;margin-bottom:50px} .pageQuem section.intro .container .left form, .pageTermos section.intro .container .left form{display:flex} .pageQuem section.intro .container .left form .btn .icon, .pageTermos section.intro .container .left form .btn .icon{margin-left:10px} .pageQuem section.intro .container .right, .pageTermos section.intro .container .right{width:55%;max-width:720px;padding-left:25px;margin-right:8.073vw} @media screen and (max-width: 1366px){ .pageQuem section.intro .container .right, .pageTermos section.intro .container .right{max-width:600px;margin-right:0} } .pageQuem section.intro .container .right h2{font-size:6.35vh;margin-bottom:3.23vh;color:#fff;font-weight:300;text-align:left} .pageTermos section.intro .container .right h2{font-size:4.35vh;margin-bottom:3.23vh;color:#fff;font-weight:300;text-align:left} .pageQuem section.intro .container .right p {font-weight:400;font-size:1.78vh;color:#fff;margin-bottom:2.65vh} .pageTermos section.intro .container .right p {font-weight:400;font-size:1.4vh;color:#fff;margin-bottom:1.65vh} @media screen and (max-width: 1023px){ .pageQuem section.intro, .pageTermos section.intro{height:auto;background-image:url(../images/placeholders/bg-aboutus.jpg);background-position:center top;background-repeat:no-repeat;background-color:#000} .pageQuem section.intro .container, .pageTermos section.intro .container{height:100%;z-index:10;flex-direction:column;justify-content:flex-start;max-width:1920px;padding:100px 2.6vw 0} .pageQuem section.intro .container .left, .pageTermos section.intro .container .left{width:100%;margin-bottom:40px} .pageQuem section.intro .container .left h1, .pageTermos section.intro .container .left h1{width:100%;text-align:center;font-size:24px;line-height:1.2;margin-bottom:20px} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageQuem section.intro .container .left form, .pageTermos section.intro .container .left form{display:flex;flex-direction:column} .pageQuem section.intro .container .left form input[type="text"], .pageQuem section.intro .container .left form select, .pageTermos section.intro .container .left form input[type="text"], .pageTermos section.intro .container .left form select{height:44px} .pageQuem section.intro .container .left form input[type="text"], .pageTermos section.intro .container .left form input[type="text"]{margin-bottom:2px} .pageQuem section.intro .container .left form select, .pageTermos section.intro .container .left form select{margin-bottom:30px}} @media screen and (max-width: 1023px){ .pageQuem section.intro .container .right, .pageTermos section.intro .container .right{width:100%;padding:0 20px;margin-bottom:40px} .pageQuem section.intro .container .right h2, .pageTermos section.intro .container .right h2{font-size:28px;margin-bottom:4.23vh;text-align:center} .pageQuem section.intro .container .right p, {font-size:16px;margin-bottom:2.65vh;text-align:center} .pageTermos section.intro .container .right p{font-size:16px;margin-bottom:1.65vh;text-align:center} } .pageErro section.erro .container .erro-list, .pageMessage section.message .container .message-list { height: 210px; min-height: 600px} .pageErro section.erro .container .erro-list ul li>div.col-02>p, .pageMessage section.message .container .message-list ul li>div.col-02>p {font-size:20px; display: flex; justify-content: center; flex-direction: column;} .pageCarrinho>header, .pageErro>header{height:10.593vh;min-height:60px;background-color:#f5cb29;display:flex;align-items:center;margin-bottom:5.4vh} .pageCarrinho>header .container h1, .pageErro>header .container h1{font-size:2.54vh;text-transform:uppercase;color:#fff;font-weight:700} .pageCarrinho section.shopping-cart .container, .pageErro section.erro .container{color:#5a5a5a;padding-bottom:16.74vh} .pageCarrinho section.shopping-cart .container .buttons{display:flex;justify-content:flex-end;align-items:center} .pageCarrinho section.shopping-cart .container .buttons .btn{color:#fff;margin-left:20px;font-size:16px} @media screen and (max-width: 1366px){ .pageCarrinho section.shopping-cart .container .buttons .btn{font-size:14px} } .pageCarrinho section.shopping-cart .container .buttons .-download{padding:0 20px} .pageCarrinho section.shopping-cart .container .price{width:100%;text-align:right;font-weight:700;font-size:22px;color:#383838} .pageCarrinho section.shopping-cart .container .bar-login{width:100%;height:53px;padding:0 5px 0 30px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dadada;border-radius:2px;background-color:#e9e9e9} .pageCarrinho section.shopping-cart .container .bar-login>p{flex:1 0 auto;font-size:1.77vh;font-weight:700;text-transform:uppercase} .pageCarrinho section.shopping-cart .container .bar-login>p a{text-decoration:underline} .pageCarrinho section.shopping-cart .container .bar-login>p a:hover{text-decoration:none} .pageCarrinho section.shopping-cart .container .bar-login .buttons .btn{padding:0 20px} .pageCarrinho section.shopping-cart .container .shopping-list, .pageErro section.erro .container .erro-list{margin:20px 0} .pageCarrinho section.shopping-cart .container .shopping-list ul li, .pageErro section.erro .container .erro-list ul li{width:100%;display:flex;justify-content:space-between;margin-bottom:20px;border:1px solid #979797;padding:3.178vh 1.5625vw;border-radius:2px} .pageCarrinho section.shopping-cart .container .shopping-list ul li:last-child, .pageErro section.erro .container .erro-list ul li:last-child{margin-bottom:0} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div, .pageErro section.erro .container .erro-list ul li>div.col-01{flex:0 1 auto} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01, .pageErro section.erro .container .erro-list ul li>div.col-01{width:213px;display:flex;align-items:center;justify-content:center} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 .img-holder, .pageErro section.erro .container .erro-list ul li>div.col-01 .img-holder{position:relative} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 .img-holder:before, .pageErro section.erro .container .erro-list ul li>div.col-01 .img-holder:before{content:'';pointer-events:none;width:100%;height:100%;position:absolute;display:block;border:3px solid rgba(0,0,0,0.3)} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 img, .pageErro section.erro .container .erro-list ul li>div.col-01 .img{width:auto;max-height:149px} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02, .pageErro section.erro .container .erro-list ul li>div.col-02{flex:1 0 auto;margin:0 1.72vw;display:flex;flex-direction:column;justify-content:space-between;font-size:16px} @media screen and (max-width: 1366px){ .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02{font-size:14px} } .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p, .pageErro section.erro .container .erro-list ul li>div.col-02>p{line-height:1.6} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p.rights-type, .pageErro section.erro .container .erro-list ul li>div.col-02>p.rights-type{margin-top:40px} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p strong, .pageErro section.erro .container .erro-list ul li>div.col-02>p strong{font-weight:700} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p a, .pageErro section.erro .container .erro-list ul li>div.col-02>p a{text-transform:uppercase;font-weight:700;display:block;text-decoration:underline} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p a:hover, .pageErro section.erro .container .erro-list ul li>div.col-02>p a:hover{text-decoration:none} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03, .pageErro section.erro .container .erro-list ul li>div.col-03{display:flex;align-items:stretch;flex-wrap:wrap} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03{max-width: 500px;} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03 .buttons .pageErro section.erro .container .erro-list ul li>div.col-03 .buttons{width:100%;align-self:flex-end} .pageCarrinho section.shopping-cart .container .subtotal{width:100%;margin-top:40px} .pageCarrinho section.shopping-cart .container .subtotal .price{margin-bottom:20px} @media screen and (max-width: 1023px){ .pageCarrinho{padding-top:100px !important} .pageCarrinho>header{height:60px} .pageCarrinho>header .container h1{width:100%;font-size:20px;text-align:center} .pageCarrinho section.shopping-cart .container .buttons .btn{width:100%;margin-left:0;margin-right:0} .pageCarrinho section.shopping-cart .container .buttons .-download{padding:0 20px} .pageCarrinho section.shopping-cart .container .price{width:100%;text-align:center} .pageCarrinho section.shopping-cart .container .bar-login{width:calc(100% + 30px);height:auto;padding:40px 20px 30px;align-items:center;justify-content:flex-start;flex-direction:column;border:1px solid #dadada;border-radius:2px;background-color:#e9e9e9;margin:0 -15px} .pageCarrinho section.shopping-cart .container .bar-login>p{text-align:center;font-size:20px} .pageCarrinho section.shopping-cart .container .bar-login .buttons{width:100%;margin-top:40px} .pageCarrinho section.shopping-cart .container .bar-login .buttons .btn{width:100%} .pageCarrinho section.shopping-cart .container .shopping-list, .pageErro section.erro .container .erro-list{margin:20px 0} .pageCarrinho section.shopping-cart .container .shopping-list ul li, .pageErro section.erro .container .erro-list ul li{width:100%;justify-content:flex-start;flex-direction:column} .pageCarrinho section.shopping-cart .container .shopping-list ul li:last-child, .pageErro section.erro .container .erro-list ul li:last-child{margin-bottom:0} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div, .pageErro section.erro .container .erro-list ul li>div{flex:0 0 auto;flex-direction:column} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01, .pageErro section.erro .container .erro-list ul li>div.col-01{width:100%} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 .img-holder, .pageErro section.erro .container .erro-list ul li>div.col-01 .img-holder{margin-bottom:20px} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 .img-holder:before, .pageErro section.erro .container .erro-list ul li>div.col-01 .img-holder:before{display:none} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-01 img, .pageErro section.erro .container .erro-list ul li>div.col-01 img{margin:0 auto} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02, .pageErro section.erro .container .erro-list ul li>div.col-02{flex:1 0 auto;margin:0 1.72vw;display:flex;flex-direction:column;justify-content:space-between;font-size:16px} } @media screen and (max-width: 1023px) and (max-width: 1366px){ .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02{font-size:14px} } @media screen and (max-width: 1023px){ .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p{line-height:1.6} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p.rights-type, .pageErro section.erro .container .erro-list ul li>div.col-02>p.rights-type{margin-top:20px;margin-bottom:20px} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-02>p strong, .pageErro section.erro .container .erro-list ul li>div.col-02>p strong{font-weight:700} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03, .pageErro section.erro .container .erro-list ul li>div.col-03{align-items:center;justify-content:center} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03 .price, .pageErro section.erro .container .erro-list ul li>div.col-03 .price{margin-bottom:40px} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03 .buttons, .pageErro section.erro .container .erro-list ul li>div.col-03 .buttons{flex-direction:column;justify-content:flex-start} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03 .buttons .btn, .pageErro section.erro .container .erro-list ul li>div.col-03 .buttons .btn{width:100%} .pageCarrinho section.shopping-cart .container .shopping-list ul li>div.col-03 .buttons .btn+.btn, .pageErro section.erro .container .erro-list ul li>div.col-03 .buttons .btn+.btn{margin-top:10px} .pageCarrinho section.shopping-cart .container .subtotal{width:100%;margin-top:40px} .pageCarrinho section.shopping-cart .container .subtotal .price{margin-bottom:20px} } .pageCarrinho section.shopping-cart .container .subtotal #go-customer .btn.-primary{width: 60%} .pageCarrinho section.shopping-cart .container .subtotal #go-customer .btn.-primary.-denied{ background-color: #bebebe; cursor:not-allowed;} .pageCarrinho section.shopping-cart .container #order-box{border: 1px solid #979797; border-radius: 2px; padding: 10%;} .pageCarrinho section.shopping-cart .container #order-box .message-order{margin-bottom: 20px; padding: 10px; text-align: center;} .pageCarrinho section.shopping-cart .container #order-box .message-order .btn{padding: 0 20px; color: #fff; font-size: 16px; background-color: #ffbd11; width: 70%; margin-left: 15%;} .pageCarrinho section.shopping-cart .container #order-box .message-order .btn.-download:hover{background-color:#f7b200} .pageCheckout section.profile{padding:5.4vh 0} .pageCheckout section.profile .container{display:flex;justify-content:space-between} .pageCheckout section.profile .container .title{text-transform:uppercase;margin-bottom:30px;font-weight:700} .pageCheckout section.profile .container .col-01{width:72%} .pageCheckout section.profile .container .col-01 fieldset .wrapper{width:100%;display:flex;justify-content:space-between} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div{width:calc(50% - 13px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two{display:flex;justify-content:space-between} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:first-of-type{width:calc(30% - 10px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:nth-of-type(2){width:70%} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:first-of-type{width:70%} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:nth-of-type(2){width:calc(30% - 10px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input{align-items:center} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input span{font-size:0.75em} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .buttons{display:flex;justify-content:flex-end} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person{margin:20px 0;display:flex} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person label{width:40%;line-height:1} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .fields.-legal{display:none} .pageCheckout section.profile .container .col-02{width:21.02%;min-width:313px} .pageCheckout section.profile .container .col-02 .paypal .img-holder{width:100%} .pageCheckout section.profile .container .col-02 .paypal .img-holder img{width:100%} @media screen and (max-width: 1023px){ .pageCheckout{padding-top:60px !important} .pageCheckout>header{height:60px} .pageCheckout section.profile{padding:5.4vh 0} .pageCheckout section.profile .container{justify-content:flex-start;flex-direction:column} .pageCheckout section.profile .container .title{text-transform:uppercase;margin-bottom:30px;font-weight:700} .pageCheckout section.profile .container .col-01{width:100%} .pageCheckout section.profile .container .col-01 fieldset .wrapper{justify-content:flex-start;flex-direction:column} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div{width:100%} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group{flex-direction:column;justify-content:flex-start} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two{flex-direction:row;justify-content:space-between} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:first-of-type{width:calc(40% - 5px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:nth-of-type(2){width:calc(60% - 5px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:first-of-type{width:calc(60% - 5px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:nth-of-type(2){width:calc(40% - 5px)} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input{align-items:center;margin-bottom:30px} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input span{align-items:center;font-size:0.9em;line-height:1.2} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .buttons{display:flex;justify-content:flex-end} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div .buttons .btn{width:100%} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person{margin:20px 0;display:flex} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person label{width:50%;font-size:14px;align-items:center} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.profile .fields.-legal{display:none} .pageCheckout section.profile .container .col-01 fieldset .wrapper>div.address{margin-top:40px} .pageCheckout section.profile .container .col-02{width:100%;min-width:0} .pageCheckout section.profile .container .col-02 .paypal{margin-top:40px} } .pagePlanos{min-height:calc(100vh - 18.85vh);font-size:20px;background-color:#f4f4f4;color:#616161;padding-bottom:5vh} @media screen and (max-width: 1366px){ .pagePlanos{font-size:18px} } .pagePlanos section.plans .container{display:flex;justify-content:space-between} .pagePlanos section.plans .container .left{width:750px;font-size:1em} .pagePlanos section.plans .container .left h1{width:100%;font-size:.9em;text-transform:uppercase;margin-bottom:3.178vh;font-weight:700} .pagePlanos section.plans .container .left dl{font-size:0.9em} .pagePlanos section.plans .container .left dl:first-of-type{margin-bottom:8.48vh} .pagePlanos section.plans .container .left dl dt{font-weight:700;margin-bottom:1.9vh} .pagePlanos section.plans .container .left dl dd{font-size:.8em} .pagePlanos section.plans .container .left dl dd a{text-decoration:underline;color:#1076ff} .pagePlanos section.plans .container .left dl dd a:hover{text-decoration:none} .pagePlanos section.plans .container .right{width:700px;font-size:1em;margin-left:2.6vw;display:flex;align-items:center;justify-content:center} .pagePlanos section.plans .container .right .box{background-color:#fff;padding:30px 40px;text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:0px 0px 18px 0px rgba(0,0,0,0.4)} .pagePlanos section.plans .container .right .box h2{font-size:.85em;text-transform:uppercase;font-weight:700;color:#616161;margin-bottom:20px} .pagePlanos section.plans .container .right .box h3{text-transform:uppercase;color:#f5a623;font-weight:700} .pagePlanos section.plans .container .right .box h3 strong{color:#616161;display:block} .pagePlanos section.plans .container .right .box p{font-size:.65em} .pagePlanos section.plans .container .right .box.-smaller{min-height:400px} .pagePlanos section.plans .container .right .box.-smaller h3{font-weight:300;font-size:0.8em;margin-bottom:3.6vh} .pagePlanos section.plans .container .right .box.-bigger{min-height:450px;border:1px solid #00d289; min-width: 300px;} .pagePlanos section.plans .container .right .box.-bigger h3{margin-bottom:7.6vh} @media screen and (max-width: 1023px) and (max-width: 767px){ .pagePlanos{padding-top:60px !important} }@media screen and (max-width: 1023px){ .pagePlanos>header{height:60px !important;flex-wrap:wrap;margin-bottom:100px !important;position:relative} .pagePlanos>header .container{height:60px} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pagePlanos>header .container{margin-top:0;height:100%} } @media screen and (max-width: 1023px){ .pagePlanos>header h1{width:100%;text-align:center } .pagePlanos section.plans .container{justify-content:flex-start;flex-direction:column} .pagePlanos section.plans .container .left{width:100%;font-size:14px} .pagePlanos section.plans .container .left h1{width:100%;text-align:center;font-size:24px} .pagePlanos section.plans .container .left dl{margin-bottom:40px !important} .pagePlanos section.plans .container .left dl dt{width:100%;text-align:center;font-size:20px} .pagePlanos section.plans .container .left dl dd{width:100%;text-align:center;font-size:18px} .pagePlanos section.plans .container .right{width:100%;margin-left:0;align-items:flex-start;justify-content:flex-start;flex-direction:column} .pagePlanos section.plans .container .right .box h2{font-size:1em;margin-bottom:20px} .pagePlanos section.plans .container .right .box h3{text-transform:uppercase;color:#f5a623;font-weight:700} .pagePlanos section.plans .container .right .box h3 strong{color:#616161;display:block} .pagePlanos section.plans .container .right .box p{font-size:.8em} .pagePlanos section.plans .container .right .box.-smaller{min-height:0;margin-bottom:40px} .pagePlanos section.plans .container .right .box.-smaller h3{font-size:0.9em} .pagePlanos section.plans .container .right .box.-bigger{min-height:0;border:none} .pagePlanos section.plans .container .right .box.-bigger h3{margin-bottom:30px}} .pageDuvidas{min-height:calc(100vh - 18.85vh);font-size:20px;background-color:#f4f4f4;color:#616161;padding-bottom:5vh} @media screen and (max-width: 1366px){ .pageDuvidas{font-size:18px} } .pageDuvidas section.faq .container ul li dl dt{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;margin-bottom:6px;background-color:#e9e9e9;color:#616161;border:1px solid #dadada;border-radius:2px;font-size:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease} .pageDuvidas section.faq .container ul li dl dt:after{content:'';width:16px;height:22px;flex:1 0 auto;-webkit-transform:rotate(0);transform:rotate(0);background:transparent url(../img/icons/arrow-down.png) center center/contain no-repeat;opacity:.8;transition:all .3s ease} .pageDuvidas section.faq .container ul li dl dt:hover{background-color:#535353;background-color:#d1d1d1;cursor:pointer} .pageDuvidas section.faq .container ul li dl dt:hover:after{opacity:1} .pageDuvidas section.faq .container ul li dl dt span{width:100%;padding-right:20px} .pageDuvidas section.faq .container ul li dl dd{margin-bottom:6px;color:#e9e9e9;border:1px solid #dadada;border-radius:2px;font-size:1em;background-color:#f0f0f0;color:#535353;display:none} .pageDuvidas section.faq .container ul li dl dd .wrapper{padding:15px 30px} .pageDuvidas section.faq .container ul li dl dd.-open{display:block} .pageDuvidas section.faq .container ul li.-active dl dt{background-color:#535353;background-color:#d1d1d1} .pageDuvidas section.faq .container ul li.-active dl dt:hover{cursor:default} .pageDuvidas section.faq .container ul li.-active dl dt:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1;transition-delay:.3s} .pageDuvidas section.terms{color:#616161;font-size:1em} .pageDuvidas section.terms .container p{line-height:1.4;margin-bottom:20px} .pageDuvidas section.terms .container p strong{font-weight:700} @media screen and (max-width: 1023px) and (max-width: 767px){ .pageDuvidas{padding-top:60px !important} } @media screen and (max-width: 1023px){ .pageDuvidas>header{height:60px !important;flex-wrap:wrap;margin-bottom:100px !important;position:relative} .pageDuvidas>header .container{height:60px} } @media screen and (max-width: 1023px) and (max-width: 767px){ .pageDuvidas>header .container{margin-top:0;height:100%} } @media screen and (max-width: 1023px){ .pageDuvidas>header h1{width:100%;text-align:center} .pageDuvidas section.faq .container ul li dl dt{padding:15px;font-size:0.9em} .pageDuvidas section.faq .container ul li dl dd{font-size:.8em} .pageDuvidas section.faq .container ul li dl dd .wrapper{padding:15px} .pageDuvidas section.terms .container p{width:100%;text-align:center;font-size:0.9em} } .pageDuvidas section.politica .container p {font-weight:400;font-size:1.78vh;margin-bottom:2.65vh} .pageContato{min-height:calc(100vh - 18.85vh);font-size:18px;background-color:#f4f4f4;color:#616161} @media screen and (max-width: 1366px){ .pageContato{font-size:16px} } .pageContato>header{margin-bottom:0 !important} .pageContato section.contact{min-height:calc(100vh - 29.85vh - 10.593vh);padding-top:5.4vh;padding-bottom:5.4vh;background:transparent url(../img/layout/bg-contact.png) right center/contain no-repeat} .pageContato section.contact .container{display: -webkit-box; justify-content:space-between} .pageContato section.contact .container .left{width:100%;max-width:560px;margin-right:86px;flex:1 0 auto} .pageContato section.contact .container .left fieldset .subject{margin-top:15px} .pageContato section.contact .container .left fieldset .subject label{display:block;text-transform:uppercase;margin-bottom:15px;font-weight:700} .pageContato section.contact .container .left fieldset .subject textarea{width:100%;font-size:0.8em} .pageContato section.contact .container .left fieldset .subject textarea.field-control{height:120px !important;padding:10px 15px} .pageContato section.contact .container .left fieldset .subject select{color:#616161;font-weight:400} .pageContato section.contact .container .left fieldset .buttons{display:flex;justify-content:flex-end} .pageContato section.contact .container .left #label-return{display: none; font-weight:400;} .pageContato section.contact .container .left #label-return span{padding: 10px} .pageContato section.contact .container .right{width:40%; width: padding-left: 10%;} .pageContato section.contact .container .right dl{font-size:.9em;margin-bottom:30px} .pageContato section.contact .container .right dl dt{font-weight:700;margin-bottom:5px;text-transform:uppercase} .pageContato section.contact .container .right dl dd a:hover{text-decoration:underline} .pageContato section.contact .container .right dl dd .social-media{display:flex;margin-top:30px} .pageContato section.contact .container .right dl dd .social-media li{width:30px;height:30px} .pageContato section.contact .container .right dl dd .social-media li+li{margin-left:12px} .pageContato section.contact .container .right dl dd .social-media li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:100%} .pageContato section.contact .container .right dl dd .social-media li a.fb{background-color:#3b5999} .pageContato section.contact .container .right dl dd .social-media li a.ig{background-color:#bf8d12} .pageContato section.contact .container .right dl dd .social-media li a.pt{background-color:#c8222c} .pageContato section.contact .container .right dl dd .social-media li a.yt{background-color:#d42427} .pageContato>header{height:60px} .pageContato section.contact{background:none} .pageContato section.contact .container{flex-direction:column} .pageContato section.contact .container .left{margin-right:0;margin-bottom:40px} .pageContato section.contact .container .left .buttons .btn{width:100%} .pageContato section.contact .container .right{display:flex; flex-direction:column; padding-left: 10%;} .pageDownloadReport {min-height:calc(100vh - 18.85vh);font-size:18px;background-color:#f4f4f4;color:#616161;padding-bottom:5vh} @media screen and (max-width: 1366px){ .pageDownloadReport {font-size:16px} } .pageDownloadReport .action-bar {background-color: #e9e9e9; margin-left: 15px; padding: 10px 15px 10px 20px; margin-bottom: 10px; color: #616161; font-size: 14px; } .pageDownloadReport .action-bar .wrapper{display:flex;justify-content:space-between;align-items:center} .pageDownloadReport .action-bar .wrapper .buttons{ display: flex; } .pageDownloadReport .action-bar .wrapper .buttons a{ margin-left: 5px; } .pageDownloadReport section.orders .container {width: 100%; max-width: 100% !important;} .pageDownloadReport section.orders .container table {width: 100%; margin-top: 25px; margin-bottom: 25px;} .pageDownloadReport section.orders .container table tbody tr {border: 0px !important} .pageDownloadReport section.orders .container table tbody tr th { text-transform: uppercase; font-weight: 700; text-align: center; padding-bottom: 25px; background-color: #f4f4f4; } .pageDownloadReport section.orders .container table tr{ border: 1px solid #dadada; border-radius: 2px; background-color: #e7e7e7; color: #8e8e8e; } .pageDownloadReport section.orders .container table tr:hover { background-color: #8e8e8e; color: #e7e7e7; } .pageDownloadReport section.orders .container table .header:hover{ border: 1px solid #dadada; border-radius: 2px; background-color: #e7e7e7; color: #8e8e8e; } .pageDownloadReport section.orders .container table tr .table-login { text-align: left; } .pageDownloadReport section.orders .container table tr .table-price { text-align: center; } .pageDownloadReport section.orders .container table tr .table-action { display: flex; } .pageDownloadReport section.orders .container table tr .table-action button {margin-left: 2px;} .pageDownloadReport section.orders .container table tr .table-action .icon { background-repeat: no-repeat; background-position: center; background-size: contain; display: flex; } .pageDownloadReport section.orders .container table tr .table-action .icon.-edit { background-image: url(../img/icons/edit.png); width: 21px; height: 21px; } .pageDownloadReport section.orders .container table tr td { text-align: center; height: 54px; padding: 5px;} .pagePedidos, .pageDownloadReport {min-height:calc(100vh - 18.85vh);font-size:18px;background-color:#f4f4f4;color:#616161;padding-bottom:5vh} @media screen and (max-width: 1366px){ .pagePedidos, .pageDownloadReport {font-size:16px} } .pagePedidos section.orders .container{padding-bottom:5vh} .pagePedidos section.orders .container .buttons{width:100%;display:flex;justify-content:flex-end;align-items:center} .pagePedidos section.orders .container .buttons .btn{max-width:300px;height:42px;padding:10px;font-weight:400;white-space:nowrap} .pagePedidos section.orders .container .buttons .btn.-invoice{background-color:#949494;color:#fff;margin-right:8px} .pagePedidos section.orders .container .buttons .btn.-invoice:before{content:'';width:17px;height:19px;background:transparent url(../img/icons/nf-gray.png) center center no-repeat;margin-right:10px} .pagePedidos section.orders .container .buttons .btn.-invoice:hover{background-color:#7b7b7b} .pagePedidos section.orders .container .buttons .btn.-back{width:150px;background-color:#d2d2d2;color:#5e5e5e; margin-right: 8px;} .pagePedidos section.orders .container .buttons .btn.-back:hover{background-color:#b9b9b9} .pagePedidos section.orders .container .orders-list{width:100%} .pagePedidos section.orders .container .orders-list .row{width:100%;display:flex;margin-bottom:7px} .pagePedidos section.orders .container .orders-list .row .cell{display:flex;align-items:center} .pagePedidos section.orders .container .orders-list .row .cell:first-child{width:18.7%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(2){width:16.6%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(3){width:17.4%;justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(4){width:15.7%;justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(5){width:31.33%} .pagePedidos section.orders .container .orders-list .row.-table-header{height:50px} .pagePedidos section.orders .container .orders-list .row.-table-header .cell{text-transform:uppercase;font-weight:700} .pagePedidos section.orders .container .orders-list .row.-table-header .cell:nth-child(2){padding-left:18px} .pagePedidos section.orders .container .orders-list .row.-table-data{border:1px solid #dadada;border-radius:2px;background-color:#e7e7e7} .pagePedidos section.orders .container .orders-list .row.-table-data .cell{color:#8e8e8e;font-size:0.9em;padding:5px 18px} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(5){padding-right:5px} .pagePedidos section.orders .container .orders-list .row.-table-data .cell .buttons .btn.-invoice{width:43.41%} .pagePedidos section.orders .container .orders-list .row.-table-data .cell .buttons .btn.-blue{width:56.59%;flex:0 0 56.59%} .pagePedidos section.orders .container .warning-box{width:100%;display:flex;align-items:center;background-color:#4990e2;padding:15px 30px;color:#fff;font-weight:700;margin-bottom:5vh} .pagePedidos section.orders .container .warning-box:before{content:'';width:18px;height:27px;background:transparent url(../img/icons/ring-blue.png) center center no-repeat;margin-right:22px} .pagePedidos section.orders .container .orders-resume{width:100%} .pagePedidos section.orders .container .orders-resume .row{width:100%;display:flex;margin-bottom:7px} .pagePedidos section.orders .container .orders-resume .row .cell{display:flex;align-items:center} .pagePedidos section.orders .container .orders-resume .row .cell:first-child{width:15.4%} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(2){width:24.87%} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(3){width:14.07%;justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(4){width:45.47%} .pagePedidos section.orders .container .orders-resume .row.-table-header{height:50px} .pagePedidos section.orders .container .orders-resume .row.-table-header .cell{text-transform:uppercase;font-weight:700;padding-left:18px} .pagePedidos section.orders .container .orders-resume .row.-table-header .cell:nth-child(3){padding-left:0} .pagePedidos section.orders .container .orders-resume .row.-table-data{border:1px solid #dadada;border-radius:2px;background-color:#e7e7e7} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell{color:#8e8e8e;font-size:0.9em;padding:15px 18px} .pagePedidos section.orders .container .shopping-list{margin:20px 0} .pagePedidos section.orders .container .shopping-list ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .pagePedidos section.orders .container .shopping-list ul li{width:calc(50% - 20px);margin-bottom:4.13vh} .pagePedidos section.orders .container .shopping-list ul li:last-child{margin-bottom:0} .pagePedidos section.orders .container .shopping-list ul li .wrapper{width:100%;display:flex;justify-content:space-between} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div{flex:0 1 auto} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01{width:213px;display:flex;align-items:center;justify-content:center} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01 .img-holder{position:relative} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01 .img-holder:before{content:'';pointer-events:none;width:100%;height:100%;position:absolute;display:block;border:3px solid rgba(0,0,0,0.3)} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01 img{width:auto;max-height:149px} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02{flex:1 0 auto;margin:0 1.72vw;display:flex;flex-direction:column;justify-content:space-between;font-size:16px} @media screen and (max-width: 1366px){ .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02{font-size:14px} } .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p{line-height:1.6} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p.rights-type{margin-top:30px} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p strong{font-weight:700} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p a{text-transform:uppercase;font-weight:700;display:block;text-decoration:underline} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p a:hover{text-decoration:none} .pagePedidos section.orders .container .order-details{width:100%;display:flex;margin-bottom:15px} .pagePedidos section.orders .container .order-details .left{width:100%;margin-right:25px;line-height:1.6} .pagePedidos section.orders .container .order-details .left strong{text-transform:uppercase} .pagePedidos section.orders .container .order-details .right{width:150px;flex:1 0 auto} .pagePedidos section.orders .container .button-bar{width:100%;border-radius:2px;padding:5px} /* border:1px solid #dadada;background-color:#e7e7e7; */ .pagePedidos section.orders .container .button-bar .buttons .btn.-blue{min-width:210px} .pagePedidos section.orders .container .button-bar .buttons .btn.-invoice{min-width:175px} @media screen and (max-width: 767px){ .pagePedidos{padding-top:60px !important} .pagePedidos>header{height:60px;margin-bottom:20px !important} .pagePedidos>header h1{width:100%;text-align:center} .pagePedidos section.orders .container{padding-bottom:5vh} .pagePedidos section.orders .container .slider-counter{display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700} .pagePedidos section.orders .container .buttons{width:100%;display:flex;justify-content:flex-end;align-items:center} .pagePedidos section.orders .container .buttons .btn{max-width:300px;height:42px;padding:10px;font-weight:400;white-space:nowrap} .pagePedidos section.orders .container .owl-nav{display:none !important} .pagePedidos section.orders .container .owl-dots{display:none !important} .pagePedidos section.orders .container .orders-list{width:100%} .pagePedidos section.orders .container .orders-list .owl-stage{display:flex !important} .pagePedidos section.orders .container .orders-list .row{width:100%;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:10px} .pagePedidos section.orders .container .orders-list .row .cell{display:flex;align-items:center;margin-bottom:10px;padding:0 !important} .pagePedidos section.orders .container .orders-list .row .cell:first-child{width:100%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(2){width:100%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(3){width:100%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(4){width:100%} .pagePedidos section.orders .container .orders-list .row .cell:nth-child(5){width:100%;white-space:nowrap} .pagePedidos section.orders .container .orders-list .row .cell:last-child{width:100%} .pagePedidos section.orders .container .orders-list .row.-table-header{display:none} .pagePedidos section.orders .container .orders-list .row.-table-data{border:none;border-radius:0;background-color:transparent} .pagePedidos section.orders .container .orders-list .row.-table-data .cell{color:#8e8e8e;font-size:0.9em;display:flex;flex-direction:column;justify-content:flex-start} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:before{width:100%;text-transform:uppercase;font-weight:700;color:#616161;font-size:1.2em;margin-bottom:10px} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:first-child:before{content:'#Pedido'} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(2):before{content:'Data'} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(3){justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(3):before{content:'Quantidade de Itens'} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(4){justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:nth-child(4):before{content:'Valor'} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:last-child .buttons{justify-content:flex-start;flex-direction:column;margin-top:40px} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:last-child .buttons .btn{width:100%;margin-right:0} .pagePedidos section.orders .container .orders-list .row.-table-data .cell:last-child .buttons .btn+.btn{margin-top:10px} .pagePedidos section.orders .container .orders-list .row.-table-data .cell span{width:100%;display:flex;border:1px solid #dadada;border-radius:2px;background-color:#e7e7e7;padding:15px 18px} .pagePedidos section.orders .container .warning-box:before{flex:0 0 18px} .pagePedidos section.orders .container .warning-box p{font-size:0.85em} .pagePedidos section.orders .container .orders-resume{width:100%} .pagePedidos section.orders .container .orders-resume .row{width:100%;display:flex;margin-bottom:7px} .pagePedidos section.orders .container .orders-resume .row .cell{display:flex;align-items:center} .pagePedidos section.orders .container .orders-resume .row .cell:first-child{width:15.4%} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(2){width:24.87%} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(3){width:14.07%;justify-content:center;text-align:center} .pagePedidos section.orders .container .orders-resume .row .cell:nth-child(4){width:45.47%} .pagePedidos section.orders .container .orders-resume .row.-table-header{display:none} .pagePedidos section.orders .container .orders-resume .row.-table-data{border:none;border-radius:0;background-color:transparent;flex-direction:column} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell{width:100% !important;padding:5px 0;text-align:left;align-items:flex-start;justify-content:flex-start} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell:before{text-transform:uppercase;font-size:1.1em;margin-right:10px;font-weight:600} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell:first-child:before{content:'Data:'} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell:nth-child(2):before{content:'Quantidade de Itens:'} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell:nth-child(3):before{content:'Valor:'} .pagePedidos section.orders .container .orders-resume .row.-table-data .cell:nth-child(4):before{content:'Forma de Pagamento:'} .pagePedidos section.orders .container .shopping-list{margin:20px 0} .pagePedidos section.orders .container .shopping-list ul{justify-content:flex-start;flex-direction:column} .pagePedidos section.orders .container .shopping-list ul li{width:100%} .pagePedidos section.orders .container .shopping-list ul li:last-child{margin-bottom:0} .pagePedidos section.orders .container .shopping-list ul li .wrapper{justify-content:flex-start;flex-direction:column} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div{flex:0 0 auto} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01{width:100%} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01 .img-holder{position:relative;margin-bottom:20px} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-01 .img-holder:before{display:none} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02{flex:0 0 auto;margin:0 0 20px !important;flex-direction:column} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p{line-height:1.6;font-size:16px} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p.rights-type{margin-top:30px} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p strong{font-weight:700} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p a{text-transform:uppercase;font-weight:700;display:block;text-decoration:underline} .pagePedidos section.orders .container .shopping-list ul li .wrapper>div.col-02>p a:hover{text-decoration:none} .pagePedidos section.orders .container .order-details{flex-direction:column} .pagePedidos section.orders .container .order-details .left{order:1;width:100%;margin-right:0;margin-bottom:40px} .pagePedidos section.orders .container .order-details .right{order:3;width:100%;flex:0 0 auto;margin:20px 0 10px} .pagePedidos section.orders .container .order-details .right .buttons{justify-content:center} .pagePedidos section.orders .container .button-bar{order:2;width:100%;border:none;background-color:transparent;border-radius:0;padding:0} .pagePedidos section.orders .container .button-bar .buttons{flex-direction:column} .pagePedidos section.orders .container .button-bar .buttons .btn.-blue{margin-top:10px;width:100%;min-width:0} .pagePedidos section.orders .container .button-bar .buttons .btn.-invoice{width:100%;min-width:0;margin-right:0} } .pagePerfil{min-height:calc(100vh - 18.85vh);font-size:18px;background-color:#f4f4f4;color:#616161} @media screen and (max-width: 1366px){ .pagePerfil{font-size:16px} } .pagePerfil section.profile{padding:5.4vh 0} .pagePerfil section.profile .container{display:flex;justify-content:space-between} .pagePerfil section.profile .container .title{text-transform:uppercase;margin-bottom:30px;font-weight:700} .pagePerfil.-oficial section.profile .container .col-01{width:100%} .pagePerfil section.profile .container .col-01{width:74.77%} .pagePerfil section.profile .container .col-01 .wrapper .address .field-group .select2-selection { height: 53px !important; border: 1px solid #dadada !important; background-color: #e7e7e7 !important; color: #616161 !important; border-radius: 2px; margin-top: 15px;} .pagePerfil section.profile .container .col-01 .wrapper .address .field-group .select2-selection .select2-selection__rendered { font-weight: 600; padding-top: 10px;} .pagePerfil section.profile .container .col-01 .wrapper .address .field-group .select2-selection .select2-selection__rendered .select2-selection__clear{ margin-top: 3px;} .pagePerfil section.profile .container .col-01 .wrapper .address .field-group .select2-container--krajee .select2-selection--single .select2-selection__arrow{ height: 51px !important;} .select2-container.select2-container--krajee.select2-container--open .select2-dropdown.select2-dropdown--below, .select2-container.select2-container--krajee.select2-container--open .select2-dropdown.select2-dropdown--above{ border: 1px solid #dadada !important; background-color: #e7e7e7 !important;} .select2-container.select2-container--krajee.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option, .select2-container.select2-container--krajee.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options .select2-results__option { border: 1px solid #dadada !important; background-color: #e7e7e7 !important;} .select2-container--krajee .select2-results__option--highlighted[aria-selected]{ color: #616161 !important;} .select2-container--krajee .select2-results__option[aria-selected=true] { color: #494949 !important; font-weight: 600;} .pagePerfil section.profile .container .col-01 fieldset .wrapper{width:100%;display:flex;justify-content:space-between} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div{width:calc(50% - 13px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two{display:flex;justify-content:space-between} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:first-of-type{width:calc(30% - 10px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:nth-of-type(2){width:70%} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:first-of-type{width:70%} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:nth-of-type(2){width:calc(30% - 10px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input{align-items:center} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input span{font-size:0.75em} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .buttons{display:flex;justify-content:flex-end} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person{margin:28px 0;display:flex} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person label{width:40%;line-height:1} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .fields.-legal{display:none} .pagePerfil section.profile .container .col-02{width:21.02%} .pagePerfil section.profile .container .col-02 .account-access{margin-bottom:1.80vh} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column{flex-direction:column} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn{width:100%;margin-bottom:10px;text-transform:none;color:#fff;padding:0 10px;font-weight:400;font-size:0.75em} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn .icon{margin-right:10px} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-facebook{background-color:#3b5999} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-google{background-color:#d0011b} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-deactivated{background-color:#909090 !important} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn:last-of-type{margin-bottom:0} .pagePerfil section.profile .container .col-02 .change-photo .wrapper{width:100%;padding:2.86vh 1.04vw;background-color:#e7e7e7;border:1px solid #dadada;display:flex;flex-direction:column;justify-content:center;align-items:center} .pagePerfil section.profile .container .col-02 .change-photo .wrapper .img-holder{width:110px;height:110px;overflow:hidden;border-radius:100%;margin-bottom:20px} .pagePerfil section.profile .container .col-02 .change-photo .wrapper .btn{font-weight:400;font-size:0.75em;text-transform:none; margin-bottom: 20px;} @media screen and (max-width: 1023px){ .pagePerfil{padding-top:100px !important} .pagePerfil>header{height:60px} .pagePerfil section.profile{padding:5.4vh 0} .pagePerfil section.profile .container{justify-content:flex-start;flex-direction:column} .pagePerfil section.profile .container .title{text-transform:uppercase;margin-bottom:30px;font-weight:700} .pagePerfil section.profile .container .col-01{width:100%;order:2} .pagePerfil section.profile .container .col-01 fieldset .wrapper{justify-content:flex-start;flex-direction:column} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div{width:100%} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group{flex-direction:column;justify-content:flex-start} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two{flex-direction:row;justify-content:space-between} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:first-of-type{width:calc(40% - 5px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-two .field-control:nth-of-type(2){width:calc(60% - 5px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:first-of-type{width:calc(60% - 5px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-reverse .field-control:nth-of-type(2){width:calc(40% - 5px)} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input{align-items:center;margin-bottom:30px} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .field-group.-optin .custom-input span{align-items:center;font-size:0.9em;line-height:1.2} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .buttons{display:flex;justify-content:flex-end} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div .buttons .btn{width:100%} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person{margin:20px 0;display:flex} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .choose-person label{width:50%;font-size:14px;align-items:center} .pagePerfil section.profile .container .col-01 fieldset .wrapper>div.profile .fields.-legal{display:none} .pagePerfil section.profile .container .col-02{width:100%;order:1} .pagePerfil section.profile .container .col-02 .account-access{margin-bottom:4.45vh} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column{flex-direction:column} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn{width:100%;margin-bottom:10px;text-transform:none;color:#fff;padding:0 10px;font-weight:400;font-size:0.75em} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn .icon{margin-right:10px} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-facebook{background-color:#3b5999} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-google{background-color:#d0011b} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn.-deactivated{background-color:#909090 !important} .pagePerfil section.profile .container .col-02 .account-access .buttons.-column .btn:last-of-type{margin-bottom:0} .pagePerfil section.profile .container .col-02 .change-photo .wrapper{margin-bottom:40px} } .pageAdmUsuarios{min-height:calc(100vh - 18.85vh);font-size:18px;background-color:#f4f4f4;color:#616161;padding-bottom:5vh} @media screen and (max-width: 1366px){ .pageAdmUsuarios{font-size:16px} } .pageAdmUsuarios .btn.-new-user{background-color:#1076ff; font-weight: 300; color: #fff;} .pageAdmUsuarios section.users .container{padding-bottom:5vh} .pageAdmUsuarios section.users .container .buttons{width:100%;display:flex;justify-content:flex-end;align-items:center} .pageAdmUsuarios section.users .container .buttons .btn{max-width:300px;height:42px;padding:10px;font-weight:400;white-space:nowrap} .pageAdmUsuarios section.users .container .users-list{width:100%} .pageAdmUsuarios section.users .container .users-list .row{width:100%;display:flex;margin-bottom:7px} .pageAdmUsuarios section.users .container .users-list .row .cell{display:flex;align-items:center} .pageAdmUsuarios section.users .container .users-list .row .cell:first-child{width:7.67%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(2){width:21.6%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(3){width:35.26%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(4){width:16.6%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(5){width:10.73%;white-space:nowrap} .pageAdmUsuarios section.users .container .users-list .row .cell:last-child{width:7.93%} .pageAdmUsuarios section.users .container .users-list .row.-table-header{height:50px} .pageAdmUsuarios section.users .container .users-list .row.-table-header .cell{text-transform:uppercase;font-weight:700;padding-left:18px} .pageAdmUsuarios section.users .container .users-list .row.-table-header .cell:first-of-type{margin-left:0} .pageAdmUsuarios section.users .container .users-list .row.-table-data{border:1px solid #dadada;border-radius:2px;background-color:#e7e7e7} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell{color:#8e8e8e;font-size:0.9em;padding:5px 18px} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:first-child{text-transform:uppercase} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:last-child{padding:5px 0} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell .buttons{width:100%;justify-content:flex-end} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell .buttons .btn{flex:0 0 46px} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell .buttons .btn+.btn{margin-left:3px} @media screen and (max-width: 767px){ .pageAdmUsuarios{padding-top:60px !important} .pageAdmUsuarios>header{height:60px;flex-wrap:wrap;margin-bottom:80px !important;position:relative} .pageAdmUsuarios>header h1{width:100%;text-align:center} .pageAdmUsuarios>header .-new-user{width:calc(100% - 30px);position:absolute;top:calc(100% + 20px);left:15px} .pageAdmUsuarios section.users .container{padding-bottom:5vh} .pageAdmUsuarios section.users .container .slider-counter{display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700} .pageAdmUsuarios section.users .container .buttons{width:100%;display:flex;justify-content:flex-end;align-items:center} .pageAdmUsuarios section.users .container .buttons .btn{max-width:300px;height:42px;padding:10px;font-weight:400;white-space:nowrap} .pageAdmUsuarios section.users .container .owl-nav{display:none !important} .pageAdmUsuarios section.users .container .owl-dots{display:none !important} .pageAdmUsuarios section.users .container .users-list{width:100%} .pageAdmUsuarios section.users .container .users-list .owl-stage{display:flex !important} .pageAdmUsuarios section.users .container .users-list .row{width:100%;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:10px} .pageAdmUsuarios section.users .container .users-list .row .cell{display:flex;align-items:center;margin-bottom:10px;padding:0 !important} .pageAdmUsuarios section.users .container .users-list .row .cell:first-child{width:100%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(2){width:100%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(3){width:100%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(4){width:100%} .pageAdmUsuarios section.users .container .users-list .row .cell:nth-child(5){width:100%;white-space:nowrap} .pageAdmUsuarios section.users .container .users-list .row .cell:last-child{width:100%} .pageAdmUsuarios section.users .container .users-list .row.-table-header{display:none} .pageAdmUsuarios section.users .container .users-list .row.-table-data{border:none;border-radius:0;background-color:transparent} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell{color:#8e8e8e;font-size:0.9em;display:flex;flex-direction:column;justify-content:flex-start} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:before{width:100%;text-transform:uppercase;font-weight:700;color:#616161;font-size:1.2em;margin-bottom:10px} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:first-child:before{content:'Status'} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:nth-child(2):before{content:'Nome'} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:nth-child(3):before{content:'E-mail'} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:nth-child(4):before{content:'Tipo de Download'} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:nth-child(5):before{content:'Download / Dia'} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell:last-child .buttons{justify-content:center;margin-top:40px} .pageAdmUsuarios section.users .container .users-list .row.-table-data .cell span{width:100%;display:flex;border:1px solid #dadada;border-radius:2px;background-color:#e7e7e7;padding:15px 18px} } .select2-container--krajee .select2-selection--single .select2-selection__clear {right: 1px !important; top: 0px !important;} .paypal.-active{display:block;} .paypal.-desactive{display:none;} #back-folder{width: 50%; margin-left: 25%; margin-top: 30px;} .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {display: none !important;}