a:hover, a:focus { color:#cc0000; } h1>b, h1>strong, .h1>b, .h1>strong, h2>b, h2>strong { font-style:normal; color:#CC0000; } .h2_extra { padding:10px 15px; margin:30px auto 25px auto; text-align: center; border-bottom: none; color: #333333; font-size: 24px; text-transform: uppercase; position: relative; } .h2_extra:before { content: ''; border-bottom: 2px solid #CC0000; position: absolute; bottom: 0; left: 50%; margin-left: -140px; width: 280px; } .h2_extra a { color: #333333; } .h2_extra a:hover, .h2_extra a:focus { color: #CC0000; text-decoration: none; } .page-content ul {list-style-image:url("/img/xtuning/li.png"); padding-left:30px; } .btn { color: #ffffff; background: #cc0000; font-weight: bold; border-radius: 16px; padding: 5px 20px; border: 1px solid #cc0000; } .btn:hover, .btn:focus { background: #ffffff; color: #cc0000; } .btn-primary { color:#ffffff;font-size:16px;font-weight:700; padding:20px 5px; background:#cc0000; border-radius:0px; border:0px none; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { text-decoration:none;background:#990000; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #cc0000; border-color: #cc0000; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cc0000; border-color: #cc0000; color:#fff; border-radius:0px; } a.ico-btn:hover, a.ico-btn.active { color: #cc0000; text-decoration: none; } #searchFormTop .ico-btn { background:#CC0000; color:#FFF; } #mainMenu .navbar-collapse { background-color:#CC0000; color:#fff; } #mainMenu a { border-bottom:1px solid #9C0000; color:#fff; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { color:#000; } #mainMenu .active a:after { background:#000; } #mainMenu .RESPswitchMENU a { background:#660000; max-width: 280px; } .navbar-toggle {background:#cc0000; color:#fff;} #header .c-button{ background-color: transparent; float: right; font-size: 14px; text-transform: uppercase; margin: 0; overflow: visible; height: 50px; line-height: 50px; width: 65px; text-indent: 0; color: #fff;} #header .c-button:active, #header .c-button:hover{color:#000;} #header .c-button span, #header .c-button span::before, #header .c-button span::after{ height:3px; width:26px; right:auto;background:#FFF; } #header .c-button span{top:22px;left:5px;} #header .c-button span::before{top:-9px;} #header .c-button span::after{bottom:-9px; width:15px; } .c-menu{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;} .c-menu--slide-right{overflow:auto;} .menuOpened .c-menu, .old_android .c-menu {display:none;} #c-button--slide-right{z-index:1000; display:none;} #c-mask{z-index:1100;} #c-menu--slide-right{z-index:1200;} .c-menu--slide-right .c-menu__item{border-top-color:#cb0000;border-bottom-color:#a00000;height:57px;} .c-menu--slide-right .c-menu__item a{color:#fff;text-transform:uppercase;font-size:16px;padding:17px 24px;text-decoration:none;} .c-menu--slide-right .c-menu__item a:hover, .c-menu--slide-right .c-menu__item a:focus, .c-menu--slide-right .c-menu__item a.active{text-decoration:none; color:#000; } .c-menu--slide-right .close-button-block{background-color:#9d0001;width:100%;} .c-menu--slide-right .close-button-block button{width:90px;margin:0 auto;background-color:#9d0001;} #c-menu--slide-right{ background-color:#b00000;} #header #top-line { position:fixed; top:0px; left:0px; background:#000000; color:#FFF; z-index: 1000; width:100%; } #header { padding-top:55px; } #logo { height:55px; padding-top:9px; padding-bottom:9px; } #logo img {max-width:100%; max-height: 100%; width:auto; height:auto; } #header-right-block { position:static; padding-top:8px; } #searchFormTop { float:right; margin-right:10px; height: 40px; } #searchFormTop .ico-btn { float:right; width:40px; z-index:1001; background:#CC0000; color:#FFF; font-size: 20px; } .subnav-toggle { color: #cc0000; } .sidebar-title { background-color: #cc0000;} #footer { color:#FFF; background:#001133; text-align: center; } #footer a:hover, #footer a:focus,#footer a:active {text-decoration:none; color:#cc0000;} #footer h2 { color:#FFF; font-weight: normal; } #blok-poradit .blok-poradit-item { border:1px solid #CC0000; color:#FFF; line-height:65px; height: 65px; } #blok-poradit .blok-poradit-item .svg-icon { fill:#CC0000; height:45px; position:absolute; top:10px; left:10px;} #blok-poradit .blok-poradit-item:hover {border-color:#FFF; background:#FFF; color:#CC0000; } #blok-poradit .blok-poradit-item span {line-height: 65px; display: block; height: 65px; padding-left:40px;} .footer-copyright-cp a .svg-icon { fill: #CC0000; } .footer-copyright-cp a:hover .svg-icon { fill: #FFFFFF; } #footer .socialy a { border:1px solid #CC0000; } #footer .socialy .svg-icon { fill:#CC0000; } #footer-bottom a.btn { border:1px solid #CC0000; color:#CC0000; } #footer .socialy a:hover, #footer-bottom a.btn:hover { background:#FFF; border-color:#FFF; } #footer-bottom a.btn.RESPswitch { border:1px solid #CC0000; color:#ffffff; } #animace .carousel-indicators { left:15px; top:50%; margin:0px; width:30px; text-align:left; right:auto; bottom:auto; margin-top:-20px; } #animace .carousel-indicators li { border:0px; background:transparent; text-decoration: underline; color:#FFF; display: block; text-indent: 0; font-size: 12px; line-height: 20px; margin:0px 0px 5px 0px; height:20px; width:auto; border-radius: 0px; } #animace .carousel-indicators .active { background:transparent; color:#CC0000; } #animace .carousel-inner:after { content:''; display:block; position:absolute; left:0px; top:0px; width:47%; height:100%; background:url('/img/xtuning/slide-x.png') 0 0 no-repeat transparent; background-size: auto 100%; } #animace .carousel-inner .item .itemblur { display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(13,15,26,0.7); } #animace .anim-text-wrap { text-decoration:none; color:#FFF; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:50; } #animace .anim-text { color:#FFF; font-weight:700; font-style:italic; display: block; text-align: right; position:absolute; top:30%; z-index:50; left:auto; right:50px; margin:0px auto; max-width: 50%; padding-right:15px; line-height: 1.2; } #animace .anim-btn-in .anim-text { top:20%; } #animace .anim-text strong { font-weight:900; display: block; margin-bottom: 5px; } #animace .anim-text .popisek { display:block; } #animace .btn { text-transform: uppercase; padding:4px 6px 4px 10px; min-width: 0px; max-width: none; width:auto; background:#CC0000; color:#FFF; font-size: 13px; white-space: nowrap; } #animace .btn:after { content:'';clear:both;display: block; } #animace .btn .icon { font-size:130%; float:right; } #animace .btn .text { float:left; } #animace .btn:hover { background:#660000; } .filtr-vozu { position:relative; z-index: 1; background-color: #FFF; } .filtr-vozu .row { background-color: #FFF; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { background:#CC0000; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); } .filtr-vozu .col-xs-12 { padding: 15px 15px; } .filtr-vozu .col-nadpis { padding:0px 0px 0px 0px; } .filtr-vozu .col-nadpis-inner { text-align: center; line-height: 30px; color:#CC0000; vertical-align: bottom; padding:0px; } .homepage .filtr-vozu .col-nadpis-inner { background:#660000; color:#FFF; padding:18px 15px; height:70px; } .filtr-vozu .svg-icon { fill:#FFF; height:30px; margin:0px 5px -8px; } .filtr-vozu .col-nadpis .nadpis { text-transform: uppercase; font-size:13px; } .filtr-vozu .cp-select { margin:0px auto; width: 100%; border:1px solid #D5D5D5; } .homepage .filtr-vozu .cp-select { border:0px; } .filtr-vozu .cp-select select { line-height: 30px; padding-top:5px; padding-bottom: 5px; height:40px; width:100%; background-position:100% 15px; } .filtr-vozu .btn { width:100%; line-height: 30px; padding:5px;background:#660000; color:#FFF; } .filtr-vozu .btn:hover { background:#9C0000; } #odkazy-boxy { padding:0px 30px; max-width:300px; margin:30px auto 30px auto; } #odkazy-boxy .odkaz-box { text-decoration: none; color:#CC0000; background:#F4F4F4; border-color:#D5D5D5; padding:45px 10px 25px 10px; } #odkazy-boxy .odkaz-box:hover { border-color:#CC0000; z-index:2; } #odkazy-boxy .odkaz-box img { max-width:100%; width: 235px; margin:0px auto 20px auto; } #odkazy-boxy .odkaz-box .sipka { font-size:24px; display:block; } #home-news { position:relative; text-align: center; color:#FFF; } #home-news-bg { background:url('/img/xtuning/bg_novinky.jpg') 50% 0px no-repeat #FFF; position:absolute; top:0px; left:0px; right:0px; bottom:0px; } #home-news .section-heading {color:#FFF; margin-top:0px; } #home-news-info { margin-bottom:30px; } #home-news-info p { margin-bottom:30px; } #home-news-info .btn-primary { min-width: 100px; width:160px; padding:15px 5px; } #home-faq .articles-list { margin:15px auto 30px auto; } .panel.faq .panel-heading a:hover { color:#FFF; background:#990000; } .panel.faq .panel-heading a.collapsed:after { border-color:#CC0000; } .panel.faq .btn-wrap .btn:hover { background:#990000; color:#FFF; } .news .news-item h2 { color:#CC0000; } .news .news-item:hover h2 { color:#000; } #pageHeader:before { background:url('/img/xtuning/bg_podstranky_kryt.png') 50% 0px no-repeat transparent; background-size: 100% auto; } .top-nav .btn:hover { color:#FFF; background:#990000; } .top-nav .btn:hover .icon { color:#FFF; } .vypis-modelu .model { background:#FFF; text-align:center; margin-bottom: 30px; text-transform: uppercase; } .vypis-modelu .model .znacka, .vypis-modelu .model .nazev { display: block; overflow:hidden; padding:3px 10px; white-space:nowrap; text-overflow:ellipsis; } .vypis-modelu .model .btn { border:1px solid #D5D5D5; margin:10px; } .vypis-modelu .model .btn:hover { background:#990000; color:#FFF; } .detail .model { border:1px solid #D5D5D5; padding:5px; text-align: center; margin-bottom:30px; } .detail .model .h2 { margin-top:15px; font-size:20px; } .detail .model img { margin-bottom:30px; width: 340px; } .detail .model .btn { width:100%; max-width: 340px; border:1px solid #D5D5D5; text-transform: none; margin-top:5px; } .detail .model .btn:hover { background:#990000; color:#FFF; } .detail .model .cena { background:#F4F4F4; padding:5px; margin:30px auto 0px auto; padding-bottom: 10px; } .detail .model .cena>strong { display: block; color:#CC0000; font-size:22px; margin-bottom: 5px; } .detail .model .poptat .btn { max-width: 100%; text-transform: uppercase; } .leve-menu>.nav li>a { border-bottom:1px solid #990000; } .leve-menu>.nav>li>a, .leve-menu>.nav>li>a:hover { background:#990000; color:#FFF; font-weight: bold; border-color:#990000; } .leve-menu>.nav>li li>a { background:#CC0000; color:#FFF; } .leve-menu>.nav>li li>a:hover, .leve-menu>.nav>li li.active>a { background:#CC0000; color:#000; border-color:#990000;} .leve-menu .subnav.sublevel-2 {display: block;} .leve-menu>.nav>li {margin-bottom: 15px;} @media screen and (min-width: 768px){ #animace .anim-text { font-size:22px; right:2%; margin-right:50px; } #animace .anim-text strong { font-size:26px; } #animace .carousel-indicators { margin-top:-60px; } #animace .carousel-indicators li { font-weight: bold; font-size: 14px; } .homepage .filtr-vozu { margin-top:-70px; } #odkazy-boxy { max-width:none; padding:0px 16px; } } @media (min-width: 992px){ #header #top-line { position:relative; top:auto; left:auto; background:transparent; } #header { padding-top:0px; position:absolute; top:0px; left:0px; width:100%; height: auto; } #logo { height:auto; padding-top:0px; margin-top:0px; padding-bottom:0px; width:215px; } #header-right-block { width:50%; padding-top:0px; position: relative; float:right; } #header .kontakt { display:block; height: 40px; padding:5px 0px; text-align: right; } #header .kontakt a { text-decoration:none; color:inherit; } #header .kontakt .telefon-ico { display: inline-block; line-height:20px; padding:5px 0px; font-size:14px; color:#FFF; vertical-align: middle; margin-right: 15px; } #header .kontakt .telefon-ico .svg-icon { float:left; margin-right:10px; } #header .kontakt .telefon-ico>a { float:left; } #header .kontakt .svg-icon { line-height:20px; height:18px; width:auto; fill: #FFF; fill-rule: evenodd; } #header-right-block { background:#CC0000; } #mainMenu { background:#CC0000; } #mainMenu:before { border-bottom-color:#CC0000;} #mainMenu a { border-bottom:0px; } #header .kontakt .btn { background:#CC0000; color:#FFF; height: 30px; line-height: 30px; border-radius: 0; padding: 0px 10px; font-size:14px; } .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { float: left; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu { position:absolute; width: auto; top:40px; left:50%; right:auto; max-width:755px; width:auto; z-index: 1000; border-radius: 0px; height:50px; margin-left:-270px; } #mainMenu:before { display:block; content:' '; left:-50px; position:absolute; width: 0; height: 0; border-bottom: 50px solid #CC0000; border-left: 50px solid transparent; } #mainMenu .navbar-nav { float:none; margin-left:-10px; } #mainMenu .navbar-nav li { background: transparent;} #mainMenu a {padding:15px 7px; line-height: 20px; font-size:11px; border:0px none; text-align: center; font-weight: normal; border-bottom:0px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {background:transparent;} #mainMenu .active a:after { margin:0px auto; } #mainMenu>.container {background:transparent; padding:0px;width:auto; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; position:relative; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu .hide-navbar{display:none;} #searchFormTop { margin-right:0px; border-right:1px solid #000; border-left:1px solid #000; height:50px; } #searchFormTop .ico-btn { height:50px; padding-top:0px; } .searchActive #searchFormTop { top:0px; } .searchActive #mainMenu, .searchActive #c-button--slide-right { z-index:1; } #mutace ul { background:#CC0000; } #mutace ul li { background:#CC0000; } #mutace ul li a:hover { background:#990000; } #searchFormTop { border-right:1px solid #9C0000; border-left:1px solid #9C0000; } #c-button--slide-right { display:block; } #animace .anim-text-wrap { top:90px; bottom:50px; } #animace .anim-text { font-size:30px; } #animace .anim-text strong { font-size:36px; } #animace .btn { font-size:17px; padding:5px 12px 5px 20px; font-weight: bold; } .homepage .filtr-vozu { margin-top:-50px; } .homepage .filtr-vozu .col-xs-12 { padding: 30px 15px; height:100px; } .homepage .filtr-vozu .col-nadpis { padding:0px 15px 0px 0px !important; } .filtr-vozu .col-nadpis-inner { padding:18px 15px; height:70px; } .homepage .filtr-vozu .col-nadpis-inner { padding: 15px 15px; height: 100px; } .filtr-vozu .col-nadpis .nadpis { display:block; } .filtr-vozu .col-nadpis .svg-icon { height:auto; width:50px; margin-bottom: 0px; } .znacky-loga .znacka-box { width:12.5%; } #odkazy-boxy { padding-left: 17px; } #home-news-info { text-align:left; } #blok-poradit .blok-poradit-item { line-height: 70px; height:70px; } } @media (min-width: 1230px){ #logo { width:300px; } #mainMenu { top:50px; max-width:860px; height:60px; margin-left:-260px; } #mainMenu:before { left:-60px; border-bottom-width: 60px; border-left-width: 60px; } #mainMenu .navbar-nav { margin-left:-13px; } #mainMenu a { font-size:12px; font-weight:bold; padding:20px 10px; } #header-right-block { width:50%; } #searchFormTop { height:60px; } #searchFormTop .ico-btn, #header #mutace { height:60px; width:60px; } #mutace ul { padding-top:60px; } #header .kontakt { height: 50px; padding:10px 0px; } #header .c-button { height:60px; line-height:60px; } #header .c-button span { top:26px; } #header-right-block { width:50%; background:#CC0000; } #animace .anim-text-wrap { top:110px; } #animace .anim-text { font-size:45px; } #animace .anim-text strong { font-size:52px; } #animace .carousel-indicators li { font-size: 16px; } #animace .btn { padding:8px 18px 8px 30px; } .filtr-vozu .col-nadpis .nadpis { font-size: 16px; } } @media (min-width: 1660px){ #header .c-button { height:80px; line-height:80px; } #header .c-button span { top:35px; } #logo { width:515px; margin-top:-13px; } #mainMenu { height:80px; margin-left:-100px; max-width: 770px; } #mainMenu:before { left:-80px; border-bottom-width: 80px; border-left-width: 80px; } #mainMenu .navbar-nav { margin-left:-16px; } #mainMenu a { font-size:13px; padding:30px 10px; } #searchFormTop, #searchFormTop .ico-btn { height:80px; } #searchFormTop .ico-btn, #header #mutace { height:80px; width:70px; } #mutace ul { padding-top:80px; } #animace .anim-text-wrap { top:130px; bottom:70px; } #animace .anim-text { font-size:64px; right:auto; margin-right: 0px; left:50%; margin-left:-300px; width:900px; max-width: 900px; } #animace .anim-text strong { font-size:76px; } #animace .carousel-indicators li { font-size: 18px; } .homepage .filtr-vozu { margin-top:-70px; } .homepage .filtr-vozu .col-xs-12 { padding: 40px 15px; height:140px; } .filtr-vozu .col-nadpis-inner { padding: 35px 15px; height: 92px; } .homepage .filtr-vozu .col-nadpis-inner { padding: 35px 15px; height: 140px; } .filtr-vozu .col-nadpis .nadpis { display:block; } .filtr-vozu .col-nadpis .svg-icon { height:auto; width:50px; } .filtr-vozu .cp-select select { line-height: 50px; height:60px; padding-left: 15px; background-position:100% 25px; } .filtr-vozu .btn { line-height: 50px; } .filtr-vozu .col-nadpis .nadpis { font-size: 18px; } } .objednavka-box { border:1px solid #99CC66; background:#EEF8DE; padding:0px 15px 30px 15px; } .objednavka-box form { max-width: 970px; margin:0px auto; } .objednavka-box form input.form-control, .objednavka-box form textarea { border: 1px solid #99CC66; background:#FFF; font-family: 'Muli', sans-serif; width: 100%; margin-bottom: 15px; color:#333; font-size: 16px; } .objednavka-box form input.form-control { height: 47px; padding-left: 15px; } .objednavka-box form textarea { padding: 15px; height: 150px; } .objednavka-box .col-label h2 { margin:0px 0px 15px 0px; text-align: left; font-size: 24px; font-weight: normal; color:#000; } .objednavka-box hr { border-color:#9C6; margin-top:30px; margin-bottom:30px;} .objednavka-box form>.row { margin-top:30px; } .objednavka-box .row.zahodit+hr { display: none; } .objednavka-box .datepicker { padding-right:45px; } .objednavka-box .datepicker+img { position: absolute; top:10px; right:25px; } .row-druh .cp-radio, .row-doprava .cp-radio { position: relative; overflow: hidden; margin-bottom:15px; } .row-druh .cp-radio input, .row-doprava .cp-radio input { position: absolute; top:-50px; } .row-druh .cp-radio label { display: block; border:1px solid #9C6; cursor:pointer; font-weight: normal; padding:10px 0px 15px 0px; color:#333; font-size: 16px; text-transform: uppercase; text-align: center; } .row-druh .cp-radio .title { display: block; color:inherit; } .row-druh .cp-radio .ico { display: block; background:url('/img/dpf/kategorie/os.png') 50% 0px no-repeat transparent; width: 160px; height: 60px; margin:0px auto; background-size: 100% auto; } .row-druh .cp-radio.ico-traktor .ico { background-image: url('/img/dpf/kategorie/traktor.png'); } .row-druh .cp-radio.ico-truck .ico { background-image: url('/img/dpf/kategorie/truck.png'); } .row-druh input:checked+label { background-color:#9C6; color:#FFF; } .row-druh input:checked+label .ico { background-position: 50% 100%; } .row-doprava .cp-radio { padding-left:40px; } .row-doprava .cp-radio .ico { display: block; width:26px; height: 26px; border:1px solid #9C6; background:#FFF; position: absolute; top:0px; left:0px; border-radius: 50%; } .row-doprava .cp-radio label { font-weight: normal; } .row-doprava .cp-radio label>strong { display: block; font-size: 18px;} .row-doprava input:checked+label .ico:after { content:''; display:block; width:12px; height:12px; border-radius: 50%; background:#6A1; position: absolute; top:6px; left:6px; } .objednavka-box .cp-select { margin:0px auto; width: 100%; border:1px solid #9C6; margin-bottom: 30px; } .objednavka-box .cp-select select { width:100%; line-height:45px; background-position:100% 20px; height:45px; color:#333; } .cp-chbox { display: block; position: relative; padding-left: 35px; overflow: hidden; min-height: 20px; cursor: pointer; } .cp-chbox input { position: absolute; top:-50px; } .cp-chbox .ico { display: block; position: absolute; top:0px; left:0px; width:20px; height:20px; background:#FFF; border:1px solid #9C6; line-height: 18px; text-align: center; } .cp-chbox .ico>.glyphicon { display: none; } .cp-chbox input:checked+.ico>.glyphicon { display: block; color:#6A1; font-size: 16px; } .objednavka-box .gdpr-wrap { margin-bottom:30px; font-size: 13px; } .objednavka-box .gdpr-wrap label { font-size: 13px; font-weight: normal; } .objednavka-box .price-wrap { font-size: 13px; margin-bottom:30px; } .objednavka-box .price-wrap .price-head { font-size: 24px; } .objednavka-box .btn-wrap .btn-primary { min-width: 160px; width: 240px; max-width: 100%; } #mista-boxy { margin-top:30px; } #mista-boxy .mista-box { background-color:#66AA11; color:#FFF; padding:20px 15px 30px; font-size:16px; margin-bottom: 30px; text-align: center; line-height: 1.7;} #mista-boxy #mista-box-2 { background-color:#338800;} #mista-boxy #mista-box-3 { background-color:#336622;} #mista-boxy #mista-box-4 { background-color:#004400;} #mista-boxy .mista-box .misto-title { text-transform: uppercase; color:#FFF; margin:15px auto 30px auto; } .gear_box { margin-top: 15px; margin-bottom: 15px; } .gear_box .gear_title { color: #000000; } .gear_box .gear_price { color: #CC0000; font-size: 17px; font-weight: bold; } .cena.discount { display: block; font-size: 24px; } .cena.discount+.cena { margin-top: 2px; } .cena.discount .labelDiscountPrice { color: #cc0000; font-size: 22px; font-weight: bold; } .cena .basePrice { text-decoration: line-through; } .panel.faq .btn-wrap .btn { border: 1px solid #cc0000; background: #cc0000; } .cartHolder { float: right; text-align: center; background: #CC0000; width: 40px; height: 40px; line-height: 40px; margin-right: 10px; } .cartHolder a { text-decoration: none; color: #ffffff; width: 100%; display: block; } @media (max-width: 440px) { #logo { padding-left: 3px; padding-right: 0; } #header-right-block { padding-left: 0; padding-right: 3px; } #searchFormTop { margin-right:5px; } .cartHolder { width: 40px; height: 40px; line-height: 40px; margin-right: 5px; } } @media (max-width: 767px) { .ico-btn:hover, .ico-btn.active { height: 40px; } } @media(min-width: 992px) { .cartHolder { margin-right:0px; border-left: 1px solid #9C0000; width: 40px; height:50px; font-size: 20px; line-height: 50px; } } @media (min-width: 1230px) { .cartHolder { width: 60px; height: 60px; line-height: 60px; } } @media (min-width: 1660px) { .cartHolder { width: 70px; height:80px; line-height: 80px; } }