.vendaInternaSpaceTopo{ height: 50px;}.vendaInternaCheckout.topoVendaInterna .link-logo-venda-interna { text-decoration: underline; padding: 14px 0 14px 14px;}.vendaInternaCheckout.topoVendaInterna{ display: flex; width: 100%; height: 50px; align-items: center; gap: 30px; flex: 1 0 0; position: fixed; font-family: arial; position: fixed; z-index: 20000; left:0px; top:0px; box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15); align-self: stretch;  border-bottom: #EFEFEF; background: #F5F5F5; color: var(--texto-secondary-666666, #666); font-size: 13px; font-style: normal; font-weight: 400; line-height: 120%;}.box-acoes-venda-interna a{ text-decoration: underline;}.vendaInternaCheckout.topoVendaInterna .text-nome-usuario { display: flex; align-items: center; gap: 10px;}.vendaInternaCheckout.topoVendaInterna .box-dados-usuario { margin-left: auto; padding: 4px 20px; }.vendaInternaCheckout.topoVendaInterna .titles{ float: left; background: #FE7B2D; color: white; line-height: 2.4; padding: 0 20px; height: 50px; font-size: 20px;}.vendaInternaCheckout.topoVendaInterna .box-dados-usuario{ display: flex; gap:10px;}.vendaInternaCheckout.topoVendaInterna .more-details-topo-icon svg{ display: flex; border: 2px solid #666; border-radius: 15px;}.vendaInternaCheckout.topoVendaInterna .more-details-topo-icon svg:hover{ background-color: #dfdfdf; cursor: pointer;}.vendaInternaCheckout.topoVendaInterna .more-details-topo{ position: relative;}.vendaInternaCheckout.topoVendaInterna .more-details-content{ position: absolute; width: 250px; right: -10px; background-color: #F5F5F5; box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15); padding: 10px; top: 30px;}.vendaInternaCheckout.topoVendaInterna .more-details-box{ margin-bottom: 8px;}.vendaInternaCheckout.topoVendaInterna .displayNone { display: none;}@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700');@import url("../css/css/fonts/style.css");@font-face { font-family: 'icons-webart'; src: url('https://www.sementesarbocenter.com.br/tema/arbocenter/css/css/fonts/icons-webart.eot?rnk1i4'); src: url('https://www.sementesarbocenter.com.br/tema/arbocenter/css/css/fonts/icons-webart.eot?rnk1i4#iefix') format('embedded-opentype'),  url('https://www.sementesarbocenter.com.br/tema/arbocenter/css/css/fonts/icons-webart.ttf?rnk1i4') format('truetype'),  url('https://www.sementesarbocenter.com.br/tema/arbocenter/css/css/fonts/icons-webart.woff?rnk1i4') format('woff'),  url('https://www.sementesarbocenter.com.br/tema/arbocenter/css/css/fonts/icons-webart.svg?rnk1i4#icons-webart') format('svg'); font-weight: normal; font-style: normal;}[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons-webart' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.icon-account_circle:before { content: "\e900";}.icon-angle-double-left:before { content: "\e901";}.icon-angle-double-right:before { content: "\e902";}.icon-angle-down:before { content: "\e903";}.icon-angle-left:before { content: "\e904";}.icon-angle-right:before { content: "\e905";}.icon-angle-up:before { content: "\e906";}.icon-archive:before { content: "\e907";}.icon-Arow-up2:before { content: "\e908";}.icon-arrow-down:before { content: "\e909";}.icon-arrow-down2:before { content: "\e90a";}.icon-arrow-down3:before { content: "\e90b";}.icon-arrow-down22:before { content: "\e90c";}.icon-arrow-left:before { content: "\e90d";}.icon-arrow-left2:before { content: "\e90e";}.icon-arrow-left3:before { content: "\e90f";}.icon-arrow-left22:before { content: "\e910";}.icon-arrow-right:before { content: "\e911";}.icon-arrow-right2:before { content: "\e912";}.icon-arrow-right3:before { content: "\e913";}.icon-arrow-right22:before { content: "\e914";}.icon-arrow-up:before { content: "\e915";}.icon-arrow-up2:before { content: "\e916";}.icon-arrow-up3:before { content: "\e917";}.icon-atendimento:before { content: "\e918";}.icon-award:before { content: "\e919";}.icon-award2:before { content: "\e91a";}.icon-award3:before { content: "\e91b";}.icon-award4:before { content: "\e91c";}.icon-bag:before { content: "\e91d";}.icon-bag2:before { content: "\e91e";}.icon-barcode:before { content: "\e91f";}.icon-barcode2:before { content: "\e920";}.icon-basket:before { content: "\e921";}.icon-basket2:before { content: "\e922";}.icon-beenhere:before { content: "\e923";}.icon-blue-star:before { content: "\e924";}.icon-boleto:before { content: "\e925";}.icon-botao-responsivo:before { content: "\e926";}.icon-build:before { content: "\e927";}.icon-business:before { content: "\e928";}.icon-cadastre-se:before { content: "\e929";}.icon-calendar:before { content: "\e92a";}.icon-calendar2:before { content: "\e92b";}.icon-calendar3:before { content: "\e92c";}.icon-calendar4:before { content: "\e92d";}.icon-calendar5:before { content: "\e92e";}.icon-calendar6:before { content: "\e92f";}.icon-calendar7:before { content: "\e930";}.icon-cancel:before { content: "\e931";}.icon-card2:before { content: "\e932";}.icon-carrinho:before { content: "\e933";}.icon-carrinho2:before { content: "\e934";}.icon-carrinho-2:before { content: "\e935";}.icon-cart:before { content: "\e936";}.icon-cart2:before { content: "\e937";}.icon-cart3:before { content: "\e938";}.icon-carta:before { content: "\e939";}.icon-carta-2:before { content: "\e93a";}.icon-cart-plus:before { content: "\e93b";}.icon-certo:before { content: "\e93c";}.icon-chat:before { content: "\e93d";}.icon-chat-3:before { content: "\e93e";}.icon-check:before { content: "\e93f";}.icon-check2:before { content: "\e940";}.icon-check-alt:before { content: "\e941";}.icon-checkbox-checked:before { content: "\e942";}.icon-check-circle:before { content: "\e943";}.icon-checkmark:before { content: "\e944";}.icon-checkmark2:before { content: "\e945";}.icon-checkmark3:before { content: "\e946";}.icon-checkmark4:before { content: "\e947";}.icon-chevron-down:before { content: "\e948";}.icon-chevron-down2:before { content: "\e949";}.icon-chevron-left:before { content: "\e94a";}.icon-chevron-left2:before { content: "\e94b";}.icon-chevron-right:before { content: "\e94c";}.icon-chevron-right2:before { content: "\e94d";}.icon-chevron-small-down:before { content: "\e94e";}.icon-chevron-small-left:before { content: "\e94f";}.icon-chevron-small-right:before { content: "\e950";}.icon-chevron-small-up:before { content: "\e951";}.icon-chevron-thin-down:before { content: "\e952";}.icon-chevron-thin-left:before { content: "\e953";}.icon-chevron-thin-right:before { content: "\e954";}.icon-chevron-thin-up:before { content: "\e955";}.icon-chevron-up:before { content: "\e956";}.icon-chevron-up2:before { content: "\e957";}.icon-child_friendly:before { content: "\e958";}.icon-circle:before { content: "\e959";}.icon-circle-check:before { content: "\e95a";}.icon-circle-cross:before { content: "\e95b";}.icon-circle-full:before { content: "\e95c";}.icon-circle-minus:before { content: "\e95d";}.icon-circle-plus:before { content: "\e95e";}.icon-circle-with-cross:before { content: "\e95f";}.icon-clipboard:before { content: "\e960";}.icon-clipboard2:before { content: "\e961";}.icon-clipboard3:before { content: "\e962";}.icon-clock:before { content: "\e963";}.icon-clock2:before { content: "\e964";}.icon-clock3:before { content: "\e965";}.icon-clock4:before { content: "\e966";}.icon-clock5:before { content: "\e967";}.icon-clock22:before { content: "\e968";}.icon-close:before { content: "\e969";}.icon-cog:before { content: "\e96a";}.icon-cog2:before { content: "\e96b";}.icon-cog3:before { content: "\e96c";}.icon-cog4:before { content: "\e96d";}.icon-cog5:before { content: "\e96e";}.icon-cog6:before { content: "\e96f";}.icon-cog7:before { content: "\e970";}.icon-comment:before { content: "\e971";}.icon-comment-discussion:before { content: "\e972";}.icon-comments:before { content: "\e973";}.icon-commerce:before { content: "\e974";}.icon-commerce1:before { content: "\e975";}.icon-commerce2:before { content: "\e976";}.icon-commerce3:before { content: "\e977";}.icon-commerce4:before { content: "\e978";}.icon-commerce5:before { content: "\e979";}.icon-compass:before { content: "\e97a";}.icon-credit-card:before { content: "\e97b";}.icon-credit-card-alt:before { content: "\e97c";}.icon-credito:before { content: "\e97d";}.icon-cross:before { content: "\e97e";}.icon-desconto2:before { content: "\e97f";}.icon-desktop_windows:before { content: "\e980";}.icon-destaque2:before { content: "\e981";}.icon-direction:before { content: "\e982";}.icon-display:before { content: "\e983";}.icon-disponivel:before { content: "\e984";}.icon-documents:before { content: "\e985";}.icon-done:before { content: "\e986";}.icon-done_all:before { content: "\e987";}.icon-download:before { content: "\e988";}.icon-download2:before { content: "\e989";}.icon-download3:before { content: "\e98a";}.icon-download4:before { content: "\e98b";}.icon-download5:before { content: "\e98c";}.icon-download22:before { content: "\e98d";}.icon-earth:before { content: "\e98e";}.icon-earth2:before { content: "\e98f";}.icon-edit:before { content: "\e990";}.icon-edit2:before { content: "\e991";}.icon-ellipsis-h:before { content: "\e992";}.icon-ellipsis-v:before { content: "\e993";}.icon-email:before { content: "\e994";}.icon-email2:before { content: "\e995";}.icon-enter:before { content: "\e996";}.icon-entrega:before { content: "\e997";}.icon-envelope:before { content: "\e998";}.icon-envelope2:before { content: "\e999";}.icon-envelope3:before { content: "\e99a";}.icon-envelope4:before { content: "\e99b";}.icon-errado:before { content: "\e99c";}.icon-exclamacao:before { content: "\e99d";}.icon-expand_less:before { content: "\e99e";}.icon-expand_more:before { content: "\e99f";}.icon-face:before { content: "\e9a0";}.icon-facebook:before { content: "\e9a1";}.icon-facebook2:before { content: "\e9a2";}.icon-facebook3:before { content: "\e9a3";}.icon-facebook-square:before { content: "\e9a4";}.icon-facebook-with-circle:before { content: "\e9a5";}.icon-fast-forward:before { content: "\e9a6";}.icon-file:before { content: "\e9a7";}.icon-file2:before { content: "\e9a8";}.icon-file-pdf:before { content: "\e9a9";}.icon-files:before { content: "\e9aa";}.icon-file-text:before { content: "\e9ab";}.icon-file-word:before { content: "\e9ac";}.icon-gear2:before { content: "\e9ad";}.icon-gears:before { content: "\e9ae";}.icon-get_app:before { content: "\e9af";}.icon-gift:before { content: "\e9b0";}.icon-gift2:before { content: "\e9b1";}.icon-globe:before { content: "\e9b2";}.icon-globe2:before { content: "\e9b3";}.icon-globe3:before { content: "\e9b4";}.icon-google:before { content: "\e9b5";}.icon-grade:before { content: "\e9b6";}.icon-grid:before { content: "\e9b7";}.icon-grid2:before { content: "\e9b8";}.icon-group:before { content: "\e9b9";}.icon-headphones:before { content: "\e9ba";}.icon-heart:before { content: "\e9bb";}.icon-heart2:before { content: "\e9bc";}.icon-heart3:before { content: "\e9bd";}.icon-heart4:before { content: "\e9be";}.icon-heart5:before { content: "\e9bf";}.icon-heart6:before { content: "\e9c0";}.icon-heart7:before { content: "\e9c1";}.icon-heart8:before { content: "\e9c2";}.icon-help_outline:before { content: "\e9c3";}.icon-home:before { content: "\e9c4";}.icon-home2:before { content: "\e9c5";}.icon-home3:before { content: "\e9c6";}.icon-hourglass:before { content: "\e9c7";}.icon-image-outline:before { content: "\e9c8";}.icon-inbox:before { content: "\e9c9";}.icon-inbox2:before { content: "\e9ca";}.icon-informacao2:before { content: "\e9cb";}.icon-instagram:before { content: "\e9cc";}.icon-instagram2:before { content: "\e9cd";}.icon-instagram-comment:before { content: "\e9ce";}.icon-instagram-heart:before { content: "\e9cf";}.icon-install:before { content: "\e9d0";}.icon-interface:before { content: "\e9d1";}.icon-key:before { content: "\e9d2";}.icon-key2:before { content: "\e9d3";}.icon-key3:before { content: "\e9d4";}.icon-key4:before { content: "\e9d5";}.icon-key5:before { content: "\e9d6";}.icon-lamp:before { content: "\e9d7";}.icon-layers:before { content: "\e9d8";}.icon-link-external:before { content: "\e9d9";}.icon-list:before { content: "\e9da";}.icon-list2:before { content: "\e9db";}.icon-list22:before { content: "\e9dc";}.icon-lista:before { content: "\e9dd";}.icon-list-unordered:before { content: "\e9de";}.icon-local_offer:before { content: "\e9df";}.icon-local_shipping:before { content: "\e9e0";}.icon-location:before { content: "\e9e1";}.icon-location2:before { content: "\e9e2";}.icon-location3:before { content: "\e9e3";}.icon-location4:before { content: "\e9e4";}.icon-location5:before { content: "\e9e5";}.icon-location6:before { content: "\e9e6";}.icon-location7:before { content: "\e9e7";}.icon-location8:before { content: "\e9e8";}.icon-location-pin:before { content: "\e9e9";}.icon-lock:before { content: "\e9ea";}.icon-lock_open:before { content: "\e9eb";}.icon-lock_outline:before { content: "\e9ec";}.icon-lock2:before { content: "\e9ed";}.icon-lock3:before { content: "\e9ee";}.icon-lock4:before { content: "\e9ef";}.icon-lock5:before { content: "\e9f0";}.icon-lock22:before { content: "\e9f1";}.icon-lock-closed-outline:before { content: "\e9f2";}.icon-locked:before { content: "\e9f3";}.icon-locked2:before { content: "\e9f4";}.icon-lock-fill:before { content: "\e9f5";}.icon-lock-open:before { content: "\e9f6";}.icon-lock-open2:before { content: "\e9f7";}.icon-lock-open3:before { content: "\e9f8";}.icon-lock-open-outline:before { content: "\e9f9";}.icon-lock-rounded:before { content: "\e9fa";}.icon-lock-rounded2:before { content: "\e9fb";}.icon-lock-rounded-open:before { content: "\e9fc";}.icon-lock-rounded-open2:before { content: "\e9fd";}.icon-lock-stripes:before { content: "\e9fe";}.icon-lock-stripes2:before { content: "\e9ff";}.icon-lock-stroke:before { content: "\ea00";}.icon-login:before { content: "\ea01";}.icon-log-out:before { content: "\ea02";}.icon-lupa:before { content: "\ea03";}.icon-lupa2:before { content: "\ea04";}.icon-lupa3:before { content: "\ea05";}.icon-magnifier:before { content: "\ea06";}.icon-magnifying-glass:before { content: "\ea07";}.icon-magnifying-glass2:before { content: "\ea08";}.icon-mail:before { content: "\ea09";}.icon-mail2:before { content: "\ea0a";}.icon-mail-envelope-closed:before { content: "\ea0b";}.icon-mail-envelope-closed2:before { content: "\ea0c";}.icon-mail-envelope-closed3:before { content: "\ea0d";}.icon-mail-envelope-open:before { content: "\ea0e";}.icon-mais:before { content: "\ea0f";}.icon-map:before { content: "\ea10";}.icon-map2:before { content: "\ea11";}.icon-map3:before { content: "\ea12";}.icon-map4:before { content: "\ea13";}.icon-mapmarker:before { content: "\ea14";}.icon-map-marker:before { content: "\ea15";}.icon-map-pin-alt:before { content: "\ea16";}.icon-map-pin-fill:before { content: "\ea17";}.icon-markunread:before { content: "\ea18";}.icon-medal:before { content: "\ea19";}.icon-middle-finger:before { content: "\ea1a";}.icon-middle-finger2:before { content: "\ea1b";}.icon-minus:before { content: "\ea1c";}.icon-mobile:before { content: "\ea1d";}.icon-mode_edit:before { content: "\ea1e";}.icon-monitor:before { content: "\ea1f";}.icon-mouse-pointer:before { content: "\ea20";}.icon-navigate_before:before { content: "\ea21";}.icon-navigate_next:before { content: "\ea22";}.icon-new-message:before { content: "\ea23";}.icon-notice:before { content: "\ea24";}.icon-ofertas:before { content: "\ea25";}.icon-opencart:before { content: "\ea26";}.icon-outbox:before { content: "\ea27";}.icon-pastas:before { content: "\ea28";}.icon-pedidos:before { content: "\ea29";}.icon-pedidos2:before { content: "\ea2a";}.icon-pen:before { content: "\ea2b";}.icon-pen-alt2:before { content: "\ea2c";}.icon-pencil:before { content: "\ea2d";}.icon-pencil2:before { content: "\ea2e";}.icon-pencil3:before { content: "\ea2f";}.icon-person_add:before { content: "\ea30";}.icon-person_pin:before { content: "\ea31";}.icon-phone:before { content: "\ea32";}.icon-phone2:before { content: "\ea33";}.icon-phone3:before { content: "\ea34";}.icon-phone4:before { content: "\ea35";}.icon-phone-hang-up:before { content: "\ea36";}.icon-picture:before { content: "\ea37";}.icon-picture2:before { content: "\ea38";}.icon-pictures:before { content: "\ea39";}.icon-pie-chart:before { content: "\ea3a";}.icon-pin:before { content: "\ea3b";}.icon-pin_drop:before { content: "\ea3c";}.icon-plus:before { content: "\ea3d";}.icon-plus-circle:before { content: "\ea3e";}.icon-presentation:before { content: "\ea3f";}.icon-price-tag:before { content: "\ea40";}.icon-pricetags:before { content: "\ea41";}.icon-price-tags:before { content: "\ea42";}.icon-printer:before { content: "\ea43";}.icon-printer-text:before { content: "\ea44";}.icon-printer-text2:before { content: "\ea45";}.icon-profile:before { content: "\ea46";}.icon-profile-female:before { content: "\ea47";}.icon-profile-male:before { content: "\ea48";}.icon-qualidade:before { content: "\ea49";}.icon-quotes-left:before { content: "\ea4a";}.icon-quotes-right:before { content: "\ea4b";}.icon-reload:before { content: "\ea4c";}.icon-repeat:before { content: "\ea4d";}.icon-rewind:before { content: "\ea4e";}.icon-sacola:before { content: "\ea4f";}.icon-s-bag:before { content: "\ea50";}.icon-search:before { content: "\ea51";}.icon-search2:before { content: "\ea52";}.icon-search3:before { content: "\ea53";}.icon-search4:before { content: "\ea54";}.icon-search5:before { content: "\ea55";}.icon-search6:before { content: "\ea56";}.icon-search7:before { content: "\ea57";}.icon-search8:before { content: "\ea58";}.icon-search9:before { content: "\ea59";}.icon-search10:before { content: "\ea5a";}.icon-search11:before { content: "\ea5b";}.icon-seguro:before { content: "\ea5c";}.icon-select-arrows:before { content: "\ea5d";}.icon-settings:before { content: "\ea5e";}.icon-settings2:before { content: "\ea5f";}.icon-share:before { content: "\ea60";}.icon-shipping:before { content: "\ea61";}.icon-shop:before { content: "\ea62";}.icon-shopping_cart:before { content: "\ea63";}.icon-shopping-basket:before { content: "\ea64";}.icon-shopping-basket2:before { content: "\ea65";}.icon-shopping-cart:before { content: "\ea66";}.icon-shopping-cart2:before { content: "\ea67";}.icon-signal:before { content: "\ea68";}.icon-signal2:before { content: "\ea69";}.icon-skype:before { content: "\ea6a";}.icon-social:before { content: "\ea6b";}.icon-social-facebook:before { content: "\ea6c";}.icon-social-skype:before { content: "\ea6d";}.icon-square-check:before { content: "\ea6e";}.icon-square-cross:before { content: "\ea6f";}.icon-square-minus:before { content: "\ea70";}.icon-square-plus:before { content: "\ea71";}.icon-star:before { content: "\ea72";}.icon-star_border:before { content: "\ea73";}.icon-star2:before { content: "\ea74";}.icon-star3:before { content: "\ea75";}.icon-star-o:before { content: "\ea76";}.icon-star-webart:before { content: "\ea77";}.icon-stats-dots:before { content: "\ea78";}.icon-support:before { content: "\ea79";}.icon-switch:before { content: "\ea7a";}.icon-switch2:before { content: "\ea7b";}.icon-tag:before { content: "\ea7c";}.icon-tag_faces:before { content: "\ea7d";}.icon-tag2:before { content: "\ea7e";}.icon-tag3:before { content: "\ea7f";}.icon-tag4:before { content: "\ea80";}.icon-tag5:before { content: "\ea81";}.icon-tag6:before { content: "\ea82";}.icon-tag7:before { content: "\ea83";}.icon-tags:before { content: "\ea84";}.icon-technology:before { content: "\ea85";}.icon-technology2:before { content: "\ea86";}.icon-telefone:before { content: "\ea87";}.icon-th-list:before { content: "\ea88";}.icon-th-menu:before { content: "\ea89";}.icon-tool:before { content: "\ea8a";}.icon-tool2:before { content: "\ea8b";}.icon-tools:before { content: "\ea8c";}.icon-transport:before { content: "\ea8d";}.icon-transport2:before { content: "\ea8e";}.icon-transport3:before { content: "\ea8f";}.icon-transport4:before { content: "\ea90";}.icon-trashcan:before { content: "\ea91";}.icon-trash-can:before { content: "\ea92";}.icon-trash-o:before { content: "\ea93";}.icon-truck:before { content: "\ea94";}.icon-truck2:before { content: "\ea95";}.icon-truck3:before { content: "\ea96";}.icon-twitter:before { content: "\ea97";}.icon-twitter2:before { content: "\ea98";}.icon-twitter3:before { content: "\ea99";}.icon-twitter-square:before { content: "\ea9a";}.icon-unfold_more:before { content: "\ea9b";}.icon-unlock-alt:before { content: "\ea9c";}.icon-unlocked:before { content: "\ea9d";}.icon-unlock-fill:before { content: "\ea9e";}.icon-unlock-stroke:before { content: "\ea9f";}.icon-upload:before { content: "\eaa0";}.icon-upload2:before { content: "\eaa1";}.icon-user:before { content: "\eaa2";}.icon-user2:before { content: "\eaa3";}.icon-user3:before { content: "\eaa4";}.icon-user4:before { content: "\eaa5";}.icon-user5:before { content: "\eaa6";}.icon-user6:before { content: "\eaa7";}.icon-user-check:before { content: "\eaa8";}.icon-user-minus:before { content: "\eaa9";}.icon-user-plus:before { content: "\eaaa";}.icon-user-plus2:before { content: "\eaab";}.icon-users:before { content: "\eaac";}.icon-users2:before { content: "\eaad";}.icon-users4:before { content: "\eaae";}.icon-usuario:before { content: "\eaaf";}.icon-v-card:before { content: "\eab0";}.icon-whatsapp:before { content: "\eab1";}.icon-wrench:before { content: "\eab2";}.icon-x:before { content: "\eab3";}.icon-x-altx-alt:before { content: "\eab4";}.icon-gota-arbo:before { content: "\eb80";}.icon-instagram-circle:before { content: "\eb81";}.icon-instagram-new-circle:before { content: "\eb82";}.icon-neve-arbo:before { content: "\eb83";}.icon-sementes:before { content: "\eb84";}.icon-youtube-circle:before { content: "\eb85";}.icon-acessorios:before { content: "\eac1";}.icon-arandelas:before { content: "\eac3";}.icon-card-maestro:before { content: "\eac4";}.icon-decoracao:before { content: "\eac5";}.icon-hidraulico:before { content: "\eac6";}.icon-hight-quality:before { content: "\eac7";}.icon-lustres:before { content: "\eac8";}.icon-outlet:before { content: "\eac9";}.icon-pendentes:before { content: "\eaca";}.icon-rabbit:before { content: "\eac2";}.icon-anel-donna:before { content: "\eac0";}.icon-google-plus:before { content: "\eabf";}.icon-instagram-new:before { content: "\eabe";}.icon-instagram-outline:before { content: "\eabd";}.icon-atendimento-tre:before { content: "\eab5";}.icon-bag-tre:before { content: "\eab6";}.icon-face-tre:before { content: "\eab7";}.icon-heart-tre:before { content: "\eab8";}.icon-pinterest-tre:before { content: "\eab9";}.icon-revenda:before { content: "\eaba";}.icon-twitter-tre:before { content: "\eabb";}.icon-youtube-tre:before { content: "\eabc";}.areaInspiracao{ margin-top: 20px; float: left; padding-left: 0.75rem; padding-right: 0.75rem;}.areaInspiracao .column{ padding-left: 0.1875rem; padding-right: 0.1875rem;}@media (max-width: 767px){ .areaInspiracao{  padding-left: 0.4375rem;  padding-right: 0.4375rem; }}.areaInspiracao .boxInspiracao{ float: left; width: 100%; border: 1px solid #e5e5e5; text-transform: uppercase; font-size: 13px;}.areaInspiracao .boxInspiracao .imagem{ float: left; width: 100%; text-align: center; border-right: 1px solid #f2f2f2; padding: 5px;}.areaInspiracao .boxInspiracao .cores{ float: left; width: 100%;}.areaInspiracao .boxInspiracao .cores .titles{ display: block; text-align: center; text-transform: uppercase; padding-top: 5px;}.areaInspiracao .boxInspiracao .cores .boxCores{ width: 100%; float: left;}.areaInspiracao .boxInspiracao .cores .boxCores .item{ width: 50%; float: left; padding-top: 5px; position: relative;}.areaInspiracao .boxInspiracao .cores .boxCores .item:nth-child(odd){ padding-left: 6px; padding-right: 3px;}.areaInspiracao .boxInspiracao .cores .boxCores .item:nth-child(even){ padding-right: 6px; padding-left: 3px;}.areaInspiracao .boxInspiracao .cores .boxCores .item input[type="radio"]{ display: none;}.areaInspiracao .boxInspiracao .baixo{ float: left; width: 100%; padding: 10px; border-top: 1px solid #f2f2f2;}.areaInspiracao .boxInspiracao .baixo .descricao{ float: left; color: #c0c0c0; font-size: 9px; margin-top: 10px; width: 100%;}.elemento{ margin-top: 10px;}.descricaoLista{ float: left;width: 100%;font-weight: 400;font-size: 13px;color: #9e9e9e;margin: 0 0 20px;}.imagensLook .simbol{ font-size: 48px; font-weight: bold;}.monteLook{ margin:20px 0 0 0;}.monteLook:first-child{ margin:0 0 0 0;}.monteLook .nomeProd{ float: left;}.monteLook img{ border:1px solid #c8c7c7; padding:5px; margin:0 12px;}.monteLook p{ display: inline-block; vertical-align:middle;}.monteLook .simbol{ font-size: 48px; font-weight:bold;}.monteLook .imagensLook{ float: left; position:relative;}.monteLook .imagensLook div{ display:inline-block; transition: ease 0.3s; position:relative;}.monteLook .imagensLook .fotoOculta{ position:absolute; text-align:center; top: 0; left:0; width: 100%; opacity:0; transition: ease 0.3s;}.monteLook .imagensLook div:hover .fotoOculta{ opacity: 1;}.monteLook .infoLook{ float: left; font-size:12px; margin-left:50px;}.monteLook .infoLook > p{ clear:both; float:left; border-bottom:1px dotted #ababad; min-width:200px; padding:5px 0;}.monteLook .infoLook > p span{ float: right; font-weight:bold;}.monteLook .infoLook > p:first-child{ border-top:1px dotted #ababad;}.botaoCompreJunto{ background: #4db46a; color: white; font-size: 22px; text-transform: uppercase; padding: 15px 35px; float: left;}.botaoCompreJunto.compreLook{ clear: none; float:right; font-size:16px; margin-top:0;}.botaoCompreJunto.botaoImagem,.monteLook .botaoImagem{ background: none; border: none; outline: none; margin-top: 0; padding: 8px 0;}.monteLook .botaoImagem img{ border:none; padding:0; margin:0;}/* Landscape phones and portrait tablets */@media (max-width: 767px) { .monteLook .imagensLook{ width: 100%; text-align:center; } .monteLook .imagensLook img{ max-width: 35%; } .monteLook .infoLook{ width: 100%; margin-left: 0; margin-top:20px; } .monteLook .infoLook p{ width: 100%; } .monteLook .infoLook button{ float: right; }}.boxLook{ overflow:hidden;}.boxLook > .title{ font-size:15px; color: #FFF; background: #4db46a; text-transform:uppercase; padding:10px;}.boxLook .boxMonte{ width: 100%; padding:20px; border-bottom: 1px solid #d8d9db; float:left;}.boxLook .boxFoto{ float: left; width:110px; margin-right: 10px; position:relative;}.boxLook .boxFoto div{ display:inline-block; transition: ease 0.3s; position:relative;}.boxLook .boxFoto .fotoOculta{ position:absolute; text-align:center; top: 0; left:0; width: 100%; opacity:0; transition: ease 0.3s;}.boxLook .boxFoto:hover .fotoOculta{ opacity: 1;}.boxLook .boxPreco{ float: left; width: 240px; padding: 0 10px 0 0;}.boxLook .boxPreco .nome{ font-family: 'Yantramanav', sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; width: 100%; text-transform: uppercase; float: left;}.boxLook .boxPreco .valores .t2{ font-size: 25px;}.boxLook .boxPreco .parcelado{ font-size: 11px; color: #8c8b8b;}.boxLook .boxTamanho{ float: left; width: 190px;}.boxLook .boxMonte .total{ float: left; width:345px;}.boxLook .boxMonte .total p{ display: block; border-bottom:1px solid #d8d9db;}.boxLook .boxMonte .total p:first-child{ border-top:1px solid #d8d9db;}.boxLook .boxMonte .total p span{ font-weight:bold; float:right;}@media (max-width: 599px){ .boxLook .boxFoto{ width: 100%; text-align: center; margin-bottom: 20px; } .boxLook .boxPreco{ width: 100%; } .detalhesProd .tamanho, .attrUnicos{ width: 100%; padding-left: 0; margin-top: 20px; } .boxLook .boxMonte .total{ width: 100%; } .botaoCompreJunto.compreLook{ margin-top: 20px; }}.numeros{ float: left; min-width: 170px;}.dropbox{ font-weight: 400; width: 100%;}.vista{ font-size: 11px; width: 100%; float: left;}.vista span{ display: inline !important; color: #ff8200; font-size: 12px;}.inspiracao{ margin: 30px 0 0;}.total p{ margin-bottom: 0;}.boxMonte .left{ width: 100%; max-width: 180px; border-bottom: 1px solid #d8d9db; float: left;}.orange{ font-size: 20px; color: #ee7000;}.boxPreco .parcelado{ display: block;}.boxLook > div:nth-child(2) .dropbox{ z-index: 1000;}.vendaInternaSpace{ height: 50px;}.vendaInterna{ width: 100%; height: 50px; background-color: #3C4252; color: #d9dee9; font-family: arial; position: fixed; z-index: 2000; left:0px; top:0px; box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15);}.vendaInterna .titles{ float: left; background: #FE7B2D; color: white; line-height: 2.4; padding: 0 20px; height: 50px; font-size: 20px;}.vendaInterna .titles img{ display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 5px;}.vendaInterna .numeroVenda{ float: left; height: 50px; background: #2F3544; padding: 0 10px; padding-top: 8px;}.vendaInterna .numeroVenda span{ display: block; font-size: 12px; line-height: 1.3; text-align: center;}.vendaInterna .numeroVenda span.numero{ font-weight: bold; font-size: 16px;}.vendaInterna .nomes{ height: 50px; float: left; padding-top: 5px; padding-left: 10px; padding-right: 10px; width: 200px;}.vendaInterna .nomes > span{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.vendaInterna .nomes > span > span.operador{ font-size: 10px; line-height: 1.4;}.vendaInterna .nomes > span > span.cliente{ font-size: 14px; font-weight: bold; line-height: 1.4;}.vendaInterna .botoes{ float: right; padding-right: 5px;}.vendaInterna .botoes button{ padding: 0 25px; height: 40px; margin-top: 5px; float: left; color: #d9dee9; font-size: 14px; font-family: arial; background: transparent;}.vendaInterna .botoes button:hover{ background: #2F3544;}.vendaInterna .botoes button.green{ border: 1px solid #6ABF3F; color: #6ABF3F; margin-right: 5px;}.vendaInterna .botoes button.red{ border: 1px solid #E8616A; color: #E8616A;}.vendaInterna .botoes button.green:hover{ background: #6ABF3F; color: white;}.vendaInterna .botoes button.red:hover{ background: #E8616A; color: white;}.vendaInterna .botoes button.green.disabled{ border: 1px solid #ccc; background: #3C4252 !important; color: #ccc !important; cursor:default; margin-right: 5px; opacity: 0.5;}.vendaInterna .itens{ height: 50px; float: right; padding-top: 5px; padding-left: 10px; padding-right: 10px; width: auto;}.vendaInterna .itens > span{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.vendaInterna .itens > span > span.quantidade{ font-size: 10px; line-height: 1.4;}.vendaInterna .itens > span > span.valor{ font-size: 14px; font-weight: bold; line-height: 1.4;}@media (max-width: 1000px){ .vendaInterna .botoes button .amoitado{  display: none; } .vendaInterna .titles span{  display: none; } .vendaInterna .titles img{  margin: 0;  margin-top: 14px; }}@media (max-width: 767px){ .vendaInterna, .vendaInternaSpace{  display:none; }}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; border-radius: 3px;}.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;}.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;  -moz-border-radius: 4px;     border-radius: 4px;}.fancybox-opened { z-index: 8030;}.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-outer, .fancybox-inner { position: relative;}.fancybox-inner { overflow: hidden;}.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;}.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;}.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;}.fancybox-image { max-width: 100%; max-height: 100%;}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/fancybox_sprite.png');}#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}#fancybox-loading div { width: 44px; height: 44px; background: url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/fancybox_loading.gif') center center no-repeat;}.fancybox-close { position: absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}.fancybox-prev { left: 0;}.fancybox-next { right: 0;}.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}.fancybox-prev span { left: 10px; background-position: 0 -36px;}.fancybox-next span { right: 10px; background-position: 0 -72px;}.fancybox-nav:hover span { visibility: visible;}.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}/* Overlay helper */.fancybox-lock {  overflow: hidden !important;  width: auto;}.fancybox-lock body {  overflow: hidden !important;}.fancybox-lock-test {  overflow-y: hidden !important;}.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/fancybox_overlay.png');}.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;}/* Title helper */.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;}.fancybox-opened .fancybox-title { visibility: visible;}.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;  -moz-border-radius: 15px;     border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}.fancybox-title-inside-wrap { padding-top: 10px;}.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}/*Retina graphics!*/@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/fancybox_sprite@4x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/fancybox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }}/* Z-INDEX */ .formError { z-index: 990; }  .formError .formErrorContent { z-index: 991; }  .formError .formErrorArrow { z-index: 996; }  .ui-dialog .formError { z-index: 5000; }  .ui-dialog .formError .formErrorContent { z-index: 5001; }  .ui-dialog .formError .formErrorArrow { z-index: 5006; }.inputContainer { position: relative; float: left;}.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; font-family:Arial, Helvetica, sans-serif;}.formError.inline { position: relative; top: 0; left: 0; display: inline-block;}.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none;}.formError .formErrorContent { width: 100%; background: #FA7D56; position:relative; color: #fff; min-width: 120px; font-size: 11px; padding: 4px 10px 4px 10px;}.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;}.greenPopup .formErrorContent { background: #FA7D56;}.blackPopup .formErrorContent { background: #FA7D56; color: #FFF;}.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative;}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0;}.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px;}.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #FA7D56; margin: 0 auto; line-height: 0; font-size: 0; display: block;}.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;}.greenPopup .formErrorArrow div { background: #33be40;}.blackPopup .formErrorArrow div { background: #393939; color: #FFF;}.formError .formErrorArrow .line10 { width: 19px; border: none;}.formError .formErrorArrow .line9 { width: 17px; border: none;}.formError .formErrorArrow .line8 { width: 15px;}.formError .formErrorArrow .line7 { width: 13px;}.formError .formErrorArrow .line6 { width: 11px;}.formError .formErrorArrow .line5 { width: 9px;}.formError .formErrorArrow .line4 { width: 7px;}.formError .formErrorArrow .line3 { width: 5px; border-bottom: 0 solid #FA7D56;}.formError .formErrorArrow .line2 { width: 3px; border: none; background: #FA7D56;}.formError .formErrorArrow .line1 { width: 1px; border: none; background: #FA7D56;}body.stop-scrolling { height: 100%; overflow: hidden; }.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; }.sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) {  .sweet-alert {   width: auto;   margin-left: 0;   margin-right: 0;   left: 15px;   right: 15px; } } .sweet-alert h2 {  color: #575757;  font-size: 30px;  text-align: center;  font-weight: 600;  text-transform: none;  position: relative;  margin: 25px 0;  padding: 0;  line-height: 40px;  display: block; } .sweet-alert p {  color: #797979;  font-size: 16px;  text-align: center;  font-weight: 300;  position: relative;  text-align: inherit;  float: none;  margin: 0;  padding: 0;  line-height: normal; } .sweet-alert fieldset {  border: none;  position: relative; } .sweet-alert .sa-error-container {  background-color: #f1f1f1;  margin-left: -17px;  margin-right: -17px;  overflow: hidden;  padding: 0 10px;  max-height: 0;  webkit-transition: padding 0.15s, max-height 0.15s;  transition: padding 0.15s, max-height 0.15s; }  .sweet-alert .sa-error-container.show {   padding: 10px 0;   max-height: 100px;   webkit-transition: padding 0.2s, max-height 0.2s;   transition: padding 0.25s, max-height 0.25s; }  .sweet-alert .sa-error-container .icon {   display: inline-block;   width: 24px;   height: 24px;   border-radius: 50%;   background-color: #ea7d7d;   color: white;   line-height: 24px;   text-align: center;   margin-right: 3px; }  .sweet-alert .sa-error-container p {   display: inline-block; } .sweet-alert .sa-input-error {  position: absolute;  top: 29px;  right: 26px;  width: 20px;  height: 20px;  opacity: 0;  -webkit-transform: scale(0.5);  transform: scale(0.5);  -webkit-transform-origin: 50% 50%;  transform-origin: 50% 50%;  -webkit-transition: all 0.1s;  transition: all 0.1s; }  .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {   content: "";   width: 20px;   height: 6px;   background-color: #f06e57;   border-radius: 3px;   position: absolute;   top: 50%;   margin-top: -4px;   left: 50%;   margin-left: -9px; }  .sweet-alert .sa-input-error::before {   -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); }  .sweet-alert .sa-input-error::after {   -webkit-transform: rotate(45deg);   transform: rotate(45deg); }  .sweet-alert .sa-input-error.show {   opacity: 1;   -webkit-transform: scale(1);   transform: scale(1); } .sweet-alert input {  width: 100%;  box-sizing: border-box;  border-radius: 3px;  border: 1px solid #d7d7d7;  height: 43px;  margin-top: 10px;  margin-bottom: 17px;  font-size: 18px;  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);  padding: 0 12px;  display: none;  -webkit-transition: all 0.3s;  transition: all 0.3s; }  .sweet-alert input:focus {   outline: none;   box-shadow: 0px 0px 3px #c4e6f5;   border: 1px solid #b4dbed; }   .sweet-alert input:focus::-moz-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }   .sweet-alert input:focus:-ms-input-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }   .sweet-alert input:focus::-webkit-input-placeholder {    transition: opacity 0.3s 0.03s ease;    opacity: 0.5; }  .sweet-alert input::-moz-placeholder {   color: #bdbdbd; }  .sweet-alert input::-ms-clear {   display: none; }  .sweet-alert input:-ms-input-placeholder {   color: #bdbdbd; }  .sweet-alert input::-webkit-input-placeholder {   color: #bdbdbd; } .sweet-alert.show-input input {  display: block; } .sweet-alert .sa-confirm-button-container {  display: inline-block;  position: relative; } .sweet-alert .la-ball-fall {  position: absolute;  left: 50%;  top: 50%;  margin-left: -27px;  margin-top: 4px;  opacity: 0;  visibility: hidden; } .sweet-alert button {  background-color: #8CD4F5;  color: white;  border: none;  box-shadow: none;  font-size: 17px;  font-weight: 500;  -webkit-border-radius: 4px;  border-radius: 5px;  padding: 10px 32px;  margin: 26px 5px 0 5px;  cursor: pointer; }  .sweet-alert button:focus {   outline: none;   box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }  .sweet-alert button:hover {   background-color: #7ecff4; }  .sweet-alert button:active {   background-color: #5dc2f1; }  .sweet-alert button.cancel {   background-color: #d21111; }   .sweet-alert button.cancel:hover {    background-color: #f33131; }   .sweet-alert button.cancel:active {    background-color: #a8a8a8; }   .sweet-alert button.cancel:focus {    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }  .sweet-alert button[disabled] {   opacity: .6;   cursor: default; }  .sweet-alert button.confirm[disabled] {   color: transparent; }   .sweet-alert button.confirm[disabled] ~ .la-ball-fall {    opacity: 1;    visibility: visible;    transition-delay: 0s; }  .sweet-alert button::-moz-focus-inner {   border: 0; } .sweet-alert[data-has-cancel-button=false] button {  box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {  padding-bottom: 40px; } .sweet-alert .sa-icon {  width: 80px;  height: 80px;  border: 4px solid gray;  -webkit-border-radius: 40px;  border-radius: 40px;  border-radius: 50%;  margin: 20px auto;  padding: 0;  position: relative;  box-sizing: content-box; }  .sweet-alert .sa-icon.sa-error {   border-color: #F27474; }   .sweet-alert .sa-icon.sa-error .sa-x-mark {    position: relative;    display: block; }   .sweet-alert .sa-icon.sa-error .sa-line {    position: absolute;    height: 5px;    width: 47px;    background-color: #F27474;    display: block;    top: 37px;    border-radius: 2px; }    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {     -webkit-transform: rotate(45deg);     transform: rotate(45deg);     left: 17px; }    .sweet-alert .sa-icon.sa-error .sa-line.sa-right {     -webkit-transform: rotate(-45deg);     transform: rotate(-45deg);     right: 16px; }  .sweet-alert .sa-icon.sa-warning {   border-color: #F8BB86; }   .sweet-alert .sa-icon.sa-warning .sa-body {    position: absolute;    width: 5px;    height: 47px;    left: 50%;    top: 10px;    -webkit-border-radius: 2px;    border-radius: 2px;    margin-left: -2px;    background-color: #F8BB86; }   .sweet-alert .sa-icon.sa-warning .sa-dot {    position: absolute;    width: 7px;    height: 7px;    -webkit-border-radius: 50%;    border-radius: 50%;    margin-left: -3px;    left: 50%;    bottom: 10px;    background-color: #F8BB86; }  .sweet-alert .sa-icon.sa-info {   border-color: #C9DAE1; }   .sweet-alert .sa-icon.sa-info::before {    content: "";    position: absolute;    width: 5px;    height: 29px;    left: 50%;    bottom: 17px;    border-radius: 2px;    margin-left: -2px;    background-color: #C9DAE1; }   .sweet-alert .sa-icon.sa-info::after {    content: "";    position: absolute;    width: 7px;    height: 7px;    border-radius: 50%;    margin-left: -3px;    top: 19px;    background-color: #C9DAE1;    left: 50%; }  .sweet-alert .sa-icon.sa-success {   border-color: #A5DC86; }   .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {    content: '';    -webkit-border-radius: 40px;    border-radius: 40px;    border-radius: 50%;    position: absolute;    width: 60px;    height: 120px;    background: white;    -webkit-transform: rotate(45deg);    transform: rotate(45deg); }   .sweet-alert .sa-icon.sa-success::before {    -webkit-border-radius: 120px 0 0 120px;    border-radius: 120px 0 0 120px;    top: -7px;    left: -33px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    -webkit-transform-origin: 60px 60px;    transform-origin: 60px 60px; }   .sweet-alert .sa-icon.sa-success::after {    -webkit-border-radius: 0 120px 120px 0;    border-radius: 0 120px 120px 0;    top: -11px;    left: 30px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    -webkit-transform-origin: 0px 60px;    transform-origin: 0px 60px; }   .sweet-alert .sa-icon.sa-success .sa-placeholder {    width: 80px;    height: 80px;    border: 4px solid rgba(165, 220, 134, 0.2);    -webkit-border-radius: 40px;    border-radius: 40px;    border-radius: 50%;    box-sizing: content-box;    position: absolute;    left: -4px;    top: -4px;    z-index: 2; }   .sweet-alert .sa-icon.sa-success .sa-fix {    width: 5px;    height: 90px;    background-color: white;    position: absolute;    left: 28px;    top: 8px;    z-index: 1;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg); }   .sweet-alert .sa-icon.sa-success .sa-line {    height: 5px;    background-color: #A5DC86;    display: block;    border-radius: 2px;    position: absolute;    z-index: 2; }    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {     width: 25px;     left: 14px;     top: 46px;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {     width: 47px;     right: 8px;     top: 38px;     -webkit-transform: rotate(-45deg);     transform: rotate(-45deg); }  .sweet-alert .sa-icon.sa-custom {   background-size: contain;   border-radius: 0;   border: none;   background-position: center center;   background-repeat: no-repeat; }/* * Animations */@-webkit-keyframes showSweetAlert { 0% {  transform: scale(0.7);  -webkit-transform: scale(0.7); } 45% {  transform: scale(1.05);  -webkit-transform: scale(1.05); } 80% {  transform: scale(0.95);  -webkit-transform: scale(0.95); } 100% {  transform: scale(1);  -webkit-transform: scale(1); } }@keyframes showSweetAlert { 0% {  transform: scale(0.7);  -webkit-transform: scale(0.7); } 45% {  transform: scale(1.05);  -webkit-transform: scale(1.05); } 80% {  transform: scale(0.95);  -webkit-transform: scale(0.95); } 100% {  transform: scale(1);  -webkit-transform: scale(1); } }@-webkit-keyframes hideSweetAlert { 0% {  transform: scale(1);  -webkit-transform: scale(1); } 100% {  transform: scale(0.5);  -webkit-transform: scale(0.5); } }@keyframes hideSweetAlert { 0% {  transform: scale(1);  -webkit-transform: scale(1); } 100% {  transform: scale(0.5);  -webkit-transform: scale(0.5); } }@-webkit-keyframes slideFromTop { 0% {  top: 0%; } 100% {  top: 50%; } }@keyframes slideFromTop { 0% {  top: 0%; } 100% {  top: 50%; } }@-webkit-keyframes slideToTop { 0% {  top: 50%; } 100% {  top: 0%; } }@keyframes slideToTop { 0% {  top: 50%; } 100% {  top: 0%; } }@-webkit-keyframes slideFromBottom { 0% {  top: 70%; } 100% {  top: 50%; } }@keyframes slideFromBottom { 0% {  top: 70%; } 100% {  top: 50%; } }@-webkit-keyframes slideToBottom { 0% {  top: 50%; } 100% {  top: 70%; } }@keyframes slideToBottom { 0% {  top: 50%; } 100% {  top: 70%; } }.showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }.showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; }.showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; }.showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; }.hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; }.hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; }.hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; }.hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; }@-webkit-keyframes animateSuccessTip { 0% {  width: 0;  left: 1px;  top: 19px; } 54% {  width: 0;  left: 1px;  top: 19px; } 70% {  width: 50px;  left: -8px;  top: 37px; } 84% {  width: 17px;  left: 21px;  top: 48px; } 100% {  width: 25px;  left: 14px;  top: 45px; } }@keyframes animateSuccessTip { 0% {  width: 0;  left: 1px;  top: 19px; } 54% {  width: 0;  left: 1px;  top: 19px; } 70% {  width: 50px;  left: -8px;  top: 37px; } 84% {  width: 17px;  left: 21px;  top: 48px; } 100% {  width: 25px;  left: 14px;  top: 45px; } }@-webkit-keyframes animateSuccessLong { 0% {  width: 0;  right: 46px;  top: 54px; } 65% {  width: 0;  right: 46px;  top: 54px; } 84% {  width: 55px;  right: 0px;  top: 35px; } 100% {  width: 47px;  right: 8px;  top: 38px; } }@keyframes animateSuccessLong { 0% {  width: 0;  right: 46px;  top: 54px; } 65% {  width: 0;  right: 46px;  top: 54px; } 84% {  width: 55px;  right: 0px;  top: 35px; } 100% {  width: 47px;  right: 8px;  top: 38px; } }@-webkit-keyframes rotatePlaceholder { 0% {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); } 5% {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); } 12% {  transform: rotate(-405deg);  -webkit-transform: rotate(-405deg); } 100% {  transform: rotate(-405deg);  -webkit-transform: rotate(-405deg); } }@keyframes rotatePlaceholder { 0% {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); } 5% {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); } 12% {  transform: rotate(-405deg);  -webkit-transform: rotate(-405deg); } 100% {  transform: rotate(-405deg);  -webkit-transform: rotate(-405deg); } }.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; }.animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; }.sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }@-webkit-keyframes animateErrorIcon { 0% {  transform: rotateX(100deg);  -webkit-transform: rotateX(100deg);  opacity: 0; } 100% {  transform: rotateX(0deg);  -webkit-transform: rotateX(0deg);  opacity: 1; } }@keyframes animateErrorIcon { 0% {  transform: rotateX(100deg);  -webkit-transform: rotateX(100deg);  opacity: 0; } 100% {  transform: rotateX(0deg);  -webkit-transform: rotateX(0deg);  opacity: 1; } }.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; }@-webkit-keyframes animateXMark { 0% {  transform: scale(0.4);  -webkit-transform: scale(0.4);  margin-top: 26px;  opacity: 0; } 50% {  transform: scale(0.4);  -webkit-transform: scale(0.4);  margin-top: 26px;  opacity: 0; } 80% {  transform: scale(1.15);  -webkit-transform: scale(1.15);  margin-top: -6px; } 100% {  transform: scale(1);  -webkit-transform: scale(1);  margin-top: 0;  opacity: 1; } }@keyframes animateXMark { 0% {  transform: scale(0.4);  -webkit-transform: scale(0.4);  margin-top: 26px;  opacity: 0; } 50% {  transform: scale(0.4);  -webkit-transform: scale(0.4);  margin-top: 26px;  opacity: 0; } 80% {  transform: scale(1.15);  -webkit-transform: scale(1.15);  margin-top: -6px; } 100% {  transform: scale(1);  -webkit-transform: scale(1);  margin-top: 0;  opacity: 1; } }.animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; }@-webkit-keyframes pulseWarning { 0% {  border-color: #F8D486; } 100% {  border-color: #F8BB86; } }@keyframes pulseWarning { 0% {  border-color: #F8D486; } 100% {  border-color: #F8BB86; } }.pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; }@-webkit-keyframes pulseWarningIns { 0% {  background-color: #F8D486; } 100% {  background-color: #F8BB86; } }@keyframes pulseWarningIns { 0% {  background-color: #F8D486; } 100% {  background-color: #F8BB86; } }.pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; }@-webkit-keyframes rotate-loading { 0% {  transform: rotate(0deg); } 100% {  transform: rotate(360deg); } }@keyframes rotate-loading { 0% {  transform: rotate(0deg); } 100% {  transform: rotate(360deg); } }/* Internet Explorer 9 has some special quirks that are fixed here *//* The icons are not animated. *//* This file is automatically merged into sweet-alert.min.js through Gulp *//* Error icon */.sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; }.sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; }/* Success icon */.sweet-alert .sa-icon.sa-success { border-color: transparent\9; }.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; }.sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; }/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */.la-ball-fall,.la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.la-ball-fall { display: block; font-size: 0; color: #fff; }.la-ball-fall.la-dark { color: #333; }.la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }.la-ball-fall { width: 54px; height: 18px; }.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; }.la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; }.la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; }.la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; }.la-ball-fall.la-sm { width: 26px; height: 8px; }.la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; }.la-ball-fall.la-2x { width: 108px; height: 36px; }.la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; }.la-ball-fall.la-3x { width: 162px; height: 54px; }.la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; }/* * Animation */@-webkit-keyframes ball-fall { 0% {  opacity: 0;  -webkit-transform: translateY(-145%);  transform: translateY(-145%); } 10% {  opacity: .5; } 20% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); } 80% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); } 90% {  opacity: .5; } 100% {  opacity: 0;  -webkit-transform: translateY(145%);  transform: translateY(145%); } }@-moz-keyframes ball-fall { 0% {  opacity: 0;  -moz-transform: translateY(-145%);  transform: translateY(-145%); } 10% {  opacity: .5; } 20% {  opacity: 1;  -moz-transform: translateY(0);  transform: translateY(0); } 80% {  opacity: 1;  -moz-transform: translateY(0);  transform: translateY(0); } 90% {  opacity: .5; } 100% {  opacity: 0;  -moz-transform: translateY(145%);  transform: translateY(145%); } }@-o-keyframes ball-fall { 0% {  opacity: 0;  -o-transform: translateY(-145%);  transform: translateY(-145%); } 10% {  opacity: .5; } 20% {  opacity: 1;  -o-transform: translateY(0);  transform: translateY(0); } 80% {  opacity: 1;  -o-transform: translateY(0);  transform: translateY(0); } 90% {  opacity: .5; } 100% {  opacity: 0;  -o-transform: translateY(145%);  transform: translateY(145%); } }@keyframes ball-fall { 0% {  opacity: 0;  -webkit-transform: translateY(-145%);  -moz-transform: translateY(-145%);  -o-transform: translateY(-145%);  transform: translateY(-145%); } 10% {  opacity: .5; } 20% {  opacity: 1;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0); } 80% {  opacity: 1;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0); } 90% {  opacity: .5; } 100% {  opacity: 0;  -webkit-transform: translateY(145%);  -moz-transform: translateY(145%);  -o-transform: translateY(145%);  transform: translateY(145%); } }/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license *//* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)*//* pswp = photoswipe */.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * {  -webkit-box-sizing: border-box;      box-sizing: border-box; } .pswp img {  max-width: none; }/* style is added when JS option showHideOpacity is set to true */.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);     transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }.pswp--open { display: block; }.pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }.pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }.pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color.*/.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; }.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }.pswp__container,.pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }/* Prevent selection and tap highlights */.pswp__container,.pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;   user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);     transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }.pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);     transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap*/.pswp__img--placeholder { -webkit-backface-visibility: hidden; }/* div element that matches size of large image large image loads on top of it*/.pswp__img--placeholder--blank { background: #222; }.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }/* Error message appears when image is not loaded (JS option errorMsg controls markup)*/.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }.pswp__error-msg a { color: #CCC; text-decoration: underline; }/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license *//* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.)*//* 1. Buttons *//* <button> css reset */.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s;     transition: opacity 0.2s; -webkit-box-shadow: none;     box-shadow: none; } .pswp__button:focus, .pswp__button:hover {  opacity: 1; } .pswp__button:active {  outline: none;  opacity: 0.9; } .pswp__button::-moz-focus-inner {  padding: 0;  border: 0; }/* pswp__ui--over-close class it added when mouse is over element that should close gallery */.pswp__ui--over-close .pswp__button--close { opacity: 1; }.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before { background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {  background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/photoswipe/default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {  background: none; } }.pswp__button--close { background-position: 0 -44px; }.pswp__button--share { background-position: -44px -44px; }.pswp__button--fs { display: none; }.pswp--supports-fs .pswp__button--fs { display: block; }.pswp--fs .pswp__button--fs { background-position: -44px 0; }.pswp__button--zoom { display: none; background-position: -88px 0; }.pswp--zoom-allowed .pswp__button--zoom { display: block; }.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }/* no arrows on touch screens */.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right { visibility: hidden; }/* Arrow buttons hit area (icon is added to :before pseudo-element)*/.pswp__button--arrow--left,.pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }.pswp__button--arrow--left { left: 0; }.pswp__button--arrow--right { right: 0; }.pswp__button--arrow--left:before,.pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }/* 2. Share modal/popup and links */.pswp__counter,.pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;   user-select: none; }.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out;     transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }.pswp__share-modal--hidden { display: none; }.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px);   -ms-transform: translateY(6px);     transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s;     transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a {  display: block;  padding: 8px 12px;  color: #000;  text-decoration: none;  font-size: 14px;  line-height: 18px; }  .pswp__share-tooltip a:hover {   text-decoration: none;   color: #000; }  .pswp__share-tooltip a:first-child {   /* round corners on the first/last list item */   border-radius: 2px 2px 0 0; }  .pswp__share-tooltip a:last-child {   border-radius: 0 0 2px 2px; }.pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip {  -webkit-transform: translateY(0);    -ms-transform: translateY(0);      transform: translateY(0); }/* increase size of share links on touch devices */.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before {  border-bottom-color: #3E5C9A; }a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }a.pswp__share--download:hover { background: #DDD; }/* 3. Index indicator ("1 of X" counter) */.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }/* 4. Caption */.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small {  font-size: 11px;  color: #BBB; }.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }.pswp__caption--empty { display: none; }/* Fake caption element, used to calculate height of next/prev image */.pswp__caption--fake { visibility: hidden; }/* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out;     transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; }.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }.pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn {  /* We use .gif in browsers that don't support CSS animation */  background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/photoswipe/preloader.gif) 0 0 no-repeat; }.pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {  -webkit-animation: clockwise 500ms linear infinite;      animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;      animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }.pswp--css_animation .pswp__preloader__cut { /*  The idea of animating inner circle is based on Polymer ("material") loading indicator  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; }.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box;     box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }@media screen and (max-width: 1024px) { .pswp__preloader {  position: relative;  left: auto;  top: auto;  margin: 0;  float: right; } }@-webkit-keyframes clockwise { 0% {  -webkit-transform: rotate(0deg);      transform: rotate(0deg); } 100% {  -webkit-transform: rotate(360deg);      transform: rotate(360deg); } }@keyframes clockwise { 0% {  -webkit-transform: rotate(0deg);      transform: rotate(0deg); } 100% {  -webkit-transform: rotate(360deg);      transform: rotate(360deg); } }@-webkit-keyframes donut-rotate { 0% {  -webkit-transform: rotate(0);      transform: rotate(0); } 50% {  -webkit-transform: rotate(-140deg);      transform: rotate(-140deg); } 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }@keyframes donut-rotate { 0% {  -webkit-transform: rotate(0);      transform: rotate(0); } 50% {  -webkit-transform: rotate(-140deg);      transform: rotate(-140deg); } 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }/* 6. Additional styles *//* root element of UI */.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }/* top black bar with buttons and "1 of X" indicator */.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);     transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }/* pswp--has_mouse class is added only when two subsequent mousemove events occur */.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }.pswp__top-bar,.pswp__caption { background-color: rgba(0, 0, 0, 0.5); }/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */.pswp__ui--idle .pswp__top-bar { opacity: 0; }.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls*/.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; }/* pswp__ui--one-slide class is added when there is just one item in gallery */.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter { display: none; }.pswp__element--disabled { display: none !important; }.pswp--minimal--dark .pswp__top-bar { background: none; }/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css *//** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in IE and iOS. */html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */}/** * Remove the margin in all browsers (opinionated). */body { margin: 0;}/* HTML5 display definitions  ========================================================================== *//** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */ display: block;}/** * Add the correct display in IE 9-. */audio,canvas,progress,video { display: inline-block;}/** * Add the correct display in iOS 4-7. */audio:not([controls]) { display: none; height: 0;}/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */progress { vertical-align: baseline;}/** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */template, /* 1 */[hidden] { display: none;}/* Links  ========================================================================== *//** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}/** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */a:active,a:hover { outline-width: 0;}/* Text-level semantics  ========================================================================== *//** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}/** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */b,strong { font-weight: inherit;}/** * Add the correct font weight in Chrome, Edge, and Safari. */b,strong { font-weight: bolder;}/** * Add the correct font style in Android 4.3-. */dfn { font-style: italic;}/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */h1 { font-size: 2em; margin: 0.67em 0;}/** * Add the correct background and color in IE 9-. */mark { background-color: #ff0; color: #000;}/** * Add the correct font size in all browsers. */small { font-size: 80%;}/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}/* Embedded content  ========================================================================== *//** * Remove the border on images inside links in IE 10-. */img { border-style: none;}/** * Hide the overflow in IE. */svg:not(:root) { overflow: hidden;}/* Grouping content  ========================================================================== *//** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */code,kbd,pre,samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}/** * Add the correct margin in IE 8. */figure { margin: 1em 40px;}/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}/* Forms  ========================================================================== *//** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */button,input,optgroup,select,textarea { font: inherit; /* 1 */ margin: 0; /* 2 */}/** * Restore the font weight unset by the previous rule. */optgroup { font-weight: bold;}/** * Show the overflow in IE. * 1. Show the overflow in Edge. */button,input { /* 1 */ overflow: visible;}/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */button,select { /* 1 */ text-transform: none;}/** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` *  controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */button,html [type="button"], /* 1 */[type="reset"],[type="submit"] { -webkit-appearance: button; /* 2 */}/** * Remove the inner border and padding in Firefox. */button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}/** * Restore the focus styles unset by the previous rule. */button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}/** * Change the border, margin, and padding in all browsers (opinionated). */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *  `fieldset` elements in all browsers. */legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}/** * Remove the default vertical scrollbar in IE. */textarea { overflow: auto;}/** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */[type="checkbox"],[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}/** * Correct the cursor style of increment and decrement buttons in Chrome. */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto;}/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}/** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}/** * Correct the text style of placeholders in Chrome, Edge, and Safari. */::-webkit-input-placeholder { color: inherit; opacity: 0.54;}/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}/*! Flickity v2.0.5http://flickity.metafizzy.co---------------------------------------------- */.flickity-enabled { position: relative;}.flickity-enabled:focus { outline: none; }.flickity-viewport { overflow: hidden; position: relative; height: 100%;}.flickity-slider { position: absolute; width: 100%; height: 100%;}/* draggable */.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent;     tap-highlight-color: transparent; -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;     user-select: none;}.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing;}/* ---- previous/next buttons ---- */.flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: hsla(0, 0%, 100%, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%);     transform: translateY(-50%);}.flickity-prev-next-button:hover { background: white; }.flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F;}.flickity-prev-next-button:active { opacity: 0.6;}.flickity-prev-next-button.previous { left: 10px; }.flickity-prev-next-button.next { right: 10px; }/* right to left */.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px;}.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px;}.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto;}.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;}.flickity-prev-next-button .arrow { fill: #333;}/* ---- page dots ---- */.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;}.flickity-rtl .flickity-page-dots { direction: rtl; }.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer;}.flickity-page-dots .dot.is-selected { opacity: 1;}/* button------------------------- */.button { display: inline-block; padding: 5px 15px; margin-bottom: 10px; background-color: #F8F8F8; background-image: linear-gradient( hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) ); border: 1px solid #CCC; border-radius: 5px; cursor: pointer;}.button:hover { background-color: #8CF;}.button.is-checked,.button.is-selected { background-color: #19F; color: white;}.button:active { color: white; background-color: #59F; box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);}/* hide radio inputs */.button input[type="radio"] { display: none; }/* ---- button-group ---- */.button-group:after { content: ''; display: block; clear: both;}.button-group .button { float: left; border-radius: 0; margin-left: -1px;}.button-group .button:first-child { border-radius: 5px 0 0 5px; }.button-group .button:last-child { border-radius: 0 5px 5px 0; }/* buy-button------------------------- */.buy-button { display: block; margin-bottom: 10px; line-height: 1.3rem; border-radius: 8px; padding: 10px 100px 10px 10px; position: relative; text-align: center;}.buy-button__project,.buy-button__title,.buy-button__license {}.buy-button__title { font-weight: bold;}.buy-button__for { display: block; font-style: italic;}.buy-button__price { font-size: 1.6rem; background: #888; color: white; position: absolute; right: 0; top: 0; height: 100%; width: 80px; border-radius: 0 8px 8px 0; text-align: center; line-height: 64px;}.buy-button__price__dollar { font-size: 1.4rem; margin-right: 3px; vertical-align: top;}@media screen and (min-width: 768px) { /* ---- buy-button-trio ---- */ .buy-button-trio {  margin-top: 40px;  margin-bottom: 50px; } .buy-button-trio:after {  content: '';  display: block;  clear: both; } /* ---- buy-button-trio buy-button ---- */ .buy-button-trio .buy-button {  float: left;  width: 31.33%;  margin-right: 3%; } .buy-button-trio .buy-button:nth-child(3) {  margin-right: 0; } .buy-button-trio .buy-button {  transition: transform 0.2s;  padding: 20px 0 0; } .buy-button-trio .buy-button > span {  display: block;  padding-left: 10px;  padding-right: 10px; } .buy-button-trio .buy-button__project, .buy-button-trio .buy-button__license {  font-size: 1.1rem; } .buy-button-trio .buy-button__title {  font-size: 1.9rem;  line-height: 1.2; } .buy-button-trio .buy-button__license {  margin-bottom: 15px; } .buy-button-trio .buy-button__for {  margin-bottom: 20px;  font-size: 1.1rem; } .buy-button-trio .buy-button__price {  position: relative;  width: auto;  font-size: 2.4rem;  line-height: 1.3;  padding-top: 15px;  padding-bottom: 10px;  border-radius: 0 0 8px 8px; } .buy-button-trio .buy-button__was-price {  display: block;  padding-bottom: 10px; } .buy-button-trio .buy-button__price__dollar {  position: relative;  top: 8px; } .buy-button-trio .buy-button:hover {  transform: translateY(-5px); }}/* commercial-license-agreement------------------------- */.commercial-license-agreement h3 { counter-increment: cla-h3; counter-reset: cla-part;}.commercial-license-agreement h3:before { content: counter(cla-h3) '.'; margin-right: 0.25rem; color: #888; font-family: 'Texta', sans-serif;}.cla__part { counter-increment: cla-part;}.cla__part:before,.cla__definitions-list li:before { content: counter(cla-h3) '.' counter(cla-part) '.'; color: #888; margin-right: 0.25rem;}.cla__definitions-list { list-style: none; padding-left: 2.6rem;}.cla__definitions-list li { text-indent: -1.5rem; margin-bottom: 0.5rem; counter-increment: cla-definitions-item;}.cla__definitions-list li:before { content: counter(cla-h3) '.' counter(cla-definitions-item) '.';}/* duotwo columns for large devices------------------------- */.duo:after { content: ''; display: block; clear: both;}.duo__cell { margin-bottom: 10px;}/* --- duo--legal --- */.duo--legal__plain { padding: 0 0.8rem; background: #FAFAFA; color: #888;}.duo--legal--first .duo--legal__official:before,.duo--legal--first .duo--legal__plain:before { display: block; padding-top: 0.5rem; font-size: 0.88rem; color: #888;}.duo--legal--first .duo--legal__official:before { content: 'Official legal copy'}.duo--legal--first .duo--legal__plain:before { content: 'Plain English'}@media screen and ( min-width: 768px ) { .duo__cell {  float: left;  width: 48.5%; } .duo__cell:first-child {  margin-right: 3%; } .duo__cell--license-option p { margin-top: 0; }}/* fizzy-bear-shirt------------------------- */.fizzy-bear-shirt { margin: 40px 0;}.fizzy-bear-shirt__title { font-size: 1.6rem;}.fizzy-bear-shirt__image { display: block; max-width: 100%; margin-bottom: 10px;}/* metafizzy-brand------------------------- */.metafizzy-logo { width: 45px; height: auto;}.metafizzy-wordmark { width: 160px; height: auto;}/* showcase-item------------------------- */.showcase-item__link { display: block; padding: 10px; background: white; margin-bottom: 20px; border-radius: 8px; background: #DDD;}.showcase-item__link:after { content: ''; display: block; clear: both;}.showcase-item__image { width: 80px; float: left; display: block;}.showcase-item__image svg { display: block; border-radius: 5px; width: 100%; height: auto;}.showcase-item__text { float: left; width: calc( 100% - 120px ); padding-left: 10px;}.showcase-item__title { margin: 0; font-size: 1.4rem;}.showcase-item__description { margin: 0;}@media screen and ( min-width: 768px ) { .showcase-item {  float: left;  width: 48.5%; } .showcase-item:nth-child(2n+1) {  margin-right: 3%; } .showcase-item__image {  width: 120px; } .showcase-item__text {  padding-left: 20px; } .showcase-item__title {  font-size: 2.0rem; } .showcase-item__description {  font-size: 1.2rem;  line-height: 1.2; }}/* showcase------------------------- */.showcase-item-list { padding: 0; list-style: none;}.showcase-item-list:after { content: ''; display: block; clear: both;}/* site-footer------------------------- */.site-footer { padding: 40px 0; margin-top: 60px;}.site-footer__copy { font-size: 1.2rem;}.site-footer .twitter-logo { width: 1.3rem; height: 1.3rem; vertical-align: middle;}/* flickity-illo------------------------- */.flickity-illo { background: #ED0; }/* isotope-illo------------------------- */.isotope-illo { background: #222; }/* base------------------------- */* { box-sizing: border-box;}body { font-family: 'Texta', sans-serif; color: #444; line-height: 1.5; margin: 0; padding: 0;}/* font size on html for rem */html { font-size: 17px; }html.export { font-size: 15px; }a { color: #6A6; text-decoration: none;}a:hover { color: #E90;}h1, h2, h3 { line-height: 1.2;}/* ---- code ---- */pre, code, kbd { font-family: Consolas, Menlo, monospace; font-size: 14px; background: #FAFAFA; border: 1px solid #DDD; white-space: pre-wrap;}pre { padding: 10px; border-radius: 6px; overflow: auto;}code, kbd { padding: 2px 3px; line-height: 1.2; border-radius: 3px;}pre code { padding: 0; line-height: 1.5; background: none; border: none;}/* ---- table ---- */th, td { padding: 3px 20px 3px 0;}th { text-align: left; color: #AAA; font-weight: normal;}td { border-top: 1px solid #DDD;}tr:nth-child(2) td { border-top: 3px double #DDD;}/* ---- main ---- */.main { position: relative; /* for page-nav */}/* ---- content ---- */.container { /*max-width: 1000px;*/ /*padding: 0 10px;*/}/* ---- page-title ---- */.page-title { font-size: 2.2rem; margin: 0.4rem 0;}/* ---- main ---- */.main h2 { font-size: 1.6rem; font-weight: normal; border-top: 4px double #DDD; padding-top: 1.1rem; margin-top: 1.4rem;}.main h3 { font-size: 1.3rem; border-top: 1px solid #DDD; padding-top: 0.8rem; margin: 1.4rem 0 0.5rem;}/* ---- logger ---- */.logger { padding: 0.25rem; font-size: 1.2rem; background: #FAFAFA; text-align: center;}/* ---- data-license-property ---- */*[data-license-property] { color: #09F;}/* ---- hide-small ---- */@media screen and ( max-width: 640px ) { .hidden-small {  display: none; }}@media screen and ( min-width: 768px ) { html { font-size: 19px; } html.export { font-size: 16px; } .container {  /*padding: 0 30px;*/ } .page-title {  font-size: 4.0rem; } .main h3 {  font-size: 1.6rem;  padding-top: 30px; } .main h2 {  font-size: 2.4rem; } pre, code, kbd {  font-size: 15px; }}/* syntax highlight------------------------- */code .string,code .tag .value { color: #0A2; }code .number, /* integer */code .cp, /* doctype */code .literal { color: #07D; } /*boolean*/code .keyword { color: #E31; } /* keyword */code .kd, /* storage */code .attribute { color: #D31; } /* markup attribute */code .title { color: #39A; }code .params { color: #98D; }code .p { color: #EDB; } /* punctuation */code .o { color: #F63; }  /* operator */code .nb { color: #AA97AC;} /* support *//* comment */code .comment { color: #999; font-style: italic; }code .tag { color: #37B; } /* Markup open tag */code .id { color: #567; } /* css id */code .class { color: #B27; } /* CSS class */code .rules { color: #431; }code .value { color: #555; } /* CSS value */code .nd,code .pseudo { color: #38D; } /* CSS pseudo selector */code .hexcolor { color: #F63; }code .at_rule { color: #088; }code .built_in { color: #E08; }code .flickity, /* new Flickity() */code .flickity_var { color: #D0D; } /* flkty */code .jquery_var { color: #D70; } /* $carousel */code .flickity { text-decoration: underline; }/* web fonts------------------------- */@import url("//hello.myfonts.net/count/2d333f");/* Just use WOFF2 and WOFF for webfonts http://css-tricks.com/snippets/css/using-font-face/ *//* Texta Heavy */@font-face { font-family: 'Texta'; font-weight: bold; font-style: normal; src: url('../fonts/2D333F_0_0.woff2') format('woff2'),  url('../fonts/2D333F_0_0.woff') format('woff');}/* Texta Italic */@font-face { font-family: 'Texta'; font-weight: normal; font-style: italic; src: url('../fonts/2D333F_1_0.woff2') format('woff2'),  url('../fonts/2D333F_1_0.woff') format('woff');}/* Texta Regular */@font-face { font-family: 'Texta'; src: url('../fonts/2D333F_2_0.woff2') format('woff2'),  url('../fonts/2D333F_2_0.woff') format('woff');}/* arrow-wiz------------------------- */.arrow-wiz-illo { position: relative; width: 230px; height: 230px; margin-right: 20px; float: left;}.arrow-wiz-illo__canvas { position: absolute; left: 30px;}.arrow-wiz-illo__graph-label { display: block; position: absolute; font-size: 0.85rem;}.arrow-wiz-illo__graph-label--y { text-align: right; width: 20px;}.arrow-wiz-illo__graph-label--y-pos50 { top: -5px;}.arrow-wiz-illo__graph-label--y-0 { top: 92px;}.arrow-wiz-illo__graph-label--y-neg50 { top: 190px;}.arrow-wiz-illo__graph-label--x { top: 200px;}.arrow-wiz-illo__graph-label--x-0 { left: 30px;}.arrow-wiz-illo__graph-label--x-50 { left: 125px;}.arrow-wiz-illo__graph-label--x-100 { right: 0;}/* ---- points ---- */.arrow-wiz-illo__top-well { position: absolute;/*  background: hsla(0, 100%, 50%, 0.1); */ width: 220px; height: 120px; left: 20px; top: -10px;}.arrow-wiz-illo__center-well { position: absolute;/*  background: hsla(0, 100%, 50%, 0.1); */ width: 220px; height: 20px; left: 20px; top: 90px;}.arrow-wiz-illo__point { position: absolute; width: 20px; height: 20px;}.arrow-wiz-illo__point:hover,.arrow-wiz-illo__point.is-dragging { z-index: 2; /* above other points */}.arrow-wiz-illo__point--0,.arrow-wiz-illo__point--3 { cursor: ew-resize;}.arrow-wiz-illo__point--1,.arrow-wiz-illo__point--2 { cursor: move;}.arrow-wiz-illo__point--0 { left: 20px;}.arrow-wiz-illo__point--1 { left: 120px; top: 0;}.arrow-wiz-illo__point--2 { left: 140px; top: 20px;}.arrow-wiz-illo__point--3 { left: 60px;}.arrow-wiz-illo__point__dot { position: absolute; width: 20px; height: 20px; background: #333; border-radius: 10px; opacity: 1; transform: scale(0.5); transition: transform 0.2s, opacity 0.2s;}.arrow-wiz-illo__point:hover .arrow-wiz-illo__point__dot,.arrow-wiz-illo__point.is-dragging .arrow-wiz-illo__point__dot { opacity: 1; transform: scale(1);}.arrow-wiz-illo__point__label { display: block; position: absolute; font-size: 0.9rem; width: 45px; border-radius: 5px; background: #333; color: white; text-align: center; left: 30px; opacity: 0; transform: translateX(-5px); transition: transform 0.2s, opacity 0.2s; transform-origin: left top; pointer-events: none;}.arrow-wiz-illo__point:hover .arrow-wiz-illo__point__label,.arrow-wiz-illo__point.is-dragging .arrow-wiz-illo__point__label { opacity: 1; transform: translateX(0px);}/* ---- as-nav-for / carousel-nav ---- */.carousel--as-nav-for-main { margin-bottom: 40px; }.carousel--nav .carousel-cell { height: 80px; width: 100px;}.carousel--nav .carousel-cell:before { font-size: 50px; line-height: 80px;}.carousel--nav .carousel-cell.is-nav-selected { background: #ED2;}/* event-table------------------------- */.event-table { width: 100%;}.event-table th,.event-table td {}.event-table td { font-size: 0.9rem;}td.event-table__time { font-size: 0.9rem;}.event-table__message { width: 100%;}/* ---- keyhole ---- */.keyhole-cell { margin-right: 20px; overflow: hidden;}.keyhole-cell img { display: block; height: 260px;}/* ---- lazyload ---- */.carousel--lazyload-cells .carousel-cell { height: 200px; margin-right: 2px; background: #222; border-radius: 0;}.carousel--lazyload-adj-cells .carousel-cell { width: 25%; height: 160px; margin-right: 2px; background: #222; border-radius: 0;}.carousel-cell__lazy-image { display: block; max-height: 100%; margin: 0 auto; max-width: 100%; opacity: 0; -webkit-transition: opacity 0.4s;     transition: opacity 0.4s;}/* fade in lazy loaded image */.carousel-cell__lazy-image.flickity-lazyloaded,.carousel-cell__lazy-image.flickity-lazyerror { opacity: 1;}.carousel__lazy-image { height: 200px; min-width: 150px; opacity: 0; -webkit-transition: opacity 0.4s;     transition: opacity 0.4s;}/* fade in lazy loaded image */.carousel__lazy-image.flickity-lazyloaded,.carousel__lazy-image.flickity-lazyerror { opacity: 1;}/* ---- line-dots ---- */.carousel--line-dots .flickity-page-dots { bottom: -22px;}.carousel--line-dots .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0;}/* ---- o dots ---- */.carousel--o-dots .flickity-page-dots { bottom: 0px;}.carousel--o-dots .flickity-page-dots .dot { width: 12px; height: 12px; opacity: 1; background: transparent; border: 2px solid white;}.carousel--o-dots .flickity-page-dots .dot.is-selected { background: white;}/* parallax------------------------- */.parallax { position: relative; overflow-x: hidden;}.carousel--parallax { background: transparent;}.carousel--parallax .carousel-cell { opacity: 0.6; height: 220px; width: 50%; margin: 40px 5%;}.parallax__layer { position: absolute; left: 0; top: 0;}.parallax__layer--bg { top: 70px; width: 80%; height: 160px;}.parallax__layer--fg { pointer-events: none; width: 125%; height: 300px;}.parallax__layer__cell { position: absolute; width: 50%; margin: 0 5%; height: 100%;}.parallax__layer__cell:nth-child(1) { left: 0%; }.parallax__layer__cell:nth-child(2) { left: 60%; }.parallax__layer__cell:nth-child(3) { left: 120%; }.parallax__layer__cell:nth-child(4) { left: 180%; }.parallax__layer__cell:nth-child(5) { left: 240%; }.parallax__layer__cell--bg { background: hsla(210, 100%, 50%, 0.4);}.parallax__layer__cell--fg { background: hsla(60, 100%, 50%, 0.4);}/* ---- carousel--prev-next-big-arrow ---- */.carousel--prev-next-big-arrow .flickity-prev-next-button { width: 100px; height: 100px; background: transparent;}.carousel--prev-next-big-arrow .flickity-prev-next-button .arrow { fill: white; }.carousel--prev-next-big-arrow .flickity-prev-next-button.no-svg { color: white; }/*.carousel--prev-next-big-arrow .flickity-prev-next-button.previous { left: -10px; }.carousel--prev-next-big-arrow .flickity-prev-next-button.next { right: -10px; }*/.carousel--prev-next-big-arrow .flickity-prev-next-button:disabled { display: none; }/* ---- carousel--prev-next-small-outside ---- */.carousel--prev-next-small-outside { margin-left: 40px; margin-right: 40px;}.carousel--prev-next-small-outside .flickity-prev-next-button { width: 30px; height: 30px; border-radius: 5px; background: #444;}.carousel--prev-next-small-outside .flickity-prev-next-button:hover { background: #F90; }.carousel--prev-next-small-outside .flickity-prev-next-button .arrow { fill: white; }.carousel--prev-next-small-outside .flickity-prev-next-button.no-svg { color: white; }.carousel--prev-next-small-outside .flickity-prev-next-button.previous { left: -40px; }.carousel--prev-next-small-outside .flickity-prev-next-button.next { right: -40px; }/* progress-bar------------------------- */.carousel--progress-bar { margin-bottom: 0;}.carousel--progress-bar .flickity-page-dots { bottom: -40px;}.progress-bar__bar { height: 20px; width: 0; background: #333; margin-bottom: 30px;}/* ---- reposition ---- */.carousel--reposition .carousel-cell { position: relative; width: 33%;}.carousel--reposition .carousel-cell.is-expanded { width: 80%;}.carousel--reposition .carousel-cell .button { position: absolute; left: 10px; top: 10px;}/* ---- resize ---- */.carousel--resize { width: 50%; min-width: 240px;}.carousel--resize.is-expanded { width: 100%;}.carousel--resize.is-expanded .carousel-cell { height: 320px;}.carousel--resize.is-expanded .carousel-cell:before { line-height: 320px;}/* ---- static-click ---- */.carousel--static-click .carousel-cell { width: 26%; }.carousel--static-click .carousel-cell.is-clicked { background: #ED2; }/* ---- watch-css ---- */.carousel--watch-css:after { content: 'flickity'; display: none;}@media screen and ( min-width: 768px ) { .carousel--watch-css:after {  content: ''; }}/* ---- cell-selector-demo ---- */.carousel--cell-selector-demo { position: relative;}.static-banner { position: absolute; background: hsla(0, 0%, 0%, 0.3); z-index: 1; padding: 2px 20px; color: white; pointer-events: none;}.static-banner1 { left: 10px; top: 10px;}.static-banner2 { right: 10px; bottom: 10px;}@charset "UTF-8";/* argument------------------------- */.argument { margin: 0.5rem 0; padding-left: 1.5rem;}.argument__type { color: #777;}.argument__type,.argument__description { margin-left: 0.4rem;}.argument__type:before,.argument__description:before { content: '·'; padding-right: 0.4rem; display: inline-block;}/* big link  big buttons at the top of the homepage------------------------- */.big-links__item { margin-bottom: 10px;}.big-link { display: block; font-size: 1.2rem; padding: 0.7rem 0.7rem; border-radius: 5px; line-height: 1;}.big-link:active { box-shadow: inset 0 2px 20px hsla(0, 0%, 0%, 0.2);}.big-link--fill { color: white; background-color: #8C8; background-image: linear-gradient( hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.15) );}.big-link--fill:hover { color: white; background-color: #EC5;}.big-link--fill:active { color: white; background-color: #DB4;}.big-link--stroke { border: 2px solid #8C8;}.big-link--stroke:hover { border-color: #EC5; }.big-link--stroke:active { background-color: #F8F8F8; }.big-link__icon { vertical-align: bottom; width: 30px; height: 30px; margin-right: 6px;}.big-link--fill .big-link__icon path { fill: white;}.big-link--stroke .big-link__icon path { fill: #6A6;}.big-link--stroke:hover .big-link__icon path { fill: #E90;}/* ---- large device ---- */@media screen and ( min-width: 768px ) { .big-link {  font-size: 1.4rem;  margin-bottom: 10px; } .big-link__icon {  width: 40px;  height: 40px; }}/* call out------------------------- */.call-out { border-top: 2px solid #ED2; border-bottom: 2px solid #ED2; padding-left: 40px; position: relative; margin: 20px 0;}/* (i) */.call-out:before { content: 'i'; display: block; width: 20px; height: 20px; position: absolute; left: 5px; top: 20px; background: #ED2; border-radius: 50%; text-align: center; color: white; font-family: Consolas, Georgia, serif; font-style: italic;}.call-out h2 { margin-top: 0; padding-top: 10px; border-top: none;}.call-out--chill { border-color: #8C8; }.call-out--chill:before { background: #8C8; }/* ---- call-out--big-copy ---- */.call-out--big-copy p,.call-out--big-copy li,.call-out--big-copy li:before { font-size: 1.2rem; line-height: 1.2;}/* ---- quick-start-list ---- */.call-out--big-copy ol { list-style: none;}.quick-start-list li { position: relative; counter-increment: call-out-big-copy-item;}.quick-start-list li:before { content: counter(call-out-big-copy-item) "."; position: absolute; left: -1.2rem; font-size: 1.2rem; font-weight: bold;}.quick-start-list { list-style: none;}@media screen and (min-width: 768px) { .call-out {  border: 2px solid #ED2;  padding: 10px 20px 10px 80px;  border-radius: 6px;  position: relative;  margin: 20px 0; } .call-out--chill { border-color: #8C8; } .call-out:before {  width: 40px;  height: 40px;  left: 20px;  top: 30px;  font-size: 1.9rem;  line-height: 46px; }}/* demo carousels------------------------- */.carousel { background: #FAFAFA; margin-bottom: 30px; counter-reset: carousel-cell;}.carousel-cell { width: 66%; height: 160px; margin-right: 10px; margin-bottom: 10px; background: #8C8; border-radius: 5px; counter-increment: carousel-cell;}.flickity-enabled .carousel-cell { margin-bottom: 0; }.carousel-cell:before,.carousel-cell__number { display: block; width: 100px; margin: 0 auto; content: counter(carousel-cell); text-align: center; line-height: 160px; font-size: 80px; color: white;}.carousel--not-counting .carousel-cell:before { content: none; }/* ---- style ---- */.carousel--full-width .carousel-cell { width: 100%;}.carousel--half-width .carousel-cell { width: 50%;}.carousel--various-widths .carousel-cell { width: 33%; }.carousel--various-widths .carousel-cell.size-180 { width: 180px; }.carousel--various-widths .carousel-cell.size-large { width: 75%; }.carousel--media-queried .carousel-cell { width: 100%;}.carousel--selected-cell .carousel-cell.is-selected { background: #ED2; }.carousel--carousel-focus:focus .flickity-viewport { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;}/* ---- show-several ---- */.carousel--show-several .carousel-cell { width: 28%; }/* ---- auto-play ---- *//* ---- images-loaded ---- */.carousel--images-loaded-demo img { display: block; height: 160px;}.carousel--images-demo { margin-bottom: 40px;}.carousel--images-demo img { display: block; height: 160px;}/* ---- carousel--pixel-position-demo ---- */.carousel--pixel-position-demo .carousel-cell { width: 300px; }/* ---- carousel--100-width-height ---- */.carousel--full-bleed { height: 100%; }.carousel--full-bleed .carousel-cell { height: 100%; }/* move page dots into carousel*/.carousel--full-bleed .flickity-page-dots { bottom: 10px; }/* ---- carousel--set-carousel-size-disabled ---- */.carousel--set-carousel-size-disabled { height: 160px; }.carousel--set-carousel-size-disabled .carousel-cell { height: 100%; }.carousel--set-carousel-size-disabled-percentage { padding-bottom: 50%; }.carousel--set-carousel-size-disabled-percentage .flickity-viewport { position: absolute; width: 100%;}.carousel--set-carousel-size-disabled-percentage .carousel-cell { height: 100%; }/* ---- resize-option ---- */.carousel--resize-option { width: 300px;}/* ---- adaptive-height ---- */.carousel-cell--adapt-height2 { height: 240px; }.carousel-cell--adapt-height3 { height: 320px; }.carousel--transition-adaptive-height .flickity-viewport { -webkit-transition: height 0.2s;     transition: height 0.2s;}/* ---- bg-lazyload ---- */.carousel--bg-lazyload .carousel-cell { background-size: cover; background-position: center center; height: 220px;}/* ---- large device media query ---- */@media screen and ( min-width: 768px ) { .carousel--media-queried .carousel-cell { width: 50%; } .carousel--images-demo img {  height: 400px; }}/* edit-demo------------------------- */.edit-demo { clear: both; font-size: 0.92rem;}/* example------------------------- */.example { margin: 40px 0;}.example__code pre { margin: 0 0 20px; }/* ---- 100% width & height ---- *//* set arbitrary height */.example__demo--full-bleed { height: 300px; margin-bottom: 50px;}/* buy button overwrites------------------------- */.buy-button { border: 2px solid; color: #8C8;}.buy-button__price { background: #8C8; }.buy-button:hover .buy-button__price { background: #E90; }/* fizzy-docs-modules-overwrites------------------------- *//* ---- site-footer ---- */.site-footer { background: #FAFAFA; margin-top: 0; position: relative;}.site-footer .twitter-logo { fill: #8C8; }.site-footer a:hover .twitter-logo { fill: #E90; }/* ---- showcase-item ---- */.showcase-item__link { background: #EEE;}.showcase-item__link:hover { background: #8C8; color: white;}/* ---- fizzy-bear-shirt ---- */.fizzy-bear-shirt__link { display: block; padding: 10px; border-radius: 8px; background: #eee;}.fizzy-bear-shirt__title { margin-top: 0;}.fizzy-bear-shirt__image { border-radius: 5px;}.fizzy-bear-shirt__link:hover { background: #8C8; color: white;}/* ---- metafizzy-logo ---- */.site-footer .metafizzy-logo { width: 55px; margin-right: 5px;}.metafizzy-logo__stripe1,.metafizzy-logo__stripe2,.metafizzy-logo__stripe3,.metafizzy-logo__stripe4 { fill: #8C8; }.metafizzy-brand__link:hover .metafizzy-logo__stripe1 { fill: #C25; }.metafizzy-brand__link:hover .metafizzy-logo__stripe2 { fill: #E62; }.metafizzy-brand__link:hover .metafizzy-logo__stripe3 { fill: #EA0; }.metafizzy-brand__link:hover .metafizzy-logo__stripe4 { fill: #19F; }/* ---- metafizzy-wordmark ---- */.metafizzy-wordmark path { fill: #8C8; }.metafizzy-brand__link:hover .metafizzy-wordmark path { fill: #333; }@media screen and ( min-width: 1220px ) { .site-footer .metafizzy-brand {  position: absolute;  left: 1000px;  top: 70px;  width: 180px; } .site-footer .metafizzy-logo {  display: block;  width: 90px;  margin: 0 auto 10px; } .site-footer .metafizzy-wordmark {  width: 140px;  margin: 0 auto;  display: block; }}/* hero-carousel------------------------- */.hero-carousel { margin-bottom: 80px; background: #FAFAFA url('http://i.imgur.com/R60qKwS.jpg'); background-size: cover;}.hero-carousel__cell { width: 100%; height: 240px; color: white; background: #ED2; background: #EFCE36; /* match gif */}.hero-carousel__cell__content { padding: 20px 60px 0; max-width: 1000px; margin: 0 auto; position: relative;}.hero-carousel h1 { font-size: 3.2rem; line-height: 1.0; margin: 0; padding-top: 40px;}.hero-carousel .tagline { font-size: 1.4rem; line-height: 1.0; margin: 0; color: #444;}.hero-illustration { display: block; width: 100%; max-width: 200px; margin: 0 auto;}.hero-carousel__cell--2 { background: #8C8;}.slogan { line-height: 1.2; margin: 0;}.slogan--easy,.slogan--fun { font-size: 2.2rem; line-height: 1.1;}.slogan--tagline { margin-top: 10px; font-size: 1.2rem; color: #444;}.feature-list { font-size: 1.8rem; list-style: none; line-height: 1.2; margin: 0; padding: 0;}.feature-list li { margin-bottom: 10px;}.hero-carousel__cell--3 { background: #E90;}.hero-carousel__cell--4 { background: #E5A;}.by-line { line-height: 1.2; margin: 0; font-size: 1.8rem;}.by-line--made { padding-top: 20px; margin-bottom: 10px; color: #444;}@media screen and ( max-width: 500px ) { /* hide first cell content on small devices */ .hero-carousel h1, .hero-carousel .tagline {  display: none; }}@media screen and ( min-width: 500px ) { .hero-carousel__cell--1 .hero-carousel__cell__content {  padding-right: 260px; } .hero-illustration {  position: absolute;  right: 60px;  top: 20px; }}/* ---- large device styles ---- */@media screen and ( min-width: 768px ) { .hero-carousel__cell {  height: 440px; } .hero-carousel__cell__content {  padding-top: 40px; } .hero-carousel h1 {  font-size: 5.8rem; } .hero-carousel .tagline {  font-size: 2.1rem; } .hero-illustration {  top: 80px; } .slogan--easy, .slogan--fun {  font-size: 4.8rem; } .slogan--tagline {  margin-top: 20px;  font-size: 2.4rem; } .feature-list {  font-size: 3.1rem; } .feature-list li {  margin-bottom: 20px; } .by-line {  font-size: 3.1rem; } .by-line--made {  padding-top: 40px;  margin-bottom: 20px; }}@media screen and ( min-width: 960px ) { .hero-carousel__cell--1 .hero-carousel__cell__content {  padding-right: 400px; } .hero-carousel h1 {  font-size: 7.8rem; } .hero-illustration {  max-width: 400px;  top: 20px }}/* in-use-carousel------------------------- */.in-use-carousel {}.in-use-carousel__item { width: 400px; height: 450px; display: block; position: relative; margin-right: 40px; border-radius: 5px;}.in-use-carousel__item__title { position: absolute; bottom: 0px; text-align: center; width: 100%; margin: 0; line-height: 50px;}.in-use-carousel__item__image { display: block; max-width: 100%; border-radius: 5px; transition: opacity 0.4s; opacity: 0;}/* fade in image when loaded */.in-use-carousel__item__image.flickity-lazyloaded,.in-use-carousel__item__image.flickity-lazyerror { opacity: 1;}/* page-nav------------------------- */.page-nav { list-style: none; margin: 0 0 40px; padding: 0 10px 0 0; font-size: 0.85rem; line-height: 1.2;}.page-nav li { margin: 0.2rem 0;}.page-nav__item--h3,.page-nav__item--h4 { padding-left: 15px;}@media screen and ( min-width: 1220px ) { .page-nav {  position: absolute;  right: 0px;  top: 0px;  width: 200px;  padding-top: 20px; } /* activate sticky */ .page-nav:after {  content: 'sticky';  display: none; } .page-nav.is-fixed {  position: fixed; }}/* site nav------------------------- */.site-nav { background: #8C8;}/* bottom nav */.main ~ .site-nav { position: relative; margin-top: 80px; z-index: 2; /* on top of page-nav */}.site-nav__list { list-style: none; margin: 0; padding: 0;}.site-nav__list:after { content: ''; clear: both; display: block;}.site-nav__item { width: 33.333%; float: left; line-height: 28px;}.site-nav__item a { display: block; color: white; padding: 5px}.site-nav__item--homepage { font-size: 21px; font-weight: bold;}.site-nav__item--homepage a {}.site-nav__item a:hover { background: #E5A; color: white;}.site-nav__item a:active { background: white; color: #8C8;}/* selected */.page--style .site-nav__item--style a,.page--options .site-nav__item--options a,.page--api .site-nav__item--api a,.page--events .site-nav__item--events a,.page--extras .site-nav__item--extras a,.page--license .site-nav__item--license a { background: #ED2; color: white;}/* size at which it can fit */@media screen and ( min-width: 768px ) { .site-nav__item {  width: auto;  font-size: 21px;  line-height: 70px; } .site-nav__item a {  padding: 0px 25px; } .site-nav__item--homepage {  font-size: 26px; }}/* * Core Owl Carousel CSS File * v1.3.3 *//* clearfix */.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}/* display none until init */.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: calc(100% + 1px);}.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}.owl-carousel .owl-item{ float: left;}.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/* mouse grab icon */.grabbing {  cursor:url(grabbing.png) 8 8, move;}/* fix */.owl-carousel .owl-wrapper,.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);}/** Owl Carousel Owl Demo Theme* v1.3.3*/.owl-theme .owl-controls{ text-align: center; bottom: 5px; width: 100%; margin-top: -25px; position: absolute;}@media (min-width: 768px){ .imagens .owl-theme .owl-controls{ display: none !important; }}/* Styling Next and Prev buttons */.owl-theme .owl-controls .owl-buttons div{ color: #d3d3d3; display: inline-block; zoom: 1; font-size: 50px;}/* Clickable class fix problem with hover on touch devices *//* Use it for non-touch hover action */.owl-theme .owl-controls.clickable .owl-buttons div:hover{ color: #E66545;}/* Styling Pagination*/.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 50%; background: #FFFFFF; border: 1px solid #9ed726;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background: #9ed726; border: 1px solid #FFFFFF;}/* If PaginationNumbers is true */.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}/* preloading images */.owl-item.loading{ min-height: 150px; background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/plugins/owl-carousel/AjaxLoader.gif) no-repeat center center}@charset "UTF-8";/** * Foundation for Sites by ZURB * Version 6.2.4 * foundation.zurb.com * Licensed under MIT Open Source *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css *//**  * 1. Set default font family to sans-serif.  * 2. Prevent iOS and IE text size adjust after device orientation change,  *  without disabling user zoom.  */html { font-family: 'Maven Pro', sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }/**  * Remove default margin.  */body { margin: 0; }/* HTML5 display definitions   ========================================================================== *//**  * Correct `block` display not defined for any HTML5 element in IE 8/9.  * Correct `block` display not defined for `details` or `summary` in IE 10/11  * and Firefox.  * Correct `block` display not defined for `main` in IE 11.  */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }/**  * 1. Correct `inline-block` display not defined in IE 8/9.  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.  */audio,canvas,progress,video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }/**  * Prevent modern browsers from displaying `audio` without controls.  * Remove excess height in iOS 5 devices.  */audio:not([controls]) { display: none; height: 0; }/**  * Address `[hidden]` styling not present in IE 8/9/10.  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.  */[hidden],template { display: none; }/* Links   ========================================================================== *//**  * Remove the gray background color from active links in IE 10.  */a { background-color: transparent; }/**  * Improve readability of focused elements when they are also in an  * active/hover state.  */a:active,a:hover { outline: 0; }/* Text-level semantics   ========================================================================== *//**  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.  */abbr[title] { border-bottom: 1px dotted; }/**  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.  */b,strong { font-weight: bold; }/**  * Address styling not present in Safari and Chrome.  */dfn { font-style: italic; }/**  * Address variable `h1` font-size and margin within `section` and `article`  * contexts in Firefox 4+, Safari, and Chrome.  */h1 { font-size: 2em; margin: 0.67em 0; }/**  * Address styling not present in IE 8/9.  */mark { background: #ff0; color: #000; }/**  * Address inconsistent and variable font size in all browsers.  */small { font-size: 80%; }/**  * Prevent `sub` and `sup` affecting `line-height` in all browsers.  */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }/* Embedded content   ========================================================================== *//**  * Remove border when inside `a` element in IE 8/9/10.  */img { border: 0; }/**  * Correct overflow not hidden in IE 9/10/11.  */svg:not(:root) { overflow: hidden; }/* Grouping content   ========================================================================== *//**  * Address margin not present in IE 8/9 and Safari.  */figure { margin: 0; }/**  * Address differences between Firefox and other browsers.  */hr { box-sizing: content-box; height: 0; }/**  * Contain overflow in all browsers.  */pre { overflow: auto; }/**  * Address odd `em`-unit font size rendering in all browsers.  */code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; }/* Forms   ========================================================================== *//**  * Known limitation: by default, Chrome and Safari on OS X allow very limited  * styling of `select`, unless a `border` property is set.  *//**  * 1. Correct color not being inherited.  *  Known issue: affects color of disabled elements.  * 2. Correct font properties not being inherited.  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.  */button,input,optgroup,select,textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }/**  * Address `overflow` set to `hidden` in IE 8/9/10/11.  */button { overflow: visible; }/**  * Address inconsistent `text-transform` inheritance for `button` and `select`.  * All other form control elements do not inherit `text-transform` values.  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.  * Correct `select` style inheritance in Firefox.  */button,select { text-transform: none; }/**  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`  *  and `video` controls.  * 2. Correct inability to style clickable `input` types in iOS.  * 3. Improve usability and consistency of cursor style between image-type  *  `input` and others.  */button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }/**  * Re-set default cursor for disabled elements.  */button[disabled],html input[disabled] { cursor: not-allowed; }/**  * Remove inner padding and border in Firefox 4+.  */button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }/**  * Address Firefox 4+ setting `line-height` on `input` using `!important` in  * the UA stylesheet.  */input { line-height: normal; }/**  * It's recommended that you don't attempt to style these elements.  * Firefox's implementation doesn't respect box-sizing, padding, or width.  *  * 1. Address box sizing set to `content-box` in IE 8/9/10.  * 2. Remove excess padding in IE 8/9/10.  */input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }/**  * Fix the cursor style for Chrome's increment/decrement buttons. For certain  * `font-size` values of the `input`, it causes the cursor style of the  * decrement button to change from `default` to `text`.  */input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto; }/**  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.  */input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }/**  * Remove inner padding and search cancel button in Safari and Chrome on OS X.  * Safari (but not Chrome) clips the cancel button when the search input has  * padding (and `textfield` appearance).  */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }/**  * Define consistent border, margin, and padding.  * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.  *//* fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em; } *//**  * 1. Correct `color` not being inherited in IE 8/9/10/11.  * 2. Remove padding so people aren't caught out if they zero out fieldsets.  */legend { border: 0; /* 1 */ padding: 0; /* 2 */ }/**  * Remove default vertical scrollbar in IE 8/9/10/11.  */textarea { overflow: auto; }/**  * Don't inherit the `font-weight` (applied by a rule above).  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.  */optgroup { font-weight: bold; }/* Tables   ========================================================================== *//**  * Remove most spacing between table cells.  */table { border-collapse: collapse; border-spacing: 0; }td,th { padding: 0; }.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }html { font-size: 100%; box-sizing: border-box; }*,*::before,*::after { box-sizing: inherit; }body { font-size: 14px; padding: 0; margin: 0; font-family: 'Maven Pro', sans-serif; line-height: 1.5; color: #404040; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }textarea { height: auto; min-height: 50px; border-radius: 0; }select { width: 100%; border-radius: 0; }#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object { max-width: none !important; }button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; } [data-whatinput='mouse'] button {  outline: 0; }.is-visible { display: block !important; }.is-hidden { display: none !important; }.row { max-width: 75rem; margin-left: auto; margin-right: auto; } .row::before, .row::after {  content: ' ';  display: table; } .row::after {  clear: both; } .row.collapse > .column, .row.collapse > .columns {  padding-left: 0;  padding-right: 0; } .row .row {  margin-left: -0.625rem;  margin-right: -0.625rem; }  @media screen and (min-width: 48em) {   .row .row {    margin-left: -0.9375rem;    margin-right: -0.9375rem; } }  .row .row.collapse {   margin-left: 0;   margin-right: 0; } .row.expanded {  max-width: none; }  .row.expanded .row {   margin-left: auto;   margin-right: auto; }.column, .columns { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 48em) {  .column, .columns {   padding-left: 0.9375rem;   padding-right: 0.9375rem; } } /*.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {  float: right; }*/ .column.end:last-child:last-child, .end.columns:last-child:last-child {  float: left; }.column.row.row, .row.row.columns { float: none; }.row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }.small-1 { width: 8.33333%; }.small-push-1 { position: relative; left: 8.33333%; }.small-pull-1 { position: relative; left: -8.33333%; }.small-offset-0 { margin-left: 0%; }.small-2 { width: 16.66667%; }.small-push-2 { position: relative; left: 16.66667%; }.small-pull-2 { position: relative; left: -16.66667%; }.small-offset-1 { margin-left: 8.33333%; }.small-3 { width: 25%; }.small-push-3 { position: relative; left: 25%; }.small-pull-3 { position: relative; left: -25%; }.small-offset-2 { margin-left: 16.66667%; }.small-4 { width: 33.33333%; }.small-push-4 { position: relative; left: 33.33333%; }.small-pull-4 { position: relative; left: -33.33333%; }.small-offset-3 { margin-left: 25%; }.small-5 { width: 41.66667%; }.small-push-5 { position: relative; left: 41.66667%; }.small-pull-5 { position: relative; left: -41.66667%; }.small-offset-4 { margin-left: 33.33333%; }.small-6 { width: 50%; }.small-push-6 { position: relative; left: 50%; }.small-pull-6 { position: relative; left: -50%; }.small-offset-5 { margin-left: 41.66667%; }.small-7 { width: 58.33333%; }.small-push-7 { position: relative; left: 58.33333%; }.small-pull-7 { position: relative; left: -58.33333%; }.small-offset-6 { margin-left: 50%; }.small-8 { width: 66.66667%; }.small-push-8 { position: relative; left: 66.66667%; }.small-pull-8 { position: relative; left: -66.66667%; }.small-offset-7 { margin-left: 58.33333%; }.small-9 { width: 75%; }.small-push-9 { position: relative; left: 75%; }.small-pull-9 { position: relative; left: -75%; }.small-offset-8 { margin-left: 66.66667%; }.small-10 { width: 83.33333%; }.small-push-10 { position: relative; left: 83.33333%; }.small-pull-10 { position: relative; left: -83.33333%; }.small-offset-9 { margin-left: 75%; }.small-11 { width: 91.66667%; }.small-push-11 { position: relative; left: 91.66667%; }.small-pull-11 { position: relative; left: -91.66667%; }.small-offset-10 { margin-left: 83.33333%; }.small-12 { width: 100%; }.small-offset-11 { margin-left: 91.66667%; }.small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {  clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {  clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {  float: left; }.small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {  clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {  clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {  float: left; }.small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {  clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {  clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {  float: left; }.small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {  clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {  clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {  float: left; }.small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {  clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {  clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {  float: left; }.small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {  clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {  clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {  float: left; }.small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {  clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {  clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {  float: left; }.small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {  clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {  clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {  float: left; }.small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; }.small-collapse .row { margin-left: 0; margin-right: 0; }.expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; }.small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; }.small-centered { margin-left: auto; margin-right: auto; } .small-centered, .small-centered:last-child:not(:first-child) {  float: none;  clear: both; }.small-uncentered,.small-push-0,.small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; }@media screen and (min-width: 48em) { .medium-1 {  width: 8.33333%; } .medium-push-1 {  position: relative;  left: 8.33333%; } .medium-pull-1 {  position: relative;  left: -8.33333%; } .medium-offset-0 {  margin-left: 0%; } .medium-2 {  width: 16.66667%; } .medium-push-2 {  position: relative;  left: 16.66667%; } .medium-pull-2 {  position: relative;  left: -16.66667%; } .medium-offset-1 {  margin-left: 8.33333%; } .medium-3 {  width: 25%; } .medium-push-3 {  position: relative;  left: 25%; } .medium-pull-3 {  position: relative;  left: -25%; } .medium-offset-2 {  margin-left: 16.66667%; } .medium-4 {  width: 33.33333%; } .medium-push-4 {  position: relative;  left: 33.33333%; } .medium-pull-4 {  position: relative;  left: -33.33333%; } .medium-offset-3 {  margin-left: 25%; } .medium-5 {  width: 41.66667%; } .medium-push-5 {  position: relative;  left: 41.66667%; } .medium-pull-5 {  position: relative;  left: -41.66667%; } .medium-offset-4 {  margin-left: 33.33333%; } .medium-6 {  width: 50%; } .medium-push-6 {  position: relative;  left: 50%; } .medium-pull-6 {  position: relative;  left: -50%; } .medium-offset-5 {  margin-left: 41.66667%; } .medium-7 {  width: 58.33333%; } .medium-push-7 {  position: relative;  left: 58.33333%; } .medium-pull-7 {  position: relative;  left: -58.33333%; } .medium-offset-6 {  margin-left: 50%; } .medium-8 {  width: 66.66667%; } .medium-push-8 {  position: relative;  left: 66.66667%; } .medium-pull-8 {  position: relative;  left: -66.66667%; } .medium-offset-7 {  margin-left: 58.33333%; } .medium-9 {  width: 75%; } .medium-push-9 {  position: relative;  left: 75%; } .medium-pull-9 {  position: relative;  left: -75%; } .medium-offset-8 {  margin-left: 66.66667%; } .medium-10 {  width: 83.33333%; } .medium-push-10 {  position: relative;  left: 83.33333%; } .medium-pull-10 {  position: relative;  left: -83.33333%; } .medium-offset-9 {  margin-left: 75%; } .medium-11 {  width: 91.66667%; } .medium-push-11 {  position: relative;  left: 91.66667%; } .medium-pull-11 {  position: relative;  left: -91.66667%; } .medium-offset-10 {  margin-left: 83.33333%; } .medium-12 {  width: 100%; } .medium-offset-11 {  margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns {  width: 100%;  float: left; }  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {   clear: both; }  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {   float: left; } .medium-up-2 > .column, .medium-up-2 > .columns {  width: 50%;  float: left; }  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {   clear: both; }  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {   float: left; } .medium-up-3 > .column, .medium-up-3 > .columns {  width: 33.33333%;  float: left; }  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {   clear: both; }  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {   float: left; } .medium-up-4 > .column, .medium-up-4 > .columns {  width: 25%;  float: left; }  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {   clear: both; }  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {   float: left; } .medium-up-5 > .column, .medium-up-5 > .columns {  width: 20%;  float: left; }  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {   clear: both; }  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {   float: left; } .medium-up-6 > .column, .medium-up-6 > .columns {  width: 16.66667%;  float: left; }  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {   clear: both; }  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {   float: left; } .medium-up-7 > .column, .medium-up-7 > .columns {  width: 14.28571%;  float: left; }  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {   clear: both; }  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {   float: left; } .medium-up-8 > .column, .medium-up-8 > .columns {  width: 12.5%;  float: left; }  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {   clear: none; }  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {   clear: both; }  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {   float: left; } .medium-collapse > .column, .medium-collapse > .columns {  padding-left: 0;  padding-right: 0; } .medium-collapse .row {  margin-left: 0;  margin-right: 0; } .expanded.row .medium-collapse.row {  margin-left: 0;  margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns {  padding-left: 0.9375rem;  padding-right: 0.9375rem; } .medium-centered {  margin-left: auto;  margin-right: auto; }  .medium-centered, .medium-centered:last-child:not(:first-child) {   float: none;   clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 {  position: static;  margin-left: 0;  margin-right: 0;  float: left; } }@media screen and (min-width: 64em) { .large-1 {  width: 8.33333%; } .large-push-1 {  position: relative;  left: 8.33333%; } .large-pull-1 {  position: relative;  left: -8.33333%; } .large-offset-0 {  margin-left: 0%; } .large-2 {  width: 16.66667%; } .large-push-2 {  position: relative;  left: 16.66667%; } .large-pull-2 {  position: relative;  left: -16.66667%; } .large-offset-1 {  margin-left: 8.33333%; } .large-3 {  width: 25%; } .large-push-3 {  position: relative;  left: 25%; } .large-pull-3 {  position: relative;  left: -25%; } .large-offset-2 {  margin-left: 16.66667%; } .large-4 {  width: 33.33333%; } .large-push-4 {  position: relative;  left: 33.33333%; } .large-pull-4 {  position: relative;  left: -33.33333%; } .large-offset-3 {  margin-left: 25%; } .large-5 {  width: 41.66667%; } .large-push-5 {  position: relative;  left: 41.66667%; } .large-pull-5 {  position: relative;  left: -41.66667%; } .large-offset-4 {  margin-left: 33.33333%; } .large-6 {  width: 50%; } .large-push-6 {  position: relative;  left: 50%; } .large-pull-6 {  position: relative;  left: -50%; } .large-offset-5 {  margin-left: 41.66667%; } .large-7 {  width: 58.33333%; } .large-push-7 {  position: relative;  left: 58.33333%; } .large-pull-7 {  position: relative;  left: -58.33333%; } .large-offset-6 {  margin-left: 50%; } .large-8 {  width: 66.66667%; } .large-push-8 {  position: relative;  left: 66.66667%; } .large-pull-8 {  position: relative;  left: -66.66667%; } .large-offset-7 {  margin-left: 58.33333%; } .large-9 {  width: 75%; } .large-push-9 {  position: relative;  left: 75%; } .large-pull-9 {  position: relative;  left: -75%; } .large-offset-8 {  margin-left: 66.66667%; } .large-10 {  width: 83.33333%; } .large-push-10 {  position: relative;  left: 83.33333%; } .large-pull-10 {  position: relative;  left: -83.33333%; } .large-offset-9 {  margin-left: 75%; } .large-11 {  width: 91.66667%; } .large-push-11 {  position: relative;  left: 91.66667%; } .large-pull-11 {  position: relative;  left: -91.66667%; } .large-offset-10 {  margin-left: 83.33333%; } .large-12 {  width: 100%; } .large-offset-11 {  margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns {  width: 100%;  float: left; }  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {   clear: both; }  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {   float: left; } .large-up-2 > .column, .large-up-2 > .columns {  width: 50%;  float: left; }  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {   clear: both; }  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {   float: left; } .large-up-3 > .column, .large-up-3 > .columns {  width: 33.33333%;  float: left; }  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {   clear: both; }  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {   float: left; } .large-up-4 > .column, .large-up-4 > .columns {  width: 25%;  float: left; }  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {   clear: both; }  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {   float: left; } .large-up-5 > .column, .large-up-5 > .columns {  width: 20%;  float: left; }  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {   clear: both; }  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {   float: left; } .large-up-6 > .column, .large-up-6 > .columns {  width: 16.66667%;  float: left; }  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {   clear: both; }  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {   float: left; } .large-up-7 > .column, .large-up-7 > .columns {  width: 14.28571%;  float: left; }  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {   clear: both; }  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {   float: left; } .large-up-8 > .column, .large-up-8 > .columns {  width: 12.5%;  float: left; }  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {   clear: none; }  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {   clear: both; }  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {   float: left; } .large-collapse > .column, .large-collapse > .columns {  padding-left: 0;  padding-right: 0; } .large-collapse .row {  margin-left: 0;  margin-right: 0; } .expanded.row .large-collapse.row {  margin-left: 0;  margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns {  padding-left: 0.9375rem;  padding-right: 0.9375rem; } .large-centered {  margin-left: auto;  margin-right: auto; }  .large-centered, .large-centered:last-child:not(:first-child) {   float: none;   clear: both; } .large-uncentered, .large-push-0, .large-pull-0 {  position: static;  margin-left: 0;  margin-right: 0;  float: left; } }div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; }p { font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; }em,i { font-style: italic; line-height: inherit; }strong,b { font-weight: bold; line-height: inherit; }small { font-size: 80%; line-height: inherit; }h1,h2,h3,h4,h5,h6 { font-family: 'Maven Pro', sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {  color: #cacaca;  line-height: 0; }h1 { font-size: 1.5rem; }h2 { font-size: 1.25rem; }h3 { font-size: 1.1875rem; }h4 { font-size: 1.125rem; }h5 { font-size: 1.0625rem; }h6 { font-size: 1rem; }@media screen and (min-width: 48em) { h1 {  font-size: 3rem; } h2 {  font-size: 2.5rem; } h3 {  font-size: 1.9375rem; } h4 {  font-size: 1.5625rem; } h5 {  font-size: 1.25rem; } h6 {  font-size: 1rem; } }a { color: inherit; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus {  color: inherit; } a img {  border: 0; }hr { max-width: 75rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #282828; border-left: 0; margin: 1.25rem auto; clear: both; }ul,ol,dl { line-height: 1.6; list-style-position: outside; }li { font-size: inherit; }ul { list-style-type: none; }ol { margin-left: 1.25rem; }ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }dl { margin-bottom: 1rem; } dl dt {  margin-bottom: 0.3rem;  font-weight: bold; }blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p {  line-height: 1.6;  color: #8a8a8a; }cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before {  content: '\2014 \0020'; }abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; }code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; }kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; }.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; }.lead { font-size: 125%; line-height: 1.6; }.stat { font-size: 2.5rem; line-height: 1; } p + .stat {  margin-top: -1rem; }.no-bullet { margin-left: 0; list-style: none; }.text-left { text-align: left; }.text-right { text-align: right; }.text-center { text-align: center; }.text-justify { text-align: justify; }@media screen and (min-width: 48em) { .medium-text-left {  text-align: left; } .medium-text-right {  text-align: right; } .medium-text-center {  text-align: center; } .medium-text-justify {  text-align: justify; } }@media screen and (min-width: 64em) { .large-text-left {  text-align: left; } .large-text-right {  text-align: right; } .large-text-center {  text-align: center; } .large-text-justify {  text-align: justify; } }.show-for-print { display: none !important; }@media print { * {  background: transparent !important;  color: black !important;  box-shadow: none !important;  text-shadow: none !important; } .show-for-print {  display: block !important; } .hide-for-print {  display: none !important; } table.show-for-print {  display: table !important; } thead.show-for-print {  display: table-header-group !important; } tbody.show-for-print {  display: table-row-group !important; } tr.show-for-print {  display: table-row !important; } td.show-for-print {  display: table-cell !important; } th.show-for-print {  display: table-cell !important; } a, a:visited {  text-decoration: underline; } a[href]:after {  content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {  content: ''; } abbr[title]:after {  content: " (" attr(title) ")"; } pre, blockquote {  border: 1px solid #8a8a8a;  page-break-inside: avoid; } thead {  display: table-header-group; } tr, img {  page-break-inside: avoid; } img {  max-width: 100% !important; } @page {  margin: 0.5cm; } p, h2, h3 {  orphans: 3;  widows: 3; } h2, h3 {  page-break-after: avoid; } }.button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #2199e8; color: #fefefe; } [data-whatinput='mouse'] .button {  outline: 0; } .button:hover, .button:focus {  background-color: #1583cc;  color: #fefefe; } .button.tiny {  font-size: 0.6rem; } .button.small {  font-size: 0.75rem; } .button.large {  font-size: 1.25rem; } .button.expanded {  display: block;  width: 100%;  margin-left: 0;  margin-right: 0; } .button.primary {  background-color: #2199e8;  color: #fefefe; }  .button.primary:hover, .button.primary:focus {   background-color: #147cc0;   color: #fefefe; } .button.secondary {  background-color: #777;  color: #fefefe; }  .button.secondary:hover, .button.secondary:focus {   background-color: #5f5f5f;   color: #fefefe; } .button.success {  background-color: #3adb76;  color: #fefefe; }  .button.success:hover, .button.success:focus {   background-color: #22bb5b;   color: #fefefe; } .button.warning {  background-color: #ffae00;  color: #fefefe; }  .button.warning:hover, .button.warning:focus {   background-color: #cc8b00;   color: #fefefe; } .button.alert {  background-color: #ec5840;  color: #fefefe; }  .button.alert:hover, .button.alert:focus {   background-color: #da3116;   color: #fefefe; } .button.hollow {  border: 1px solid #2199e8;  color: #2199e8; }  .button.hollow, .button.hollow:hover, .button.hollow:focus {   background-color: transparent; }  .button.hollow:hover, .button.hollow:focus {   border-color: #0c4d78;   color: #0c4d78; }  .button.hollow.primary {   border: 1px solid #2199e8;   color: #2199e8; }   .button.hollow.primary:hover, .button.hollow.primary:focus {    border-color: #0c4d78;    color: #0c4d78; }  .button.hollow.secondary {   border: 1px solid #777;   color: #777; }   .button.hollow.secondary:hover, .button.hollow.secondary:focus {    border-color: #3c3c3c;    color: #3c3c3c; }  .button.hollow.success {   border: 1px solid #3adb76;   color: #3adb76; }   .button.hollow.success:hover, .button.hollow.success:focus {    border-color: #157539;    color: #157539; }  .button.hollow.warning {   border: 1px solid #ffae00;   color: #ffae00; }   .button.hollow.warning:hover, .button.hollow.warning:focus {    border-color: #805700;    color: #805700; }  .button.hollow.alert {   border: 1px solid #ec5840;   color: #ec5840; }   .button.hollow.alert:hover, .button.hollow.alert:focus {    border-color: #881f0e;    color: #881f0e; } .button.disabled, .button[disabled] {  opacity: 0.25;  cursor: not-allowed; }  .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {   background-color: #2199e8;   color: #fefefe; }  .button.disabled.primary, .button[disabled].primary {   opacity: 0.25;   cursor: not-allowed; }   .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {    background-color: #2199e8;    color: #fefefe; }  .button.disabled.secondary, .button[disabled].secondary {   opacity: 0.25;   cursor: not-allowed; }   .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {    background-color: #777;    color: #fefefe; }  .button.disabled.success, .button[disabled].success {   opacity: 0.25;   cursor: not-allowed; }   .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {    background-color: #3adb76;    color: #fefefe; }  .button.disabled.warning, .button[disabled].warning {   opacity: 0.25;   cursor: not-allowed; }   .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {    background-color: #ffae00;    color: #fefefe; }  .button.disabled.alert, .button[disabled].alert {   opacity: 0.25;   cursor: not-allowed; }   .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {    background-color: #ec5840;    color: #fefefe; } .button.dropdown::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 0.4em;  border-color: #fefefe transparent transparent;  border-top-style: solid;  border-bottom-width: 0;  position: relative;  top: 0.4em;  float: right;  margin-left: 1em;  display: inline-block; } .button.arrow-only::after {  margin-left: 0;  float: none;  top: -0.1em; }[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cbcbcb; font-family: inherit; color: #0a0a0a; background-color: #fefefe; /*box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);*/ border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {  /*border: 1px solid #8a8a8a;*/  background-color: #fefefe;  outline: none;  /*box-shadow: 0 0 5px #cacaca;*/  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }textarea { max-width: 100%; } textarea[rows] {  height: auto; }input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #aaaaaa; }input::-moz-placeholder,textarea::-moz-placeholder { color: #aaaaaa; }input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #aaaaaa; }input::placeholder,textarea::placeholder { color: #aaaaaa; }input:disabled, input[readonly],textarea:disabled,textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; }[type='submit'],[type='button'] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }input[type='search'] { box-sizing: border-box; }[type='file'],[type='checkbox'],[type='radio'] { }[type='checkbox'] + label,[type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='radio'] + label[for] {  cursor: pointer; }label > [type='checkbox'],label > [type='radio'] { }[type='file'] { width: 100%; }label { display: block; margin: 0; font-weight: normal; } label.middle {  margin: 0 0 1rem;  padding: 0.5625rem 0; }.help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; }.input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child {  border-radius: 0 0 0 0; } .input-group > :last-child > * {  border-radius: 0 0 0 0; }.input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; }.input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #0a0a0a; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child {  border-right: 0; } .input-group-label:last-child {  border-left: 0; }.input-group-field { border-radius: 0; height: 2.5rem; }.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button {  margin: 0; }.input-group .input-group-button { display: table-cell; }fieldset { border: 0; padding: 0; margin: 0; }legend { margin-bottom: 0.5rem; max-width: 100%; }.fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend {  background: #fefefe;  padding: 0 0.1875rem;  margin: 0;  margin-left: -0.1875rem; }select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } @media screen and (min-width: 0\0) {  select {   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:disabled {  background-color: #e6e6e6;  cursor: not-allowed; } select::-ms-expand {  display: none; } select[multiple] {  height: auto;  background-image: none; }.is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, 0.1); border-color: #ec5840; }.is-invalid-label { color: #ec5840; }.form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #ec5840; } .form-error.is-visible {  display: block; }.accordion { list-style-type: none; background: #fefefe; margin-left: 0; }.accordion-item:first-child > :first-child { border-radius: 0 0 0 0; }.accordion-item:last-child > :last-child { border-radius: 0 0 0 0; }.accordion-title { float: left; width: 100%; padding: 10px 0; font-size: 12px; position: relative;} :last-child:not(.is-active) > .accordion-title {  border-radius: 0 0 0 0;   } .accordion-title:hover, .accordion-title:focus {  /*background-color: #e6e6e6;*/ }  .accordion-title::before {   font-family: arial;   content: '+';   position: absolute;   right: 0;   font-size: 12px; }  .is-active > .accordion-title::before {   content: '-'; }.accordion-content { display: none; padding: 1rem 0; border-bottom: 0; background-color: #fefefe; font-size: 12px; color: #0a0a0a; } :last-child > .accordion-content:last-child {  }.is-accordion-submenu-parent > a { position: relative; } .is-accordion-submenu-parent > a::after {  font-family: icons-webart;  content: '\ea3d';  float: right;  color: #FFFFFF;  margin-top: 2px;  }.is-accordion-submenu-parent[aria-expanded='true'] > a::after { content: '\ea1c'; }.badge { display: inline-block; padding: 0.3em; min-width: 2.1em; font-size: 0.6rem; text-align: center; border-radius: 50%; background: #2199e8; color: #fefefe; } .badge.secondary {  background: #777;  color: #fefefe; } .badge.success {  background: #3adb76;  color: #fefefe; } .badge.warning {  background: #ffae00;  color: #fefefe; } .badge.alert {  background: #ec5840;  color: #fefefe; }.breadcrumbs { list-style: none; margin: 0 0 1rem 0; } .breadcrumbs::before, .breadcrumbs::after {  content: ' ';  display: table; } .breadcrumbs::after {  clear: both; } .breadcrumbs li {  float: left;  color: #0a0a0a;  font-size: 0.6875rem;  cursor: default;  text-transform: uppercase; }  .breadcrumbs li:not(:last-child)::after {   color: #cacaca;   content: "/";   margin: 0 0.75rem;   position: relative;   top: 1px;   opacity: 1; } .breadcrumbs a {  color: #2199e8; }  .breadcrumbs a:hover {   text-decoration: underline; } .breadcrumbs .disabled {  color: #cacaca;  cursor: not-allowed; }.button-group { margin-bottom: 1rem; font-size: 0; } .button-group::before, .button-group::after {  content: ' ';  display: table; } .button-group::after {  clear: both; } .button-group .button {  margin: 0;  margin-right: 1px;  margin-bottom: 1px;  font-size: 0.9rem; }  .button-group .button:last-child {   margin-right: 0; } .button-group.tiny .button {  font-size: 0.6rem; } .button-group.small .button {  font-size: 0.75rem; } .button-group.large .button {  font-size: 1.25rem; } .button-group.expanded {  margin-right: -1px; }  .button-group.expanded::before, .button-group.expanded::after {   display: none; }  .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {   display: inline-block;   width: calc(50% - 1px);   margin-right: 1px; }   .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {    margin-right: -6px; }  .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {   display: inline-block;   width: calc(33.33333% - 1px);   margin-right: 1px; }   .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {    margin-right: -6px; }  .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {   display: inline-block;   width: calc(25% - 1px);   margin-right: 1px; }   .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {    margin-right: -6px; }  .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {   display: inline-block;   width: calc(20% - 1px);   margin-right: 1px; }   .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {    margin-right: -6px; }  .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {   display: inline-block;   width: calc(16.66667% - 1px);   margin-right: 1px; }   .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {    margin-right: -6px; } .button-group.primary .button {  background-color: #2199e8;  color: #fefefe; }  .button-group.primary .button:hover, .button-group.primary .button:focus {   background-color: #147cc0;   color: #fefefe; } .button-group.secondary .button {  background-color: #777;  color: #fefefe; }  .button-group.secondary .button:hover, .button-group.secondary .button:focus {   background-color: #5f5f5f;   color: #fefefe; } .button-group.success .button {  background-color: #3adb76;  color: #fefefe; }  .button-group.success .button:hover, .button-group.success .button:focus {   background-color: #22bb5b;   color: #fefefe; } .button-group.warning .button {  background-color: #ffae00;  color: #fefefe; }  .button-group.warning .button:hover, .button-group.warning .button:focus {   background-color: #cc8b00;   color: #fefefe; } .button-group.alert .button {  background-color: #ec5840;  color: #fefefe; }  .button-group.alert .button:hover, .button-group.alert .button:focus {   background-color: #da3116;   color: #fefefe; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {  width: 100%; }  .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {   margin-bottom: 0; } @media screen and (min-width: 48em) {  .button-group.stacked-for-small .button {   width: auto;   margin-bottom: 0; } } @media screen and (min-width: 64em) {  .button-group.stacked-for-medium .button {   width: auto;   margin-bottom: 0; } } @media screen and (max-width: 47.9375em) {  .button-group.stacked-for-small.expanded {   display: block; }   .button-group.stacked-for-small.expanded .button {    display: block;    margin-right: 0; } }.callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; position: relative; color: #0a0a0a; background-color: white; } .callout > :first-child {  margin-top: 0; } .callout > :last-child {  margin-bottom: 0; } .callout.primary {  background-color: #def0fc; } .callout.secondary {  background-color: #ebebeb; } .callout.success {  background-color: #e1faea; } .callout.warning {  background-color: #fff3d9; } .callout.alert {  background-color: #fce6e2; } .callout.small {  padding-top: 0.5rem;  padding-right: 0.5rem;  padding-bottom: 0.5rem;  padding-left: 0.5rem; } .callout.large {  padding-top: 3rem;  padding-right: 3rem;  padding-bottom: 3rem;  padding-left: 3rem; }.close-button { position: absolute; color: #8a8a8a; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput='mouse'] .close-button {  outline: 0; } .close-button:hover, .close-button:focus {  color: #0a0a0a; }.menu { margin: 0; list-style-type: none; } .menu > li {  display: table-cell;  vertical-align: middle; }  [data-whatinput='mouse'] .menu > li {   outline: 0; } .menu > li > a {  display: block;  padding: 1rem;  line-height: 1; } .menu input, .menu a, .menu button {  margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg {  vertical-align: middle; }  .menu > li > a img + span,  .menu > li > a i + span,  .menu > li > a svg + span {   vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg {  margin-right: 0.25rem;  display: inline-block; } .menu > li {  display: table-cell; } .menu.vertical > li {  display: block; } @media screen and (min-width: 48em) {  .menu.medium-horizontal > li {   display: table-cell; }  .menu.medium-vertical > li {   display: block; } } @media screen and (min-width: 64em) {  .menu.large-horizontal > li {   display: table-cell; }  .menu.large-vertical > li {   display: block; } } .menu.simple li {  line-height: 1;  display: inline-block;  margin-right: 1rem; } .menu.simple a {  padding: 0; } .menu.align-right::before, .menu.align-right::after {  content: ' ';  display: table; } .menu.align-right::after {  clear: both; } .menu.align-right > li {  float: right; } .menu.expanded {  width: 100%;  display: table;  table-layout: fixed; }  .menu.expanded > li:first-child:last-child {   width: 100%; } .menu.icon-top > li > a {  text-align: center; }  .menu.icon-top > li > a img,  .menu.icon-top > li > a i,  .menu.icon-top > li > a svg {   display: block;   margin: 0 auto 0.25rem; } .menu.nested {  text-indent: 1rem;  margin-bottom: 25px;} .menu .active > a {  color: #fefefe;  background: #2199e8; }.menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; }.menu-centered { text-align: center; } .menu-centered > .menu {  display: inline-block; }.no-js [data-responsive-menu] ul { display: none; }.menu-icon { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon::after {  content: '';  position: absolute;  display: block;  width: 100%;  height: 2px;  background: #fefefe;  top: 0;  left: 0;  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } .menu-icon:hover::after {  background: #cacaca;  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }.menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after {  content: '';  position: absolute;  display: block;  width: 100%;  height: 2px;  background: #0a0a0a;  top: 0;  left: 0;  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after {  background: #8a8a8a;  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }.is-drilldown { position: relative; overflow: hidden; } .is-drilldown li {  display: block !important; }.is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active {  z-index: 1;  display: block;  -webkit-transform: translateX(-100%);    -ms-transform: translateX(-100%);      transform: translateX(-100%); } .is-drilldown-submenu.is-closing {  -webkit-transform: translateX(100%);    -ms-transform: translateX(100%);      transform: translateX(100%); }.is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 6px;  border-color: transparent transparent transparent #2199e8;  border-left-style: solid;  border-right-width: 0;  position: absolute;  top: 50%;  margin-top: -6px;  right: 1rem; }.js-drilldown-back > a::before { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; }.dropdown-pane { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 0; display: block; font-size: 1rem; padding: 1rem; position: absolute; visibility: hidden; width: 300px; z-index: 10; } .dropdown-pane.is-open {  visibility: visible; }.dropdown-pane.tiny { width: 100px; }.dropdown-pane.small { width: 200px; }.dropdown-pane.large { width: 400px; }.dropdown.menu > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; }.dropdown.menu > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; }.dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; }.dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; }[data-whatinput='mouse'] .dropdown.menu a { outline: 0; }.no-js .dropdown.menu ul { display: none; }.dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; }.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; }.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }.dropdown.menu.vertical > li > a::after { right: 14px; margin-top: -3px; }.dropdown.menu.vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; }.dropdown.menu.vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; }@media screen and (min-width: 48em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {  left: auto;  right: 0;  top: 100%; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {  right: auto;  left: 0;  top: 100%; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {  padding-right: 1.5rem;  position: relative; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: #2199e8 transparent transparent;  border-top-style: solid;  border-bottom-width: 0;  right: 5px;  margin-top: -2px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu {  top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {  left: auto;  right: 100%; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {  right: auto;  left: 100%; } .dropdown.menu.medium-vertical > li > a::after {  right: 14px;  margin-top: -3px; } .dropdown.menu.medium-vertical > li.opens-left > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent #2199e8 transparent transparent;  border-right-style: solid;  border-left-width: 0; } .dropdown.menu.medium-vertical > li.opens-right > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent transparent transparent #2199e8;  border-left-style: solid;  border-right-width: 0; } }@media screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {  left: auto;  right: 0;  top: 100%; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {  right: auto;  left: 0;  top: 100%; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {  padding-right: 1.5rem;  position: relative; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: #2199e8 transparent transparent;  border-top-style: solid;  border-bottom-width: 0;  right: 5px;  margin-top: -2px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu {  top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {  left: auto;  right: 100%; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {  right: auto;  left: 100%; } .dropdown.menu.large-vertical > li > a::after {  right: 14px;  margin-top: -3px; } .dropdown.menu.large-vertical > li.opens-left > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent #2199e8 transparent transparent;  border-right-style: solid;  border-left-width: 0; } .dropdown.menu.large-vertical > li.opens-right > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent transparent transparent #2199e8;  border-left-style: solid;  border-right-width: 0; } }.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; }.is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right {  float: right; }.is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after {  position: absolute;  top: 50%;  right: 5px;  margin-top: -2px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {  top: 100%;  left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {  left: auto;  right: 100%; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {  right: auto;  left: 100%; }.is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fefefe; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {  right: 14px;  margin-top: -3px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent #2199e8 transparent transparent;  border-right-style: solid;  border-left-width: 0; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {  content: '';  display: block;  width: 0;  height: 0;  border: inset 5px;  border-color: transparent transparent transparent #2199e8;  border-left-style: solid;  border-right-width: 0; } .is-dropdown-submenu .is-dropdown-submenu {  margin-top: -1px; } .is-dropdown-submenu > li {  width: 100%; } .is-dropdown-submenu.js-dropdown-active {  display: block; }.flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; } .flex-video.widescreen {  padding-bottom: 56.25%; } .flex-video.vimeo {  padding-top: 0; }.label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #2199e8; color: #fefefe; } .label.secondary {  background: #777;  color: #fefefe; } .label.success {  background: #3adb76;  color: #fefefe; } .label.warning {  background: #ffae00;  color: #fefefe; } .label.alert {  background: #ec5840;  color: #fefefe; }.media-object { margin-bottom: 1rem; display: block; } .media-object img {  max-width: none; } @media screen and (max-width: 47.9375em) {  .media-object.stack-for-small .media-object-section {   padding: 0;   padding-bottom: 1rem;   display: block; }   .media-object.stack-for-small .media-object-section img {    width: 100%; } }.media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child {  padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) {  padding-left: 1rem; } .media-object-section > :last-child {  margin-bottom: 0; } .media-object-section.middle {  vertical-align: middle; } .media-object-section.bottom {  vertical-align: bottom; }html,body {  }.off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; -webkit-backface-visibility: hidden;     backface-visibility: hidden; -webkit-overflow-scrolling: auto; }.off-canvas-wrapper-inner { position: relative; width: 100%; min-height: 100%; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {  content: ' ';  display: table; } .off-canvas-wrapper-inner::after {  clear: both; }.off-canvas-content,.off-canvas-content { min-height: 100%; background: #fefefe; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; -webkit-backface-visibility: hidden;     backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }.js-off-canvas-exit { display: none; position: absolute; z-index: 99999; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/cabecalho/close.png); background-position: left 15px top 15px; background-size: 20px; background-repeat: no-repeat; cursor: pointer; }.off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; -webkit-transform: translateX(0);   -ms-transform: translateX(0);     transform: translateX(0); } [data-whatinput='mouse'] .off-canvas {  outline: 0; } .off-canvas.position-left {  left: -250px;  height: 100vh;  top: 0;  width: 250px; }  .is-open-left {   -webkit-transform: translateX(250px);     -ms-transform: translateX(250px);       transform: translateX(250px); } .off-canvas.position-right {  right: -250px;  top: 0;  width: 250px; }  .is-open-right {   -webkit-transform: translateX(-250px);     -ms-transform: translateX(-250px);       transform: translateX(-250px); }@media screen and (min-width: 48em) { .position-left.reveal-for-medium {  left: 0;  z-index: auto;  position: fixed; }  .position-left.reveal-for-medium ~ .off-canvas-content {   margin-left: 250px; } .position-right.reveal-for-medium {  right: 0;  z-index: auto;  position: fixed; }  .position-right.reveal-for-medium ~ .off-canvas-content {   margin-right: 250px; } }@media screen and (min-width: 64em) { .position-left.reveal-for-large {  left: 0;  z-index: auto;  position: fixed; }  .position-left.reveal-for-large ~ .off-canvas-content {   margin-left: 250px; } .position-right.reveal-for-large {  right: 0;  z-index: auto;  position: fixed; }  .position-right.reveal-for-large ~ .off-canvas-content {   margin-right: 250px; } }.orbit { position: relative; }.orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; }.orbit-slide { width: 100%; max-height: 100%; } .orbit-slide.no-motionui.is-active {  top: 0;  left: 0; }.orbit-figure { margin: 0; }.orbit-image { margin: 0; width: 100%; max-width: 100%; }.orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #fefefe; background-color: rgba(10, 10, 10, 0.5); }.orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);     transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {  outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {  background-color: rgba(10, 10, 10, 0.5); }.orbit-previous { left: 0; }.orbit-next { left: auto; right: 0; }.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets {  outline: 0; } .orbit-bullets button {  width: 1.2rem;  height: 1.2rem;  margin: 0.1rem;  background-color: #cacaca;  border-radius: 50%; }  .orbit-bullets button:hover {   background-color: #8a8a8a; }  .orbit-bullets button.is-active {   background-color: #8a8a8a; }.pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after {  content: ' ';  display: table; } .pagination::after {  clear: both; } .pagination li {  font-size: 0.875rem;  margin-right: 0.0625rem;  border-radius: 0;  display: none; }  .pagination li:last-child, .pagination li:first-child {   display: inline-block; }  @media screen and (min-width: 48em) {   .pagination li {    display: inline-block; } } .pagination a, .pagination button {  color: #0a0a0a;  display: block;  padding: 0.1875rem 0.625rem;  border-radius: 0; }  .pagination a:hover,  .pagination button:hover {   background: #e6e6e6; } .pagination .current {  padding: 0.1875rem 0.625rem;  background: #2199e8;  color: #fefefe;  cursor: default; } .pagination .disabled {  padding: 0.1875rem 0.625rem;  color: #cacaca;  cursor: not-allowed; }  .pagination .disabled:hover {   background: transparent; } .pagination .ellipsis::after {  content: '\2026';  padding: 0.1875rem 0.625rem;  color: #0a0a0a; }.pagination-previous a::before,.pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; }.pagination-next a::after,.pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; }.progress { background-color: #cacaca; height: 1rem; margin-bottom: 1rem; border-radius: 0; } .progress.primary .progress-meter {  background-color: #2199e8; } .progress.secondary .progress-meter {  background-color: #777; } .progress.success .progress-meter {  background-color: #3adb76; } .progress.warning .progress-meter {  background-color: #ffae00; } .progress.alert .progress-meter {  background-color: #ec5840; }.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #2199e8; }.progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);     transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; }body.is-reveal-open { overflow: hidden; }html.is-reveal-open,html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;     user-select: none; }.reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; }.reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #cacaca; background-color: #fefefe; border-radius: 0; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal {  outline: 0; } @media screen and (min-width: 48em) {  .reveal {   min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns {  min-width: 0; } .reveal > :last-child {  margin-bottom: 0; } @media screen and (min-width: 48em) {  .reveal {   width: 600px;   max-width: 75rem; } } @media screen and (min-width: 48em) {  .reveal .reveal {   left: auto;   right: auto;   margin: 0 auto; } } .reveal.collapse {  padding: 0; } @media screen and (min-width: 48em) {  .reveal.tiny {   width: 30%;   max-width: 75rem; } } @media screen and (min-width: 48em) {  .reveal.small {   width: 50%;   max-width: 75rem; } } @media screen and (min-width: 48em) {  .reveal.large {   width: 90%;   max-width: 75rem; } } .reveal.full {  top: 0;  left: 0;  width: 100%;  height: 100%;  height: 100vh;  min-height: 100vh;  max-width: none;  margin-left: 0;  border: 0;  border-radius: 0; } @media screen and (max-width: 47.9375em) {  .reveal {   top: 0;   left: 0;   width: 100%;   height: 100%;   height: 100vh;   min-height: 100vh;   max-width: none;   margin-left: 0;   border: 0;   border-radius: 0; } } .reveal.without-overlay {  position: fixed; }.slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;     user-select: none; -ms-touch-action: none;   touch-action: none; }.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging {  transition: all 0s linear; }.slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);     transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #2199e8; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation;   touch-action: manipulation; border-radius: 0; } [data-whatinput='mouse'] .slider-handle {  outline: 0; } .slider-handle:hover {  background-color: #1583cc; } .slider-handle.is-dragging {  transition: all 0s linear; }.slider.disabled,.slider[disabled] { opacity: 0.25; cursor: not-allowed; }.slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1);   -ms-transform: scale(1, -1);     transform: scale(1, -1); } .slider.vertical .slider-fill {  top: 0;  width: 0.5rem;  max-height: 100%; } .slider.vertical .slider-handle {  position: absolute;  top: 0;  left: 50%;  width: 1.4rem;  height: 1.4rem;  -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);      transform: translateX(-50%); }.sticky-container { position: relative; }.sticky { position: absolute; z-index: 0; -webkit-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0); }.sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top {  top: 0; } .sticky.is-stuck.is-at-bottom {  bottom: 0; }.sticky.is-anchored { position: absolute; left: auto; right: auto; } .sticky.is-anchored.is-at-bottom {  bottom: 0; }.switch { height: 2rem; margin-bottom: 1rem; outline: 0; position: relative; -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;     user-select: none; color: #fefefe; font-weight: bold; font-size: 0.875rem; }.switch-input { opacity: 0; position: absolute; margin-bottom: 0; }.switch-paddle { background: #cacaca; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0; color: inherit; font-weight: inherit; } input + .switch-paddle {  margin: 0; } .switch-paddle::after {  background: #fefefe;  content: '';  display: block;  position: absolute;  height: 1.5rem;  left: 0.25rem;  top: 0.25rem;  width: 1.5rem;  transition: all 0.25s ease-out;  -webkit-transform: translate3d(0, 0, 0);      transform: translate3d(0, 0, 0);  border-radius: 0; } input:checked ~ .switch-paddle {  background: #2199e8; }  input:checked ~ .switch-paddle::after {   left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle {  outline: 0; }.switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);     transform: translateY(-50%); }.switch-active { left: 8%; display: none; } input:checked + label > .switch-active {  display: block; }.switch-inactive { right: 15%; } input:checked + label > .switch-inactive {  display: none; }.switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle {  width: 3rem;  height: 1.5rem;  font-size: 0.625rem; } .switch.tiny .switch-paddle::after {  width: 1rem;  height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after {  left: 1.75rem; }.switch.small { height: 1.75rem; } .switch.small .switch-paddle {  width: 3.5rem;  height: 1.75rem;  font-size: 0.75rem; } .switch.small .switch-paddle::after {  width: 1.25rem;  height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after {  left: 2rem; }.switch.large { height: 2.5rem; } .switch.large .switch-paddle {  width: 5rem;  height: 2.5rem;  font-size: 1rem; } .switch.large .switch-paddle::after {  width: 2rem;  height: 2rem; } .switch.large input:checked ~ .switch-paddle::after {  left: 2.75rem; }table { width: 100%; border-radius: 0; } table thead, table tbody, table tfoot {  background-color: #fafafa; } table caption {  font-weight: bold;  padding: 0.5rem 0.625rem 0.625rem; } table thead {  background: #f8f8f8;  color: #0a0a0a; } table tfoot {  background: #f1f1f1;  color: #0a0a0a; } table thead tr, table tfoot tr {  background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td {  padding: 0.5rem 0.625rem 0.625rem;  font-weight: bold;  text-align: left; } table tbody tr:nth-child(even) {  background-color: #FFFFFF; } table tbody th, table tbody td {  padding: 0.5rem 0.625rem 0.625rem; }@media screen and (max-width: 63.9375em) { table.stack thead {  display: none; } table.stack tfoot {  display: none; } table.stack tr, table.stack th, table.stack td {  display: block; } table.stack td {  border-top: 0; } }table.scroll { display: block; width: 100%; overflow-x: auto; }table.hover thead tr:hover { background-color: #f3f3f3; }table.hover tfoot tr:hover { background-color: #ececec; }table.hover tbody tr:hover { background-color: #f9f9f9; }table.hover tbody tr:nth-of-type(even):hover { background-color: #ececec; }.table-scroll { overflow-x: auto; } .table-scroll table {  width: auto; }.tabs { margin: 0; list-style-type: none; border-bottom: 1px solid #e6e6e6; margin-bottom: -1px; background: #fefefe; } .tabs::before, .tabs::after {  content: ' ';  display: table; } .tabs::after {  clear: both; }.tabs.vertical > li { width: auto; float: none; display: block; }.tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover {  background: transparent; }.tabs.primary { background: #2199e8; } .tabs.primary > li > a {  color: #fefefe; }  .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {   background: #1893e4; }.tabs-title { float: left; } .tabs-title > a {  display: block;  padding: 1rem 1.5rem;  border: 1px solid #e6e6e6;  border-right: 0;  background: #ffffff;  margin-bottom: -1px;  line-height: 1;  font-size: 15px; }  .tabs-title > a:hover {   background: #fefefe; }  .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {   font-weight: 700;   border-bottom: 1px solid #ffffff; }   .tabs-title:last-child a{    border-right: 1px solid #e6e6e6;   }.tabs-content { background: #fefefe; transition: all 0.5s ease; border: 1px solid #e6e6e6; }.tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; }.tabs-panel { display: none; } .tabs-panel.is-active {  display: block; }.thumbnail { border: solid 4px #fefefe; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus {  box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }.title-bar { background: #0a0a0a; color: #fefefe; padding: 0.5rem; } .title-bar::before, .title-bar::after {  content: ' ';  display: table; } .title-bar::after {  clear: both; } .title-bar .menu-icon {  margin-left: 0.25rem;  margin-right: 0.25rem; }.title-bar-left { float: left; }.title-bar-right { float: right; text-align: right; }.title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; }.has-tip { border-bottom: dotted 1px #8a8a8a; font-weight: bold; position: relative; display: inline-block; cursor: help; }.tooltip { background-color: #0a0a0a; color: #fefefe; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 10; top: calc(100% + 0.6495rem); max-width: 10rem !important; border-radius: 0; } .tooltip::before {  content: '';  display: block;  width: 0;  height: 0;  border: inset 0.75rem;  border-color: transparent transparent #0a0a0a;  border-bottom-style: solid;  border-top-width: 0;  bottom: 100%;  position: absolute;  left: 50%;  -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);      transform: translateX(-50%); } .tooltip.top::before {  content: '';  display: block;  width: 0;  height: 0;  border: inset 0.75rem;  border-color: #0a0a0a transparent transparent;  border-top-style: solid;  border-bottom-width: 0;  top: 100%;  bottom: auto; } .tooltip.left::before {  content: '';  display: block;  width: 0;  height: 0;  border: inset 0.75rem;  border-color: transparent transparent transparent #0a0a0a;  border-left-style: solid;  border-right-width: 0;  bottom: auto;  left: 100%;  top: 50%;  -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);      transform: translateY(-50%); } .tooltip.right::before {  content: '';  display: block;  width: 0;  height: 0;  border: inset 0.75rem;  border-color: transparent #0a0a0a transparent transparent;  border-right-style: solid;  border-left-width: 0;  bottom: auto;  left: auto;  right: 100%;  top: 50%;  -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);      transform: translateY(-50%); }.top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after {  content: ' ';  display: table; } .top-bar::after {  clear: both; } .top-bar, .top-bar ul {  background-color: #e6e6e6; } .top-bar input {  max-width: 200px;  margin-right: 1rem; } .top-bar .input-group-field {  width: 100%;  margin-right: 0; } .top-bar input.button {  width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right {  width: 100%; } @media screen and (min-width: 48em) {  .top-bar .top-bar-left,  .top-bar .top-bar-right {   width: auto; } } @media screen and (max-width: 63.9375em) {  .top-bar.stacked-for-medium .top-bar-left,  .top-bar.stacked-for-medium .top-bar-right {   width: 100%; } } @media screen and (max-width: 74.9375em) {  .top-bar.stacked-for-large .top-bar-left,  .top-bar.stacked-for-large .top-bar-right {   width: 100%; } }.top-bar-title { float: left; margin-right: 1rem; }.top-bar-left { float: left; }.top-bar-right { float: right; }.hide { display: none !important; }.invisible { visibility: hidden; }@media screen and (max-width: 47.9375em) { .hide-for-small-only {  display: none !important; } }@media screen and (max-width: 0em), screen and (min-width: 48em) { .show-for-small-only {  display: none !important; } }@media screen and (min-width: 48em) { .hide-for-medium {  display: none !important; } }@media screen and (max-width: 47.9375em) { .show-for-medium {  display: none !important; } }@media screen and (min-width: 48em) and (max-width: 63.9375em) { .hide-for-medium-only {  display: none !important; } }@media screen and (max-width: 47.9375em), screen and (min-width: 64em) { .show-for-medium-only {  display: none !important; } }@media screen and (min-width: 64em) { .hide-for-large {  display: none !important; } }@media screen and (max-width: 63.9375em) { .show-for-large {  display: none !important; } }@media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only {  display: none !important; } }@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only {  display: none !important; } }.show-for-sr,.show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }.show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }.show-for-landscape,.hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) {  .show-for-landscape,  .hide-for-portrait {   display: block !important; } } @media screen and (orientation: portrait) {  .show-for-landscape,  .hide-for-portrait {   display: none !important; } }.hide-for-landscape,.show-for-portrait { display: none !important; } @media screen and (orientation: landscape) {  .hide-for-landscape,  .show-for-portrait {   display: none !important; } } @media screen and (orientation: portrait) {  .hide-for-landscape,  .show-for-portrait {   display: block !important; } }.float-left { float: left !important; }.float-right { float: right !important; }.float-center { display: block; margin-left: auto; margin-right: auto; }.clearfix::before, .clearfix::after { content: ' '; display: table; }.clearfix::after { clear: both; }.slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(-100%);   -ms-transform: translateY(-100%);     transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0);   -ms-transform: translateY(0);     transform: translateY(0); }.slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(-100%);   -ms-transform: translateX(-100%);     transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0);   -ms-transform: translateX(0);     transform: translateX(0); }.slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(100%);   -ms-transform: translateY(100%);     transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0);   -ms-transform: translateY(0);     transform: translateY(0); }.slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(100%);   -ms-transform: translateX(100%);     transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0);   -ms-transform: translateX(0);     transform: translateX(0); }.slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0);   -ms-transform: translateY(0);     transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%);   -ms-transform: translateY(100%);     transform: translateY(100%); }.slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0);   -ms-transform: translateX(0);     transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%);   -ms-transform: translateX(100%);     transform: translateX(100%); }.slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0);   -ms-transform: translateY(0);     transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%);   -ms-transform: translateY(-100%);     transform: translateY(-100%); }.slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0);   -ms-transform: translateX(0);     transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden;     backface-visibility: hidden; }.slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%);   -ms-transform: translateX(-100%);     transform: translateX(-100%); }.fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; }.fade-in.mui-enter.mui-enter-active { opacity: 1; }.fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; }.fade-out.mui-leave.mui-leave-active { opacity: 0; }.hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg);     transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top;   -ms-transform-origin: top;     transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg);     transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right;   -ms-transform-origin: right;     transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg);     transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom;   -ms-transform-origin: bottom;     transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg);     transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left;   -ms-transform-origin: left;     transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg);     transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center;   -ms-transform-origin: center;     transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg);     transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center;   -ms-transform-origin: center;     transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); opacity: 1; }.hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top;   -ms-transform-origin: top;     transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg);     transform: perspective(2000px) rotateX(-90deg); opacity: 0; }.hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right;   -ms-transform-origin: right;     transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg);     transform: perspective(2000px) rotateY(-90deg); opacity: 0; }.hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom;   -ms-transform-origin: bottom;     transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg);     transform: perspective(2000px) rotateX(90deg); opacity: 0; }.hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left;   -ms-transform-origin: left;     transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg);     transform: perspective(2000px) rotateY(90deg); opacity: 0; }.hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center;   -ms-transform-origin: center;     transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg);     transform: perspective(2000px) rotateX(-90deg); opacity: 0; }.hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg);     transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center;   -ms-transform-origin: center;     transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg);     transform: perspective(2000px) rotateY(-90deg); opacity: 0; }.scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(0.5);   -ms-transform: scale(0.5);     transform: scale(0.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1);   -ms-transform: scale(1);     transform: scale(1); opacity: 1; }.scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1.5);   -ms-transform: scale(1.5);     transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1);   -ms-transform: scale(1);     transform: scale(1); opacity: 1; }.scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1);   -ms-transform: scale(1);     transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5);   -ms-transform: scale(1.5);     transform: scale(1.5); opacity: 0; }.scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1);   -ms-transform: scale(1);     transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5);   -ms-transform: scale(0.5);     transform: scale(0.5); opacity: 0; }.spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn);   -ms-transform: rotate(-0.75turn);     transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0);   -ms-transform: rotate(0);     transform: rotate(0); opacity: 1; }.spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0);   -ms-transform: rotate(0);     transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn);   -ms-transform: rotate(0.75turn);     transform: rotate(0.75turn); opacity: 0; }.spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0.75turn);   -ms-transform: rotate(0.75turn);     transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; }.spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0);   -ms-transform: rotate(0);     transform: rotate(0); opacity: 1; }.spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0);   -ms-transform: rotate(0);     transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; }.spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn);   -ms-transform: rotate(-0.75turn);     transform: rotate(-0.75turn); opacity: 0; }.slow { transition-duration: 750ms !important; }.fast { transition-duration: 250ms !important; }.linear { transition-timing-function: linear !important; }.ease { transition-timing-function: ease !important; }.ease-in { transition-timing-function: ease-in !important; }.ease-out { transition-timing-function: ease-out !important; }.ease-in-out { transition-timing-function: ease-in-out !important; }.bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }.bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }.bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }.short-delay { transition-delay: 300ms !important; }.long-delay { transition-delay: 700ms !important; }.shake { -webkit-animation-name: shake-7;     animation-name: shake-7; }@-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {  -webkit-transform: translateX(7%);      transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {  -webkit-transform: translateX(-7%);      transform: translateX(-7%); } }@keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {  -webkit-transform: translateX(7%);      transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {  -webkit-transform: translateX(-7%);      transform: translateX(-7%); } }.spin-cw { -webkit-animation-name: spin-cw-1turn;     animation-name: spin-cw-1turn; }@-webkit-keyframes spin-cw-1turn { 0% {  -webkit-transform: rotate(-1turn);      transform: rotate(-1turn); } 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }@keyframes spin-cw-1turn { 0% {  -webkit-transform: rotate(-1turn);      transform: rotate(-1turn); } 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }.spin-ccw { -webkit-animation-name: spin-cw-1turn;     animation-name: spin-cw-1turn; }@keyframes spin-cw-1turn { 0% {  -webkit-transform: rotate(0);      transform: rotate(0); } 100% {  -webkit-transform: rotate(1turn);      transform: rotate(1turn); } }.wiggle { -webkit-animation-name: wiggle-7deg;     animation-name: wiggle-7deg; }@-webkit-keyframes wiggle-7deg { 40%, 50%, 60% {  -webkit-transform: rotate(7deg);      transform: rotate(7deg); } 35%, 45%, 55%, 65% {  -webkit-transform: rotate(-7deg);      transform: rotate(-7deg); } 0%, 30%, 70%, 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }@keyframes wiggle-7deg { 40%, 50%, 60% {  -webkit-transform: rotate(7deg);      transform: rotate(7deg); } 35%, 45%, 55%, 65% {  -webkit-transform: rotate(-7deg);      transform: rotate(-7deg); } 0%, 30%, 70%, 100% {  -webkit-transform: rotate(0);      transform: rotate(0); } }.shake,.spin-cw,.spin-ccw,.wiggle { -webkit-animation-duration: 500ms;     animation-duration: 500ms; }.infinite { -webkit-animation-iteration-count: infinite;     animation-iteration-count: infinite; }.slow { -webkit-animation-duration: 750ms !important;     animation-duration: 750ms !important; }.fast { -webkit-animation-duration: 250ms !important;     animation-duration: 250ms !important; }.linear { -webkit-animation-timing-function: linear !important;     animation-timing-function: linear !important; }.ease { -webkit-animation-timing-function: ease !important;     animation-timing-function: ease !important; }.ease-in { -webkit-animation-timing-function: ease-in !important;     animation-timing-function: ease-in !important; }.ease-out { -webkit-animation-timing-function: ease-out !important;     animation-timing-function: ease-out !important; }.ease-in-out { -webkit-animation-timing-function: ease-in-out !important;     animation-timing-function: ease-in-out !important; }.bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;     animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }.bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;     animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }.bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;     animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }.short-delay { -webkit-animation-delay: 300ms !important;     animation-delay: 300ms !important; }.long-delay { -webkit-animation-delay: 700ms !important;     animation-delay: 700ms !important; }*{ -webkit-tap-highlight-color: rgba(0,0,0,0);}#banner-tracking{ cursor: pointer;}header .topoSite{ font-family: arial; font-size: 12px; text-align: center; float: left; width: 100%; margin-top: 5px; font-family: 'Maven Pro', sans-serif;}header .topoSite .item{ float: left; width: 25%;}header .topoSite .item:last-child{ border-right: none; width: 40%;}header .topoSite .item [class*="icon-"]{ color: #9ed726; font-size: 14px; margin-right: 5px; display: inline-block; vertical-align: middle;}header .topoSite .blue{ color: #008cd8;}@media (max-width: 767px){ header .topoSite{  background: #9ED726;  color: #FFFFFF; } header .topoSite .item{  width: 33.333333%;  border-color: #e5e5e5; } header .topoSite .item:nth-child(3){  border: none; } header .topoSite .item a{  padding: 13px 0;  display: block;  color: #FFFFFF; } header .topoSite .item a:first-letter{  text-transform: uppercase; } header .topoSite .item .responsiveButton{  padding: 13px 0;  display: block;  width: 100%; } .icon-botao-responsivo:before {  color: #FFFFFF; }}header .centroTopo .columns:first-of-type{ padding-right: 0px;}header .centroTopo .item{ display: table; width: 100%; text-align: center;}header .centroTopo .item .centralize{ display: table-cell; vertical-align: middle;}header .centroTopo .boxBusca{ float: left; width: 100%;}header .centroTopo .ren{ float: left; font-size: 12px; margin-top: 10px;}header .centroTopo .boxBusca input{ float: left; width: calc(100% - 95px); height: 40px;}header .centroTopo .boxBusca button{ float: right; width: 90px; height: 40px; background: #9ed726; color: #FFFFFF; font-weight: 700; font-size: 19px;}header .centroTopo .boxBusca button:hover{ background: #8DC419;}header .centroTopo .sacola{ font-size: 14px;}.minhas-compras .number{ position: absolute; width: 12%; margin-top: 15px; color: white;}header .topoLoginCompras { padding: 0px; }header .topoLoginCompras img { height: 35px; width: 35px; }header .topoLoginCompras a { margin: 0px; font-size: 12px; } @media (min-width: 767px) and (max-width: 1023px) { header .topoLoginCompras img {  height: 30px;  width: 30px;  }}header .topoLoginCompras .login { float: left; max-width: 147px; height: 34px; display: flex; } @media (min-width: 767px) and (max-width: 1023px) { header .topoLoginCompras .login {  float: none;  } }.login-cadastro{  font-size: 12px;  margin: 0 0 0 6px; } .login-cadastro a{ text-decoration: underline; } header .topoLoginCompras .minhas-compras { float: right; display: flex; max-width: 90px; height: 40px; color: #404040; } @media (min-width: 767px) and (max-width: 1023px) { header .topoLoginCompras .login, header .topoLoginCompras .minhas-compras {  float: none;  margin-top: 5px; } header .topoLoginCompras a:last-child {  max-width: 100%; } } @media (max-width: 767px) { header .topoLoginCompras .minhas-compras {  float: none;  display: flex;  width: auto;  height: auto;  margin: 0 auto;  flex-direction: column;  align-items: center;  text-align: center;   }  header .topoLoginCompras .minhas-compras img {  width: 35px;  height: 40px;  } } header .topoLoginCompras .minhas-compras span { display: flex; margin: 0 0 0 6px; width: 45px; line-height: 1.2; text-align: left; align-items: center; } @media (min-width: 767px) and (max-width: 1023px) { header .topoLoginCompras .minhas-compras span {  width: 100%;  text-align: center;  align-items: center;  } } @media (max-width: 767px) { header .topoLoginCompras .minhas-compras span {  text-align: center;  align-items: center;  width: 100%;  justify-content: center;  margin: 6px 0 0 0;  } }@media (max-width: 767px){ header .centroTopo .boxBusca{  margin-top: 15px; }}header .topoPesquisa { display: flex; flex-direction: row; margin-bottom: 3px; }header .topoPesquisa a { color: #404040; }header .topoPesquisa div { margin-right: 30px; font-size: 12px;  }.pitbar{ text-align: center; color: #6a6a6a;}.pitbar .centraliza{ display: inline-block;}.pitbar .item{ float: left; width: 33.3333%; padding: 10px 0 2px;}.pitbar .item .icone{ float: left; width: 48px; color: #38bddc; font-size: 35px; line-height: 1;}.pitbar .item .textos{ float: left; width: calc(100% - 48px); text-align: left; padding-left: 5px;}.pitbar .item .textos .t1{ font-size: 13px; font-weight: 700; text-transform: uppercase;}.pitbar .item .textos .t2{ font-size: 10px;}@media (max-width: 767px){ .pitbar{  border-top: 1px solid #e5e5e5;  margin-top: 10px; } .pitbar .item{  width: 100%; }}.carouselHome{ float: left; width: 100%;}.carouselHome .item{ float: left; width: 100%;}.carouselHome img{ float: left; width: 100%;}.divisor{ float: left; width: 100%; border-top: 1px dashed #e8e8e8; height: 1px; margin-top: 30px;}.titlesP{ float: left; width: 100%; font-size: 18px; color: #808080; margin-top: 10px; margin-bottom: 15px;}.boxProduto{ float: left; width: 100%; font-family: arial; font-size: 12px;}.boxProduto .nomeProd{ float: left; width: 100%; min-height: 35px; margin-top: 10px;}.boxProduto .valores{ float: left; width: 100%; margin-top: 10px;}.boxProduto .valores .v1{ float: left; width: 100%;}.boxProduto .valores .v1 span{ text-decoration: line-through;}.boxProduto .valores .v2{ float: left; width: 100%; color: #fb6a27;}.boxProduto .valores .v2 .t1{ display: inline-block; color: #404040; line-height: 1;}.boxProduto .valores .v2 .t2{ display: inline-block; line-height: 1;}.boxProduto .valores .v2 .t3{ display: inline-block; font-size: 40px; font-family: 'Maven Pro', sans-serif; font-weight: 700; line-height: 1;}.boxProduto .valores .v2 .t4{ display: inline-block; font-size: 19px; font-family: 'Maven Pro', sans-serif; font-weight: 700; vertical-align: top; margin-top: 5px; line-height: 1;}.boxProduto .valores .v3{ float: left; width: 100%; font-size: 11px;}.botaoComprar{ float: left; width: 100%; height: 40px; font-size: 22px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; background: #fc7931; margin-top: 15px;}.boxProduto .botaoComprar {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 40px;  font-size: 22px;  font-weight: 700;  color: #FFFFFF;  text-transform: uppercase;  background: #fc7931;  margin-top: 15px;}.boxProduto .produto{ position: relative; padding-bottom:50px; float: left;}.botaoComprar-fixo { position: fixed; bottom: 0px; width: 100%; min-height: 80px; background-color: #F5F5F5; padding: 0 10px; z-index: 999999;}.botaoComprar-fixo .boxPreco{ float: left; width: 40%; height: 100%; color: #FC7931; margin-top: 15px; font-family: 'Maven Pro', sans-serif; text-align: center;}.botaoComprar-fixo .boxPreco .v0{ font-size: 12px; color: #808080;}.botaoComprar-fixo .boxPreco .v1{ display: inline-block; font-size: 12px;}.botaoComprar-fixo .boxPreco .v2{ display: inline-block; font-size: 25px; font-weight: 800; letter-spacing: -0.1em; line-height: 1;}.botaoComprar-fixo .boxPreco .v3{ display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: -0.1em; line-height: 0.4; vertical-align: top; margin-top: 7px; width: 30px; text-align: left;}.botaoComprar-fixo .boxPreco .v4{ display: block; font-size: 12px; color: #404040;}.botaoComprar-fixo .boxPreco .v5{ display: block; font-size: 12px; color: #404040; width: 100%; text-align: center;}.botaoComprar-fixo .boxBotaoComprar{ float: left; width: 60%; margin-top: 15px; text-align: center;}.botaoComprar-fixo .boxBotaoComprar button{ width: 90%; height: 50px; background: #fb6a27; color: #FFFFFF; text-transform: uppercase; font-size: 25px; font-weight: bold; margin: 0 auto}.botaoComprar-fixo .boxBotaoComprar button:hover{ background: #DC6829;}@media (max-width: 767px){ .boxProduto{  margin-bottom: 15px; }}@media (min-width: 768px){ .margemCategorias .boxProduto{  margin-bottom: 30px; }}.boxHome{ float: left; width: 100%; margin-top: 35px; color: #FFFFFF;}.boxHome .imagem{ float: left; width: 153px;}.boxHome .textos{ float: left; width: calc(100% - 153px); padding: 15px;}.boxHome .textos .topo{ background: rgba(0, 0, 0, 0.15); font-size: 24px; float: left; width: 100%; padding: 10px; line-height: 1.2; font-weight: 700; text-transform: uppercase;}.boxHome .textos .baixo{ float: left; width: 100%; margin-top: 10px;}.boxHome.cor01{ background: #66b0a1;}.boxHome.cor02{ background: #3a9a99;}@media (max-width: 1023px){ .boxHome .imagem{  width: 121px; } .boxHome .textos{  width: calc(100% - 121px);  padding: 10px; } .boxHome .textos .topo{  font-size: 14px; } .boxHome .textos .baixo{  font-size: 12px; }}.newsletter{ float: left; width: 100%; background: #f7f7f7; padding: 10px; margin-top: 30px;}.newsletter .left{ float: left; width: 315px;}.newsletter .right{ float: left; width: calc(100% - 315px); margin-top: 12px;}.newsletter .icone{ float: left; width: 70px; font-size: 60px; color: #9ed726; line-height: 1;}.newsletter .textos{ float: left; width: calc(100% - 70px);}.newsletter .textos .t1{ font-size: 21px; color: #9ed726; display: block; font-weight: 700; line-height: 1; margin-top: 10px;}.newsletter .textos .t2{ font-size: 12px; color: #808080; line-height: 1;}.newsletter input{ float: left; width: 38%; margin-right: 3%;}.newsletter button{ float: right; background: #9ed726; color: #FFFFFF; font-weight: 700; height: 39px; width: 18%; font-size: 19px;}.newsletter button:hover{ background: #8DC419;}@media (max-width: 767px){ .newsletter .left{  width: 100%; } .newsletter .right{  width: 100%; } .newsletter input{  width: 100%;  margin: 0;  margin-bottom: 5px; } .newsletter button{  width: 100%; }}.carouselPrincipalF{ float: left; width: 100%;}.carouselPrincipalF figure{ width: 100%;}.carouselPrincipalF img,.carouselPrincipalF a{ float: left; width: 100%; cursor: zoom-in;}.carouselThumbsF{ float: left; width: calc(100% + 15px); margin-left: -7.5px; margin-top: 35px;}.carouselThumbsF .item { width: 20%; padding: 0 7.5px; text-align: center;}.carouselThumbsF .item img { width: 100%;}.carouselThumbsF .item.is-nav-selected{ opacity: 0.5;}@media (max-width: 767px){ .carouselThumbsF{  margin-top: 15px;  width: calc(100% + 10px);  margin-left: -5px; } .carouselThumbsF .item {  width: 20%;  padding: 0 5px; } .carouselThumbsF .item img {  width: 100%; }}.detalheProduto .row .columns:nth-of-type(2) { padding: 0px;}.infosProd{ float: left; width: 100%; font-family: 'Maven Pro', sans-serif; padding: 0 10px;}.infosProd h1{ color: #808080; font-size: 20px; font-weight: normal;}@media (max-width: 767px){ .infosProd h1{  margin-top: 20px;  margin-bottom: 10px; }}.infosProd .topo{ float: left; width: 100%; color: #808080; font-size: 12px; margin-top: 20px;}.infosProd .columns:first-of-type,.infosProd .columns:last-of-type { padding: 0px;}.infosProd .topo .ref{ float: left; margin-right: 10px; }@media (max-width: 1023px){ .infosProd .topo .ref{  width: 100%; }}.infosProd .topo .avaliacoes{ float: left;}@media (max-width: 1023px){ .infosProd .topo .avaliacoes{  width: 100%;  margin: 5px 0 0 0; }}.infosProd .topo .avaliacoes span:nth-of-type(2){ font-size: 10px;}@media (max-width: 1023px){ .infosProd .topo .avaliacoes span:nth-of-type(2){  width: 100%; }}.infosProd .topo .avaliacoes > span{ float: left;}.infosProd .descricao{ float: left; width: 100%; margin-top: 15px; margin-bottom: 10px; font-size: 12px;}.infosProd .boxEstoque{ float: left; width: 100%; margin-top: 15px;}.infosProd .boxEstoque .t1{ float: left; width: 100%; font-size: 12px;}.infosProd .boxEstoque .t2{ float: left; width: 100%; color: #808080; font-size: 11px;}.infosProd .boxEstoque .botoes{ float: left; width: 100%;}.infosProd .boxEstoque .botoes button{ float: left; width: 40px; height: 40px; background: #9ED726; color: #FFFFFF;}.infosProd .boxEstoque .botoes button:hover{ background: #8DC419;}.infosProd .boxEstoque .botoes input{ float: left; width: 50px; margin: 0 5px; text-align: center; height: 40px;}.infosProd .infosPreco { background-color: #F5F5F5;  height: 216px; overflow: hidden; padding: 0 20px 20px 20px; max-width: 309px; margin-left: 5px;}@media (max-width: 767px) { .infosProd .infosPreco {  background-color: #FFFFFF;   margin-top: 15px;  height: auto;  max-width: 100%;  padding: 0px; }}.infosProd .boxPreco{ float: left; width: 100%; color: #FC7931; margin-top: 15px; font-family: 'Maven Pro', sans-serif;}.infosProd .boxPreco .v0{ font-size: 12px; color: #808080;}.infosProd .boxPreco .v1{ display: inline-block; font-size: 12px; font-weight: 500;}.infosProd .boxPreco .v2{ display: inline-block; font-size: 30px; font-weight: 800; letter-spacing: -0.1em; line-height: 1;}.infosProd .boxPreco .v3{ display: inline-block;  font-size: 15px; font-weight: bold; letter-spacing: -0.1em; line-height: 0.4; vertical-align: top; margin-top: 7px; width: 30px;}.infosProd .boxPreco .v4{ display: block; font-size: 11px; color: #404040;}.infosProd .boxBotaoComprar{ float: left; width: 260px; margin-top: 15px;}.infosProd .boxBotaoComprar button{ float: left; width: 100%; height: 50px; background: #fb6a27; color: #FFFFFF; text-transform: uppercase; font-size: 28px; font-weight: 700;}.infosProd .boxBotaoComprar button:hover{ background: #DC6829;}.infosProd .infosPreco .selos { clear: both; color: #666666; float: left; font-family: arial; font-size: 11px; padding: 3px 0 0 0; width: 100%;}.infosProd .infosPreco .selos .seguro { float: left;}@media (min-width: 767px) and (max-width: 1023px){ .infosProd .infosPreco .selos .seguro {  width: 100%;  text-align: center; }}.infosProd .infosPreco .selos .seguro i { display: inline-block; margin-right: 3px; color: #9ED726; font-size: 14px; vertical-align: middle;}.infosProd .infosPreco .selos .seguro span { display: inline-block; vertical-align: middle;}.infosProd .infosPreco .selos .estoque { float: right;}@media (min-width: 767px) and (max-width: 1023px){ .infosProd .infosPreco .selos .estoque {  width: 100%;  text-align: center; }}.infosProd .infosPreco .selos .estoque i { color: #9ED726; display: inline-block; margin-right: 3px; vertical-align: middle; font-size: 14px;}.infosProd .infosPreco .selos .estoque span { display: inline-block; vertical-align: middle;}@media (max-width: 767px){ .infosProd .boxBotaoComprar{  width: 100%; }}.arquivosDownload{ font-size: 12px; float: left; width: 100%; padding-top: 15px; margin-top: 30px; border-top: 1px dashed #e8e8e8;}.arquivosDownload .titles{ display: block; font-size: 18px; color: #808080; margin-bottom: 15px;}.arquivosDownload .botaoDownload{ float: left; font-size: 13px; margin-right: 50px; padding-right: 5px; margin-bottom: 10px;}.arquivosDownload .botaoDownload img{ display: inline-block; vertical-align: middle; margin-right: 5px;}.arquivosDownload .botaoDownload span{ display: inline-block; vertical-align: middle;}.arquivosDownload .botaoDownload:hover{ background: #f2f2f2;}.gradiente { clear: both; padding: 0px;}@media (max-width: 767px) { .gradiente {  width: 100%;  display: flex;  justify-content: center; }}.gradiente img { margin-right: 10px;}.gradiente button { border: 1px solid #9ed726; margin-top: 10px; padding: 10px; font-size: 12px; height: 37px; background-color: #FFFFFF;}@media (max-width: 767px) { .gradiente button {  width: 261px; } .detalheProduto .row-descricao table{  max-width: 100%; }}@media (min-width: 1370px){ .detalheProduto .row-descricao{  margin-left: auto;  margin-right: auto; } .detalheProduto .row-descricao table{  width: 100%; }}.row-descricao{ max-width: 90rem; margin-left: 0; margin-right: 0;}.descricaoLonga{ font-size: 12px; float: left; width: 100%; padding-top: 30px; margin-top: 30px; border-top: 1px dashed #e8e8e8;}.descricaoLonga .titles{ display: block; font-size: 18px; color: #808080; margin-bottom: 15px;}.containerSelectDescricaoLonga { position: relative; user-select: none; width: 100%; height: 50px; font-weight: normal; color: #000000; margin-top: 25px;}.selectDescricaoLonga { position: relative; display: flex; flex-direction: column; height: 50px;}.opcaoSelecionada { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 22px 0 15px; font-size: 12px; color: #000000; height: 50px; line-height: 60px; background: #ffffff; cursor: pointer; border-width: 2px; border-style: solid; border-color: #E5E5E5; width: 100%;}.selectOpcoes { position: absolute; display: block; top: 100%; left: 0; right: 0; border: 2px solid #E5E5E5; border-top: 0; background: #FFFFFF; transition: all 0.5s; opacity: 0; visibility: hidden; pointer-events: none; z-index: 2; width: 100%; height: auto; margin: 0px;}.selectDescricaoLonga.open .selectOpcoes { opacity: 1; visibility: visible; pointer-events: all; width: 100%;}.selectDescricaoLonga.open .opcaoSelecionada{ border-bottom: 0px; color: #808080; }.selectOpcao { position: relative; display: block; padding: 0px; font-size: 12px; color: #000000; cursor: pointer; transition: all 0.5s; height: 100%;}.selectOpcao:hover { cursor: pointer; background-color: #E5E5E5;}.selectOpcao.selecionado { color: #000000; background-color: #E5E5E5;}.setaSelect { position: relative; height: 15px; width: 2px;}.setaSelect::before, .setaSelect::after { content: ""; position: absolute; top: 4px; width: 0.15rem; height: 60%;}.setaSelect::before { left: -1px; transform: rotate(-45deg); background-color: #5D5D5D;}.setaSelect::after { left: 5px; transform: rotate(45deg); background-color: #5D5D5D;}.open .setaSelect::before { left: -1px; transform: rotate(45deg);}.open .setaSelect::after { left: 5px; transform: rotate(-45deg);}.containerSelectDescricaoLonga .descricaoLonga{ font-size: 12px; width: 100%; height: 100%; padding-top: 0px; margin-top: 0px; border:none; font-family: 'Maven Pro', sans-serif; color: #808080;}.containerSelectDescricaoLonga .descricaoLonga .titles{ display: block; font-size: 18px; color: #808080; margin-bottom: 15px;}.selectNomeProduto { font-size: 20px; color: #808080; display: flex; margin: 10px 0px; padding-left: 10px;}.containerSelectDescricaoLonga table td:first-of-type{ padding-right: 0px;}.containerSelectDescricaoLonga table td:last-of-type{ max-width: 215px;}.infosProd .tamanhos{ float: left; width: 100%; margin-top: 15px;}.infosProd .tamanhos .t1{ float: left; width: 100%; font-size: 12px;}.infosProd .tamanhos label{ float: left; padding: 3px 15px; border: 2px solid #9ED726; text-align: center; color: #404040; cursor: pointer; margin-right: 3px; position: relative; margin-top: 3px;}.infosProd .tamanhos label.selected{ border: 2px solid #9ED726; background: #9ED726; color: #FFFFFF; z-index: 10;}.infosProd .tamanhos label.semEstoque{ opacity: 0.5; cursor: default;}.infosProd .tamanhos label input{ display: none;}.infosProd .tamanhos label > .span{ display: inline-block; font-size: 12px; max-width: 100%; margin-top: 4px;}.infosProd .tamanhos label > .span span{ float: left;}.h1Categoria{ color: #9ed726; font-size: 30px; font-weight: 700; display: block; margin-top: 15px;}.menuLateralNew{ float: left; width: 100%; color: #404040; font-size: 12px; border: 1px solid #efefef;}.menuLateralNew ul{ float: left; width: 100%;}.menuLateralNew ul li{ float: left; width: 100%; position: relative;}.menuLateralNew ul .conteudo li{ margin-bottom: 10px; margin-top: 10px;}.menuLateralNew ul .conteudo li a{ display: block; padding: 5px 10px;}.menuLateralNew ul .conteudo li ul li a{ padding: 5px 20px;}.menuLateralNew ul .conteudo li a:hover{ background: #f2f2f2;}.menuLateralNew .titles{ float: left; width: 100%; color: #90c71b; font-size: 16px; font-weight: 700; background: #f7f9f9; border-bottom: 1px dashed #e8e8e8; padding: 5px 10px;}.menuLateralNew .titles:after{ font-family: icons-webart; float: right; content: '\e90b'; color: #afafaf; font-size: 14px; margin-top: 2px; font-weight: normal;}.menuLateralNew .titles.iconDown:after{ content: '\e917';}.menuLateralNew .conteudo{ float: left; width: 100%;}.menuLateralNew .divisorM{ float: left; width: 48%;}.menuLateralNew .abrirFiltros{ float: left; width: 100%; /*border: 1px solid #e5e5e5;*/ border-top: none; padding: 10px;}@media (max-width: 767px){ .menuLateralNew{  margin-top: 25px; } .menuLateralNew > ul{  border-top: none; } .menuLateralNew ul .conteudo{  display: none; } .menuLateralNew .titles{  padding: 5px 10px;  margin-bottom: 0; } .menuLateralNew .titles:after{  content: '\e917'; } .menuLateralNew .titles.iconDown:after{  content: '\e90b'; } .menuLateralNew form{  padding: 0 10px; } .menuLateralNew .filtrosCategoria{  display: none; } .menuLateralNew .abrirFiltros:after{  font-family: icons-webart;  float: right;  content: '\e917';  color: #afafaf;  font-size: 14px; } .menuLateralNew .abrirFiltros.fechado:after{  content: '\e90b'; }}.descricaoCategoria{ float: left; width: 100%; border-top: 1px dashed #e8e8e8; border-bottom: 1px dashed #e8e8e8; padding: 25px 0;}.descricaoCategoria .titles{ color: #9ed726; font-size: 21px; font-weight: 700; display: block; margin-bottom: 15px;}footer .meioRodape{ font-family: arial; font-size: 12px; margin-top: 15px;}footer .meioRodape ul{ float: left; width: 100%;}footer .meioRodape ul li{ float: left; width: 100%;}footer .meioRodape ul li.title{ font-weight: bold; font-size: 13px; margin-bottom: 7px; margin-top: 12px;}footer .meioRodape ul li.telefone{ color: #99d122; font-size: 18px; font-family: 'Maven Pro', sans-serif; font-weight: 700;}@media (max-width: 767px){ footer .meioRodape ul li a{  display: block;  padding: 5px 0; } footer .meioRodape ul li.compraSegura a{  display: inline-block; }}footer .formasPag{ background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/rodape/formas-pagamento.png) no-repeat; width: 60px; height: 40px; background-size: 60px; display: inline-block;}footer .formasPag.forma-01{background-position: 0 0;}footer .formasPag.forma-02{background-position: 0 -40px;}footer .formasPag.forma-03{background-position: 0 -80px;}footer .formasPag.forma-04{background-position: 0 -120px;}footer .formasPag.forma-05{background-position: 0 -160px;}footer .formasPag.forma-06{background-position: 0 -200px;}footer .formasPag.forma-07{background-position: 0 -240px;}@media (max-width: 767px){ footer .formasPag{  margin-bottom: 10px; }}footer .compraSegura a{ margin-right: 10px; margin-bottom: 10px;}footer .redes a{ font-size: 29px; float: left; margin-right: 5px;}footer .redes a .icon-facebook3{ color: #356399;}footer .redes a .icon-twitter3{ color: #1cb7eb;}footer .redes a .icon-instagram-new-circle{ color: #684439;}footer .redes a .icon-youtube-circle{ color: #ca3737;}footer .renasem{ float: left; width: 100%; text-align: center; font-family: arial; font-size: 12px; border-top: 1px solid #cdcdcd; padding: 7px 0; margin-top: 15px;}footer .green{ float: left; width: 100%; background: #9ed726; color: #FFFFFF; font-family: arial; font-size: 10px; text-align: center; padding: 8px 10px;}footer .green span{ display: block;}footer .green img{ display: inline-block; width: 110px; padding-top: 10px;}@media (max-width: 767px){ footer .green span{  display: block;  margin-bottom: 8px; } footer .green img{  margin: 0; }}.institucionais .blue { display: block; font-size: 18px; color: #49a6c9; margin: 25px 0; font-weight: 600;}.avisoFinal{ float:left; width: 100%; padding: 15px; border-radius:4px; margin:10px 0; display: none;}.avisoFinal.sucesso{ background: #d3ebcb; background: linear-gradient(180deg, #e5f2e0, #c9e5bd); border:1px solid #b2dba1; color: #3a773c; display: block;}.avisoFinal.erro{ background: #f1d5d4; background: linear-gradient(180deg, #f2dedf, #e7c3c3); border:1px solid #dba8a7; color: #a84442; display: block;}.loadEnvio { background: #DDDDDD; left: 0; top: 0; right: 0; bottom: 0; position: absolute; opacity: .5; filter: alpha(opacity=50); text-align: center; vertical-align: middle; z-index: 1; display: none;}.loadEnvio > div { height: 100%; display: table; width: 100%;}.loadEnvio > div > span { vertical-align: middle; display: table-cell;}.detalheProduto .infosProd .boxBotoes{ float: left; width: 100%;}.detalheProduto .infosProd .boxBotoes{ float: left; width: calc(100% - 350px);}@media (max-width: 767px){ .detalheProduto .infosProd .boxBotoes{  width: 100%;  margin-top: 15px; }}.ajuste{ padding:0px !important; margin: 0px !important; margin-right: 5px !important; border: 0px !important;}.ajuste.selected{ border: 2px solid #9ED726 !important;}.gradiente{ clear: both; padding: 0px;}.gradiente button{ border: 1px solid #9ed726; margin-top: 10px; padding: 10px;}.gradiente img{ margin-right: 10px;}.tamanhos .semEstoque .indisponivel { background-color: #535353; background-image: url("https://www.sementesarbocenter.com.br/tema/arbocenter/img/site/indisponivel.svg"); background-position: center center; background-repeat: no-repeat; background-size: 50% auto; border-radius: 50%; color: white; height: 12px; position: absolute; right: -5px; top: -5px; width: 12px; z-index: 10;}a.gmais{ background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/rodape/gmais.png); background-position:center ; background-size: contain; background-repeat: no-repeat; width: 29px; height: 50px;}@media (min-width: 767px){ a.gmais{  height: 40px;  width: 30px; }}a.gmais.press{ background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/rodape/press.png);}.videoProduto{}.videoProduto .centraliza{ display: inline-block; max-width: 770px; width: 100%; margin-top: 50px;}.videoYoutube{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}.videoYoutube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left;}/* Ajuste Whats */.whats-box{ position: fixed; bottom: 30%; /* width: 220px; */ background-color: #E8E8E8; display: flex; justify-content: flex-end; align-content: center; border-radius: 0 50px 50px 0; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); max-height: 40px; z-index: 99;}.whats-box span{ font-size: 13px; max-width: 95px; color: #52891D;}/* @media(max-width: 1023px){ .whats-box{  width: 150px; }} */@media(max-width: 767px){ .whats-box{  bottom: 30%;  width: 50px;  height: 50px; } .whats-box span{  display: none; }}.linkRedesSociaisCorrecao { margin-top: -5px;}#banner-tracking{ cursor: pointer;}.telefone .icon-phone3 { margin: 7px;}.produto-vitrine-home { padding-top: 15px; padding-bottom: 15px;}.off-canvas{ background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/cabecalho/background-mobile.jpg) no-repeat; background-size: cover;}.logoCli{ float: left; text-align: center; width: 100%; padding: 15px 20px; background: #FFFFFF;}.linksCli{ float: left; width: 100%;}.linksCli a{ width: 50%; text-align: center; background: #9ED726; color: #FFFFFF; float: left; padding: 12px 0; font-size: 12px;}.linksCli a:first-child{ width: 40%;}.linksCli a:last-child{ width: 60%;}.linksCli a i{ font-size: 18px; margin-right: 5px; display: inline-block; vertical-align: middle;}.linksCli a:first-child{ border-right: 1px solid #8DC419;}/* Mobile */.navMob .home{ float: left; width: 100%; padding: 20px 15px; color: #FFFFFF; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.50); margin-bottom: 15px;}.navMob .home i{ display: inline-block; vertical-align: top; font-size: 18px; margin-right: 5px;}.navMob{ color: #FFFFFF; position: relative; width: 250px; position: fixed; top: 0; left: -250px; max-height: 100vh; height: 100vh; z-index: 99999;  background: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/cabecalho/background-mobile.jpg) no-repeat; background-size: cover; transition: 300ms; overflow: scroll; padding-bottom: 40px; opacity: 0.85;}.navMob ul{ float: left; width: 100%; overflow: overlay;}.navMob ul li > a{ text-transform: uppercase; font-size: 12px;}.navMob ul li ul li a{ text-transform: none; font-size: 12px; color: #FFFFFF;}@media(min-width: 360px) {  .botaoFecharMob {    display: none;  }}@media(max-width: 359px) {  .fundoEscuro {    background-image: unset;  }  .botaoFecharMob {    max-width: 15px;    cursor: pointer;  }}.ativo {  left: 0}.fundoEscuro {  display: none;  position: fixed;  height: 100vh;  width: 100vw;  background-color: rgba(0, 0, 0, 0.5);  z-index: -1;  opacity: 0;  top: 0;  left: 0;  transition: 300ms ease-in-out;  transition-delay: 0;  background-image: url('https://www.sementesarbocenter.com.br/tema/arbocenter/img/cabecalho/close.svg');  background-repeat: no-repeat;  background-position: left 250px top 0px;  background-size: 20px;  cursor: pointer;}.fundoEscuro.block {  display: block;  opacity: 1;  z-index: 99;}.menu > li > a{ line-height: 1;}.menu.vertical > li > a i{ font-size: 18px; width: 40px; display: inline-block; text-align: center; vertical-align: sub;}.icon-user-mob,.icon-pedidos-mob { margin-right: 5px; width: 16px; height: 16px;}.iconeMenuMob{ max-width: 15px; margin-right: 3px;}.menu-item-destaque-mob{ background-color: dimgrey;}/*DESKTOP*/.menuDesktop{ color: #FFFFFF; background: #9ed726; font-size: 16px; z-index: 98; position: relative; font-weight: 700; margin-top: 8px;}.menuDesktop nav{ float: left; width: 100%;}.menuDesktop nav > ul{ display: table; table-layout: fixed; width: 100%; position: relative;}.menuDesktop nav > ul > li{ display: table-cell; position: relative;}.menuDesktop nav > ul > li:after{ content: ''; position: absolute; height: 60%; width: 1px; right: 0; top: 20%; background: #FFFFFF; z-index: 2;}.menuDesktop nav > ul > li:last-child:after{ display: none;}.menuDesktop nav > ul > li > a{ padding: 12px 0; display: inline-block; width: 100%; text-align: center; position: relative;}.menuDesktop nav > ul > li > ul { width: 200px; position: absolute; background:#9ed726; max-width: 150%; display: none;}.menuDesktop nav > ul > li > ul > li { text-align: justify; padding: 5px 0 5px 7px;}.menuDesktop nav > ul > li > ul > li:hover { background: #8DC419;}.menuDesktop nav > ul > li > ul > li > a { overflow: hidden; white-space: nowrap;}.menuDesktop nav > ul > li:hover > a{ background: #8DC419; position: relative; z-index: 2;}.menu-item-destaque{ background: #8DC419; position: relative; z-index: 2;}.iconeMenu{ max-width: 26px; margin-right: 3px;}.filtroUsado{ width: 100%; background: #FFFFFF; color: #5f5f5f; margin-bottom: 10px; display: table; font-weight: bold; margin-top: 10px; background-color: #e2e2e2; padding-left: 10px;}.filtroUsado span{ padding: 10px; display: table-cell;}.filtroUsado span.filtro{ font-family: arial; font-size: 12px; padding: 12px 0px; display: table-cell;}.filtroUsado span.fechar{ background: #cfcfcf; color: #FFFFFF; cursor: pointer; padding: 8px 0; font-family: arial; font-weight: bold; font-size: 16px; display: table-cell; vertical-align: middle; text-align: center; width: 40px;}.filtroUsado span.fechar:hover{ background: #9ed726;}@media (max-width: 1023px) { .menuDesktop nav > ul{  table-layout: auto; } .menuDesktop{  font-size: 12px; }}/* Rodape */.menu-item-destaque-rodape{ text-decoration: underline;}.celular-rodape{ margin-right:5px; width:40px; vertical-align: baseline;}.celular-claro-rodape{ margin-right:4px; width:20px; vertical-align: middle; margin-left:5px;}/* 1  - FOTO OCULTA *//* 2  - BREADCRUMB *//* 3  - INSTITUCIONAIS *//* 3.1 - INSTITUCIONAIS MENU LATERAL *//* 3.2 - INSTITUCIONAIS CONTEUDO *//* 3.3 - INSTITUCIONAIS FORMULÁRIO*//* 3.4 - INSTITUCIONAIS ACCORDION*//* 4  - PAGINAÇÃO E FILTRO CATEGORIAS *//* 4.1 - FILTROS CATEGORIA TOPO *//* 5  - COMPRE JUNTO *//* 6  - AVALIAÇÕES *//* 6.1 - AVALIAÇÕES GERAL *//* 6.2 - AVALIAÇÕES HOME *//* 7  - ACCORDION FOUNDATION*//* 8 - INSPIRAÇÃO *//* 9  - PASSOS CARRINHO *//* 10 - CAROUSEL HOME *//* 1 - FOTO OCULTA */.foto{ position: relative; display: inline-block; cursor: pointer;}.fotoOculta,.fotoVisivel{ display: inline-block; text-align: center;}.fotoOculta{ position: absolute; transition: ease 0.5s; opacity: 0; left: 0; top: 0;}@media only screen and (-webkit-max-device-pixel-ratio: 1.5), only screen and (max--moz-device-pixel-ratio: 1.5), only screen and (max-device-pixel-ratio: 1.5){ .foto:hover .fotoOculta{ opacity: 1; }}/* END FOTO OCULTA *//*2 - BREADCRUMB */.breadcrumb{ float: left; width: 100%; font-size: 10px; font-family: arial; color: #929292; margin: 15px 0 15px; border-bottom: 1px dashed #e8e8e8; padding-bottom: 15px;}.breadcrumb ul{ float: left; width: 100%;}.breadcrumb ul li{ display: inline-block; margin-right: 8px;}.breadcrumb ul li a:hover{ color: #373737;}.breadcrumb ul li:after{ font-size: 8px; content: '|'; margin-left: 8px; display: inline-block; vertical-align: middle; margin-top: -4px;}.breadcrumb ul li:last-child{ color: #373737;}.breadcrumb ul li:last-child:after{ content: '';}@media (max-width: 767px){ .breadcrumb{ padding-top: 0; overflow-x: auto; } .breadcrumb ul{ border-right: 1px solid #eeeeee; width: auto; } .breadcrumb ul li{ display: table-cell; white-space: nowrap; padding: 0 10px; border: 1px solid #eeeeee; border-right: 0; position: relative; } .breadcrumb ul li a{ padding: 10px 0; display: inline-block; } .breadcrumb ul li:after{ display: none; }}/* END BREADCRUMB *//* 3 - PÁGINAS INSTITUCIONAIS */.institucionais{ font-size: 13px; margin-bottom: 20px; border-bottom: 2px solid; padding-bottom: 60px;}/* 3.1 - INSTITUCIONAIS MENU LATERAL */.institucionais .menuInstitucional{ float: left; width: 100%; font-size: 14px; color: #000000; border: 1px solid #ededed;}.institucionais .menuInstitucional ul{ float: left; width: 100%; position: relative;}.institucionais .menuInstitucional ul:not(:first-child){ /*border-top: 1px solid #e5e5e5;*/}.institucionais .menuInstitucional .openClose{ position: relative;}@media (max-width: 767px){ .institucionais .menuInstitucional .openClose:after{ content: '\ea3d'; font-family: icons-webart; float: right; } .institucionais .menuInstitucional .openClose.menos:after{ content: '\ea1c'; } .institucionais .menuInstitucional{ border: none; margin-top: 10px; } .institucionais .menuInstitucional ul{ border: 1px solid #efefef; margin-bottom: 0px; }}.institucionais .menuInstitucional ul{ border-bottom: 0;}.institucionais .menuInstitucional ul li{ float: left; width: 100%; text-indent: 10px;}.institucionais .menuInstitucional ul li.selected{ /*background: #f2f2f2;*/}.institucionais .menuInstitucional ul li a:hover{ background: #f2f2f2;}.institucionais .menuInstitucional ul li a{ padding: 8px 0; display: block;}.institucionais .menuInstitucional ul > li:first-child{ float: left; width: 100%; color: #90c71b; background: #f7f9f9; font-size: 16px; font-weight: 700; border-bottom: 1px dashed #e8e8e8; padding: 7px 0; text-indent: 10px; padding-right: 10px;}.institucionais .menuInstitucional ul > li:first-child.selected{ /*font-weight: 400;*/}.institucionais .menuInstitucional .mobileClose{ float: left; padding: 0;}.institucionais .menuInstitucional .sinal{ float: right;}@media (max-width: 767px){ .institucionais .menuInstitucional .mobileClose{ float: left; width: 100%; display: none; border-bottom: 1px solid #e5e5e5; } .institucionais .menuInstitucional{ border: 1px solid #ededed; border-bottom: none; } .institucionais .menuInstitucional ul{ border: none; /*border-bottom: 1px solid #ededed;*/ } .institucionais .menuInstitucional ul:last-child{ margin-bottom: 0; } .institucionais .menuInstitucional ul > li:first-child{ /*background: #f6f6f6; color: #000000; font-size: 14px;*/ } .institucionais .menuInstitucional ul:not(:first-child){ border-top: none; }}/* 3.2 - INSTITUCIONAIS CONTEUDO */.institucionais p{ display: block; clear: both;}.institucionais .tituloTopo{ font-size: 30px; color: #000000; padding-top: 40px; display: block;}.institucionais h1{ font-size: 30px;}@media (max-width: 767px){ .institucionais h1{ margin-top: 35px; }}.institucionais .subTitle{ font-size: 17px; display: block; margin: 25px 0 5px; font-weight: 400;}.institucionais ul.textos{ float: left; width: 100%;}.institucionais ul.textos li{ float: left; clear: both; margin: 3px 0; width: 100%;}.institucionais ul.textos li:before{ content: ''; display: inline-block; vertical-align: middle; margin-top: -2px; height: 6px; width: 6px; background: #72090D; margin-right: 10px; border-radius: 50%;}.institucionais .boxAtendimento{ float: left; clear: both; margin-bottom: 25px; margin-top: 15px;}.institucionais .boxAtendimento .icone{ float: left; width: 100px; padding-top: 7px;}.institucionais .boxAtendimento .icone i{ font-size: 56px; color: #9ED726;}.institucionais .boxAtendimento span{ line-height: 1.2em; display: block;}.institucionais .boxAtendimento .numero{ display: block; color: #803F7F; font-size: 36px;}.institucionais .boxAtendimento a{ color: #FFFFFF; background: #9ED726; float: left; font-size: 14px; padding: 9px 25px; margin-top: 8px;}.institucionais .boxAtendimento a:hover{ background: #8DC419;}.institucionais .boxAtendimento .left{ float: left;}@media (max-width: 767px){ .institucionais .boxAtendimento .icone{ width: 50px; padding-top: 0; } .institucionais .boxAtendimento .icone i{ font-size: 36px; margin-top: 3px; float: left; } .institucionais .boxAtendimento .left{ max-width: 250px; }}.institucionais .boxAtendimento3{ float: right;}.institucionais .boxAtendimento3 .p1{ float: left; width: 100%; font-size: 22px; font-weight: 300; line-height: 1.8;}.institucionais .boxAtendimento3 .p1 i{ color: #72090d; font-size: 38px; margin-right: 15px; vertical-align: top;}.institucionais .boxAtendimento3 .p2{ font-size: 17px; margin: 20px 0; float: left; clear: both;}.institucionais .boxAtendimento3 .p2 i{ font-size: 24px; margin-right: 10px; vertical-align: middle;}.institucionais .boxAtendimento3 .p3{ font-size: 22px; float: left; clear: both;}.institucionais .boxAtendimento3 .p3 i{ font-size: 18px; margin-right: 5px;}.institucionais .boxAtendimento3 .p3 i.icon-whatsapp{ color: #07bc42;}.institucionais .boxAtendimento3 .p4{ font-size: 18px; float: left; clear: both; margin-top: 40px;}.institucionais .boxAtendimento3 .p4 .icone{ float: left; height: 60px; padding-top: 15px; font-size: 22px; width: 35px;}@media (max-width: 1023px){ .institucionais .boxAtendimento3{ float: left; margin-top: 30px; }}/* 3.3 - INSTITUCIONAIS FORMULÁRIO*/.institucionais .formulario{ float: left; width: 50%; font-size: 14px;}.institucionais .formulario .p1{ display: block; margin-bottom: 10px;}.institucionais .formulario input{ margin-bottom: 15px;}.institucionais .formulario textarea{ max-height: 120px; min-height: 120px; min-width: 100%; max-width: 100%; margin-bottom: 15px;}.institucionais .formulario button{ color: #FFFFFF; background: #9ED726; font-weight: 700; float: right; font-size: 15px; padding: 12px 25px;}.institucionais .formulario button:hover{ background: #8DC419;}@media (max-width: 1023px){ .institucionais .formulario, .institucionais .boxAtendimento2{  width: 100%; } .institucionais .formulario{  margin-top: 40px; }}/*FIM INSTITUCIONAIS FORMULÁRIO*//* 3.4 - INSTITUCIONAIS ACCORDION*/.institucionais .accordion{ float: left; width: 100%; margin-top: 30px; margin-bottom: 30px;}.institucionais .accordion-content{ float: left; width: 100%;}.institucionais .accordion-title{ float: left; width: 100%; padding: 15px 30px 15px 0px;}.institucionais .formasSeguranca{ display: inline-block; vertical-align: middle; margin-top: 20px;}.institucionais .formasSeguranca .item{ display: inline-block; margin-right: 15px; margin-bottom: 15px; max-width: 100px;}.institucionais .formasSeguranca .item.godaddy{ max-width: 150px;}.institucionais .sobre{ float: left; width: 100%; font-size: 14px;}.institucionais .sobre .imgSobre{ position: relative; margin-bottom: 60px;}.institucionais .sobre .boxVideo{ width: 100%; max-width: 560px; margin: 60px auto 0;}.institucionais .sobre .videoYoutube{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}.institucionais .sobre .videoYoutube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left;}.institucionais .sobre p{ line-height: 2.2;}.institucionais .sobre p img{ float: right; margin-left: 20px; padding: 5px; border: 1px solid #782626;}.institucionais .sobre p img.baixo{ float: left; margin-left: 0; margin-top: 20px;}.institucionais .selos{ float: left; width: 100%; text-align: center; margin-top: 40px;}.institucionais .selos img{ margin: 0 20px; margin-bottom: 20px;}.institucionais .titlesI{ color: #9ed726; font-size: 30px; display: block; font-weight: 700; margin-bottom: 30px;}.institucionais .tabelaEntrega{ float: left; width: 100%; margin-top: 70px; text-align: left;}.institucionais .tabelaEntrega th{ font-size: 17px; font-weight: 600;}.institucionais .tabelaEntrega td{ border: 1px solid #cdcdcd; padding-top: 15px; padding-bottom: 15px;}.institucionais .tabelaEntrega tr{ background: #FFFFFF;}.institucionais .tabelaEntrega span{ font-size: 11px; display: block; margin-top: 8px;}@media (max-width: 767px){ .institucionais .titlesI{ font-size: 24px; }}/*FIM INSTITUCIONAIS*//* 4 - PAGINAÇÃO E FILTRO CATEGORIAS */.topoCategoria{ float: left; width: 100%; font-size: 11px; padding: 10px 0; margin-bottom: 25px; margin-top: 1px;}.topoCategoria .encontrados{ float: left;}.topoCategoria .right{ float: right;}.topoCategoria .ipp{ float: left;}.topoCategoria .ipp span{ float: left;}.topoCategoria select{ float: left; width: 65px; margin-left: 10px; margin-top: -5px; height: 25px; padding-top: 0; padding-bottom: 0; font-size: 11px; border-color: black;}@media (max-width: 767px){ .topoCategoria select{ height: 39px; }}.topoCategoria .ordenar{ float: left; margin-left: 25px;}.topoCategoria .ordenar span{ float: left;}.topoCategoria .ordenar select{ width: 110px;}.topoCategoria .forma{ float: left; border-left: 1px solid #f0f0f0; margin-left: 5px; height: 25px; margin-top: -5px; font-size: 24px;}.topoCategoria .forma i{ float: left; margin-left: 5px; cursor: pointer; color: #aeaeae;}.topoCategoria .forma i.selected{ color: inherit;}@media (max-width: 767px){ .topoCategoria .encontrados{ float: left; width: 100%; margin-bottom: 15px; } .topoCategoria .right{ float: left; width: 100%; } .topoCategoria .right .right{ width: auto; float: right; }}@media (max-width: 767px){ .topoCategoria{ margin-top: 20px; } .topoCategoria .right .ipp{ width: 50%; } .topoCategoria .right .right{ width: 50%; text-align: right; } .topoCategoria .right .right .ordenar{ margin-left: 0; float: right; } .topoCategoria .right .ipp select, .topoCategoria .right .right select{ margin: 0; clear: both; }}@media (max-width: 1000px){ .topoCategoria .encontrados{ float: right; margin-bottom: 15px; width: 100%; text-align: right; }}.paginacao{ float: left; width: 100%; text-align: center; font-size: 13px; padding-top: 10px; margin-bottom: 30px; font-weight: 400; margin-top: 30px; color: #808080;}.paginacao a{ padding: 9px 14px 8px; margin: 0 1px; display: inline-block; background: #f2f5eb;}.paginacao a:hover,.paginacao a.selected{ background: #9ed726; color: #FFFFFF;}.paginacao a.selected{ pointer-events: none; background: #9ed726; color: #FFFFFF;}.paginacao a.primeira:after{ content: 'Primeira';}.paginacao a.primeira:before{ content: "\e90f\e90f"; font-family: icons-webart; margin-right: 10px; font-size: 10px;}.paginacao a.anterior:after{ content: 'Anterior';}.paginacao a.anterior:before{ content: "\e90f"; font-family: icons-webart; font-size: 10px; margin-right: 10px;}.paginacao a.proxima:before{ content: 'Próximo';}.paginacao a.proxima:after{ content: '\e913'; font-family: icons-webart; margin-left: 10px; font-size: 10px;}.paginacao a.ultima:before{ content: 'Última';}.paginacao a.ultima:after{ content: '\e913\e913'; font-family: icons-webart; margin-left: 10px; font-size: 10px;}.paginacao a.disabled{ opacity: 0.5; cursor: default; pointer-events: none;}.paginacao a.disabled:hover{ background: inherit; color: inherit;}.paginacao .qtdEncontrados{ float: left; font-size: 11px; line-height: 3.2em;}.paginacao .ipp{ float: left; font-size: 11px; color: #666666; line-height: 3.5em;}.paginacao .ipp span{ float: left; margin-right: 5px;}.paginacao .ipp select{ float: left; width: 60px;}@media (min-width: 768px){ .paginacao .numbers{ float: right; }}@media (max-width: 1070px){ .paginacao .qtdEncontrados{ width: 100%; margin-bottom: 10px; text-align: right; line-height: 2em; } .paginacao .ipp{  width: 100%; margin-bottom: 10px; text-align: right; } .paginacao .ipp > div{  float: right; }}@media (max-width: 1023px){ .paginacao a.anterior:after{ content: ''; } .paginacao a.anterior:before{ margin: 0; font-size: 12px; } .paginacao a.proxima:before{ content: ''; } .paginacao a.proxima:after{ margin: 0; font-size: 12px; } .paginacao .qtdEncontrados{ text-align: center; }}@media (min-width: 768px) and (max-width: 1023px){ .paginacao .qtdEncontrados{ text-align: right; }}/* 4.1 - FILTROS CATEGORIA TOPO */.topoFiltros{ float: left; width: 100%; border-bottom: 1px solid #ededed; margin: 10px 0 30px; padding: 15px 0;}.topoFiltros .filtrosUtilizados{ float: left; width: 100%; margin-bottom: 10px;}.topoFiltros .filtrosUtilizados > span{ background: #cfcfcf; color: #999999; display: table; float: left; margin-bottom: 10px;}.topoFiltros .filtrosUtilizados span span{ display: table-cell; font-size: 11px; padding: 0 10px; color: #FFFFFF; text-transform: uppercase; vertical-align: middle;}.topoFiltros .filtrosUtilizados span a{ display: table-cell; text-align: center; vertical-align: middle; width: 30px; height: 34px; color: #FFFFFF; font-size: 10px; padding-top: 2px;}.topoFiltros .filtrosUtilizados span a:hover{ background: #a9a9a9;}@media (max-width: 1024px){ .topoFiltros .filtrosUtilizados span a{  height: 40px;  width: 40px; }}.topoFiltros .right{ float: left; width: 80px; text-transform: uppercase; line-height: 2; color: #8c8c8c;}.topoFiltros .left{ float: left; width: calc(100% - 80px); color: #8c8c8c; font-size: 12px; text-transform: uppercase;}.topoFiltros .left > ul{ float: left; position: relative; margin-right: 18px;}.topoFiltros .left > ul .first{ display: block; padding: 5px 50px 5px 18px; border: 1px solid #c0c0c0; cursor: pointer;}.topoFiltros .left > ul:hover .first.close,.topoFiltros .left > ul .first{ background: #ededed;}.topoFiltros .left > ul .first:after{ content: '\e957'; position: absolute; right: 15px; font-family: icons-webart;}.topoFiltros .left > ul .first.close{ background: #FFFFFF;}.topoFiltros .left > ul .first.close:after{ content: '\e949';}.topoFiltros .left > ul > li > ul{ position: absolute; z-index: 99; left: 0; display: none; white-space: nowrap; background: #f4f4f4; min-width: 100%;}.topoFiltros .left > ul > li > ul a{ float: left; width: 100%; padding: 5px 18px;}.topoFiltros .left > ul > li > ul a:hover{ background: #e0e0e0;}.topoFiltros .left > ul > li > ul a .icone{ width: 25px; margin-right: 5px;}.topoFiltros .left > ul > li > ul.cores .link span{ display: inline-block; vertical-align: middle;}@media (max-width: 1024px){ .topoFiltros .right{  line-height: 2.5; } .topoFiltros .left > ul .first{  padding: 9px 50px 9px 18px; } .topoFiltros .left > ul > li > ul a{  padding: 9px 18px; }}@media (max-width: 767px){ .topoFiltros{  border-bottom: none; } .topoFiltros .right{  width: 100%;  border: 1px solid #ededed;  padding: 0 10px; } .topoFiltros .right span{  display: block;  position: relative; } .topoFiltros .right span:after{  content: '\ea3d';  font-family: icons-webart;  position: absolute;  right: 5px; } .topoFiltros .right.aberto span:after{  content: '\ea1c'; } .topoFiltros .left{  width: 100%;  border: 1px solid #ededed;  border-top: none;  display: none; } .topoFiltros .left > ul{  width: 100%; } .topoFiltros .left > ul .first{  padding: 10px;  border: none; } .topoFiltros .left > ul > li > ul{  position: relative;  float: left; } .topoFiltros .left > ul > li > ul a{  padding: 10px 15px; }}@media (max-width: 767px){ .topoFiltros{  margin-bottom: 0; }}/*END FILTRO CATEGORIAS E PAGINAÇÃO*//* 5 - COMPRE JUNTO */.compreJunto .item{ width: 23%; text-align: center; float: left; display: table; table-layout: fixed; position: relative;}.compreJunto .item a.link{ padding: 5px; font-size: 15px; float: left; width: 100%; text-transform: uppercase; font-weight: 300;}.compreJunto .item .conteudo{ vertical-align: top;}.compreJunto .item .conteudo .stars{ display: inline-block; margin-top: 10px;}.compreJunto .item .conteudo .rate{ color: #d7d7d7; float: left; font-size: 13px; margin-bottom: 5px;}.compreJunto .item .conteudo .rate i{ float: left;}/*.compreJunto .item .conteudo .v1{ color: #e66545; font-size: 22px; font-weight: 700; float: left; width: 100%;}.compreJunto .item .conteudo .v2{ float: left; width: 100%; font-size: 12px;}.compreJunto .item .valor{ float: left; width: 100%; text-align: center; font-size: 16px; margin-top: 10px;}*/.compreJunto .soma{ text-align: center; color: #000000; width: 12%; font-size: 24px; float: left; display: table; table-layout: fixed;}.compreJunto .soma i{ transform: rotate(45deg); display: inline-block;}.compreJunto .conteudo{ display: table-cell; vertical-align: middle;}@media (max-width: 767px){ .compreJunto .conteudo{  vertical-align: top; } .compreJunto .soma .conteudo{  vertical-align: middle; }}.compreJunto .conteudo .imagem{ float: left; width: 100%; position: relative;}.compreJunto .total{ width: 42%; float: left; display: table; table-layout: fixed; padding-left: 10%;}.compreJunto .total .cima{ font-size: 14px; border-bottom: 1px solid #cfcfcf; padding-bottom: 5px; margin-bottom: 10px; float: left; width: 100%; color: #3b3b3b;}.compreJunto .total .cima span{ float: left; width: 100%; text-transform: uppercase; font-size: 12px; font-weight: 400;}.compreJunto .total .cima strong{ float: right; font-weight: normal; font-weight: 700; font-size: 14px;}.compreJunto .total .numero{ font-size: 32px; color: #ee7000; float: left; width: 100%; line-height: 1.2em; margin: 5px 0 5px; font-weight: 700;}.compreJunto .total .em{ font-size: 12px; line-height: 1.2em; float: left; width: 100%; font-weight: 400; color: #9e9e9e;}.compreJunto .total .ou{ font-size: 12px; display: block; line-height: 1.2em; margin-bottom: 10px;}.compreJunto .total .ou strong{ font-weight: normal;}.compreJunto .total .botoesC{ float: left; width: 100%;}.compreJunto .total .botoesC .selos { clear: both; color: #666666; float: left; font-family: arial; font-size: 10px; padding-top: 5px; width: 100%; text-transform: uppercase;}.compreJunto .total .botoesC .selos .seguro { float: left;}.compreJunto .total .botoesC .selos .seguro i { margin-right: 3px; display: inline-block; vertical-align: middle;}.compreJunto .total .botoesC .selos .seguro span { display: inline-block; vertical-align: middle;}.compreJunto .total .botoesC .selos .estoque { float: right;}.compreJunto .total .botoesC .selos .estoque i { color: #97ce14; margin-right: 3px; display: inline-block; vertical-align: middle;}.compreJunto .total .botoesC .selos .estoque span { display: inline-block; vertical-align: middle;}.compreJunto .total button{ float: left; background: #4db46a; font-size: 27px; color: #FFFFFF; border: 1px solid #FFFFFF; height: 52px; width: 100%; font-weight: 700; position: relative; margin-top: 5px; border-radius: 3px;}.compreJunto .total button i{ display: inline-block; font-size: 32px; margin-right: 10px; vertical-align: middle;}.compreJunto .total button span{ display: inline-block; vertical-align: middle;}.compreJunto .total button:hover{ background: #173F1C;}@media(min-width: 768px) and (max-width: 1023px){ .compreJunto .total .cima span{ font-size: 12px; } .compreJunto .soma{  width: 10%;  padding: 0 15px; } .compreJunto .item{ width: 27%; } .compreJunto .total{ width: 36%; padding-left: 2%; } .compreJunto .total button{ font-size: 16px; height: 50px; }}@media (max-width: 767px){ .compreJunto .agrupaMobile{ padding: 0 5px; border: 1px solid #f0f0f0; float: left; width: 100%; border-radius: 3px; } .compreJunto .total{ width: 100%; margin: 5px 0; border: none; } .compreJunto .soma{ width: 10%; margin: 5px 0; border: none; font-size: 40px; } @media (max-width: 767px){ .compreJunto .soma{  font-size: 20px; } } .compreJunto .soma .conteudo img{  max-width: 15px; } .compreJunto .item{  width: 45%;  margin: 5px 0; border: none; } .compreJunto .conteudo img{  width: 100%; } .compreJunto .soma img{  max-width: 60px; } .compreJunto .item a.link{ padding: 10px 5px; font-size: 12px; } .compreJunto .total{ padding-left: 0; padding-top: 10px; border-top: 1px solid #f0f0f0; border-bottom: none; }}.compreJunto .boxSelo .seloDetalhe{ height: 75px; width: 75px; background-size: 75px;}@media (max-width: 767px){ .compreJunto .boxSelo .seloDetalhe{ height: 45px; width: 45px; background-size: 45px; }}/*COMPRE JUNTO END*//* 6 - AVALIAÇÕES *//* 6.1 - AVALIAÇÕES GERAL */section.avaliacoes{ border-top: 1px solid #ebe6dd; margin-top: 35px; border-bottom: 1px solid #ebe6dd;}.avaliacaoProdutos{ color: #333333; padding-top: 40px;   position: relative;}.avaliacaoProdutos .titles{ font-size: 22px; display: block; margin-bottom: 35px; color: #173f1c; font-weight: 300;}.avaliacaoProdutos .titleHome{ font-size: 24px; display: block; margin-bottom: 35px; color: #000000; text-align: center;}@media (max-width: 767px){ /*.avaliacaoProdutos{ padding-top: 0; }*/ .avaliacaoProdutos .titleHome{ margin-bottom: 10px; }}.avaliacaoProdutos .notas{ float: left; width: 100%; font-size: 13px; font-weight: 300; color: #666666;}.avaliacaoProdutos .notas .bigStars{ float: left; width: 100%; font-size: 30px; color: #dddddd;}.avaliacaoProdutos .notas .bigStars i{ float: left; margin-right: 10px;}.avaliacaoProdutos .notas .bigStars .grayStars{ float: left; width: 170px; background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/site/star-webart.svg); background-repeat: repeat-x; background-position: left top; height: 38px; position: relative;}.avaliacaoProdutos .notas .bigStars .grayStars .yellowStars{ float: left; background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/site/star-webart-yellow.svg); background-repeat: repeat-x; background-position: left top; height: 38px; position: absolute; left: 0; top: 0;}.avaliacaoProdutos .notas .notastxt{ display: inline-block; margin-top: 5px;}.avaliacaoProdutos .notas .notastxt strong{ font-weight: normal; color: #373737}.avaliacaoProdutos .notas .barras{ float: left; width: 100%; margin-top: 35px;}.avaliacaoProdutos .notas .barras .item{ float: left; width: 100%; margin-bottom: 10px;}.avaliacaoProdutos .notas .barras .item > span{ float: left; line-height: 1em; margin-right: 15px;}.avaliacaoProdutos .notas .barras .item > span.qtd{ margin-right: 0; margin-left: 10px; font-family: arial; font-size: 12px; line-height: 1.2;}.avaliacaoProdutos .notas .barras .item .barra{ width: 200px; background: #ebebeb; height: 15px; float: left; position: relative;}@media (min-width: 768px) and (max-width: 1023px){ .avaliacaoProdutos .notas .barras .item .barra{ width: 75%; height: 25px; } .avaliacaoProdutos .notas .barras .item > span{ line-height: 1.8; }}@media (max-width: 767px){ .avaliacaoProdutos .notas .barras .item .barra{ width: 170px; }}.avaliacaoProdutos .notas .barras .item .barra .total{ background: #9ed726; position: absolute; height: 100%;}.avaliacaoProdutos .notas .recomendacao{ display: block; margin-top: 20px; color: #373737;}.avaliacaoProdutos .formulario{ float: left; width: 100%; position: relative; font-size: 13px; color: #666666; font-size: 12px;}.avaliacaoProdutos .formulario span{ display: inline-block; width: 100%;}.avaliacaoProdutos .formulario:before{ content: ''; border-left: 1px solid #e5e5e5; height: 100%; position: absolute; margin-left: -20px;}.avaliacaoProdutos .formulario input[type=text],.avaliacaoProdutos .formulario input[type=email],.avaliacaoProdutos .formulario textarea,.avaliacaoProdutos .formulario button{ /*border-radius: 3px;*/}.avaliacaoProdutos .formulario input[type=text],.avaliacaoProdutos .formulario input[type=email],.avaliacaoProdutos .formulario textarea{ font-size: 14px;}.avaliacaoProdutos .formulario .nome{ margin-bottom: 25px;}@media (max-width: 767px){ .avaliacaoProdutos .formulario .nome .columns:first-child input{ margin-bottom: 15px; }}.avaliacaoProdutos .formulario .rateStars{ width: 100%; display: inline-block; margin-bottom: 20px; color: #dddddd; font-size: 16px;}.avaliacaoProdutos .formulario .rateStars label{ display: inline-block; cursor: pointer; position: relative; padding-left: 22px; margin-right: 15px; line-height: 1em;}.avaliacaoProdutos .formulario .rateStars label:before{ content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; position: absolute; left: 0; bottom: 5px; background-color: white; border: 1px solid #373737; border-radius: 50%;}.avaliacaoProdutos .formulario .rateStars input[type=radio]{ display: none;}@media (min-width: 768px){ .avaliacaoProdutos .formulario .rateStars input[type=radio]:checked + label:after{ content: ""; display: inline-block; width: 8px; height: 8px; position: absolute; left: 3px; bottom: 8px; background-color: #373737; border-radius: 50%; }}.avaliacaoProdutos .formulario .rateStars label i{ float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 1px;}@media (max-width: 767px){ .avaliacaoProdutos .formulario .estrela{ font-size: 30px; width: 15%; float: left; margin: 0 0 45px; padding-top: 5px; } .avaliacaoProdutos .formulario .estrela i{ position: relative; } .avaliacaoProdutos .formulario .estrela div{ width: 33px; text-align: center; color: white;  font-size: 14px;  left: 0;  padding-top: 9px;  position: absolute;  top: 0; } .avaliacaoProdutos .formulario .rateStars{ width: 85%; float: right; margin: 5px 0 45px; height: 40px; border-radius: 3px; } .avaliacaoProdutos .formulario .rateStars label i{ display: none; } .avaliacaoProdutos .formulario .rateStars label{ float: right; width: 20%; height: 100%; margin: 0; background: #f2f2f2; padding: 0; text-align: center; border-bottom: 2px solid rgba(0, 0, 0 ,0.2); /*border-right: 1px solid rgba(0, 0, 0 ,0.2);*/ } .avaliacaoProdutos .formulario .rateStars label.active{ background: #319cff; } .avaliacaoProdutos .formulario .rateStars label.active span{ color: white; } .avaliacaoProdutos .formulario .rateStars label:nth-child(2){ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .avaliacaoProdutos .formulario .rateStars label:last-child{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .avaliacaoProdutos .formulario .rateStars label span{ line-height: 2.4em; color: #373737; } .avaliacaoProdutos .formulario .rateStars label:before{ content: ''; width: 20%; height: auto; float: left; position: relative; margin: 0; background: none; border: none; }}.avaliacaoProdutos .formulario .recomendaria{ float: left; width: 100%; margin-bottom: 30px;}.avaliacaoProdutos .formulario .recomendaria input[type=checkbox]{ display: none;}.avaliacaoProdutos .formulario .recomendaria label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; line-height: 1.3em;}.avaliacaoProdutos .formulario .recomendaria label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: white; border: 1px solid #373737;}.avaliacaoProdutos .formulario .recomendaria input[type=checkbox]:checked + label:before { font-family: icons-webart; content: "\e93c"; font-size: 13px; color: #68ad1f; text-align: center; line-height: 1em; border: 1px solid #68ad1f;}.avaliacaoProdutos .formulario textarea{ height: 80px; margin-bottom: 10px; max-width: 100%; min-width: 100%; max-height: 80px; min-height: 80px;}.avaliacaoProdutos .formulario .captcha{ float: left;}@media (max-width: 767px){ .avaliacaoProdutos .formulario .captcha{ float: right; width: 100%; margin-bottom: 8px; } .avaliacaoProdutos .formulario .captcha > div > div{ float: right; }}.avaliacaoProdutos .formulario button{ float: right; background: #9ED726; font-size: 16px; color: #FFFFFF; height: 40px; width: 110px; font-weight: 700; position: relative; margin-top: 5px;}.avaliacaoProdutos .formulario button:hover{ background: #8DC419;}@media (max-width: 1023px){ .avaliacaoProdutos .formulario{ margin-top: 65px; }}.avaliacaoProdutos .comentarios{ float: left; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 40px;}.avaliacaoProdutos .comentarios .item{ float: left; width: 100%;}.avaliacaoProdutos .comentarios .item:last-child hr{ border-color: transparent; margin: 20px 0;}.avaliacaoProdutos .comentarios .item .usuario{ width: 200px; text-align: center; color: #373737; font-size: 14px; display: table-cell; vertical-align: middle;}.avaliacaoProdutos .comentarios .item .usuario img{ border-radius: 50%; border: 1px solid #bebebe; width: 70px; height: 70px;}.avaliacaoProdutos .comentarios .item .usuario span{ clear: both; display: block; font-size: 17px;}.avaliacaoProdutos .comentarios .item .comentario{ font-size: 14px; display: table-cell;}.avaliacoesRodape{ background: #f6f6f6; padding-top: 15px; padding-bottom: 40px; margin-top: 90px;}@media (max-width: 767px){ .avaliacoesRodape{ margin-top: 35px; }}.avaliacaoProdutos.home .comentarios .item .comentario{ width: 100%; float: left;}.avaliacaoProdutos .comentarios .item .comentario .stars{ float: left; width: 100%; color: #dddddd;}.avaliacaoProdutos .comentarios .item .comentario .titleComment{ font-size: 15px; color: #373737; margin-bottom: 10px; display: block; font-weight: 400;}.avaliacaoProdutos .comentarios .item .comentario .recomendacao{ margin-top: 14px; color: #000000; font-size: 13px; font-weight: 400;}.avaliacaoProdutos .comentarios .item .comentario .recomendacao span{ display: inline-block; vertical-align: middle;}.avaliacaoProdutos .comentarios .item .comentario .recomendacao i.icon-certo{ color: #68ad1f; margin-right: 5px; font-size: 12px; display: inline-block; vertical-align: middle;}.avaliacaoProdutos .comentarios .item .comentario .recomendacao i.icon-errado{ color: #ff2d0b; margin-right: 5px; font-size: 12px; display: inline-block; vertical-align: middle;}.avaliacaoProdutos .comentarios .item .comentario > p{ font-size: 13px; color: #666666;}@media (max-width: 767px){ .avaliacaoProdutos .comentarios .item{ text-align: center; } .avaliacaoProdutos .comentarios .item .usuario{ display: block; width: 100%; margin-bottom: 20px; } .avaliacaoProdutos .comentarios .item .comentario{ display: block; width: 100%; }}.avaliacaoProdutos .comentarios .item hr{ max-width: 300px; border-color: #e5e5e5; margin: 40px auto;}.avaliacaoProdutos.home .comentarios .item hr{ display: inline-block; width: 100%;}.avaliacaoProdutos.home .comentarios{ border: 0;}/* 6.2 - AVALIAÇÕES HOME */.avaliacaoProdutos.home{ padding-top: 0;}@media (min-width: 768px){ .avaliacaoProdutos.home .comentarios .item{ float: left;  padding: 0 40px;  text-align: center;  width: 50%; } .avaliacaoProdutos.home .comentarios .item .usuario{  display: block;  text-align: center; margin-bottom: 20px;  width: 100%; } .avaliacaoProdutos.home .comentarios .item:first-child{ border-right: 1px solid #e1e1e1; } .avaliacaoProdutos.home .comentarios{ border-top: 0; padding-top: 0; }}@media (max-width: 766px){ .avaliacaoProdutos.home .item:last-child hr{ display: none; }}/*END AVALIAÇÕES*/.yellow{ color: #ffc502;}/* 7 - ACCORDION FOUNDATION*/.accordion{ font-family: inherit; /*text-transform: uppercase;*/}.accordion-title{ line-height: inherit;}.accordion-title:focus{ background: inherit;}.accordion-title:hover,.accordion-item.is-active .accordion-title{ /*background: #E66545; color: #FFFFFF;*/}.accordion ul{ float: left; width: 100%;}.accordion ul.textos li{ clear: both; float: left; margin: 3px 0; width: 100%;}.accordion ul.textos li:before{ background: #9ED726; border-radius: 50%; content: ""; display: inline-block; height: 6px; margin-right: 10px; margin-top: -2px; vertical-align: middle; width: 6px;}ul.accordion .accordion-item{ float: left; width: 100%; border-top: 1px solid #282828; padding: 0 10px;}ul.accordion .accordion-content{ float: left; width: 100%; font-size: 11px; color: #8c8c8c; text-transform: none;}/* END ACCORDION FOUNDATION *//* 8 - INSPIRAÇÃO */.areaInspiracao{ padding-left: 0.75rem; padding-right: 0.75rem;}.areaInspiracao .column{ padding-left: 0.1875rem; padding-right: 0.1875rem;}@media (max-width: 767px){ .areaInspiracao{  padding-left: 0.4375rem;  padding-right: 0.4375rem; }}.areaInspiracao .boxInspiracao{ float: left; width: 100%; border: 1px solid #e5e5e5; text-transform: uppercase; font-size: 13px;}.areaInspiracao .boxInspiracao .imagem{ float: left; width: 100%; text-align: center; border-right: 1px solid #f2f2f2; padding: 5px;}.areaInspiracao .boxInspiracao .cores{ float: left; width: 100%;}.areaInspiracao .boxInspiracao .cores .titles{ display: block; text-align: center; text-transform: uppercase; padding-top: 5px;}.areaInspiracao .boxInspiracao .cores .boxCores{ width: 100%; float: left;}.areaInspiracao .boxInspiracao .cores .boxCores .item{ width: 50%; float: left; padding-top: 5px;}.areaInspiracao .boxInspiracao .cores .boxCores .item:nth-child(odd){ padding-left: 6px; padding-right: 3px;}.areaInspiracao .boxInspiracao .cores .boxCores .item:nth-child(even){ padding-right: 6px; padding-left: 3px;}.areaInspiracao .boxInspiracao .baixo{ float: left; width: 100%; padding: 10px; border-top: 1px solid #f2f2f2;}.areaInspiracao .boxInspiracao .baixo .descricao{ float: left; color: #c0c0c0; font-size: 9px; margin-top: 10px; width: 100%;}/* END INSPIRAÇÃO *//* 9 - PASSOS CARRINHO */.areaPassos{ background: url("img/categoria/background.jpg"); background-position: center; background-size: cover; padding-top: 35px; padding-bottom: 25px; text-align: center;}.areaPassos .conteudo{ float: left; width: 100%;}.areaPassos .itens{ display: inline-block; margin: 0 -2px;}.areaPassos .itens .boxIconeTexto{ float: left; width: 90px; color: #8a692f;}.areaPassos .itens .boxIconeTexto button{ background: #FFFFFF; border: 1px solid #bf9b5b; width: 40px; height: 40px; border-radius: 50%; color: #bf9b5b; cursor: default; z-index: 10; position: relative;}.areaPassos .itens .boxIconeTexto > span{ font-size: 12px; text-transform: uppercase; line-height: 1.5; display: block; padding-top: 5px;}.areaPassos .itens .divisor{ float: left; height: 1px; background: #c6cca3; margin-top: 20px; width: 70px;}.areaPassos .itens.active .boxIconeTexto button{ background: #bf9b5b; color: #FFFFFF;}.areaPassos .itens.active .divisor{ background: #909e3f;}@media (max-width: 767px){ .areaPassos .itens{ width: 20%; position: relative; } .areaPassos .itens .boxIconeTexto{ width: 100%; } .areaPassos .itens .boxIconeTexto span{  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; font-size: 11px; float: left; width: 100%; text-transform: none; } .areaPassos .itens .divisor{  left: calc(100% - 25px);  position: absolute;  width: 50px; }}/* 11 - ESTRELAS DETALHE PRODUTO*/.estrelasDetalheProd{ float: left; margin-left: 8px; margin-right: 8px;}.estrelasDetalheProd .grayStars{ float: left; width: 75px; background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/site/star-webart.svg); background-size: 15px; background-repeat: repeat-x; background-position: left top; height: 15px; position: relative;}.estrelasDetalheProd .yellowStars{ float: left; background-image: url(https://www.sementesarbocenter.com.br/tema/arbocenter/img/site/star-webart-yellow.svg); background-size: 15px; background-repeat: repeat-x; background-position: left top; height: 15px; position: absolute; left: 0; top: 0;}/* 11 - DROPBOX */.dropbox{ float: left; width: 170px; background: #FFFFFF; cursor: pointer; position: relative; font-weight: 400; font-size: 12px; text-transform: uppercase; z-index: 999;}.dropbox .arrow{ float: right; border-left: 1px solid #d1d1d1; height: 22px; padding-left: 3px; font-size: 14px;}.dropbox .arrow i{ line-height: 1.7; display: inline-block; margin: 0 3px; color: #8c8b8b;}.dropbox .topodrop{ float: left; width: 100%; border: 1px solid #d1d1d1; padding: 8px 3px 8px 6px; line-height: 1.7;}.dropbox .conteudodrop{ float: left; width: 100%; background: #FFFFFF; border: 1px solid #d1d1d1; border-top: none; position: absolute; top: 100%; left: 0; display: none; color: #666666;}.dropbox .conteudodrop li label{ padding: 9px 3px 9px 6px; cursor: pointer; font-weight: 300;}.dropbox .conteudodrop li label input{ display: none;}.dropbox .conteudodrop li:hover{ background: #EEEEEE;}.dropbox .conteudodrop li.esgotado{ color: #ababab;}.dropbox .conteudodrop li.esgotado label:hover{ background: #FFFFFF; cursor: default;}@media (max-width: 767px){ /*.dropbox{  width: calc(100% - 170px); }*/}