/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2017-02-01, 21:18:44 Author : Kamil Kubis */ h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: bold; margin: 0; padding: 0; } body { background: #f2f3f8; font-family: 'Lato', sans-serif; color: #000000; background: url(../images/bg.png); } img { height: auto; } /* font-family: 'Oswald', sans-serif; */ nav .title { margin: 2.96875vw 0 0 10.9375vw; } nav .title h1 { color: #000000; font-size: 5.3125vw; font-weight: 100; text-transform: uppercase; } nav .title h1 span { font-weight: bold; color: #233b6e; } nav .menu_ic { color: #ffffff; font-size: 5vw; background: #233b6e; height: 6.5625vw; width: 6.5625vw; box-sizing: border-box; float: left; padding-left: 0.78125vw; margin-top: 2.1875vw; cursor: pointer; } nav .container_menu { width: 96%; display: none; position: absolute; top: -50vw; } nav .container_menu .menu_item { border: 0.15625vw solid #233b6e; font-weight: regular; font-size: 4.0625vw; text-transform: uppercase; display: block; width: 100%; text-align: center; color: #233b6e; padding: 1.5625vw 0; background: #d3d6db; } nav .container_menu .menu_item:hover { background: #f2f2f2; text-decoration: none; } nav .nav_text { background: #d3d6db; border: 0.15625vw solid #233b6e; font-size: 4.0625vw; padding: 1.09375vw 1.25vw; margin-top: 2.34375vw; } nav .woman { width: 100%; text-align: center; border-bottom: 0.15625vw solid #233b6e; margin-top: 3.90625vw; } nav .woman img { max-width: 30.3125vw; } #main { margin-top: 2.34375vw; } #main .ranking_title { font-size: 5.3125vw; color: #233b6e; font-weight: bold; background: #eff0f4; border-left: 3.90625vw solid #233b6e; padding: 2.34375vw 0 2.34375vw 2.34375vw; } #main .ranking_box { border: 0.46875vw solid #c7cede; padding-bottom: 2.34375vw; } #main .ranking_box .ranking_box_title { border-bottom: 0.46875vw solid #c7cede; border-right: 3.90625vw solid #ffd100; font-size: 6.25vw; font-weight: bold; text-transform: uppercase; } #main .ranking_box .ranking_box_title .no { font-size: 7.8125vw; background: #ffd100; width: 9.375vw; float: left; padding-left: 2.8125vw; } #main .ranking_box .ranking_box_title span { position: relative; top: 1.25vw; left: 3.125vw; } #main .ranking_box .ranking_content { margin-top: 2.34375vw; background: #ffffff; } #main .ranking_box .ranking_content .ranking_left { width: 100%; } #main .ranking_box .ranking_content .ranking_left .ranking_img { border: 0.46875vw solid #c7cede; background: #ffffff; padding: 1.5625vw 0; margin: 0 auto; } #main .ranking_box .ranking_content .ranking_left .ranking_img img { max-width: 100%; display: block; margin: 0 auto; } #main .ranking_box .ranking_content .ranking_left .main_rate { font-size: 4.0625vw; text-transform: uppercase; color: #ffffff; text-align: center; width: 100%; background: #233b6e; padding: 0.46875vw 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars { text-align: center; border: 0.15625vw solid #233b6e; padding: 0.9375vw 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars img { max-width: 3.90625vw; margin: 0 0.3125vw; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars strong { position: relative; top: 0.3125vw; left: 0.9375vw; font-weight: 700; } #main .ranking_box .ranking_content .ranking_left .stars_box { margin-top: 3.125vw; text-align: center; } #main .ranking_box .ranking_content .ranking_left .stars_box span { color: #233b6e; font-size: 4.6875vw; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars { margin-bottom: 1.5625vw; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars img { margin: 0 0.46875vw; max-width: 2.8125vw; } #main .ranking_box .ranking_content .ranking_left .producer_url { background: #fe7501; color: #ffffff; font-weight: bold; font-size: 4.375vw; text-align: center; display: block; text-transform: uppercase; padding: 1.5625vw 0; margin: 3.90625vw 0 1.5625vw; } #main .ranking_box .ranking_content .ranking_left .producer_url:hover { text-decoration: none; background: #e56901; } #main .ranking_box .ranking_content .ranking_left .review_url { font-weight: bold; font-size: 3.75vw; text-align: center; margin-bottom: 4.6875vw; } #main .ranking_box .ranking_content .ranking_right { width: 100%; font-size: 4.6875vw; } #main .ranking_box .ranking_content .ranking_right .ekspert { background: #eff0f4; border-top: 0.15625vw solid #c7cede; border-bottom: 0.15625vw solid #c7cede; padding: 3.125vw; } #main .ranking_box .ranking_content .ranking_right p { padding: 1.5625vw 3.125vw; } #main .ranking_box .ranking_content .ranking_right .more { font-size: 3.75vw; color: #000000; margin-right: 2.34375vw; float: right; } #main .review { background: #eff0f4; } #main .review .review_img { position: relative; } #main .review .review_img img { max-width: 100%; display: block; margin: 0 auto; } #main .review .review_img .review_name { color: #ffffff; font-weight: bold; font-size: 5vw; text-align: center; position: absolute; bottom: 0; background-color: rgba(35, 59, 110, 0.7); padding: 0.625vw 0; width: 100%; } #main .review p { font-size: 4.6875vw; padding: 3.125vw; text-align: justify; margin: 0; } #text { margin: 3.125vw 0; } #text .box_desc { backgrouund: #ffffff; color: #000000; font-size: 4.375vw; padding: 3.125vw; border: 0.46875vw solid #c7cede; } #last .box_desc { background: #233b6e; color: #fefefe; font-size: 4.375vw; padding: 3.125vw; border: 0.46875vw solid #c7cede; } footer .footer { font-size: 5vw; padding: 3.125vw; text-align: center; color: #233b6e; border: 0.46875vw solid #c7cede; } footer .footer a { color: #233b6e; } footer .footer a:hover { color: #000000; } footer .footer .text-right { text-align: center; margin-top: 3.125vw; } @media (min-width: 768px) { #page { background: #ffffff; padding: 0 2.91262vw; max-width: 99.02913vw; display: block; margin: 0 auto; } .container { width: 100%; } #top .top { border-bottom: 0.09709vw solid #eff0f4; } #top .top .top_box { width: 25%; box-sizing: border-box; float: left; height: 3.39806vw; font-size: 1.5534vw; font-weight: bold; } #top .top .top_box .top_no { float: left; width: 3.39806vw; height: 100%; background: #eff0f4; padding: 0.48544vw 0 0 1.16505vw; } #top .top .top_box span { margin-left: 1.45631vw; position: relative; top: 0.48544vw; } nav .title { margin: 1.94175vw 0; } nav .title h1 { color: #000000; font-size: 2.3301vw; } nav .container_menu { width: 100%; display: block; position: initial; } nav .container_menu .menu_item { border: 0.09709vw solid #ccd2e1; font-size: 1.5534vw; width: 20%; float: left; padding: 0.97087vw 0; background: none; } nav .nav_text { border: 0.09709vw solid #233b6e; font-size: 1.5534vw; line-height: 2.52427vw; padding: 0.67961vw 0.7767vw; margin-top: 1.45631vw; } nav .woman { border-bottom: 0.09709vw solid #233b6e; margin-top: -4.17476vw; } nav .woman img { max-width: 18.83495vw; } #main { margin-top: 1.45631vw; } #main .ranking_title { font-size: 2.3301vw; border-left: 2.42718vw solid #233b6e; padding: 1.45631vw 0 1.45631vw 1.45631vw; } #main .ranking_box { border: 0.29126vw solid #c7cede; padding-bottom: 1.45631vw; } #main .ranking_box .ranking_box_title { border-bottom: 0.29126vw solid #c7cede; border-right: 2.42718vw solid #ffd100; font-size: 2.91262vw; } #main .ranking_box .ranking_box_title .no { font-size: 3.8835vw; background: #ffd100; width: 5.82524vw; padding-left: 1.74757vw; } #main .ranking_box .ranking_box_title span { position: relative; top: 0.7767vw; left: 1.94175vw; } #main .ranking_box .ranking_content { margin-top: 1.45631vw; } #main .ranking_box .ranking_content .ranking_left { width: 21.65049vw; float: left; margin-left: 0.48544vw; } #main .ranking_box .ranking_content .ranking_left .ranking_img { border: 0.29126vw solid #c7cede; padding: 0.97087vw 0; } #main .ranking_box .ranking_content .ranking_left .ranking_img img { max-width: 11.26214vw; } #main .ranking_box .ranking_content .ranking_left .main_rate { font-size: 1.5534vw; padding: 0.29126vw 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars { border: 0.09709vw solid #233b6e; padding: 0.58252vw 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars img { max-width: 2.03883vw; margin: 0 0.19417vw; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars strong { position: relative; top: 0.19417vw; left: 0.58252vw; } #main .ranking_box .ranking_content .ranking_left .stars_box { margin-top: 1.94175vw; } #main .ranking_box .ranking_content .ranking_left .stars_box span { font-size: 1.5534vw; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars { margin-bottom: 0.97087vw; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars img { margin: 0 0.29126vw; max-width: 1.74757vw; } #main .ranking_box .ranking_content .ranking_left .producer_url { font-size: 1.74757vw; padding: 0.97087vw 0; margin: 2.42718vw 0 0.97087vw; } #main .ranking_box .ranking_content .ranking_left .review_url { font-size: 1.35922vw; margin: 0; } #main .ranking_box .ranking_content .ranking_right { float: right; width: 36.8932vw; font-size: 1.5534vw; } #main .ranking_box .ranking_content .ranking_right .ekspert { border-top: 0.09709vw solid #c7cede; border-bottom: 0.09709vw solid #c7cede; padding: 1.94175vw; } #main .ranking_box .ranking_content .ranking_right p { padding: 0.97087vw 1.94175vw; } #main .ranking_box .ranking_content .ranking_right .more { font-size: 1.16505vw; margin-right: 1.45631vw; } #main .review .review_img img { max-width: 29.12621vw; } #main .review .review_img .review_name { font-size: 2.3301vw; padding: 0.38835vw 0; } #main .review p { font-size: 1.74757vw; line-height: 2.71845vw; padding: 1.94175vw; } #text { margin: 1.94175vw 0; } #text .box_desc { font-size: 1.74757vw; line-height: 2.71845vw; padding: 1.94175vw; border: 0.29126vw solid #c7cede; } #last .box_desc { font-size: 1.74757vw; line-height: 2.71845vw; padding: 1.94175vw; border: 0.29126vw solid #c7cede; } footer .footer { font-size: 1.5534vw; padding: 1.94175vw; text-align: left; border: 0.29126vw solid #c7cede; } footer .footer .text-right { text-align: right; margin: 0; } } @media (min-width: 1030px) { #page { background: #ffffff; padding: 0 30px; max-width: 1020px; display: block; margin: 0 auto; } .container { width: 100%; } #top .top { border-bottom: 1px solid #eff0f4; } #top .top .top_box { width: 25%; box-sizing: border-box; float: left; height: 35px; font-size: 16px; font-weight: bold; } #top .top .top_box .top_no { float: left; width: 35px; height: 100%; background: #eff0f4; padding: 5px 0 0 12px; } #top .top .top_box span { margin-left: 15px; position: relative; top: 5px; } nav .title { margin: 20px 0; } nav .title h1 { color: #000000; font-size: 24px; } nav .container_menu { width: 100%; display: block; position: initial; } nav .container_menu .menu_item { border: 1px solid #ccd2e1; font-size: 16px; width: 20%; float: left; padding: 10px 0; background: none; } nav .nav_text { border: 1px solid #233b6e; font-size: 16px; line-height: 26px; padding: 7px 8px; margin-top: 15px; } nav .woman { border-bottom: 1px solid #233b6e; margin-top: -43px; } nav .woman img { max-width: 194px; } #main { margin-top: 15px; } #main .ranking_title { font-size: 24px; border-left: 25px solid #233b6e; padding: 15px 0 15px 15px; } #main .ranking_box { border: 3px solid #c7cede; padding-bottom: 15px; } #main .ranking_box .ranking_box_title { border-bottom: 3px solid #c7cede; border-right: 25px solid #ffd100; font-size: 30px; } #main .ranking_box .ranking_box_title .no { font-size: 40px; background: #ffd100; width: 60px; padding-left: 18px; } #main .ranking_box .ranking_box_title span { position: relative; top: 8px; left: 20px; } #main .ranking_box .ranking_content { margin-top: 15px; } #main .ranking_box .ranking_content .ranking_left { width: 223px; float: left; margin-left: 5px; } #main .ranking_box .ranking_content .ranking_left .ranking_img { border: 3px solid #c7cede; padding: 10px 0; } #main .ranking_box .ranking_content .ranking_left .ranking_img img { max-width: 116px; } #main .ranking_box .ranking_content .ranking_left .main_rate { font-size: 16px; padding: 3px 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars { border: 1px solid #233b6e; padding: 6px 0; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars img { max-width: 21px; margin: 0 2px; } #main .ranking_box .ranking_content .ranking_left .main_rate_stars strong { position: relative; top: 2px; left: 6px; } #main .ranking_box .ranking_content .ranking_left .stars_box { margin-top: 20px; } #main .ranking_box .ranking_content .ranking_left .stars_box span { font-size: 16px; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars { margin-bottom: 10px; } #main .ranking_box .ranking_content .ranking_left .stars_box .stars img { margin: 0 3px; max-width: 18px; } #main .ranking_box .ranking_content .ranking_left .producer_url { font-size: 18px; padding: 10px 0; margin: 25px 0 10px; } #main .ranking_box .ranking_content .ranking_left .review_url { font-size: 14px; margin: 0; } #main .ranking_box .ranking_content .ranking_right { float: right; width: 380px; font-size: 16px; } #main .ranking_box .ranking_content .ranking_right .ekspert { border-top: 1px solid #c7cede; border-bottom: 1px solid #c7cede; padding: 20px; } #main .ranking_box .ranking_content .ranking_right p { padding: 10px 20px; } #main .ranking_box .ranking_content .ranking_right .more { font-size: 12px; margin-right: 15px; } #main .review .review_img img { max-width: 300px; } #main .review .review_img .review_name { font-size: 24px; padding: 4px 0; } #main .review p { font-size: 18px; line-height: 28px; padding: 20px; } #text { margin: 20px 0; } #text .box_desc { font-size: 18px; line-height: 28px; padding: 20px; border: 3px solid #c7cede; } #last .box_desc { font-size: 18px; line-height: 28px; padding: 20px; border: 3px solid #c7cede; } footer .footer { font-size: 16px; padding: 20px; text-align: left; border: 3px solid #c7cede; } footer .footer .text-right { text-align: right; margin: 0; } } /*# sourceMappingURL=main.css.map */