/* Theme URI: http://analiseemagrecedores.com.br Description: Responsive Theme for AnaliseEmagrecedores.com.br Author: Peterson Macedo Version: 1.0 License: License URI: */ * { box-sizing: border-box; } .left { float: left; } .right { float: right; } .clearLeft { clear: left; } .clearRight { clear: right; } .clearBoth { clear: both; } .center { margin: 0 auto; } .hidden { display: none; } .clearFix:after { content: ""; display: block; clear: both; } .relative { position: relative; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-bold { font-weight: 700; } .imgBox { text-align: center; } .imgBox img { margin: 0 auto; display: block; } p, li, a { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; color: #1D1D1E; line-height: 1.45; text-rendering: optimizeLegibility; margin: 0; } h1, h2, h3, h4, h5, h6, strong { font-family: 'PT Sans', sans-serif; font-weight: 700; line-height: 1; margin-bottom: 0.5rem; } ul, p { margin-bottom: 1.25rem; } a { text-decoration: none; } a:hover { cursor: pointer; } select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #CCCCCC; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; cursor: pointer; } select:focus { outline: none; } .button_style { background: #000000; color: #FFFFFF; font-family: 'PT Sans', sans-serif; font-weight: 800; line-height: 1; border: none; border-radius: 0.1875rem; text-align: center; padding: 0.5rem 0; display: block; } .button_style:hover { text-decoration: none; background: #52b05e; } .button_style:focus { outline: none; text-decoration: none; color: #FFFFFF; background: #52b05e; } @media only screen and (min-width: 768px) { .button_style { font-size: 24px; font-size: 1.5rem; } } button { background: #000000; color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 1; border: none; border-radius: 0.1875rem; text-align: center; padding: 0.5rem 0; } button:focus { outline: none; } @media only screen and (min-width: 768px) { button { font-size: 24px; font-size: 1.5rem; } } button.link_style { background: #FFF; margin: 0; padding: 0 16px; line-height: 1; text-decoration: underline; } button.link_style:hover { text-decoration: none; } input:focus { outline: none; } h1 span, h2 span, h3 span, h4 span, h5 span { color: #7A0041; } .row_collapse { margin-left: 0; margin-right: 0; } .row_collapse > [class^="col-"] { padding-left: 0; padding-right: 0; } html, body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #FFFFFF; font-size: 16px; } body { font-family: 'Open Sans', sans-serif; color: #1D1D1E; } .container { width: 100%; max-width: 1200px; margin: 0 auto; } #wrapper { background: #FFFFFF; position: relative; z-index: 1; } .page_1150, .page_950, .page_850, .page_750 { width: 100%; max-width: 1150px; margin: 0 auto; position: relative; } .page_950 { max-width: 950px; } .page_850 { max-width: 750px; } .page_750 { max-width: 750px; } .force_desktop .container, .force_desktop header, .force_desktop footer { width: 1200px; } img { max-width: 100%; } .guarantee_new { padding: 6.6vw 30px; } @media only screen and (min-width: 768px) { .guarantee_new { padding: 40px 0; } } .guarantee_new img { display: block; width: 100%; max-width: 196px; margin: 0 auto 5vw; } @media only screen and (min-width: 768px) { .guarantee_new img { margin-bottom: 40px; } } .guarantee_new h2 { font-family: 'Open Sans', sans-serif; line-height: 1.11; margin: 0 auto 3.5vw; font-weight: 300; text-transform: uppercase; text-align: center; max-width: 475px; } @media only screen and (min-width: 768px) { .guarantee_new h2 { font-size: 35px; font-size: 2.1875rem; max-width: none; margin-bottom: 18px; } } .guarantee_new h2 span { color: #1D1D1E; } .guarantee_new p { font-family: 'Open Sans', sans-serif; line-height: 1.625; margin-bottom: 0; } @media only screen and (min-width: 768px) { .guarantee_new p { font-size: 16px; font-size: 1rem; } } .iframe-container { margin: 0 auto; } .iframe-container .iframe-sizer { position: relative; height: 0; overflow: hidden; } .iframe-container .iframe-sizer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .green_button { background: #329d40; /*background: #329d40;*/ /*box-shadow: 0px 8px 0px 0px rgba(50,157,64,1);*/ } .green_button:hover { background: #52b05e; color: #FFFFFF; } .green_button:focus { background: #52b05e; color: #FFFFFF; } @media only screen and (min-width: 768px) { .green_button { /*box-shadow: 0px 6px 0px 0px rgba(50,157,64,1);*/ } } .guarantee_mini { position: absolute; top: 0; left: 0; width: 32vw; } @media only screen and (min-width: 768px) { .guarantee_mini { width: 16vw; } } @media only screen and (min-width: 1200px) { .guarantee_mini { width: auto; } } .top_product { border-bottom: 1px solid #EDEDED; margin-bottom: 7vw; } .top_product:last-child { margin-bottom: 0; } @media only screen and (min-width: 992px) { .top_product { padding: 0 4.15vw; } } @media only screen and (min-width: 1200px) { .top_product { padding: 0 65px; } } .top_product a:hover { text-decoration: none; } .top_product > .first-paragarph { margin-bottom: 0!important; } .top_product > .col-xs-24 { padding: 0 3.9vw; margin-bottom: 7.05vw; } @media only screen and (min-width: 768px) { .top_product > .col-xs-24 { padding: 0 15px; margin-bottom: 48px; } } .top_product figure { position: relative; padding: 0 2rem; margin: 0; } .top_product .upsell-img { display: block; margin: 0 auto; max-height: 360px; width: auto; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .top_product .upsell-img { margin-bottom: 3.4vw; } } @media only screen and (min-width: 1200px) { .top_product .upsell-img { margin-bottom: 45px; } } .top_product .ratings { position: absolute; width: 94%; bottom: 0; left: 0; margin: 0 3%; } @media only screen and (min-width: 768px) { .top_product .ratings { padding: 0 15px; margin: 0; width: 100%; } } .top_product .ratings .ratings_overlay { position: absolute; width: 100%; height: 100%; background: #222222; opacity: 0.8; } .top_product .ratings .col-xs-6 { text-align: center; color: #FFFFFF; padding: 2.25vw 0; } @media only screen and (min-width: 768px) { .top_product .ratings .col-xs-6 { padding: 1.5vw 0; } } @media only screen and (min-width: 1200px) { .top_product .ratings .col-xs-6 { padding: 20px 0; } } .top_product .ratings .col-xs-6 > span { display: block; } .top_product .ratings .col-xs-6 .border_box { border-right: 2px solid #FFFFFF; } .top_product .ratings .col-xs-6:last-child .border_box { border-right: none; } .top_product .ratings .col-xs-6 .rating { font-family: 'Open Sans', sans-serif; font-size: 5.9vw; line-height: 1; font-weight: 800; display: block; width: 100%; } @media only screen and (min-width: 768px) { .top_product .ratings .col-xs-6 .rating { font-size: 3.35vw; } } @media only screen and (min-width: 1200px) { .top_product .ratings .col-xs-6 .rating { font-size: 40px; font-size: 2.5rem; } } .top_product .ratings .col-xs-6 .rating_label { font-family: 'PT Sans', sans-serif; font-size: 3.5vw; line-height: 1; font-weight: 400; display: block; width: 100%; } @media only screen and (min-width: 768px) { .top_product .ratings .col-xs-6 .rating_label { font-size: 2vw; } } @media only screen and (min-width: 1200px) { .top_product .ratings .col-xs-6 .rating_label { font-size: 24px; font-size: 1.2rem; } } .top_product h2 { font-family: 'Open Sans', sans-serif; font-weight: 800; margin-bottom: 3.5vw; } @media only screen and (min-width: 768px) { .top_product h2 { font-size: 30px; font-size: 1.8rem; margin-bottom: 5px;} } .top_product .tagline { font-family: 'PT Sans', sans-serif; font-weight: 600; color: #7A0041; display: block; font-size: 20px; margin-bottom: 2.5vw; } @media only screen and (min-width: 768px) { .top_product .tagline { font-size: 30px; font-size: 1.6rem; margin-bottom: 20px; } } .top_product .review_blurb p, .top_product .review_blurb ul li { font-family: 'Open Sans', sans-serif; line-height: 1.6; margin-bottom: 2.25vw; } @media only screen and (min-width: 768px) { .review-page .post_inner p, .review-page .post_inner ul li, .top_product .review_blurb p, .top_product .review_blurb ul li { margin-bottom: 12px; } } @media only screen and (min-width: 1200px) { .review-page .post_inner p, .review-page .post_inner ul li, .top_product .review_blurb p, .top_product .review_blurb ul li { font-size: 24px; font-size: 1.3rem; } } @media only screen and (min-width: 768px) { .review-page .post_inner p, .review-page .post_inner ul li, .top_product .review_blurb p.disclaimer, .top_product .review_blurb ul li { margin-bottom: 20px; } } .top_product .review_blurb p a { font-family: 'PT Sans', sans-serif; color: #0028F5; text-decoration: underline; font-size: inherit; line-height: 1.6; } .top_product .review_blurb p a:hover { text-decoration: none; } .top_product a.pricing { font-family: 'Open Sans', sans-serif; margin: 0 20px 5.85vw 0; color: #0028F5; font-weight: 800; line-height: 1; display: inline-block; text-decoration: underline; } @media only screen and (min-width: 768px) { .top_product a.pricing { margin-bottom: 40px; } } @media only screen and (min-width: 1200px) { .top_product a.pricing { font-size: 30px; font-size: 1.875rem; } } .top_product a.pricing:hover { text-decoration: none; } .top_product .pricing_retail { font-family: 'Open Sans', sans-serif; color: #222222; font-weight: 600; display: inline-block; margin: 0 20px 40px 0; line-height: 1; } @media only screen and (min-width: 1200px) { .top_product .pricing_retail { font-size: 24px; font-size: 1.5rem; } } .top_product a.button_style { padding: 2.7vw 0; margin: 0 auto 3.25vw; max-width: 550px; } @media only screen and (min-width: 768px) { .top_product a.button_style { margin: 0; padding: 18px 0; } } .top_product a.gray_button { background: #f06824; } .top_product a.gray_button:hover { background: #E5804E; color: #FFFFFF; } .top_product a.gray_button:focus { background: #E5804E; color: #FFFFFF; } .star-positioner { position: relative; display: inline-block; line-height: 0; } .star-positioner .stars { background: #f9eaf1; display: inline-block; } .star-positioner .stars .colorbar { background: #009F00; z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; } .star-positioner .stars .star_holder { position: relative; z-index: 1; } .star-positioner .stars .star_holder .star { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFMDhGNTVCN0YyOTExRTU5QTM2QUYyOUY2QUEzRDM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFMDhGNTVDN0YyOTExRTU5QTM2QUYyOUY2QUEzRDM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUwOEY1NTk3RjI5MTFFNTlBMzZBRjI5RjZBQTNEMzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUwOEY1NUE3RjI5MTFFNTlBMzZBRjI5RjZBQTNEMzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4uf8WQAAABJklEQVR42uyYUQ7EIAhEO8T739UTzP5vsm11FRDguyk+ZkQRvXdeyUKuhFHQyoFSOgE0Mu9pZIFGVnubFkGyqeypeyMjdFil4UXtUjp6A/OqNKJAI6u9XRWpGpkj1VBKHwQNr9DNMdjdv7kDGs4dOrI+3kEj6BbGdwFklWUOCP5qZAwKy6fuzYjqvjmyGACes+c0owG/vZwwEvDIjYxRgEevoYwAPHP3plPYoXXJzop6UnfFlOXhSJvOL1aJLfOK9QIs8tXLSUHvGehLaasil70LOuh+PllplL0L+jmagcVo3Re0laaHiU0UYbngmyUOEQew6lObKFt5Z7G2NzIoKcUdzU6Mrfyva2AJrdF9lxW1HQC73PIyuZ/TvYamffeugeO0+AgwALc5QjypNCgdAAAAAElFTkSuQmCC"); background-size: contain; display: inline-block; float: left; vertical-align: baseline; background-repeat: no-repeat; margin: 0; padding: 0; width: 1.125rem; height: 1.125rem; } @media only screen and (min-width: 768px) and (max-width: 991px) { .star-positioner .stars .star_holder .star { height: 1rem; width: 1rem; } } .star-positioner .stars .star_holder .star.white-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABeElEQVRo3u2Z0RLCIAwEG8b//2V8UcdRaElCLknhHjtqs1lKAanWWo/FUrwL2NB3hyYiWg7aMy7QnpbdoL3h4dDell2gIzQBCh3BMhy6F3QzQkCjA4O+som0vU1bJcoEBoUeDao55tDRLEOguUE0KRw0IqbQUmvWtrfpmYk4gX1q05yGeoFpT3Cb0JEtcdPke1+8E+hVA8rvhbvmm+9veN/NeEtmGflQ1vRYTmfvzNbPuIr0i5FzVffl4iQb+Ei9QyuyLOCjdQ4vQ6ODc+pjL0OjTW4SGewNRyTj0lpSbjg0wMeh3Fp6WdfeV72fRoPPuN8+OVklauhorzAINDozmpwOekY2NDcZn2c1tFe0zU4Jrc2S0A/pF6VDLMLpK9R0a91cX0HWId5acgyxTjWMfvc7pqYlFhHWzaA1xVsPedFEdjYEZxZr9efiNNOWdrp/zwibMQUa8RzObKr4PY2C7d1TM+TZpomIPN6tPXhJVEfAWbPk2ntJ6CdwTvAXc/PmtgAAAABJRU5ErkJggg=="); } /* Contact form */ #alcf-contactform-wrap { width: 100%; max-width: 750px; margin: 0 auto; } #alcf-contactform-wrap fieldset { border: none; margin: 0; padding: 0; } #alcf-contactform-wrap label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; margin-top: 1rem; } #alcf-contactform-wrap label.error { color: #F04124; margin-top: 0!important; } #alcf-contactform-wrap input[type="text"], #alcf-contactform-wrap textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #fff; border-style: solid; border-width: 1px; border-color: #ccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0; padding: 0.5rem; width: 100%; box-sizing: border-box; transition: border-color 0.15s linear,background 0.15s linear; } #alcf-contactform-wrap textarea[rows] { height: auto; } header { z-index: 10; position: relative; } ul.nav_horiz { margin: 0; padding: 0; list-style: none; } ul.nav_horiz a { font-family: 'Open Sans', sans-serif; cursor: pointer; } ul.nav_horiz > li { display: block; position: relative; } ul.nav_horiz > li a { display: block; font-size: 15px; font-size: 0.9375rem; font-weight: 500; color: #FFFFFF; padding: 16px; text-transform: uppercase; } ul.nav_horiz > li a:hover { text-decoration: none; } ul.nav_horiz > li.menu-item-has-children > a:after { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; content: "\f0dd"; vertical-align: top; padding: 0 10px; font-size: 15px; font-size: 0.9375rem; } ul.nav_horiz > li:before { content: ""; color: #FFFFFF; font-size: 15px; font-size: 0.9375rem; } ul.nav_horiz > li > ul { list-style: none; margin: 0; padding: 0 0 0 16px; display: none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } @media only screen and (min-width: 768px) { ul.nav_horiz > li { display: inline-block; } ul.nav_horiz > li a { display: inline-block; } ul.nav_horiz > li a:hover { text-decoration: none; } ul.nav_horiz > li.menu-item-has-children a:after { font-size: 20px; font-size: 1.25rem; } ul.nav_horiz > li:before { content: "|"; } ul.nav_horiz > li:first-child:before { content: ""; } ul.nav_horiz > li > ul { position: absolute; top: 50px; left: 0; padding-left: 0; background: #920246; border: 1px solid #FFFFFF; } } .help_nav { margin-bottom: 13px; } .help_nav > li { display: block; } .help_nav > li:before { content: ""; } .help_nav > li a { font-size: 20px; font-size: 1.25rem; } .help_nav > li a i { font-size: 24px; font-size: 1.5rem; margin-right: 6px; } .help_nav > li:first-child a { padding-left: 16px; } @media only screen and (min-width: 768px) { .help_nav { display: inline-block; } .help_nav > li { display: block; } .help_nav > li a i { font-size: 15px; font-size: 0.9375rem; margin-right: 2px; } } #super_nav { float: right; background: #FFFFFF; } #super_nav .help_nav { border-bottom: 1px solid #DDDDDD; } #super_nav .help_nav a { font-size: 14px; font-size: 0.875rem; color: #565656; padding: 6px 16px; } #super_nav .help_nav li:before { color: #565656; } .force_desktop #super_nav { display: block !important; } .force_desktop #super_nav .help_nav > li { display: inline-block; } .force_desktop #super_nav .help_nav > li a i { font-size: 15px; font-size: 0.9375rem; margin-right: 2px; } @media only screen and (min-width: 992px) { .navbar-nav { float: right; } } #navbar { padding: 0; border: none; } #navbar[aria-expanded="true"] { background: #7A0041; } .force_desktop #navbar { display: block; } .force_desktop #navbar #menu-primary-nav { display: block !important; } .force_desktop #navbar #menu-primary-nav > li { display: inline-block; } .force_desktop #navbar #menu-primary-nav > li a { display: inline-block; font-size: 20px; font-size: 1.25rem; font-weight: 600; } .force_desktop #navbar #menu-primary-nav > li a:hover { text-decoration: none; } .force_desktop #navbar #menu-primary-nav > li.menu-item-has-children a:after { font-size: 20px; font-size: 1.25rem; } .force_desktop #navbar #menu-primary-nav > li:before { font-size: 20px; font-size: 1.25rem; } .force_desktop #navbar #menu-primary-nav > li:first-child:before { content: ""; } .force_desktop #navbar #menu-primary-nav > li > ul { position: absolute; top: 50px; left: 0; padding-left: 0; background: #920246; border: 1px solid #FFFFFF; } .force_desktop #navbar #menu-mobile-navigation { display: none !important; } .force_desktop #navbar .help_nav { display: none !important; } #main_nav { background: #FFFFFF; /*background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 69%, #F2F2F2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F2F2',GradientType=0 );*/ color: #FFFFFF; border-bottom: 1px solid #eee; } #main_nav .navbar-toggle { border: none; font-weight: 400; font-size: 30px; font-size: 1.875rem; padding: 20px 10px; float: right; color: #7A0041; margin: 0; } #main_nav .navbar-toggle .menu_label { float: right; padding: 15px 0; } #main_nav .navbar-toggle .menu_button { float: right; width: 35px; max-width: 98px;} #main_nav .navbar-toggle .icon-bar { background: #7A0041; width: 100%; height: 4px; border-radius: 0; margin: 12px 0; } #main_nav .navbar-toggle:hover, #main_nav .navbar-toggle:focus { background: #FFFFFF; background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 69%, #F2F2F2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F2F2',GradientType=0 ); } .force_desktop #main_nav .navbar-toggle { display: none; } .force_desktop .navbar-header { margin: 0 !important; float: left; } #menu-primary-nav { margin: 0; clear: right; float: right; } #menu-primary-nav > li { display: block; } #menu-primary-nav > li a { padding: 35px 10px; color: #7A0041; display: block; font-family: 'PT Sans', sans-serif; font-weight: 500;} #menu-primary-nav > li:before { content: ""; } #menu-primary-nav > li:first-child a { padding-left: 16px; } #menu-primary-nav > li > ul a { color: #FFFFFF; } @media only screen and (min-width: 768px) { #menu-primary-nav { float: right; } #menu-primary-nav > li { display: inline-block; } #menu-primary-nav > li a { display: inline-block; font-size: 20px; font-size: 1.25rem; } /*#menu-primary-nav > li:before { content: "|"; font-size: 20px; font-size: 1.25rem;}*/ #menu-primary-nav > li:first-child:before { content: ""; } } .navbar { margin-bottom: 0; border: none; border-bottom: 1px solid #CCCCCC; } .navbar li, .navbar a { margin: 0; } .navbar a.navbar-brand { height: auto; padding: 27px 16px 28px; float: none; margin: 0 auto; display: block; } .navbar a.navbar-brand img { display: inline; } @media only screen and (min-width: 768px) { .navbar a.navbar-brand { padding: 27px 0 28px; } } .force_desktop .navbar a.navbar-brand { padding: 11px 0; text-align: left; } .force_desktop .navbar a.navbar-brand img { width: auto; height: auto; max-width: none; } .cart { float: right; display: block; padding: 33px 0 34px 20px; } .cart span.cart-count { font-family: 'Open Sans', sans-serif; display: inline-block; margin-left: 4px; background: #FFFFFF; border-radius: 20px; padding: 4px 8px; color: #920246; min-width: 31px; text-align: center; } .cart:hover { text-decoration: none; } .mobile-cart { float: right; padding: 5% 2% 3%; } .force_desktop .mobile-cart { display: none !important; } #sub_nav { background: #FFFFFF; display: none; } #sub_nav a { font-family: 'Open Sans', sans-serif; color: #920246; font-weight: 500; padding: 12px 0; display: block; text-align: center; text-decoration: none; } #sub_nav a img { vertical-align: top; margin-right: 6px; width: 4.3vw; max-width: 23px; } #sub_nav a span.faux_link { font-size: 15px; font-size: 0.9375rem; padding-left: 8px; color: #7A0041; font-weight: 300; text-decoration: underline; } #sub_nav a:hover { text-decoration: none; } #sub_nav a:hover span { text-decoration: none; } @media only screen and (min-width: 768px) { #sub_nav a { font-size: 20px; font-size: 1.25rem; } } .force_desktop #sub_nav a { font-size: 20px; font-size: 1.25rem; } .force_desktop #sub_nav a span.hidden-xs { display: inline !important; } #email_signup { position: relative; width: 100%; max-width: 400px; margin: 0 auto; padding: 50px 0; } #email_signup span { display: block; text-align: center; } #email_signup span.offer_header { font-family: 'Open Sans', sans-serif; line-height: 1; font-weight: 800; color: #7A0041; margin-bottom: 2.5vw; } @media only screen and (min-width: 768px) { #email_signup span.offer_header { font-size: 35px; font-size: 2.1875rem; margin-bottom: 12px; } } #email_signup span.offer_details { font-family: 'Open Sans', sans-serif; margin-bottom: 4vw; line-height: 1.6; } @media only screen and (min-width: 768px) { #email_signup span.offer_details { font-size: 25px; font-size: 1.5625rem; margin-bottom: 16px; } } #email_signup input[type="email"], #email_signup input[type="text"] { font-family: 'Open Sans', sans-serif; width: 100%; max-width: 450px; display: block; margin: 0 auto 30px; padding: 2.1vw; font-size: 1rem; } @media only screen and (min-width: 768px) { #email_signup input[type="email"], #email_signup input[type="text"] { font-size: 20px; font-size: 1.25rem; padding: 16px; } } #email_signup .button_style { width: 100%; padding: 20px 0; margin: 0 auto; } @media only screen and (min-width: 768px) { #email_signup .button_style { padding: 15px 0; } } #email_signup .success { display: none; position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center; z-index: 5; font-size: 17px; font-size: 1.0625rem; color: #61bb25; font-weight: 700; } #email_signup .working { display: none; position: absolute; bottom: 9px; left: 0; width: 100%; text-align: center; z-index: 5; } footer { background: #565656; width: 100%; position: relative; z-index: 2; } footer #footer_wrapper { margin: 0 auto; width: 100%; padding: 0 15px; max-width: 1200px; } footer #footer_nav { border-bottom: 1px solid #666; padding: 20px 0; } footer #footer_nav ul { width: 100%; text-align: center; } footer #footer_nav ul li { margin: 0; display: inline-block; } footer #footer_nav ul li:before { font-size: 20px; font-size: 1.25rem; content: "|"; } footer #footer_nav ul li:first-child:before { content: ""; } footer #footer_nav ul li a { display: inline-block; margin: 0; padding: 16px; font-size: 20px; font-size: 1.25rem; } @media only screen and (min-width: 768px) { footer #footer_nav { padding: 0; } footer #footer_nav ul li:before { font-size: 25px; font-size: 1.5625rem; } footer #footer_nav ul li a { padding: 36px 24px; font-size: 25px; font-size: 1.3rem; } } footer #mobile_switcher { border-bottom: 2px solid #FFFFFF; padding: 16px 0; } footer #mobile_switcher button { background: none; border: none; border-radius: 0; margin: 0 auto; font-size: 20px; font-size: 1.25rem; line-height: 1.2; padding: 24px 0; width: 100%; font-weight: 500; } footer #footer_subnav { padding: 40px 0; } footer #footer_subnav ul { text-align: center; } footer #footer_subnav ul li { margin: 0; display: inline-block; } footer #footer_subnav ul li:before { content: "|"; } footer #footer_subnav ul li:first-child:before { content: ""; } footer #footer_subnav ul li a { display: inline-block; font-family: 'Open Sans', sans -serif; font-size: 16px; font-size: 1rem; padding: 8px 16px; text-transform: none; margin: 0; } footer #footer_subnav p { font-family: 'Open Sans', sans -serif; font-size: 16px; font-size: 1rem; line-height: 1.5; color: #FFFFFF; text-align: center; margin: 0 0 24px; } footer #footer_subnav p.copyright { padding: 16px 0 0; margin-bottom: 0; } footer #footer_subnav p a { font-family: 'Open Sans', sans -serif; font-size: 16px; font-size: 1rem; color: #FFFFFF; } #mobile_switch .mobile { display: inline; } #mobile_switch .desktop { display: none; } .force_desktop #mobile_switch .mobile { display: none; } .force_desktop #mobile_switch .desktop { display: inline; } .force_desktop #footer_nav ul li:before, .force_desktop #footer_subnav ul li:before { content: "|"; font-size: 25px; font-size: 1.5625rem; } .force_desktop #footer_nav ul li:first-child:before, .force_desktop #footer_subnav ul li:first-child:before { content: ""; } .force_desktop #footer_nav ul li a, .force_desktop #footer_subnav ul li a { display: inline-block; padding: 36px 24px; font-size: 25px; font-size: 1.5625rem; } .force_desktop #footer_subnav ul li:before { font-size: 16px; font-size: 1rem; } .force_desktop #footer_subnav ul li a { font-size: 16px; font-size: 1rem; } .docs h1 { font-size: 32px; font-size: 2rem; } .docs h2 { font-size: 24px; font-size: 1.5rem; } .docs h3 { font-size: 18px; font-size: 1.125rem; } .docs p { font-size: 16px; font-size: 1rem; line-height: 1.4; margin: 0 0 20px; } .post-type-archive-products .archive-page { padding: 1.875rem 0; } .post-type-archive-products .archive-page h1 { text-align: center; } .post-type-archive-products .archive-page .bl { border-left: 1px solid #DDDDDD; } .post-type-archive-products .archive-page .br { border-right: 1px solid #DDDDDD; } .post-type-archive-products .archive-page .bb { border-bottom: 1px solid #DDDDDD; } .post-type-archive-products .archive-page .bt { border-top: 1px solid #DDDDDD; } .post-type-archive-products .archive-page #product_list { text-align: center; } .post-type-archive-products .archive-page .product-item { padding: 1rem; } .post-type-archive-products .archive-page .product-item.one, .post-type-archive-products .archive-page .product-item.two { border-right: 1px solid #DDDDDD; } .post-type-archive-products .archive-page .product-item .product-name a { font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: inherit; text-decoration: none; font-size: 20px; font-size: 1.25rem; font-weight: 500; } .post-type-archive-products .archive-page .product-item .our-price { margin: 0 0 0.625rem 0; } .post-type-archive-products .archive-page .product-item .our-price a { color: #920246; text-decoration: underline; } .post-type-archive-products .archive-page .product-item .our-price a:hover { color: #920246; text-decoration: none; } .post-type-archive-products .archive-page .product-item .button.radius { margin: 0; } .post-type-archive-products .archive-page figure { padding: 0; } .post-type-archive-products .archive-page figure a { display: block; } .post-type-archive-products .archive-page figure img { width: auto; max-height: 12rem; display: inline-block; margin: 0 auto; } .post-type-archive-products .archive-page .star-positioner { margin-bottom: 8px; } .post-type-archive-products .archive-page .star-positioner .stars { background: #DDDDDD; } .post-type-archive-products .archive-page .star-positioner .stars .star_holder .star { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADHUlEQVRo3uWb73naMBDG3+vTAdwN6ARxJyidoGQDugEjpBOQTIAzQbIBZIKYCaATwAZvP1gGPwTQP+sE4f1iEtvS/XQnnXUYIUncmL7kNuCWoLcA7m8N+klEXgGsbwm6Mse/twJdicjafH5FE+qfHvq5/SAiWwBP2gaIcsqqReRH9x8kBwBWmtDanv7gVRPqlaYRmp7eisi3YydIDgHMtaA1PX1y7orIAkD9GaEry3m1BU0rvCsR+WO7iOQGQJHaGC1PPztep+JtDU8vROSXy4Va6UvD065eVktfqT29FpHvPjdopK/Unnb2ciuTvhbXDP0YeJ/3YF0KdGU2FN4SkQoJ99opoWPTTzJvf+2pnS32j5E1gH8iUge21erRHO+wf2AZ9mGsbfVedKCWHagtsFt01EWyAFCaP8vOoPw0x+75o9AvAN7Q8VToXLxEkewOyhDAb5DckBzlNk5pAKYkCe41zm1UYuBZC9qFJslpbuMSwBYk37uQh9AkOcttaI/Ag0PgU9AkOTcr5NWKZGnWK7pC04zQVYKTHJ4CtkHT3FjmhvAEHluYrNBXBU7ywYHHCbrVODeUBXjmCuIDTZKT3HBHYAuSLz4QvtDkBaU0HsnBqaBpRrbIDFySXIUYHwpNZkxpPJODU0O34KUysDUl2RRbOSmh8I3Ege5iG+ijXFQrQy9jG4iFzlFwWGSHVgZuvwVZ54R+04Y2qnNCR3UeoajBjoHe9lDmDVVUvzHQuYCjS88x0Lnmc6tg8Bjo4E57Uq0OHRpibHZGD2w2C6MI6PBIC33mDuxrxI87ozmb1y582xqEPnuHQnvVx42Bc1ub9Ny1MXBrGRreTs+/NKGM5uWZoeXyCYAV/cpSdZD1gZ4eOLQ7Zvied06HLSvJSUjjIdAbiyEl7aHsqinPhDyb+rYK9MsJAwpjZN/a8ExBMqTBkDm9PNLxGM28nfg25qACwJRNlWZ45PzCt8EQ6F0nJrzeAcyQvoJSApizqW93+/LP197zAbtQniUIZe+QZ5P7k4Z3bTpbARgn9uw5FWhCPug9Uu3fcFyEbvJnh/8BLKkYWB0pa80AAAAASUVORK5CYII="); } .post-type-archive-products .archive-page .green_button { font-size: 14px; font-size: 0.875rem; max-width: 110px; padding: 10px 0; } /*alterações peterson*/ @media screen and (max-width: 480px) { .banner-box .col-xs-12 { width:100%!important; } .banner-box img { width:40px!important; } } .product-name { margin: 20px auto; } #email_signup {margin-top: 35px!important;} @media screen and (max-width: 768px) { .content-top-hero { margin-bottom: 0!important; } .content-top-hero-img img { margin: 0 auto!important; float: none; display: block; } } /*sobre-nos*/ .hero.title-sn { padding: 20px 0 15px!important; } .sobre-nos article .intro { border-bottom: 1px solid #EDEDED; margin-bottom: 5vw; padding: 0 15px; } @media only screen and (min-width: 768px) { .sobre-nos article .intro { margin-bottom: 40px; } } .sobre-nos article h2 { font-family: 'Open Sans', sans-serif; text-align: center; line-height: 1; margin-bottom: 4vw; } @media only screen and (min-width: 768px) { .sobre-nos article h2 { font-size: 45px; font-size: 2.8125rem; margin-bottom: 30px; } } .sobre-nos article h3 { font-family: 'Open Sans', sans-serif; margin-bottom: 3.5vw; } @media only screen and (min-width: 768px) { .sobre-nos article h3 { font-size: 35px; font-size: 2.1875rem; margin-bottom: 30px; text-align: left; } } .sobre-nos article h4 { font-family: 'Open Sans', sans-serif; text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .sobre-nos article h4 { font-size: 35px; font-size: 2.1875rem; } } .sobre-nos article p { font-family: 'Open Sans', sans-serif; line-height: 1.4; margin-bottom: 4.5vw; } @media only screen and (min-width: 768px) { .sobre-nos article p { font-size: 25px; font-size: 1.3rem; margin-bottom: 36px; } } .sobre-nos article ul { font-family: 'Open Sans', sans-serif; margin: 0 0 6vw; padding: 0 0 0 4.2vw; } @media only screen and (min-width: 768px) { .sobre-nos article ul { margin: 0 0 45px; padding: 0 0 0 32px; } } .sobre-nos article ul li { font-family: 'Open Sans', sans-serif; padding: 0.6vw 0; } @media only screen and (min-width: 768px) { .sobre-nos article ul li { font-size: 30px; font-size: 1.3rem; padding: 10px 0; } } /*criterios de aprovação*/ .hero.title-ca { padding: 20px 0 15px!important; } .criterios-aprovacao article .intro { border-bottom: 1px solid #EDEDED; margin-bottom: 5vw; padding: 0 15px; } @media only screen and (min-width: 768px) { .criterios-aprovacao article .intro { margin-bottom: 40px; } } .criterios-aprovacao article h2 { font-family: 'Open Sans', sans-serif; text-align: center; line-height: 1; margin-bottom: 4vw; } @media only screen and (min-width: 768px) { .criterios-aprovacao article h2 { font-size: 45px; font-size: 2.8125rem; margin-bottom: 30px; } } .criterios-aprovacao article h3 { font-family: 'Open Sans', sans-serif; margin-bottom: 3.5vw; } @media only screen and (min-width: 768px) { .criterios-aprovacao article h3 { font-size: 1.8em; margin-bottom: 30px; text-align: left; } } .criterios-aprovacao article h4 { font-family: 'Open Sans', sans-serif; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .criterios-aprovacao article h4 { font-size: 1.7rem; } } .criterios-aprovacao article p { font-family: 'Open Sans', sans-serif; margin-bottom: 4.5vw; } @media only screen and (min-width: 768px) { .criterios-aprovacao article p { font-size: 25px; font-size: 1.3rem; margin-bottom: 1em; } } .criterios-aprovacao article ul { font-family: 'Open Sans', sans-serif; margin: 0 0 6vw; padding: 0 0 0 4.2vw; } @media only screen and (min-width: 768px) { .criterios-aprovacao article ul { margin: 0 0 45px; padding: 0 0 0 32px; } } .criterios-aprovacao article ul li { font-family: 'Open Sans', sans-serif; padding: 0.6vw 0; } @media only screen and (min-width: 768px) { .criterios-aprovacao article ul li { font-size: 30px; font-size: 1.3rem; padding: 10px 0; } } /*alterações 28/09/2017*/ .subtitle-mobile { color: #7A0041!important; } @media screen and (max-width: 768px) { .content-top-hero h1 { font-size: 25px; } .subtitle-mobile { margin-bottom: 0.5rem!important; } } .review_blurb ul, .content-criterios-aprovacao ul { list-style-type: none; padding: 0!important; } /*.top_product.clearfix div { padding: 0!important; }*/ @media screen and (max-width: 769px) { .top_product.clearfix div { padding-left: 0; padding-right: 0; } .cta-top-product, #email_signup { padding-right: 15px!important; padding-left: 15px!important; } #email_signup span.offer_header { font-size: 1.3rem; } footer #footer_nav ul li { display: block; color: #fff; } footer #footer_nav ul li:last-child a{ border: none; } footer #footer_nav ul li:nth-child(2) a { border-bottom: solid 1px #666; border-top: solid 1px #666; } footer #footer_nav ul li a { padding: 10px 0; } #footer_subnav > ul li { display: block; color: #fff!important; } footer #footer_nav ul li:before, #footer_subnav > ul li:before { display: none; } #footer_subnav > ul li { width: 100%; } footer #footer_wrapper #footer_subnav p.copyright { font-size: 14px!important; color: #fff!important; text-align: center; } #footer_subnav p { color: #b6b6b6!important; } .button_style.green_button.smooth_scroll { padding-right: 10px!important; padding-left: 10px!important; } } @media screen and (max-width: 325px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 0.57em!important; } } @media screen and (max-width: 425px) and (min-width: 326px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 0.6em!important; } } @media screen and (max-width: 480px) and (min-width: 426px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 0.7em!important; } } /* Alterações Peterson 14/08 */ @media screen and (max-width: 450px) { .comment-respond input#submit { width: 100%; } } @media screen and (max-width: 767px) { #hero > h1.title-review { font-size: 2em; } } @media screen and (min-width: 768px) and (max-width: 991px) { #hero > h1.title-review { font-size: 2.5em; } } @media screen and (min-width: 1200px) { #post-4 > div > div.post_inner > div.alert-green > h3 { font-size: 1.5em; } #post-4 > div > div.post_inner > div.post-author-bio > div.author-img > img { margin-top: 30px; } } @media screen and (max-width: 767px) { #main_nav > div > div.navbar-header { margin: 0; } #main_nav > div > div.navbar-header > button { padding: 8px 0; } #main_nav > div > div.navbar-header > button > span > span { margin: 8px 0!important; } #main_nav > div > div.navbar-header > a { padding: 8px 0; } } @media screen and (min-width: 1100px) { #main_nav > div > div.navbar-header > button.navbar-toggle { display: none!important; } } @media screen and (max-width: 1099px) { #main_nav > div > div.navbar-header > button.navbar-toggle { display: block; } #main_nav > div > div.navbar-header { width: 100%; } } /* Bloco - Avaliação do cliente */ .alert-green{ float: none !important; } #review-widget{ margin-top: 20px; padding: 25px; border: 1px solid #eee; } #review-widget .widget-header strong{ color: #53892F; } #review-widget .widget-body{ display: flex; margin: 25px 0; } #review-widget .col-left{ width: 40%; float: left; display: grid; padding-top: 10px; } #review-widget .col-left li{ position: relative; margin-bottom: 5px; font-size: 16px; } #review-widget .col-left li span.left{ width: 85px; display: block; float: left; } #review-widget .col-right{ width: 60%; float: right; } #review-widget .widget-footer h4{ text-align: center !important; } #review-widget .widget-footer select{ width: 200px; height: 40px; } #review-widget .widget-footer button{ width: 150px; position: relative; top: -1px; height: 40px; background: #CE7B01; font-size: 18px; border-radius: 5px; border-bottom: solid 3px #ab6807; } #review-widget .fa-star{ color: #CE7B01; } #review-widget .votes{ position: relative; top: -6px; } progress { width: 250px; height: 22px; margin: 0; -webkit-appearance: none; border: none; } progress::-webkit-progress-bar { background: #eee; padding: 1px; } progress::-webkit-progress-value { background: #CE7B01; } #review-widget h4 > span { color: #333; } @media only screen and ( max-width: 1024px){ #review-widget .widget-body{ display: grid; } #review-widget .col-left{ float: none; width: 100%; } #review-widget .widget-body .votes{ position: absolute; top: 0; right: 0; } progress{ width: 100%; } #review-widget .col-right{ float: none; width: 100%; } #review-message span{ display: block; width: 100%; } } @media screen and (max-width: 640px) { #review-widget .widget-footer button { width: 76px!important; background: #CE7B01; font-size: 15px; } #review-widget .widget-footer select { width: 170px; margin-top: 20px; } #review-widget { padding: 25px 15px; } #review-widget h4#review-choose > span { display: block; } #review-widget h4#review-message > span { margin-bottom: 10px; } } /* Bloco avaliação imagem pote */ .title-box { color: #fff; margin: 5px 0!important; } .content-star-box { width: 170px; margin: 10px auto 10px; } .content-star-box span.fa{ font-size: 18px; margin: 0 5px; color: #fff; } .content-star-box span.fa-star.checked{ color: #fff; } .content-star-box span.fa-star:last-child { margin-right: 0; } .content-star-box span.fa-star:first-child { margin-left: 0; } .top_product .ratings .col-xs-6 { padding: 8px 0!important; } .top_product .ratings .col-xs-6 .rating { font-size: 2rem!important; } .top_product .ratings div.col-xs-6 span.rating_label { font-size: 1.3rem!important; } #top-rated-list .top_product .rating { font-size: 1.8em!important; } #top-rated-list .top_product .rating_label { font-size: 1.2em!important; } .border_box .text-center.h2.title-box { font-size: 1.5em; } @media screen and (max-width: 425px) { #top-rated-list .top_product .rating { font-size: 1.5em!important; } #top-rated-list .top_product .rating_label { font-size: 1em!important; } .text-center.h2.title-box { font-size: 1.3em; } .content-star-box { width: 150px; } .content-star-box span.fa-star { font-size: 18px; } .title-box { margin: 5px 0 0!important; } } /* Nova mudança - 20/08 */ #top-rated-list > div > div.col-xs-24.col-sm-12.col-md-11 > div > div > div.col-xs-6 > div > span.rating_label, #top-rated-list > div > div.col-xs-24.col-sm-12.col-md-11 > div > div > div.col-xs-18 > div > h2 { display: none; } /* Fim do bloco avaliação imagem pote */ /* Ajustes menu rodapé */ @media only screen and (max-width: 991px ){ footer #footer_nav ul li { padding: 15px 0px; } footer #footer_nav ul li a { font-size: 15px; } } @media only screen and (min-width: 992px ) and (max-width: 1040px){ footer #footer_nav ul li a { font-size: 18px !important; border: none !important; } } @media only screen and (max-width: 840px ){ footer #footer_nav ul li a { font-size: 12px !important; border: none !important; } } @media only screen and (max-width: 768px ){ footer #footer_nav ul li { display: inline-block !important; padding: 15px 10px; border: 0; } footer #footer_nav ul li a { font-size: 14px !important; border: none !important; } footer #footer_nav ul li:before { content: "|"; font-size: 12px; display: block !important; position: absolute; left: -5px; top: calc(50% - 10px); } footer #footer_subnav p{ text-align: left; font-size: 13px; } } @media only screen and (min-width: 495px) and (max-width: 672px ){ footer #footer_nav ul li a { font-size: 11px !important; } } @media only screen and (max-width: 494px ){ footer #footer_nav ul li { display: block; width: 100%; text-align: left; border-top: 1px solid #666; padding: 10px 0; font-size: 16px; } footer #footer_nav ul li:before { display: none !important; } } /* Fim Ajustes menu rodapé */ /* Mudança Tabela Mobile */ /*.line-mobile, .title-table-mobile { display: none; } @media only screen and (max-width: 425px ){ .td-left { display: none!important; } .line-mobile { display: table-row; } .title-table-mobile { display: block; } .line-mobile td { padding-top: 15px!important; padding-bottom: 15px!important; border-top: solid 1px #c8c8c8; font-size: 0.8em; letter-spacing: 4px; text-transform: uppercase; color: #333!important; font-weight: bold; } }*/ /* Fim Mudança Tabela Mobile */ /* Alterações titulo */ @media screen and (max-width: 768px) { #hero > h1, #hero\20 title-ca > h1, #alcf-contactform-wrap > h1 { font-size: 25px!important } } /* Ajustes menu rodapé */ @media only screen and (max-width: 991px ){ footer #footer_nav ul li { padding: 15px 0px; } footer #footer_nav ul li a { font-size: 15px; } } @media only screen and (min-width: 992px ) and (max-width: 1040px){ footer #footer_nav ul li a { font-size: 18px !important; border: none !important; } } @media only screen and (max-width: 840px ){ footer #footer_nav ul li a { font-size: 12px !important; border: none !important; } } @media only screen and (max-width: 768px ){ footer #footer_nav ul li { display: inline-block !important; padding: 15px 10px; border: 0; } footer #footer_nav ul li a { font-size: 14px !important; border: none !important; } footer #footer_nav ul li:before { content: "|"; font-size: 12px; display: block !important; position: absolute; left: -5px; top: calc(50% - 10px); } footer #footer_subnav p{ text-align: left; font-size: 13px; } } @media only screen and (min-width: 495px) and (max-width: 672px ){ footer #footer_nav ul li a { font-size: 9px !important; } } @media only screen and (max-width: 494px ){ footer #footer_nav ul li { display: block; width: 100%; text-align: left; border-top: 1px solid #666; padding: 10px 0; font-size: 16px; } footer #footer_nav ul li:before { display: none !important; } } @media screen and (max-width: 768px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 13px!important; text-align: center; } } @media screen and (max-width: 430px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 11px!important; text-align: center; } } @media screen and (max-width: 375px) { footer #footer_wrapper #footer_subnav p.copyright { font-size: 9px!important; text-align: center; } } /*//////////////////////////////////////// /////////// new menu css - 08-2018 ///////////////////////////////*/ .navbar-default{ border-radius: 0 !important; border: 0 !important; background: #fff; /* height: 100px; */ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc !important; } .navbar-brand{ padding: 10px 15px !important; } .navbar-default .navbar-nav > li > a { color: #7a0041; font-weight: normal; text-transform: uppercase; font-size: 1.1rem; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color: #7a0041; opacity: .8; } @media only screen and (min-width: 1024px){ .navbar-right{ top: 10px; position: relative; } } @media only screen and (max-width: 1023px){ .navbar-default{ padding-top: 0px; padding-bottom: 0px; } .navbar-default .navbar-collapse{ position: relative; background: #7a0041; } .navbar-right{ float: left !important; } .navbar-default .navbar-nav > li > a { color: #fff; font-weight: normal; text-transform: uppercase; padding-bottom: 20px; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color: rgba(255,255,255,.5); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none; } .navbar-toggle{ margin-top: 14px; margin-bottom: 0; padding: 0; border: 0; } .navbar-toggle .icon-bar { width: 35px; height: 4px; margin: 7px; background-color: #7a0041 !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px){ .navbar-default .container{ padding: 0 !important; } } @media only screen and (min-width: 1024px) and (max-width: 1224px){ .navbar-default .navbar-nav > li > a { font-size: 1rem; padding-left: 10px; padding-right: 10px; } } /* Footer 2 */ footer .footer2 #footer_nav ul li a { padding: 15px; font-size: 1rem; font-weight: 400; text-transform: capitalize; } footer .footer2 #footer_nav ul li:before { font-size: 1rem; } @media only screen and (max-width: 991px) { footer .footer2 #footer_nav ul li { padding: 0px; } } @media only screen and (max-width: 840px) { footer .footer2 #footer_nav ul li a { font-size: 1rem !important; } } .sprite{ background-image:url(../img-min/icons/spritesheet.png); background-repeat:no-repeat; display:block; margin-right:12px; float:left } .sprite-anvisa{ width:60px; height:60px; background-position:-5px -5px } .sprite-badge-cost{ width:60px; height:60px; background-position:-75px -5px } .sprite-badge-effects{ width:60px; height:60px; background-position:-145px -5px } .sprite-badge-guarantee{ width:60px; height:60px; background-position:-5px -75px } .sprite-badge-ingredients{ width:60px; height:60px; background-position:-75px -75px } .sprite-badge-overall{ width:60px; height:60px; background-position:-145px -75px } .sprite-badge-power{ width:60px; height:60px; background-position:-5px -145px } .sprite-badge-reputation{ width:60px; height:60px; background-position:-75px -145px } .sprite-badge-safety{ width:60px; height:60px; background-position:-145px -145px }