:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --secondary: #6c757d; --light: #f8f9fa; --dark: #343a40; --default: #64748b; --primary: #2563eb; --success: #22c55e; --danger: #ef4444; --warning: #f59e0b; --secondary: #475569; --breakpoint-xs: 360px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, :after, :before, :focus { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: 0 } @font-face { font-family: open-sans; font-display: auto; font-stretch: normal; } @font-face { font-family: open-sans-condensed; font-display: auto; font-stretch: normal; } @font-face { font-family: roboto; font-display: auto; font-stretch: normal; } @font-face { font-family: roboto-condensed; font-display: auto; font-stretch: normal; } @font-face { font-family: roboto-mono; font-display: auto; font-stretch: normal; } @font-face { src: url("https://use.typekit.net/af/8939f9/00000000000000007735a061/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/8939f9/00000000000000007735a061/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/8939f9/00000000000000007735a061/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 700; } @font-face { src: url("https://use.typekit.net/af/dabd7c/00000000000000007735a06d/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/dabd7c/00000000000000007735a06d/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/dabd7c/00000000000000007735a06d/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 800; } @font-face { src: url("https://use.typekit.net/af/d4e28f/00000000000000007735a072/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/d4e28f/00000000000000007735a072/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/d4e28f/00000000000000007735a072/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: italic; font-weight: 400; } @font-face { src: url("https://use.typekit.net/af/3942a0/00000000000000007735a077/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/3942a0/00000000000000007735a077/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/3942a0/00000000000000007735a077/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: italic; font-weight: 700; } @font-face { src: url("https://use.typekit.net/af/73f299/00000000000000007735a083/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/73f299/00000000000000007735a083/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/73f299/00000000000000007735a083/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 400; } @font-face { src: url("https://use.typekit.net/af/9c50de/00000000000000007735a085/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/9c50de/00000000000000007735a085/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/9c50de/00000000000000007735a085/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 700; } @font-face { src: url("https://use.typekit.net/af/1598ff/00000000000000007735a08d/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/1598ff/00000000000000007735a08d/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/1598ff/00000000000000007735a08d/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 400; } @font-face { src: url("https://use.typekit.net/af/28b88f/00000000000000007735a08f/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/28b88f/00000000000000007735a08f/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/28b88f/00000000000000007735a08f/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 700; } @font-face { src: url("https://use.typekit.net/af/e2eb45/00000000000000007735a093/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/e2eb45/00000000000000007735a093/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/e2eb45/00000000000000007735a093/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 400; } @font-face { src: url("https://use.typekit.net/af/125227/00000000000000007735a096/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff2"), url("https://use.typekit.net/af/125227/00000000000000007735a096/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("woff"), url("https://use.typekit.net/af/125227/00000000000000007735a096/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a") format("opentype"); font-style: normal; font-weight: 700; } .tk-open-sans { font-family: open-sans, sans-serif } .tk-roboto { font-family: roboto, sans-serif } .tk-open-sans-condensed { font-family: open-sans-condensed, sans-serif } .tk-roboto-condensed { font-family: roboto-condensed, sans-serif } .tk-roboto-mono { font-family: roboto-mono, monospace } body, pre { background-color: #f0f0f0 } .alert, .button { letter-spacing: 2px; text-transform: initial } img.bg, img.contain, img.cover { object-position: center; height: 100%; width: 100% } body, ul.no-style { margin: 0; padding: 0 } .alert, .button, .modal-i { text-transform: initial } dl>dt { padding: 7px 15px } .button, .m-cookie .m-inner .block-button, .m-cookie .m-inner p, .text-center, ul.slick-dots { text-align: center } .wdh { max-width: 1366px; margin: 0 auto; position: relative; padding: 0 10px; } .wdh-medium { max-width: 768px } .wdh-small { max-width: 540px } body { color: #35373a; font-family: roboto, sans-serif; font-weight: 400; font-style: normal; width: 100%; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { color: #5e5e5e; text-transform: initial !important; margin: 0 } .h1, h1 { font-size: 32px } .h2, h2 { font-size: 24px } .h3, h3 { font-size: 18.72px } .h4, .text-medium, dl, h4 { font-size: 16px } .h5, h5 { font-size: 13.28px } .h6, h6 { font-size: 13.72px } pre { box-shadow: 0 0 15px 1px rgba(0, 0, 0, .2); border-radius: 5px; padding: 15px } .glass { background: rgba(255, 255, 255, .35); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .37); backdrop-filter: blur(13.5px); -webkit-backdrop-filter: blur(13.5px) } .box-shadow { box-shadow: 0 0 10px 1px rgb(149 149 149 / 37%) } a { text-decoration: none; transition: .3s } .button:hover, a:hover { opacity: .9 } .button { border: none !important; font-size: 14px; font-weight: 400 !important; padding: 7px 14px; border-radius: 3px; display: inline-block; cursor: pointer } .button-isActive { border-left: var(--warning) solid 5px !important } .alert-small, .button-small { font-size: 12px; padding: 5px 10px } .alert-medium, .button-medium { font-size: 16px; padding: 9px 18px } .alert-large, .button-large { font-size: 18px; padding: 10px 20px } .alert-default, .button-default { background-color: #f0f0f0; color: #3a3a3a } .button-primary { background-color: #06f; color: #fff } .button-success { background-color: var(--green); color: #fff } .alert-danger, .button-danger { background-color: var(--danger); color: #fff } .button-warning { background-color: var(--orange); color: #fff } .alert-disable, .button-disabled { background-color: var(--disable); color: #b7b7b7 } .alert { border: none !important; font-size: 14px; font-weight: 100; padding: 14px; border-radius: 3px; margin: 15px 0 } .alert-white{ background-color: #fff; } .alert-primary { background-color: var(--primary); color: #fff } .alert-success { background-color: #89c445; color: #fff } .alert-warning { background-color: var(--warning); color: #fff } .text-left { text-align: left } .text-right { text-align: right } .text-small { font-size: 12px } .text-large { font-size: 18px } .text-strong { font-weight: 900 } .text-primary { color: var(--primary) } .text-success { color: var(--success) } .text-danger { color: var(--danger) } .text-warning { color: var(--warning) } .text-disable { color: var(--disable) } .text-white { color: var(--white)!important } input, select, textarea { background-color: #fff; border: 1px solid #f0f0f0; color: #3e3e3e; padding: 7px 10px; font-size: 14px; border-radius: 5px } .box-default { margin-bottom: 15px } .box-header-page { border-radius: 0!important; } .box-header-page p { margin: 7p 0x; } .box-default .box-content { padding: 10px 0 } .box-default .box-content .box-inner { width: calc(100% - 300px); padding: 0 15px } .box-default .box-content .sidebar { width: 300px } .box-default .box-content .sidebar ul{ padding: 7px; } .box-default .box-content .sidebar ul li{} .box-default .box-content .sidebar ul li a{ text-align: left; border-bottom: #cccccc solid 1px!important; display: block; color: black; padding: 15px 15px; font-size: 16px; } .box-default .box-content .sidebar ul li a.button-primary{ color: #ffffff; } .box-default .box-content .sidebar ul li:hover a{ color: var(--c3); } .box-panel { border-radius: 7px; margin: 15px 0 } .box-panel .box-footer, .box-panel .box-header { background-color: #f0f0f0; padding: 7px } .box-panel .box-content { background-color: #fff; padding: 7px } img.cover { object-fit: cover } img.contain { object-fit: contain } img.bg { object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } ul.no-style { list-style: none } .flex { display: flex; flex-flow: row wrap } .box-form .label-input.input-checkbox input, .box-form label.uploadFile input, .m-cookie, .modal-i { display: none } .flex.flex-reverse-row { flex-direction: row-reverse } .flex.flex-middle { align-items: center } .flex.flex-top { align-items: start } .flex.flex-bottom { align-items: end } .flex.flex-between { justify-content: space-between } .flex.flex-center { justify-content: center; bottom: 0; width: 100% } .flex.flex-evenly { justify-content: space-evenly } .flex.flex-around { justify-content: space-around } .flex.flex-start { justify-content: flex-start } .flex.flex-end { justify-content: flex-end } .box-form { margin-bottom: 45px; min-width: 100% } .box-form .wdh-small { background-color: red } .box-form label, .dropdown, .tag-admin, .tag-coming-soon, .tag-new, .tag-unavailable { position: relative } .box-form label, .box-form label span { display: block; padding-bottom: 7px } .box-form .item-chckbox { width: 100%; display: block; padding: 7px 0; position: relative } .m-cookie .m-inner, .modal-i { padding: 15px } .box-form label > .icon { color: #6f6f6f; display: block; width: 25px; height: 25px; position: absolute; top: 50%; right: 1px; transform: translateY(-50%) } .box-form label sup.req { color: red } .box-form label input[type=email], .box-form label input[type=password], .box-form label input[type=text], .box-form label select, .box-form label textarea { background-color: rgba(255, 255, 255, .2); border: 1px solid #fff; border-radius: 7px; width: 100%; padding: 10px 15px; font-size: 16px } .box-form label textarea { height: 150px } .box-form label.uploadFile { cursor: pointer } .box-form label.uploadFile #imageName { color: var(--ggreen) } .box-form label.set-category input, .box-form label.set-category input[type=text] { color: #fff } .box-form .label-input.input-checkbox { padding: 15px 0 } .box-form .label-input.input-checkbox label { color: #fff; font-size: 14px; padding-left: 40px; position: relative; cursor: pointer } .box-form .label-input.input-checkbox input[type=checkbox]+label:after, .box-form .label-input.input-checkbox input[type=checkbox]+label:before { content: '\0a0'; background-color: #fff; border-radius: 3px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%) } .box-form .label-input.input-checkbox input[type=checkbox]+label:before { width: 25px; height: 25px; transform: translate(0, -50%) } .box-form .label-input.input-checkbox input[type=checkbox]:checked+label:after { content: '\2713'; background-color: #040f1a; transform: translate(0, -51%); padding: 4px 8px } .box-form .label-input.input-checkbox .no-checked i { background-color: red; color: #fff; display: block; font-size: 14px; margin: 15px 0 0; padding: 5px 15px; border-radius: 7px } .box-form label.setCity .suggestionsBox { background-color: #f5f5f5; box-shadow: 0 0 19px 1px rgba(0, 0, 0, .5); border-radius: 7px 7px 0 0; position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); width: 100%; z-index: 9; list-style: none; overflow: hidden } .box-contact{ max-width: 768px; } .box-contact label input[type=email], .box-contact label input[type=password], .box-contact label input[type=text], .box-contact label select, .box-contact label textarea{ border-color: #c0c0c0; } .m-cookie>a:before, .modal-i, .modal-i a.c-modal-i:before { transform: translate(-50%, -50%) } .box-form .form-add-wishlist label.setCity .suggestionsBox { box-shadow: none; border: 1px solid #dcdcdc; border-radius: 0 0 7px 7px; top: -5px; width: 100%; position: relative } .box-form .form-add-wishlist label.setCity .suggestionsBox li:last-child { border-bottom: none !important } .box-form label.setCity .suggestionsBox .suggestionList { max-height: 250px; overflow-y: auto } .box-form label.setCity .suggestionsBox .suggestionList li { cursor: pointer; padding: 7px 15px; border-bottom: 1px solid #d2d2d2 } .box-form label.setCity .suggestionsBox .suggestionList li:hover { background-color: #040f1a; color: #fff } input#required-info { border-color: rgba(255, 0, 0, .7) } input.loadAction.load { color: transparent; position: relative; background-image: url('../img/load.svg'); background-repeat: no-repeat; background-size: contain; background-position: center } .box-form label input.input-error, .box-form label select.input-error { background-color: #ffc9c9 } body.modal, body.modalB { position: relative; overflow: hidden } body.modal:before { content: ''; background-color: rgb(0, 0, 0, .5); background-image: url('../img/bg-modal-form.jpg'); background-repeat: repeat; background-size: auto; background-position: center; filter: opacity(.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999 !important } body.modalB:before { content: ''; background-color: rgb(0, 0, 0, .8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999 } body.modalB button.clk-close { background-color: #f90; display: block; width: 35px; height: 35px; position: absolute; top: 0; right: 0; z-index: 999999 } body.modalB button.clk-close:before { content: '\00d7'; font-size: 30px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-55%, -54%) } .modal-form .box-form { background-color: #fff; border-radius: 15px; width: 900px; height: 600px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%) } .modal-i { background-color: #fff; box-shadow: 0 0 17px 1px rgba(0, 0, 0, .5); border-radius: 10px; color: #101f2d; font-size: 16px; position: fixed; width: 300px; text-align: left; top: 250px; left: 50%; z-index: 9999999 } .modal-i.show, dl>dt>small { display: block } .modal-i a.c-modal-i { background-color: #101f2d; color: #fff; border-radius: 100%; position: absolute; top: 5px; right: 7px; width: 20px; height: 20px; display: block } .modal-i a.c-modal-i:before { content: '\00d7'; font-weight: 700; position: absolute; top: 50%; left: 50% } .modal-i a.c-modal-i.ns { background-color: unset; color: unset; border-radius: unset; position: unset; top: unset; right: unset; width: unset; height: unset; display: unset } .modal-i a.c-modal-i.ns:before { content: unset; font-weight: unset; position: unset; top: unset; left: unset; transform: unset } .modal-i.show img { float: left; width: 100px; height: 100px; margin-top: 18px; margin-right: 15px } .m-cookie { background-color: rgba(240, 240, 240); box-shadow: 0 0 15px 1px rgb(0, 0, 0, .3); border: 1px solid rgb(200, 200, 200); color: #646464; position: fixed; left: 0; bottom: 0; font-size: 16px; font-family: Arial; letter-spacing: 1px; line-height: 18px; margin: 15px } .m-cookie>a { position: absolute; background-color: rgb(226 53 58); width: 35px; height: 35px; top: -35px; right: 0 } .m-cookie>a:before { content: '\00d7'; color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50% } table.tb-md { margin: 25px 0 } table.tb-md.pg, table.tb-md.pg th { background-color: #fff } table.tb-md, table.tb-md td, table.tb-md th { border: 1px solid #f0f0f0; border-collapse: collapse } table.tb-md td, table.tb-md th { padding: 10px } table.tb-md tbody tr th, table.tb-md thead tr th { background-color: #f5f5f5 } dl>dt { background-color: #133b5f; color: #fff } dl>dd { background-color: #f0f0f0; padding: 15px; margin: auto } .dropdown>a { font-size: 22px; padding: 0 15px } .box-dropdown { position: absolute; top: 42px; right: -50px; z-index: 999999999; display: none } .box-dropdown .box-dropdown-inner { background-color: #fff; filter: drop-shadow(0 0px 3px #333); color: #133b5f; border-radius: 5px; width: 160px; height: auto } .box-dropdown .box-dropdown-inner:before { content: ''; width: 20px; height: 10px; border-left: 10px solid #ffffff00; border-right: 10px solid #ffffff00; border-bottom: 10px solid #fff; position: absolute; right: 56px; top: -10px } .box-dropdown .box-dropdown-inner .footer-dropdown, .box-dropdown .box-dropdown-inner .header-dropdown { background-color: var(--primary); color: #fff; font-size: 14px; padding: 7px 14px } .box-dropdown .box-dropdown-inner .footer-dropdown img { height: 15px } .box-dropdown .box-dropdown-inner>ul>li { line-height: 20px } .box-dropdown .box-dropdown-inner>ul>li:last-child { border: 0 !important } .box-dropdown .box-dropdown-inner>ul>li>a { color: #595959 !important; display: block; padding: 12px 15px; font-size: 14px } .social-links ul li { width: 25px; height: 25px; margin-right: 10px } .social-links ul li a { background-image: url('../img/icons-group-social-links-white.svg'); background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100% } .social-links.primary ul li a { background-image: url('../img/icons-group-social-links-blue.svg') } .social-links ul li.icon-facebook a { background-position: 2.5px center } .social-links ul li.icon-instagram a { background-position: -27.5px center } .social-links ul li.icon-linkedin a { background-position: -58px center } .social-links ul li.icon-twitter a { background-position: -85.5px center } .social-links ul li.icon-youtube a { background-position: -112.5px center } .social-links.primary ul li.icon-facebook a { background-position: 3px center } .social-links.primary ul li.icon-instagram a { background-position: -34px center } .social-links.primary ul li.icon-linkedin a { background-position: -70px center } .social-links.primary ul li.icon-twitter a { background-position: -105px center } .social-links.primary ul li.icon-youtube a { background-position: -137px center } .social-links-to-share { width: 200px; padding: 2px; } .social-links-to-share span { padding: 0 0 5px; display: inline-block } .social-links-to-share ul li a { border: 1px solid #3f51b5; border-radius: 5px; color: #3f51b5; padding: 2px 6px; font-size: 22px; display: block } .social-links-to-share ul li a:hover { border-color: var(--warning); color: var(--warning) } .slick-next.slick-arrow, .slick-prev.slick-arrow { background: #ffffff00; color: #656565; position: absolute; top: 50%; transform: translateY(-50%); border: 0; font-size: 30px; min-height: 50px; width: 44px; height: 45px; z-index: 99999; cursor: pointer; } .slick-prev.slick-arrow { border-radius: 7px 0 0 7px; left: -15px } .slick-next.slick-arrow { border-radius: 0 7px 7px 0; right: -15px } ul.slick-dots { margin: 0; padding: 0; list-style: none } ul.slick-dots li { display: inline-block } ul.slick-dots li button { background-color: #c8c8c8; border: 0; display: block; width: 15px; height: 15px; border-radius: 100%; font-size: 0; margin: 7px; cursor: pointer } ul.slick-dots li.slick-active button { background-color: #2196f3 !important; cursor: default } .block-ads-google { background-color: #8f8f8f } .block-ads-google.ad-gg-728-90 { width: 728px; height: 90px } .tag-admin:after, .tag-coming-soon:before, .tag-new:after, .tag-unavailable:after { border-radius: 3px; color: #fff; padding: 3px 5px; font-size: 8px; position: absolute; top: 0; right: 0; font-weight: 400 } .tag-new:after { background-color: VAR(--success); content: 'NOVO' } .tag-coming-soon:before { background-color: VAR(--warning); content: 'EM BREVE' } .tag-unavailable:after { background-color: VAR(--danger); content: 'Indisponível' } .tag-admin:after { background-color: VAR(--danger); content: 'Admin' } .box-animation-title { height: 35px; overflow: hidden; margin: 25px 0 0 } .box-animation-title span { padding: 1px 10px 4px 4px; font-size: 22px } .box-animation-title ul { width: 170px; -webkit-animation-name: change; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-name: change; animation-duration: 10s; animation-iteration-count: infinite; margin-left: -10px; } .box-animation-title ul li.item { text-align: left; color: var(--orange); display: inline-block; width: 100%; height: 30px; padding: 0 7px; font-size: 24px } @-webkit-keyframes opacity { 0%, 100% { opacity: 0 } 50% { opacity: 1 } } @keyframes opacity { 0%, 100% { opacity: 0 } 50% { opacity: 1 } } @-webkit-keyframes change { 0%, 100%, 12.66% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 16.66%, 29.32%, 83.3%, 95.96% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0) } 33.32%, 45.98%, 66.64%, 79.3% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } 49.98%, 62.64% { -webkit-transform: translate3d(0, -75%, 0); transform: translate3d(0, -75%, 0) } } @keyframes change { 0%, 100%, 12.66% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 16.66%, 29.32%, 83.3%, 95.96% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0) } 33.32%, 45.98%, 66.64%, 79.3% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } 49.98%, 62.64% { -webkit-transform: translate3d(0, -75%, 0); transform: translate3d(0, -75%, 0) } } p[data-f-id=pbf] { font-size: 0 !important } .box-banner-create-ads:before, .header-blog-single:before, .header-blog:before, header.header:before { left: 50%; transform: translate(-50%, -50%); top: 50%; content: '' } footer.footer, header.header { } header.header { background-repeat: no-repeat; background-size: cover; background-position: center; max-height: 390px !important; position: relative; padding-top: 50px } header.header:before { background: rgb(14, 41, 60, .85); width: 100%; height: 100%; position: absolute } header.header .header-fixed { width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 999999; padding: 7px 0 } header.header .header-fixed .logo a { filter: brightness(0) invert(1) } header.header .header-fixed .logo a img { height: 30px } header.header .header-fixed .buttons-user-access ul li a, header.header .topbar .social-links ul li a { color: #fff; font-weight: 700 } header.header .header-fixed .buttons-user-access ul li a .setViewName { color: #fff; |width: 35px; |font-size: 16px; |font-weight: 700; position: relative } header.header .header-fixed .buttons-user-access ul li a .setViewName:before { content: ''; background: var(--primary); border: 2px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; z-index: -1 } header.header .topbar { padding: 10px 0 } header.header .topbar .links ul li a { color: #fff; font-weight: 700; padding: 0 10px } header.header .topbar .links ul li a.link-active { color: var(--orange); } .lst-preview-ads .prev-item-ads .prev-inner-ads .buttons-ads ul li:first-child, header.header .topbar .links ul li:first-child a { padding-left: 0 } header.header .topbar .links ul>li.offcanvas { position: relative; padding: 0; top: 7px; cursor: pointer; display: none } header.header .topbar .links ul>li.offcanvas>a { position: relative; top: -10px; font-size: 22px } header.header .topbar .links ul li.offcanvas .box-offcanvas { background: #fff; border-radius: 4px; width: 0; overflow: hidden; position: absolute; top: -5px; left: 30px; z-index: 999 } header.header .topbar .links ul li.offcanvas .box-offcanvas.active { width: unset; } .ads-detail .logo-description, .lst-ads .ads-item .ads-button a, header.header .topbar .links ul li.offcanvas .box-offcanvas ul { width: 100% } header.header .topbar .links ul li.offcanvas .box-offcanvas ul li { position: unset !important; color: #585858; border-bottom: 1px solid #c8c8c8; width: 100%; display: block; padding: 7px 10px } header.header .topbar .links ul li.offcanvas .box-offcanvas ul li:last-child { padding-bottom: 10px; border: 0 } header.header .topbar .links ul li.offcanvas .box-offcanvas ul li a { color: #585858; font-weight: 600 !important; display: block; text-align: left; font-weight: normal!important; } header.header .topbar .links ul li.offcanvas .box-offcanvas ul li a.link-active { color: var(--orange)!important; } header.header.scrolled .header-fixed { background: #fff; box-shadow: 0 0 10px 1px rgb(149 149 149 / 37%) } header.header.scrolled .header-fixed .logo a { filter: unset } header.header.scrolled .header-fixed .buttons-user-access ul li a { color: #585858; font-weight: 900 !important } header.header.scrolled .header-fixed .buttons-user-access ul li a.button.button-primary { color: #fff; font-weight: 400 !important } .searchbar { width: 500px; padding: 7px; border-radius: 5px; z-index: 99; margin: 60px auto; position: relative; top: -41px; } .searchbar .box-form-search label { position: relative } .searchbar .box-form-search label:first-child { width: calc(100% - 45px) } .searchbar .box-form-search label:nth-child(2) { width: 45px } .searchbar .box-form-search label:nth-child(3) button { padding: 9px } .searchbar .box-form-search label button, .searchbar .box-form-search label input, .searchbar .box-form-search label select { width: 98%; padding: 8px 14px; font-size: 16px; position: relative } .searchbar .box-form-search label select option { font-size: 16px } .searchbar .box-form-search label button, .searchbar .box-form-search label input { padding: 10px } .searchbar .box-form-search label:first-child:before, .searchbar .box-form-search label:nth-child(2):before { content: ''; font-size: 13px; color: #595959; font-weight: 700; position: absolute; top: 50%; margin-left: 10px; transform: translateY(-55%); z-index: 9999999 } .autocomplete-results { background: #fff; border-radius: 7px; position: absolute; margin-top: 10px; width: 100%; max-height: 250px; overflow-y: auto; z-index: 1 } .autocomplete-results div { border-bottom: 1px solid #d1d1d1; color: #585858; display: block; width: 100%; margin: 1px; padding: 7px; cursor: pointer } .autocomplete-results div:hover { background: #f0f0f0 } .autocomplete-results div span.tag.Blog, .autocomplete-results div span.tag.Categoria, .autocomplete-results div span.tag.Subcategoria, .autocomplete-results div span.tag.Empresa, .autocomplete-results div span.tag.cnpj { color: #fff; border-radius: 3px; font-size: 12px; padding: 2px 7px 3px } .autocomplete-results div span.tag.Empresa, .autocomplete-results div span.tag.cnpj { background: #06f } .autocomplete-results div span.tag.Categoria, .autocomplete-results div span.tag.Subcategoria { background: #85618d } .autocomplete-results div span.tag.Blog { background: var(--orange) } .autocomplete-results div span.txt { color: #595959 } .cf-lst-categorie-slider{ margin-top: -15px; margin-bottom: 35px; } .cf-lst-categorie-slider .box-header { background-color: #e1e1e1; padding: 25px 0; } .cf-lst-categorie-slider .box-content { background-color: #e1e1e1; border-radius: 0px 0px 7px 7px; padding: 10px 25px 35px 25px; } .lst-categories .lst-categorie-slider { padding: 0 30px } .lst-categories .lst-categorie-slider .slick-prev { left: -40px !important } .lst-categories .lst-categorie-slider .slick-next { right: -40px !important } .lst-categories .cat-item { border-radius: 7px; width: 110px; height: 120px; text-align: center; margin: 24px } .lst-categories .cat-item a { color: #47589f; display: block } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-category a, .lst-categories .cat-item a:hover { color: var(--orange) } .lst-categories .cat-item a .cat-icon { padding: 15px 0 0 } .lst-categories .cat-item a .cat-icon i { font-size: 32px } .lst-categories .cat-item a .title { height: 65px; font-weight: 700 } .lst-categories .cat-item a .title span { display: block; width: 100%; font-size: 11px } .lst-categories #blg-categorie-slider .slick-list { width: 80%; margin: 0 auto } .lst-categories button.slick-next, .lst-categories button.slick-prev{ color: #47589f; } .box-banner-create-ads .cah-title span, .header-blog *, .header-blog-single .title *, .header-blog-single .title-info span, footer.footer .block-links a { color: #fff } .lst-categories #blg-categorie-slider { padding: 10px 0; margin: 15px 0 } .lst-ads .ads-item { background: #fff; border-radius: 5px; width: 200px; height: 250px; margin: 7px; padding: 5px; position: relative; overflow: hidden } .lst-ads .ads-item .ads-cover { background: silver; border-radius: 5px; overflow: hidden; width: 100%; height: 100px; cursor: pointer; margin-bottom: 7px; } .lst-ads .ads-item .ads-location { padding: 3px 5px; cursor: pointer } .lst-ads .ads-item .ads-location i { font-size: 13px } .lst-ads .ads-item .ads-location span { padding: 0 3px } .lst-ads .ads-item .ads-title { padding: 3px 7px; height: 60px; overflow: hidden; cursor: pointer } .lst-ads .ads-item .ads-likes { padding: 0; height: 30px } .lst-ads .ads-item .ads-likes .ads-info-like .button-like { background: unset; border: 0; font-size: 20px } .lst-ads .ads-item .ads-likes .ads-aditional-information ul li, .lst-ads .ads-item .ads-likes .ads-info-like span { padding: 0 2px } .lst-ads .ads-item .ads-button { position: absolute; width: calc(100% - 10px); bottom: 5px } .lst-ads-with-info { } .lst-ads-with-info .lts-ads { width: 60%; overflow: hidden } .lst-ads-with-info .ads-header-info { width: 40%; padding: 15px } .box-banner-create-ads .cah-button, .lst-ads-with-info .ads-header-info p { padding: 15px 0 } .lst-preview-ads .prev-item-ads, .lst-preview-ads .prev-item-ads .prev-inner-ads .buttons-ads { padding: 7px } .lst-preview-ads .prev-item-ads .prev-inner-ads { border-radius: 7px; overflow: hidden } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads { background: #fff } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .logo-ads { background: #fff; width: 125px; height: 125px; cursor: pointer } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads { width: calc(100% - 130px) } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads .name-ads { padding: 7px 10px } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads .name-ads h3 { cursor: pointer } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads .contact-ads { padding: 7px 10px; cursor: pointer } .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads .contact-ads .adderess-ads p, .lst-preview-ads .prev-item-ads .prev-inner-ads .header-ads .info-ads .contact-ads .phone-ads p { margin: 0 !important } .lst-preview-ads .prev-item-ads .prev-inner-ads .buttons-ads ul { display: none } .lst-preview-ads .prev-item-ads .prev-inner-ads .buttons-ads ul li { padding: 0 5px } .header-create-ads { background-image: url('../../img/bg-banner-create-ads.png'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 45px; position: relative; overflow: hidden; border-radius: 7px 7px 7px 7px; } .header-create-ads:before { background: rgb(37, 55, 121, .75); width: 100%; height: 100%; position: absolute; z-index: 0 } .header-create-ads .l-title { color: rgb(255, 255, 255); } .header-create-ads .l-title h2{ color: rgb(255, 255, 255); } .header-create-ads .l-title span{ display: block; margin: 25px 0; } .header-create-ads .l-title a{ } .header-media-content *{ color: #ffffff; } .header-blog, .header-media-content { position: relative; border-radius: 10px; overflow: hidden; background-size: cover!important; background-repeat: no-repeat; background-position: center; } .header-blog { background: url('https://cdn.pixabay.com/photo/2016/02/13/12/26/aurora-1197753_1280.jpg'); } .header-media-content { background: url('https://cdn.pixabay.com/photo/2016/02/13/12/26/aurora-1197753_1280.jpg'); } .header-blog-single, footer.footer { background-size: cover; position: relative } .header-blog-single, .header-blog:before, .header-media-content:before, footer.footer { background-repeat: no-repeat; background-position: center } .header-blog:before, .header-media-content:before{ background-color: #0e293c; } .header-blog:before, .header-media-content:before { background-size: 100%; width: 100%; height: 100%; position: absolute; filter: opacity(90%); z-index: 0 } .header-blog .l-title, .header-media-content .l-title { width: 100%; text-align: center; padding: 15px; position: relative; } .header-blog .r-form, .header-blog-single .r-form, .header-media-content .r-form { width: 100%; padding: 15px 0 20px } .header-blog .r-form .searchBlog, .header-blog-single .r-form .searchBlog, .header-media-content .r-form .searchBlog { width: 640px; margin: 0 auto; position: relative } .header-blog .r-form .searchBlog label:first-child, .header-blog-single .r-form .searchBlog label:first-child, .header-media-content .r-form .searchBlog label:first-child { width: calc(100% - 55px) } .header-blog .r-form .searchBlog label:first-child input, .header-blog-single .r-form .searchBlog label:first-child input, .header-media-content .r-form .searchBlog label:first-child input { width: 100%; padding: 10px; color: #585858; font-size: 18px } .header-blog .r-form .searchBlog label:nth-child(2), .header-blog-single .r-form .searchBlog label:nth-child(2), .header-media-content .r-form .searchBlog label:nth-child(2) { width: 50px } .header-blog .r-form .searchBlog label:nth-child(2) button, .header-blog-single .r-form .searchBlog label:nth-child(2) button, .header-media-content .r-form .searchBlog label:nth-child(2) button { background: var(--orange); width: 100%; padding: 12px } .blog-categories-slider { margin: 25px 0; padding: 0 30px } .blog-categories-slider>div a { margin: 0 7px } .lst-blog .box-blog-items { margin: 45px 0 } .lst-blog .box-blog-items .post-item { width: 32.5%; height: 130px; float: left; padding: 7px } .lst-blog .box-blog-items .post-item .post-inner { background: #fff; width: 100%; height: 100%; overflow: hidden; padding: 7px; border-radius: 7px } .lst-blog .box-blog-items .post-item .post-inner .post-cover { width: 100px; height: 100px; cursor: pointer } .lst-blog .box-blog-items .post-item .post-inner .post-cover img { border-radius: 7px } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info { width: calc(100% - 110px); height: 102px; position: relative; padding: 0 } .box-blog-items .post-item .post-inner .post-preview-info .post-title, .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-title { cursor: pointer } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-title h3 a { color: #585858 } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle { height: 45px; display: none; cursor: pointer } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle span{ font-size: 14px; } .lst-blog .box-blog-items .post-item .post-inner .post-preview-info .post-category { position: absolute; bottom: 0; left: 0; width: 100% } .lst-blog .box-blog-items .post-item.post-featured { width: 35%; height: 518px } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-cover { width: 100%; height: 245px } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-preview-info { width: 100%; height: 244px } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-preview-info .post-title { height: 80px; padding: 10px 0 } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-preview-info .post-title h3 { font-size: 18px } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-preview-info .post-subtitle { display: unset } .box-blog-items .post-item { width: 50%; padding: 7px } .box-blog-items .post-item .post-inner { border-radius: 5px; height: 205px; overflow: hidden } .box-blog-items .post-item .post-inner .post-cover { width: 205px; height: 205px; cursor: pointer } .box-blog-items .post-item .post-inner .post-preview-info { width: calc(100% - 205px); padding: 10px 8px; position: relative; min-height: 150px; } .ads-detail .ads-pages .navbar, .box-blog-items .post-item .post-inner .post-preview-info .post-categorie { } .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle { height: 75px; padding: 7px 0; cursor: pointer } .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle span { color: #999 } .box-blog-items .post-item .post-inner .post-preview-info .post-categorie { position: absolute; bottom: 5px; width: 92%; } .header-blog-single { height: 350px; padding-top: 75px } .header-blog-single:before { background: linear-gradient(to bottom, #00000000, #000); width: 100%; height: 100%; position: absolute } .header-blog-single .wdh { top: 50%; transform: translateY(-50%) } .header-blog-single .social-links-to-share ul li a { border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; padding: 2px 6px; font-size: 22px; display: block } .header-blog-single .title hr { border: 1px solid #fff; margin: 15px 0 } .content-single-post-post h1, .content-single-post-post h2, .content-single-post-post h3, .content-single-post-post h4, .content-single-post-post h5, .content-single-post-post h6 { color: #7e7e7e; } .content-single-post-post .post-text ol li, .content-single-post-post .post-text ul li { margin: 14px 0 } .box-newsletter { background: #cbcbcb; margin-top: 45px; } .box-newsletter .box-nl-title { width: 30%; padding: 14px 0 } .box-newsletter .box-nl-form { width: 50%; padding: 14px 0 } .box-newsletter .box-nl-form label { width: 100%; padding: 7px } .box-newsletter .box-nl-form label input { width: 100%; padding: 14px } .box-newsletter .box-nl-form label input[type=submit] { padding: 11px; position: relative; top: 2px } footer.footer { font-size: 14px; color: #f0f0f0; padding: 25px 0; margin-top: -15px } footer.footer:before { content: ''; background-color: #133b5f; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } footer.footer .block-links { padding: 0 10px 10px; position: relative; z-index: 9; } footer.footer .block-links .links { min-width: 15% } footer.footer .block-links .links h3 { color: #f0f0f0; padding: 15px 0 } footer.footer .block-links .links li { padding: 5px 0 } footer.footer .block-info { display: none; background-color: #ccc; padding: 15px } footer.footer .box-copyright { width: 100%; border-top: 1px solid #f90; margin: 25px 0; padding: 15px 0 } footer.footer .social-links { margin-top: 15px } footer.footer .social-links li { padding: 0 !important } footer.footer .social-links li a { height: 25px } footer.footer .social-links ul li.icon-facebook a { background-position: 3px center } footer.footer .social-links ul li.icon-instagram a { background-position: -27px center } footer.footer .social-links ul li.icon-linkedin a { background-position: -59px center } footer.footer .social-links ul li.icon-twitter a { background-position: -85px center } footer.footer .social-links ul li.icon-youtube a { background-position: -113px center } .ads-detail .maps iframe { height: 240px !important; min-height: 280px !important; } .ads-detail .box-content .wdh { margin-top: -120px } .ads-detail .box-content .wdh .inner { background-color: #fff; box-shadow: 0 0 10px 1px #50505050; border-radius: 8px; padding: 10px; width: 100% } .ads-detail .logo-description .logo { background-color: #fff; border-radius: 14px; width: 170px; height: 170px; margin-left: 0; transition: .3s } .ads-detail .logo-description .logo img { background: #fff; border-radius: 8px } .ads-detail .logo-description .description { width: calc(100% - 480px); padding: 10px } .ads-detail .logo-description .description p { margin: 5px 35px 5px 0 } .ads-detail .logo-description .description .phones p { margin-right: 25px } .ads-detail .logo-description .links { width: 100% !important } .ads-detail .logo-description .links p { padding: 5px } .ads-detail .alert { background-color: #ddd; width: 270px !important; padding: 0 10px; margin: 0 0 0 10px } .ads-detail p { margin: 15px 7px } .ads-detail .social-links { margin: 15px } .ads-detail .ads-pages { border-top: 1px solid #d3d3d3; width: 100%; margin-bottom: 10px; display: none } @media screen and (max-width:1144px) { .lst-blog-page .box-blog-items .post-item .post-inner { height: 190px } .lst-blog-page .box-blog-items .post-item .post-inner .post-cover { width: 150px; height: 190px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info { width: calc(100% - 150px); height: 190px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle, .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-title { } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-title h2 { font-size: 16px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle h3 { font-size: 14px } } @media screen and (max-width:960px) { .lst-blog .box-blog-items .post-item { width: 50% !important } .box-newsletter .box-nl-form, .box-newsletter .box-nl-title { width: 50% } .lst-blog-page .box-blog-items .post-item .post-inner { height: 400px } .lst-blog-page .box-blog-items .post-item .post-inner .post-cover { width: 100%; height: 200px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info { width: 100%; height: 190px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle { height: 72px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle h3 { font-size: 14px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-categorie a { font-size: 12px; padding: 5px 7px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-categorie span { font-size: 12px } } @media screen and (max-width:860px) { .box-default .box-content .box-inner { width: calc(100% - 0px) !important; padding: 0 !important } .box-default .box-content .sidebar { display: none } } @media screen and (max-width:768px) { .box-newsletter .box-nl-form, .box-newsletter .box-nl-title, .lst-ads-with-info .ads-header-info, .lst-ads-with-info .lts-ads { width: 100% } .lst-ads-with-info .lts-ads { margin: 35px 0 } .ads-detail .logo-description .description { width: calc(100% - 170px); padding: 0 15px } .ads-detail .alert { width: 100% !important; margin-top: 25px } .lst-blog-page .box-blog-items .post-item .post-inner{ height: auto; } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info { width: 100%; height: auto; } .header-blog .r-form .searchBlog, .header-blog-single .r-form .searchBlog, .header-media-content .r-form .searchBlog{ width: 90%; } } @media screen and (max-width:670px) { header.header .topbar .links ul li.offcanvas { display: block } header.header .topbar .links ul li { display: none; } .lst-blog .box-blog-items .post-item { width: 100% !important; } .lst-blog .box-blog-items .post-item.post-featured { height: 400px } .lst-blog-page .box-blog-items .post-item .post-inner .post-cover{ height: 150px; } .lst-blog .box-blog-items .post-item.post-featured .post-inner .post-preview-info { height: 190px } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-title { } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-subtitle { display: none; } .lst-blog-page .box-blog-items .post-item { } .lst-ads-with-info { margin: 0 } .lst-ads-with-info .ads-header-info p { padding: 0 } } @media screen and (max-width:560px) { .searchbar { width: 90% } .box-animation-title span, .lst-categories .cat-item .title { display: none; } .ads-detail .logo-description .logo { background: 0 0; width: 100%; height: 100px; position: relative; margin-top: -50px; margin-bottom: 15px; text-align: center } .ads-detail .logo-description .logo img { width: 100px; box-shadow: 0 0 17px 1px rgba(0, 0, 0, .5) } .ads-detail .logo-description .description { width: 100% } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-categorie a { } .lst-blog-page .box-blog-items .post-item .post-inner .post-preview-info .post-categorie span { } .lst-blog .box-blog-items .post-item.movie-item { height: 170px; } .lst-blog .box-blog-items .post-item.movie-item .post-inner .post-cover{ height: 140px; } .lst-blog .box-blog-items .post-item.movie-item .post-inner .post-preview-info{ height: 140px; } .lst-categories .cat-item { border: 2px solid #47589f; width: 62px; height: 62px; padding: 0px 0 !important; margin: 24px 13.9px; } .lst-categories .cat-item a i{ margin: -9px auto; } .box-banner-create-ads .cah-title { padding: unset } } @media screen and (max-width:460px) { header.header .header-fixed .logo { height: 20px } .box-newsletter .box-nl-form label { width: 100% !important; margin: 0 !important } .box-animation-title ul li { text-align: center !important } } @media screen and (max-width:340px) { header.header .header-fixed .logo { height: 30px; width: 95px; } } .trailer-item{ margin: 15px; position: relative; min-height: 180px; } .trailer-item h4{ padding: 7px; } .trailer-item a img{ height: 150px!important } .trailer-item .bg-play{ position: absolute; width: 100%; height: 150px; background-color: rgba(0, 0, 0, .45); top: 0; left: 0; } .trailer-item .bg-play i{ position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f0f0f0; font-size: 42px; } .box-content-movie{ background-color: rgb(1, 1, 1); color: rgb(255, 255, 255); margin-top: -5px; } .modal { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .95); position: fixed; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 99999; display: none; } .modal .close { position: fixed; top: 60px; right: 0; transform: translateX(-50%); color: #ffffff; background: rgba(255, 255, 255, .10); border: #ffffff solid 1px; width: 45px; height: 45px; padding: 5px 13px; border-radius: 50%; font-size: 32px; font-weight: bold; z-index: 99999; } .modal .close:hover, .modal .close:focus { color: black; text-decoration: none; cursor: pointer; } .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal-content.modal-video { width: 80%!important; } .modal-content.modal-image { width: 80%!important; text-align: center; } .modal-content.modal-text { width: 80%!important; } #loadingIndicator { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999; } #loadingIndicator { } .spinner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; } .spinner .path { stroke: #93bfec; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .searchSingleMoviePage{ position: fixed; top: 75px; right: 0; width: 45px; height: 35px; } .searchSingleMoviePage a.button{ border-radius: 3px 0 0 3px; } .box-lst-content{ margin: 35px 0; margin-top: -35px; } .box-lst-content .mini-banner-content-item{ margin: 5px; padding: 7px; position: relative; height: 200px; border-radius: 7px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .box-lst-content .mini-banner-content-item:before{ content: ""; background-color: rgba(0, 0, 0, .75); width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .box-lst-content .mini-banner-content-item a{ display: block; color: rgb(255, 255, 255); } .box-lst-content .mini-banner-content-item a .content-info{ position: relative; } .box-lst-content .mini-banner-content-item a .content-info .title{ } .box-lst-content .mini-banner-content-item a .content-info .title h2{ color: rgb(255, 255, 255); } .box-lst-content .mini-banner-content-item a .content-info .content{ } .box-lst-media-content { background-color: #ffffff; padding-top: 35px; margin-bottom: -45px; } .box-lst-media-content button.slick-prev, .box-lst-media-content button.slick-next{ color: #ffffff!important; } .box-lst-media-content button.slick-prev { left: 5px; } .box-lst-media-content button.slick-next { right: 5px; } .lst-media-content { margin: 45px 0; } .lst-media-content .media-content-item, .lst-media-content-page .media-content-item { position: relative; width: 90%; height: 300px; margin: 0 auto; border-radius: 7px; overflow: hidden; } .lst-media-content-page .media-content-item { width: 200px; margin-bottom: 25px; } .lst-media-content .media-content-item img { } .lst-media-content .media-content-item .media-content-info { background-color: rgb(0, 0, 0, .60); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 102%; height: 100%; overflow: hidden; transition: .3s; } .lst-media-content .media-content-item .media-content-info .inner{ width: 202.5px; } .lst-media-content .media-content-item:hover .media-content-info{ width: 102%; } .lst-media-content .media-content-item .media-content-title { padding: 0 14px; height: 100px; } .lst-media-content .media-content-item .media-content-title h3 { color: var(--white); } .lst-media-content .media-content-item .media-content-info span.button{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: rgb(255, 255, 255); } .lst-media-content .media-content-button { padding: 10px 0; } .lst-media-content .media-content-button a { } .slick-slide { height: unset!important; }