@charset "UTF-8";


.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
font-family: "Glyphicons Halflings";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-slider {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
left: 0;
top: 0
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-loading .slick-list {
background: url(//tyretrade.com.ua/data/themes/Dit/images/ajax-loader.gif) center center no-repeat #fff
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
margin-top: -10px;
padding: 0;
border: none;
outline: 0;
top: -38px
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: 0;
background: 0 0;
color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
color: #646464
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,
.slick-prev:before {
font-size: 20px;
line-height: 1;
color: #bd1f28;
opacity: 1
}
.slick-prev {
left: 38%
}
[dir=rtl] .slick-prev {
left: auto;
right: 38%
}
.slick-prev:before {
content: ""
}
.slick-next:before,
[dir=rtl] .slick-prev:before {
content: ""
}
.slick-next {
right: 38%
}
[dir=rtl] .slick-next {
left: 38%;
right: auto
}
[dir=rtl] .slick-next:before {
content: ""
}
.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: 0 0;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25
}
.lb-loader,
.lightbox {
text-align: center;
line-height: 0
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: 1
}
body:after {
content: url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/close.png) url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/loading.gif) url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/prev.png) url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/next.png);
display: none
}
.lb-dataContainer:after,
.lb-outerContainer:after {
content: "";
clear: both
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
background-color: #000;
filter: alpha(Opacity=80);
opacity: .8;
display: none
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 11000;
font-weight: 400
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
border-radius: 3px
}
.lightbox a img {
border: none
}
.lb-outerContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px
}
.lb-loader,
.lb-nav {
position: absolute;
left: 0
}
.lb-outerContainer:after {
display: table
}
.lb-container {
padding: 4px
}
.lb-loader {
top: 43%;
height: 25%;
width: 100%
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/loading.gif) no-repeat
}
.lb-nav {
top: 0;
height: 100%;
width: 100%;
z-index: 10
}
.lb-container>.nav {
left: 0
}
.lb-nav a {
outline: 0;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next,
.lb-prev {
height: 100%;
cursor: pointer;
display: block
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/prev.png) left 48% no-repeat;
filter: alpha(Opacity=0);
opacity: 0;
transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
filter: alpha(Opacity=100);
opacity: 1
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/next.png) right 48% no-repeat;
filter: alpha(Opacity=0);
opacity: 0;
transition: opacity .6s
}
.lb-nav a.lb-next:hover {
filter: alpha(Opacity=100);
opacity: 1
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
display: table
}
.lb-data {
padding: 0 4px;
color: #ccc
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: 700;
line-height: 1em
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//tyretrade.com.ua/data/themes/Dit/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: 0;
filter: alpha(Opacity=70);
opacity: .7;
transition: opacity .2s
}
header nav,
header nav #navContainer,
header nav #navContainer>ul>li ul {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/mesh.png)
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: alpha(Opacity=100);
opacity: 1
}
body {
font-family: Ubuntu, sans-serif
}
header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999
}
header .logo {
position: absolute;
margin: 0 auto;
z-index: 1;
left: 15px;
height: 85px;
transition: all .3s
}
header .logo img {
max-height: 100%;
max-width: 100%;
display: block;
margin: 0 auto
}
@media screen and (min-width:1200px) {
header .logo {
text-align: center;
left: 45%;
right: 45%;
height: 70%;
top: 15px
}
}
@media screen and (max-width:1199px) {
header .logo {
height: 50px;
top: 5px
}
}
header nav {
height: 115px;
line-height: 115px;
position: relative;
background-color: #2f2f2f;
padding: 0 15px
}
header nav button {
border: 0;
background-color: transparent;
display: none;
z-index: 10
}
@media screen and (max-width:1199px) {
header nav {
height: 60px;
line-height: 60px
}
header nav button {
position: absolute;
right: 15px;
height: 60px;
display: block
}
section#content {
margin-top:25px !important;
padding-top:70px !important;
}
div#spacerMainPage{
margin-top:60px !important;
}
}
header nav button span {
width: 20px;
height: 3px;
margin-bottom: 3px;
border-radius: 5px;
background-color: #fff;
display: block
}
header nav .loans-img {
max-height: 26px
}
header nav #navContainer>ul {
list-style-type: none;
margin: 0;
padding: 0;
transition: all .5s
}
header nav #navContainer>ul>li {
position: relative;
color: #fff;
text-transform: uppercase
}
header nav #navContainer>ul>li a {
display: block;
color: #fff;
text-decoration: none;
position: relative;
padding: 0 5px;
font-weight: 400;
font-size: 13px;
letter-spacing: .1em;
transition: color .5s
}
.opinions .opinions__heading-title,
.promo-container h2,
.stats .stats__heading-subtitle,
section#home h2,
section#news aside h3 {
letter-spacing: .2em;
text-transform: uppercase
}
@media (min-width:1400px) {
header nav #navContainer>ul>li a {
padding: 0 8px;
font-size: 14px
}
}
header nav #navContainer>ul>li a:hover {
color: #bd1f28;
text-decoration: none
}
header nav #navContainer>ul>li ul {
border-top: 3px solid #bd1f28;
border-bottom: 3px solid #bd1f28;
border-radius: 0;
margin: 0;
width: 100%
}
@media (min-width:1200px) {
header nav #navContainer>ul>li ul {
width: auto
}
}
header nav #navContainer>ul>li ul li {
padding: 1em
}
header nav #navContainer>ul>li ul li:not(:last-child) {
border-bottom: 2px solid #bd1f28
}
header nav #navContainer>ul>li ul li a:hover {
background-color: transparent
}
@media screen and (min-width:1200px) {
header nav #navContainer.collapse {
display: block;
height: auto;
visibility: visible;
}
header nav #navContainer>ul>li {
float: left
}
header nav #navContainer>ul>li:not(:first-child) {
margin-left: 5px
}
header nav #navContainer>ul>li:not(:first-child):before {
content: ' ';
position: absolute;
top: 50%;
left: -5px;
height: 25px;
width: 2px;
background-color: #bd1f28;
margin-top: -13px
}
header nav #navContainer>ul>li a:after {
content: ' ';
width: 0;
height: 5px;
background-color: #bd1f28;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
transition: all .5s;
display: block
}
header nav #navContainer>ul>li a:hover {
color: #bd1f28;
text-decoration: none
}
header nav #navContainer>ul#secondary-nav {
float: right
}
header nav #navContainer>ul#secondary-nav li:last-child:before {
display: none
}
}
@media screen and (max-width:1199px) {
header nav #navContainer {
text-align: center;
line-height: 1.5em;
background-color: #2f2f2f;
position: absolute;
left: 0;
right: 0;
top: 90px;
width: 100%;
margin-top: -45px;
padding-bottom: 1em;
overflow:auto;
}
header nav #navContainer>ul>li {
margin: .5em 0
}
header nav #navContainer>ul>li a {
padding: .5em
}
}
header nav #navContainer .phone {
font-size: 16px
}
header nav #navContainer .phone div {
line-height: 1.5em;
display: inline-block;
position: relative;
top: 10px
}
header nav #navContainer .phone i {
opacity: .5;
font-size: 2em;
top: 8px
}
header nav #navContainer .phone span {
display: block
}
@media screen and (min-width:1200px) {
header nav #navContainer .social {
display: -ms-flexbox;
display: flex
}
header nav #navContainer .social a {
font-size: 16px
}
}
header nav #navContainer .social img {
width: auto;
max-height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 3px
}
header nav #navContainer .social>:first-child a {
padding-right: 6px
}
header nav #navContainer .social>:last-child a {
padding-left: 6px
}
header nav #navContainer .delivery img {
margin-right: 3px
}
header .slogan {
text-align: center;
font-size: 30px;
color: #bd1f28;
font-weight: 700;
line-height: 45px;
display: none
}
@media screen and (min-width:1200px) {
header .slogan {
display: block
}
}
header .slogan span {
color: #2f2f2f
}
header.fixed nav {
height: 80px;
line-height: 80px
}
@media screen and (max-width:1199px) {
header.fixed nav {
height: 60px;
line-height: 60px
}
}
header.fixed .slogan {
display: none
}
section#home,
section.content {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/bg.jpg);
background-position: center top;
background-repeat: no-repeat;
min-height: 560px
}
@media screen and (min-width:1440px) {
section#home,
section.content {
background-size: 100% auto
}
}
section.content.terenowe,
section.terenowe#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/bg-type-terenowe.jpg)
}
section.ciezarowe#home,
section.content.ciezarowe {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/tlo-grad-ciezarowe.png)
}
section.content.rolnicze,
section.rolnicze#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/tlo-grad-rolnicze.png)
}
section.content.lesne,
section.lesne#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/tlo-grad-lesne.png)
}
section.content.przemyslowe,
section.przemyslowe#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/tlo-grad-przemyslowe.png)
}
section.content.gasienice,
section.gasienice#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/bg-type-gasienice.jpg)
}
section.content.wozkowe,
section.wozkowe#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/tlo-grad-wozkowe.png)
}
section.content.felgi,
section.felgi#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/bg-type-felgi.jpg)
}
section#content {
background-color: #fff;
margin-top: 25px !important;
padding-top: 140px
}
#page-start section#content {
box-shadow: 0 0 10px 0 #fff;
margin-top: 0;
padding-top: 0
}
footer {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/mesh.png);
background-color: #000;
position: relative;
overflow: visible
}
footer .container {
padding-top: 65px
}
footer .footer-logo {
line-height: 84px;
margin-bottom: 30px
}
@media screen and (max-width:991px) {
footer .footer-logo {
margin-bottom: 15px
}
}
footer .footer-logo .text-right a {
display: inline-block;
max-width: 30%
}
footer .footer-logo .text-right a:nth-child(1n+2) {
padding-left: 50px
}
footer .footer-logo .text-right a img {
max-width: 100%
}
footer .footer-logo .text-right img {
max-width: 30%
}
footer .email a {
color: #fff;
font-weight: 400;
font-size: 20px
}
footer .email a:hover {
color: #bd1f28;
text-decoration: none
}
footer .footer-nav {
line-height: 20px
}
footer .footer-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 14px
}
@media screen and (max-width:991px) {
footer .footer-nav ul {
font-size: 12px
}
}
footer .footer-nav ul li a {
display: block;
color: #fff;
text-decoration: none;
position: relative;
padding: 0 10px;
transition: all .5s
}
@media screen and (max-width:1199px) {
footer .footer-nav ul li a {
padding: 0 5px
}
}
footer .footer-nav>ul>li {
margin: .5em;
padding: .5em;
text-align: center;
position: relative
}
@media screen and (min-width:768px) {
footer .footer-nav>ul>li {
float: left;
margin: 0;
padding: 0
}
footer .footer-nav>ul>li:not(:first-child) {
margin-left: 5px
}
footer .footer-nav>ul>li:not(:first-child):before {
content: ' ';
position: absolute;
top: 50%;
left: -3px;
height: 25px;
width: 2px;
background-color: #bd1f28;
margin-top: -13px
}
footer .footer-nav>ul>li:first-child a {
padding-left: 0
}
}
footer .footer-nav>ul>li a:hover {
color: #bd1f28;
text-decoration: none
}
footer .footer-nav>ul>li ul {
background-color: #2f2f2f;
border-top: 3px solid #bd1f28;
border-bottom: 3px solid #bd1f28;
border-radius: 0;
margin: 0
}
footer .footer-nav>ul>li ul li {
padding: 1em
}
footer .footer-nav>ul>li ul li:not(:last-child) {
border-bottom: 2px solid #bd1f28
}
footer .footer-nav>ul>li ul li a:hover {
background-color: transparent
}
footer .phone {
text-align: right;
font-size: 20px;
color: #fff
}
@media screen and (min-width:768px) and (max-width:991px) {
footer .phone {
font-size: 18px
}
}
footer .phone i {
color: #999;
top: 2px
}
footer #copyright a,
footer .company-link a {
color: #bd1f28
}
footer .phone span {
display: inline-block;
padding: 0 7px 0 10px;
font-weight: lighter;
font-style: italic
}
footer .phone span+span {
border-left: 1px solid #bd1f28
}
footer .company-link {
margin-top: 10px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: right
}
footer .company-link a:hover {
text-decoration: none;
color: #bd1f28
}
footer #copyright {
font-size: 10px;
color: #999;
margin-top: 40px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (max-width:767px) {
footer #copyright {
text-align: center
}
.raty-product {
top: 15px !important;
}
}
footer #copyright a:hover {
color: #999;
text-decoration: none
}
footer #copyright .wizjo {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 0 40px
}
@media screen and (min-width:768px) {
footer #copyright .wizjo {
padding: 0;
text-align: right;
-ms-flex-pack: end;
justify-content: flex-end
}
}
footer #copyright .wizjo a {
color: #bd1f28;
margin-left: 5px
}
footer #copyright .wizjo img {
vertical-align: top;
width: 25px
}
footer .scroll-top {
position: absolute;
line-height: 0;
bottom: 0;
transform: translate(-50%, 0%);
left: 50%;
background-color: #bd1f28;
color: #fff;
width: 50px;
height: 25px;
z-index: 3;
text-align: center;
font-size: 24px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
footer .scroll-top i {
transform: translateY(-3px);
display: inline-block
}
.startCategories #logoStart {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto
}
@media screen and (min-width:992px) {
.startCategories {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 68vh
}
.startCategoriesBottom {
min-height: 48vh !important;
margin-top: 0px !important;
}
.startCategoriesBottom .categories .box span {
top: 10% !important;
}
.startCategoriesBottom .categories .box {
padding-top: 37vh !important;
}
.startCategories #logoStart {
margin-top: 25px
}
}
@media screen and (max-height:650px) {
.startCategories #logoStart {
height: 80px;
margin-top: 15px
}
}
.startCategories #goDown {
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%)
}
#page-main-categories .startCategories #goDown {
display: none
}
.startCategories .left {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
left: 0;
top: 5%
}
.startCategories .left .loan {
margin-bottom: 20px
}
.startCategories .right {
position: absolute;
right: 0;
top: 5%;
font-weight: 700;
font-size: 16px;
color: #bd1f28
}
.startCategories .right span {
display: block;
white-space: nowrap;
padding-right: 70px;
line-height: 25px;
position: relative;
top: 7px
}
.startCategories .right .icon {
float: right;
background-color: #bd1f28;
padding: 10px
}
.startCategories .right .icon i {
font-size: 30px;
padding: 5px;
color: #000;
opacity: .5
}
@media screen and (max-width:991px) {
.startCategories #goDown,
.startCategories #logoStart,
.startCategories .left,
.startCategories .right {
display: none
}
}
@media screen and (min-width:992px) {
.startCategories .categories {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.startCategories .categories .box {
float: left;
width: 20%;
padding-top: 52vh
}
}
.startCategories .categories .box {
display: block;
height: 100%;
position: relative;
font-size: 18px;
color: #bd1f28;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-weight: 700;
line-height: 20px
}
.startCategories .categories .box span {
display: block;
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 100%;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center;
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/icons.png);
transition: all .5s
}
@media screen and (min-width:992px) {
.startCategories .categories .box span {
position: absolute;
left: 0;
right: 0;
top: 16%
}
.startCategories .categories .box:nth-child(1n+2) {
border-left: 1px solid #ccc
}
}
@media (min-width:992px) and (max-height:700px) {
.startCategories .categories .box {
padding-top: 54vh
}
.startCategories .categories .box span {
top: 8%
}
}
.startCategories .categories .box:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
content: ' ';
z-index: -1;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all .5s
}
@media screen and (max-width:991px) {
.startCategories .categories .box {
padding: 1em 0
}
.startCategories .categories .box span {
margin-bottom: 1em
}
.startCategories .categories .box:nth-child(1n+2) {
border-bottom: 1px solid #ccc
}
.startCategories .categories .box:before {
background-position: top
}
}
.startCategories .categories .box:hover:before {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.startCategories .categories .box:hover span {
background-color: #bd1f28
}
.startCategories .categories .box:hover.opony-terenowe span {
background-position: 0 -60px
}
.startCategories .categories .box:hover.opony-wozkowe span {
background-position: 0 -60px
}
.startCategories .categories .box:hover.opony-lesne span {
background-position: -120px -60px
}
.startCategories .categories .box:hover.opony-rolnicze span {
background-position: -240px -60px
}
.startCategories .categories .box:hover.opony-przemyslowe span {
background-position: -180px -60px
}
.startCategories .categories .box:hover.opony-ciezarowe span {
background-position: -60px -60px
}
.startCategories .categories .box.opony-terenowe:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/terenowe.jpg)
}
.startCategories .categories .box.opony-terenowe span {
background-position: 0 0
}
.startCategories .categories .box.opony-wozkowe:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/widlowe2.jpg)
}
.startCategories .categories .box.opony-wozkowe span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/widlowe-icons.png);
background-position: 0 0
}
.startCategories .categories .box.opony-lesne:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/lesne.jpg)
}
.startCategories .categories .box.opony-lesne span {
background-position: -120px 0
}
.startCategories .categories .box.opony-rolnicze:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/rolnicze.jpg)
}
.startCategories .categories .box.opony-rolnicze span {
background-position: -240px 0
}
.startCategories .categories .box.opony-przemyslowe:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/przemyslowe.jpg)
}
.startCategories .categories .box.opony-przemyslowe span {
background-position: -180px 0
}
.startCategories .categories .box.opony-ciezarowe:before {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/start/ciezarowe.jpg)
}
.startCategories .categories .box.opony-ciezarowe span {
background-position: -60px 0
}
section#promo {
background-color: #fff;
}
section#home {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/bg.jpg);
padding-top: 120px;
text-align: justify;
font-size: 14px;
font-weight: lighter
}
@media screen and (max-width:991px) {
section#home {
background-position: left top
}
}
section#news aside .news-side-item a .more,
section#tire .product-extras>div.type,
section#tireIndex aside {
background-position: left center;
background-repeat: no-repeat
}
section#home strong {
font-weight: 500
}
section#home p {
line-height: 22px
}
section#home h2 {
color: #646464;
font-size: 17px;
font-weight: lighter;
margin-bottom: 45px
}
section#home .news-item-wrap {
max-width: 226px
}
section#home .news-item {
display: block;
position: relative;
margin: 0 0 30px
}
section#home .news-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .7;
background-color: #000;
transition: all .2s ease-in-out
}
section#home .news-item img {
max-width: 100%;
height: auto
}
section#home .news-item:hover:before {
background-color: #bd1f28
}
section#home .news-headline {
text-align: left;
position: relative;
left: 0;
bottom: 0;
width: 100%;
z-index: 3;
color: #fff;
font-size: 14px;
padding: 20px 15px;
font-weight: 700
}
@media (min-width:480px) {
section#home .news-headline {
font-size: 16px
}
}
section#home .news-headline img {
display: block;
max-width: 100%;
height: auto
}
section#home .news-headline time {
display: block;
font-weight: 700;
font-size: 12px;
margin-bottom: 10px
}
section#news time {
display: block;
color: #bd1f28;
font-weight: 700;
font-size: 14px;
margin-bottom: .5em
}
section#news aside h3 {
font-size: 18px;
color: #2d2d2d;
font-weight: lighter;
margin-bottom: 30px;
margin-top: 0
}
section#news aside .news-side-item {
margin-bottom: 25px
}
section#news aside .news-side-item a {
display: block;
color: #646464;
font-size: 16px
}
section#news aside .news-side-item a:hover {
color: #646464;
text-decoration: none
}
section#news aside .news-side-item a .more {
display: block;
position: relative;
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/more.png);
height: 18px;
z-index: 1;
margin: 10px 0
}
section#news aside .news-side-item a .more:after {
position: absolute;
display: block;
height: 1px;
top: 9px;
left: 18px;
right: 0;
background-color: #b2b2b2;
content: ' ';
z-index: 0
}
section#news aside .pagination {
display: block;
margin: 0;
padding: 0;
border-radius: 0
}
section#news aside .pagination ul {
list-style-type: none;
margin: 0;
padding: 0
}
section#news aside .pagination ul li {
float: left;
margin: 0 15px 15px 0
}
section#news aside .pagination ul li a {
text-align: center;
line-height: 21px;
display: block;
width: 25px;
height: 25px;
font-weight: 700;
font-size: 16px;
border: 2px solid #bd1f28;
color: #646464;
margin: 0;
padding: 0;
background-image: none
}
section#news aside .pagination ul li a.active,
section#news aside .pagination ul li a:focus,
section#news aside .pagination ul li a:hover {
text-decoration: none
}
section#news aside .pagination ul li a.active,
section#news aside .pagination ul li a:hover {
color: #fff;
background-color: #bd1f28
}
section#news article {
padding-left: 30px;
padding-bottom: 1em;
border-left: 1px solid #b2b2b2;
font-size: 14px;
font-weight: lighter;
text-align: justify
}
section#news article h1 {
font-size: 36px;
font-weight: lighter;
margin-top: 0
}
section#news .slider {
margin: 1em 0
}
section#news .slider img {
border-left: 70px solid #bd1f28;
display: block;
max-width: 100%;
height: auto;
margin: 0
}
section#tireIndex aside {
padding-left: 30px;
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/index-size.png);
min-height: 150px
}
@media screen and (min-width:992px) {
section#tireIndex aside {
margin-top: -36px
}
}
section#tireIndex aside ul {
margin: 0;
padding: 0;
list-style-type: none
}
section#tireIndex aside ul li {
padding: 0;
text-align: center;
font-size: 14px;
font-weight: 700;
margin: 5px 0
}
@media screen and (max-width:767px) {
section#tireIndex aside ul li {
margin: 10px 0;
padding: 5px
}
}
section#tireIndex aside ul li:not(:last-child) {
border-bottom: 1px solid #b2b2b2
}
section#tireIndex aside ul li a {
color: #bd1f28;
display: block
}
section#tireIndex aside ul li a:focus,
section#tireIndex aside ul li a:hover {
text-decoration: none
}
section#tireIndex aside ul li a:hover {
color: #646464
}
section#tireIndex table {
width: 100%;
border-collapse: separate;
border-spacing: 0 40px
}
section#tireIndex table tr th {
color: #4f4f4f;
font-size: 20px
}
section#tireIndex table tr th:first-child {
text-align: right;
padding-right: 15px
}
section#tireIndex table tr th:last-child {
padding-left: 15px
}
section#tireIndex table tr td.size-big {
vertical-align: top;
font-size: 60px;
font-weight: 700;
text-align: right;
padding-right: 15px;
border-right: 2px solid #b2b2b2;
color: #4f4f4f
}
section#tireIndex table tr td.size-list {
padding-left: 15px;
vertical-align: middle
}
section#tireIndex table tr td.size-list a {
font-weight: 700;
color: #bd1f28;
margin: 5px 30px 5px 0;
box-sizing: border-box;
vertical-align: top
}
@media screen and (min-width:992px) {
section#tireIndex table tr td.size-list a {
display: inline-block;
width: 20%
}
}
@media screen and (max-width:991px) {
section#tireIndex table tr td.size-list a {
display: inline-block;
padding: 5px 0;
width: 40%
}
}
@media screen and (max-width:767px) {
section#tireIndex table tr td.size-list a {
width: 100%
}
}
section#tireIndex table tr td.size-list a:hover {
color: #646464;
text-decoration: none
}
section#tireIndex h1 {
font-weight: lighter;
font-size: 36px;
margin: 0;
text-align: center;
color: #4f4f4f
}
section#tires .product-list-item {
margin: 1px
}
@media screen and (min-width:610px) {
section#tires .product-list-item {
float: left;
width: calc(50% - 2px)
}
}
@media screen and (min-width:992px) {
section#tires .product-list-item {
width: calc(33% - 2px)
}
}
@media screen and (min-width:1200px) {
section#tires .product-list-item {
width: calc(25% - 2px);
max-height: 522px;
height:522px;
}
}
section#tire .product-image {
background-color: #fff;
padding: 35px;
margin-bottom: 20px
}
section#tire .product-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto
}
section#tire .product-extras>div {
text-align: left;
margin-bottom: 20px;
font-size: 14px;
line-height: 1em;
height: 60px;
padding-top: 15px
}
@media screen and (min-width:992px) {
section#tire .product-extras>div {
float: left;
width: 50%
}
}
@media screen and (max-width:1199px) {
section#tire .product-extras>div {
padding-left: 10px;
padding-right: 10px
}
}
section#tire .product-extras>div.type {
padding-left: 65px
}
section#tire .product-extras>div.type-terenowe {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-terenowe.png)
}
section#tire .product-extras>div.type-ciezarowe {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-ciezarowe.png)
}
section#tire .product-extras>div.type-rolnicze {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-rolnicze.png)
}
section#tire .product-extras>div.type-lesne {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-lesne.png)
}
section#tire .product-extras>div.type-przemyslowe {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-przemyslowe.png)
}
section#tire .product-extras>div.type-wozkowe {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/type-wozkowe-2.png)
}
section#tire .product-extras>div.type-detki {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/detka-ikona-czarny.png)
}
section#tire .product-extras>div.type-olej {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/olej-ikona-bialy.png);
background-size: 40px;
}
section#tire .product-extras>div.type-smar {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/olej-ikona-bialy.png);
background-size: 40px;
}
section#tire .product-extras>div.warranty span {
float: left;
height: 100%;
color: #bd1f28;
font-size: 2.2em;
line-height: 1em;
font-weight: 700;
margin-right: 3px
}
section#tire h1 {
font-size: 36px;
font-weight: lighter;
margin-top: 0
}
section#tire h4 {
font-size: 18px;
margin-bottom: 15px
}
section#tire .product-attributes {
width: 100%;
font-size: 14px
}
section#tire .product-attributes tr {
border-bottom: 1px solid #a1a1a1
}
section#tire .product-attributes tr td {
width: 50%;
padding: 3px 0
}
section#tire .product-attributes tr td:first-child {
font-weight: bolder
}
section#tire .product-benefits img {
border-radius: 100%;
border: 3px solid #fff;
margin-right: 15px;
margin-bottom: 15px;
float: left;
width: 65px;
height: 65px
}
section#tire .product-benefits img:hover {
border-color: #bd1f28
}
section#tire .product-rating {
color: #bd1f28;
font-size: 16px
}
section#tire .add-to-cart {
margin: 20px 0;
border: 1px solid #dbdbdb;
background-color: #fff;
line-height: 1.3
}
@media (min-width:768px) {
section#tire .add-to-cart {
display: inline-block
}
section#tire .add-to-cart .cart {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 -8px
}
}
@media (max-width:767px) {
section#tire .add-to-cart .cart>:not(:last-child) {
margin: 0 0 20px
}
}
@media (min-width:768px) {
section#tire .add-to-cart .cart>* {
padding: 0 8px;
margin: 0
}
}
section#tire .add-to-cart .price-wrap .promo-label {
color: #bd1f28;
text-transform: uppercase;
font-weight: 700;
display: block;
margin: 20px 0 0px
}
section#tire .add-to-cart .price-wrap .regular-price {
display: block;
color: #4c4c4c;
font-size: 18px;
text-decoration: line-through;
margin: 0 0 5px;
font-weight: 500
}
section#tire .add-to-cart ul {
list-style-type: none;
margin: 0;
padding: 0
}
section#tire .add-to-cart ul li {
background-color: #c5c5c5;
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
section#tire .add-to-cart ul li.active {
background-color: #fff
}
section#tire .add-to-cart ul li.active a {
color: #bd1f28
}
section#tire .add-to-cart ul li.active a img {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
section#tire .add-to-cart ul li a {
display: block;
color: #000;
text-decoration: none
}
section#tire .add-to-cart ul li a img {
float: left;
margin-top: .5em;
margin-right: 5px;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
section#tire .add-to-cart>div>div {
display: none
}
section#tire .add-to-cart>div>div.active {
display: block
}
section#tire .add-to-cart form {
padding: 30px 20px
}
section#tire .add-to-cart form .price {
font-size: 30px;
color: #bd1f28;
font-weight: 400;
vertical-align: middle
}
section#tire .add-to-cart form .quantity {
vertical-align: middle;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center
}
section#tire .add-to-cart form .quantity input {
border-radius: 0;
width: 2.4em;
font-size: 18px;
font-weight: bolder;
height: 35px;
line-height: 1em;
margin-top: 5px;
text-align: center;
padding: 6px 0
}
section#tire .add-to-cart form .quantity input::-webkit-inner-spin-button,
section#tire .add-to-cart form .quantity input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
section#tire .add-to-cart form .quantity input:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(189, 31, 40, .6);
border-color: #bd1f28
}
section#tire .add-to-cart form .quantity .quantity-btns .quantity-btn {
color: #bd1f28;
background-color: #fff;
display: block;
line-height: 1;
cursor: pointer;
padding: 6px
}
section#tire .add-to-cart form .quantity .quantity-btns .quantity-btn:first-child,
section#tire .add-to-cart form .quantity .quantity-btns .quantity-btn:last-child {
padding-bottom: 0
}
section#tire .add-to-cart form .quantity .quantity-btns .quantity-btn span {
transition: all .2s ease-out
}
section#tire .add-to-cart form .quantity .quantity-btns .quantity-btn:hover span {
color: #4f4f4f
}
section#tire .add-to-cart form button {
border: 0;
background-color: #bd1f28;
color: #fff;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
line-height: 25px;
padding: 5px 10px
}
section#tire .add-to-cart form button i {
top: 3px;
font-weight: 400;
font-size: 16px;
margin-right: 5px
}
section#tire .express-delivery {
margin-bottom: 20px
}
section#tire .product-desc {
font-size: 14px;
font-weight: lighter
}
.promo-container .slick-track {
padding-top: 20px
}
.product-list-item {
padding: 30px;
text-align: center;
position: relative;
cursor: pointer;
background-color: #fff;
z-index: 1;
color: #646464;
text-decoration: none;
display: block;
margin-bottom: 1em;
max-height: 532px;
}
.product-list-item span {
display: block
}
.product-list-item .badge {
position: absolute;
border-radius: 0;
font-size: 14px;
font-weight: 700;
left: 50%;
top: 18px;
transform: translate(-50%, -50%);
background-color: #bd1f28;
color: #fff;
padding: 11px 30px;
height: auto;
z-index: 2;
text-transform: uppercase;
opacity: 0.87;
transition: all .3s ease-out
}
.product-list-item .price,
.product-list-item .product-name {
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: 700;
margin-bottom: 10px
}
.product-list-item .product-name {
width: 80%;
height: 5.25em
}
.product-list-item .price {
display: inline-block;
font-size: 0
}
.product-list-item .price span {
display: inline-block
}
.product-list-item .price del {
display: block;
color: #2b2b2b;
max-height: 0;
overflow: hidden;
transition: all .3s ease-out;
font-size: 14px
}
.product-list-item .price ins,
.product-list-item .price small {
color: #fff;
background-color: #bd1f28;
display: inline-block;
font-size: 14px
}
.product-list-item .price del span {
text-decoration: line-through
}
.product-list-item .price ins {
width: auto;
padding: 5px 0 5px 10px;
text-transform: uppercase
}
.product-list-item .price small {
padding: 5px 10px 5px 5px
}
.product-list-item .image {
height: 200px;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
display: inline-flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
background-color: #FFF;
}
.product-list-item .image:after,
.product-list-item:before {
position: absolute;
top: 0;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, .1)
}
.product-list-item .image:after {
bottom: 0;
left: 0;
right: 0;
width: 100%;
content: ' ';
z-index: 0
}
.product-list-item .icon:before,
.product-list-item:before {
content: ' ';
width: 100%;
z-index: -1;
left: 0
}
.product-list-item .image img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%
}
.product-list-item:focus .badge,
.product-list-item:focus .image:after,
.product-list-item:focus:before,
.product-list-item:hover .badge,
.product-list-item:hover .image:after,
.product-list-item:hover:before,
.tooltip.in {
opacity: 1
}
.product-list-item:focus,
.product-list-item:hover {
color: #646464;
text-decoration: none
}
.product-list-item:focus .icon span,
.product-list-item:hover .icon span {
background-color: #bd1f28
}
.product-list-item .icon {
position: relative;
width: 100%;
height: 60px;
text-align: center;
margin: 20px auto
}
.product-list-item .icon:before {
position: absolute;
top: 30px;
right: 0;
height: 1px;
background-color: #b2b2b2
}
.product-list-item .icon span {
background-position: center;
background-repeat: no-repeat;
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/icons.png);
display: inline-block;
width: 60px;
height: 60px;
background-color: #7f7f7f;
border-radius: 100%
}
.product-list-item:not(.promo-product) .woocommerce-Price-amount {
font-size: 14px;
background-color: #bd1f28;
padding: 5px 0 5px 10px;
color: #fff
}
.showPromoPrice .woocommerce-Price-amount {
font-size: 14px;
background-color: #bd1f28;
padding: 5px 0 5px 10px;
color: #fff
}
.promo-product.page .badge {
display:none;
}
.promo-product:not(.page) {
border: solid 5px rgba(189, 31, 40, 0.9);
}
.product-list-item.promo-product .price del {
max-height: 0
}
.product-list-item.promo-product:focus .price del,
.product-list-item.promo-product:hover .price del {
max-height: 30px;
padding: 8px
}
.promo-producthit.page .badge {
display:none;
}
.promo-producthit:not(.page) {
border: solid 5px rgba(189, 31, 40, 0.9);
}
.product-list-item.type-terenowe .icon span {
background-position: 0 -60px
}
.product-list-item.type-ciezarowe .icon span {
background-position: -60px -60px
}
.product-list-item.type-lesne .icon span {
background-position: -120px -60px
}
.product-list-item.type-przemyslowe .icon span {
background-position: -180px -60px
}
.product-list-item.type-rolnicze .icon span {
background-position: -240px -60px
}
.product-list-item.type-dętka .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/detka-ikona.png);
}
.product-list-item.type-olej .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/olej-ikona-bialy.png);
background-size: 40px;
}
.product-list-item.type-smar .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/olej-ikona-bialy.png);
background-size: 40px;
}
.product-list-item.type-rolnicze_przemyslowe .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/rolniczeprzemyslowe2.png);
}
.product-list-item.type-rolnicze_lesne .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/rolniczelesne.png);
}
.product-list-item.type-przemyslowe_wózkowe .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/widlowe_on.png);
}
.product-list-item.type-wózkowe_przemyslowe .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/widlowe_on.png);
}
.product-list-item.type-wózkowe .icon span {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/widlowe_on.png);
}
.product-list-item.type-unknown .icon span {
background-position: 60px -60px
}
.product-list-item .icon span,
.product-list-item .image:after,
.product-list-item:before {
transition: all .5s
}
.marquee {
width: 100%;
overflow: hidden;
position: relative;
background-color: #fff;
height: 180px
}
.marquee .marquee-cont {
position: absolute;
white-space: nowrap;
left: 0;
margin: 70px 0
}
.marquee .marquee-cont>div {
width: auto;
padding: 0 30px;
display: inline
}
.marquee .marquee-cont>div img {
max-height: 40px
}
.goTop {
display: none;
position: fixed;
bottom: 3em;
right: 3em;
width: 3em;
height: 3em;
line-height: 3em;
color: #fff;
text-align: center;
background-color: #bd1f28;
border-radius: .5em
}
.goTop:focus,
.goTop:hover {
color: #fff;
text-decoration: none
}
.nopad-l {
padding-left: 0
}
.nopad-r {
padding-right: 0
}
.breadcrumbs ul {
list-style-type: none;
margin: 0 0 65px;
padding: 0;
text-align: center
}
.breadcrumbs ul li {
display: inline-block;
font-size: 12px;
position: relative
}
.breadcrumbs ul li a {
color: #646464
}
.breadcrumbs ul li a:hover {
color: #bd1f28;
text-decoration: none
}
.breadcrumbs ul li+li:before {
color: #bd1f28;
content: '/';
padding: 0 10px
}
.tooltip.bottom {
margin-top: -5px
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #fff;
border-width: 0 24px 11px;
margin-left: -24px
}
.tooltip .tooltip-inner {
background-color: #fff;
box-shadow: 0 0 5px rgba(100, 100, 100, .5);
color: #000;
border-radius: 0;
font-weight: bolder;
font-size: 12px;
padding: 10px 40px;
text-transform: uppercase
}
img.alignnone {
max-width: 100%;
height: auto
}
.promo-container h2 {
text-align: center;
color: #646464;
font-size: 17px;
font-weight: lighter;
margin-bottom: 30px
}
a:focus {
outline: 0
}
.row--flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:992px) {
.contact-wrap {
padding: 60px 0;
display: -ms-flexbox;
display: flex
}
.contact-wrap .contact-content {
width: 33.33%
}
}
.contact-wrap .contact-content {
background-color: #333;
color: #fff;
padding: 40px 30px;
font-size: 16px
}
@media (min-width:480px) {
.contact-wrap .contact-content {
font-size: 18px
}
}
.contact-wrap .contact-content .contact-title {
margin: 0 0 35px
}
.contact-wrap .contact-content a {
color: #bd1f28;
font-weight: 700
}
.contact-wrap .contact-content p {
margin-bottom: 25px
}
@media (min-width:992px) {
.contact-wrap .contact-map {
width: 66.66%
}
}
.contact-wrap .contact-map iframe {
width: 100%;
height: 100%;
min-height: 400px
}
@media (min-width:768px) {
.extra-categories {
display: -ms-flexbox;
display: flex
}
.extra-categories .extra-category {
width: 50%
}
}
.extra-categories .extra-category {
position: relative;
display: block;
overflow: hidden
}
.extra-categories .extra-category .extra-category__img {
transition: all .3s ease-out;
filter: brightness(75%)
}
.extra-categories .extra-category .extra-category__title {
position: absolute;
z-index: 2;
bottom: 6%;
left: 10%;
color: #fff;
letter-spacing: .2em;
text-transform: uppercase;
font-size: 5vw
}
.extra-category-div {
height:100%;
}
@media (min-width:480px) {
.extra-categories .extra-category .extra-category__title {
font-size: 4vw
}
}
@media (min-width:768px) {
.extra-categories .extra-category .extra-category__title {
font-size: 3vw
}
}
@media (min-width:992px) {
.extra-categories .extra-category .extra-category__title {
font-size: 30px
}
}
.extra-categories .extra-category:hover .extra-category__img {
transform: scale(1.05);
filter: brightness(100%);
}
.opinions {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/redbg.jpg);
padding: 70px 0 40px
}
.opinions .opinions__heading-title {
text-align: center;
color: #fff;
font-size: 30px;
margin: 0 0 50px
}
.opinions .opinion {
background-color: rgba(0, 0, 0, .2);
color: #fff;
padding: 70px 30px;
margin-bottom: 75px;
position: relative
}
.opinions .opinion__footer {
background-color: #000;
text-align: center;
transform: translateY(50%);
position: absolute;
bottom: 0;
width: calc(100% - 60px);
left: 30px;
padding: 15px;
font-weight: 500
}
.opinions .opinion__footer:before {
content: "";
position: absolute;
bottom: calc(100% - 1px);
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid #000
}
.opinions .opinion__footer .opinion__author {
font-style: italic;
display: block;
margin: 0 0 5px
}
.opinions .opinion__footer .opinion__fate {
font-size: 14px
}
.stats {
background-image: url(//tyretrade.com.ua/data/themes/Dit/images/mesh.png);
padding: 50px 0;
overflow: hidden
}
.stats .stat {
position: relative;
margin: 0 0 45px
}
.stats .stat .stat__bg {
position: relative;
z-index: 2
}
.stats .stat .stat__bg img {
margin: 0 auto
}
.stats .stat .stat__text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 3
}
.stats .stat .stat__value {
color: #bd1f28;
display: block;
font-size: 32px;
font-weight: 700
}
.raty-product {
left: 20px;
top: 40px;
position: relative;
font-size: 20px;
width: max-content;
}
@media (min-width:480px) {
.stats .stat .stat__value {
font-size: 36px
}
}
@media (min-width:768px) {
.stats .stat .stat__value {
font-size: 30px
}
}
@media (min-width:992px) {
.stats .stat .stat__value {
font-size: 46px
}
}
.stats .stat .stat__caption {
color: #fff;
line-height: 1.2
}
@media (min-width:480px) {
.stats .stat .stat__caption {
font-size: 12px
}
}
@media (min-width:768px) {
.stats .stat .stat__caption {
font-size: 16px
}
}
@media (min-width:992px) {
.stats .stat .stat__caption {
font-size: 18px
}
}
.stats .stat .stat__shadow {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
mix-blend-mode: multiply;
z-index: 1
}
.stats .odometer-formatting-mark {
display: none
}
.stats .stats__heading {
text-align: center;
padding: 10px 0 0
}
.stats .stats__heading-title {
text-transform: uppercase;
color: #bd1f28;
font-size: 16px;
margin: 0 0 20px
}
@media (min-width:480px) {
.stats .stats__heading-title {
font-size: 18px
}
}
.stats .stats__heading-subtitle {
color: #fff;
font-size: 24px;
margin: 0 0 20px
}
@media (min-width:480px) {
.stats .stats__heading-subtitle {
font-size: 30px
}
}
@media (min-width:768px) {
.stats .stats__heading-subtitle {
font-size: 50px
}
}
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce input.button:disabled[disabled] {
color: #fff;
background-color: #bd1f28;
display: inline-block;
width: auto;
padding: 5px 10px;
text-transform: uppercase;
border-radius: 0;
font-size: 14px
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce input.button:hover {
background-color: #bd1f28;
color: #fff
}
.woocommerce-placeholder {
padding: 10px;
background-color: #fff
}
.cart_totals table {
margin-bottom: 10px
}
.cart_totals table td {
padding: 3px 10px
}
.woocommerce table.shop_table,
.woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
border-radius: 0
}
#billing_country_field {
display: none
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #646464;
padding: 10px 15px;
background-color: transparent
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #646464
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #bd1f28
}
.woocommerce .checkbox input[type=checkbox],
.woocommerce .checkbox-inline input[type=checkbox],
.woocommerce .radio input[type=radio],
.woocommerce .radio-inline input[type=radio] {
position: static
}
.popular-sizes-content {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.popular-sizes-content a {
padding-left: 0.5em;
padding-right: 0.5em;
font-weight: bold;
}
.prodLink {
display: flex;
justify-content: center;
font-weight: bold;
}
.aligncenter {
width: 100%; 
height: auto;
}
.size-large {
width: 100%; 
height: auto;
}
.product-supplements {
float: left;
text-align: center;
border: 2px solid #bd1f28;
padding: 0.3em;
margin-top: 0.2em;
} img[data-lazyloaded]{
opacity: 0;
} img.litespeed-loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}