body {
font-family: Roboto Condensed;
color: #212121;
font-size: 14px;
margin: 0;
overflow-x: hidden
}
body :focus {
outline: 0
}
body a {
color: #cd262b
}
body .not-found a {
background-color: #cd262b;
padding: 15px 20px;
color: #fff;
margin: 20px auto;
display: block;
max-width: 200px;
text-align: center;
border-radius: 15px;
text-transform: uppercase;
text-decoration: none
}
body .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: 100%
}
@media (min-width:1500px) {
body .container {
max-width: 1175px
}
}
@media (max-width:1500px) {
body .container {
max-width: 1175px
}
}
@media (max-width:1030px) {
body .container {
max-width: 975px
}
}
@media (max-width:800px) {
body .container {
max-width: 730px
}
}
@media (max-width:430px) {
body .container {
max-width: 400px
}
}
@media (max-width:440px) {
body .container {
max-width: 330px
}
}
@media (max-width:360px) {
body .container {
max-width: 300px
}
}
body .container img {
max-width: 100%
}
@media (max-width:800px) and (min-width:600px) {
body section {
max-width: 750px;
overflow-x: hidden
}
}
.fixed{
position:sticky;
top: 0;
width:100%;
margin:0 auto;
z-index: 10;
}
.fixed .main-menu{
margin:0 auto;
background: #fff;
}
.fixed .top-header{
background: #fff;
}
header.fixed ~ .container {
padding-top: 71px;
}
@media (max-width: 600px) {
header.fixed ~ .container {
padding-top: 69px;
}
header.fixed .top-header .large-search {
display: none;
}
}
.main-screen {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
min-height: 510px
}
@media (max-width:440px) {
.main-screen {
display: block
}
}
.main-screen .overflow {
background-color: rgba(0, 0, 0, .51);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1
}
.main-screen .large-block {
background-color: #ddd;
padding: 40px;
position: relative;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
@media (max-width:440px) {
.main-screen .large-block {
display: grid;
min-height: 300px;
margin-bottom: 30px
}
}
.main-screen .large-block .label {
background-color: #00f;
color: #fff;
text-transform: uppercase;
width: max-content;
padding: 5px;
margin: 0;
z-index: 2;
position: relative
}
.main-screen .large-block .title {
font-size: 62px;
font-weight: 700;
line-height: 1.2;
position: absolute;
bottom: 20px;
color: #fff;
text-decoration: none;
z-index: 2
}
@media (max-width:800px) and (min-width:600px) {
.main-screen .large-block .title {
font-size: 36px
}
}
@media (max-width:440px) {
.main-screen .large-block .title {
font-size: 42px
}
}
.main-screen .small-blocks {
display: grid;
grid-gap: 30px
}
.main-screen .small-blocks .small {
background-color: #212121;
padding: 40px;
position: relative;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
@media (max-width:440px) {
.main-screen .small-blocks .small {
min-height: 150px
}
}
.main-screen .small-blocks .small .label {
background-color: #cd262b;
color: #fff;
text-transform: uppercase;
width: max-content;
padding: 5px;
margin: 0;
z-index: 2;
position: relative
}
.main-screen .small-blocks .small .title {
font-size: 28px;
font-weight: 700;
line-height: 1.2;
position: absolute;
bottom: 20px;
color: #fff;
z-index: 2;
text-decoration: none
}
@media (max-width:800px) and (min-width:600px) {
.main-screen .small-blocks .small .title {
font-size: 20px
}
}
.advantages {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 41px auto 0
}
@media (max-width:440px) {
.advantages {
display: block
}
}
.advantages .slick-next,
.advantages .slick-prev {
display: none !important
}
.advantages .block {
border: 1px solid #ddd;
border-right-style: dotted;
display: grid;
grid-template-columns: 1fr 5fr;
grid-gap: 26px;
padding: 20px;
align-items: center
}
@media (max-width:800px) and (min-width:600px) {
.advantages .block {
display: grid !important;
max-width: 95%
}
}
@media (max-width:440px) {
.advantages .block {
border: none;
padding: 0;
width: 100%;
display: grid !important
}
}
.advantages .block .icon {
background-color: #cd262b;
padding: 26px
}
.advantages .block .icon img {
width: 30px;
max-width: 30px
}
.advantages .block .text p {
margin: 0
}
.advantages .block .text .bold {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px
}
.best-selling {
display: grid;
grid-template-columns: 2fr 5fr;
margin: 41px auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06)
}
@media (max-width:800px) and (min-width:600px) {
.best-selling {
display: block
}
}
@media (max-width:440px) {
.best-selling {
display: block
}
}
.best-selling .common-block {
padding: 39px;
position: relative;
background-color: #cd262b
}
@media (max-width:800px) and (min-width:600px) {
.best-selling .common-block {
min-height: 100px
}
}
.best-selling .common-block .title {
color: #fff;
font-size: 28px;
margin: 0;
font-weight: 100
}
.best-selling .common-block a {
position: absolute;
left: 0;
bottom: 150px;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
@media (max-width:440px) {
.best-selling .common-block a {
display: none
}
}
.best-selling .prod-slider {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 30px;
grid-gap: 30px;
position: relative
}
@media (max-width:440px) {
.best-selling .prod-slider {
display: block
}
}
.best-selling .prod-slider .slick-next,
.best-selling .prod-slider .slick-prev {
display: none !important
}
.best-selling .prod-slider .img-block {
display: block;
overflow: hidden;
position: relative;
margin-bottom: 23px
}
@media (max-width:1030px) and (min-width:600px) {
.best-selling .prod-slider .img-block img {
max-width: 210px
}
}
.best-selling .prod-slider .img-block .new {
width: 40px;
height: 15px;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: absolute;
right: 5px;
top: 5px
}
.best-selling .prod-slider .img-block .add-to-cart-button {
position: absolute;
bottom: -50px;
width: 201px;
left: calc(50% - 100px);
text-align: center;
background-color: #cd262b;
color: #fff;
font-weight: 500;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 5fr 1fr;
cursor: pointer
}
.best-selling .prod-slider .img-block .add-to-cart-button .text {
line-height: 40px
}
.best-selling .prod-slider .img-block .add-to-cart-button .icon {
background-color: #fff;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/cart.svg);
background-position: 50%;
background-color: #c41e23;
background-repeat: no-repeat;
background-size: 20px
}
.best-selling .prod-slider .img-block:hover .add-to-cart-button {
bottom: calc(50% - 2em);
transition: .5s ease
}
.best-selling .prod-slider .price-block {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
font-size: 14px
}
.best-selling .prod-slider .price-block .price .new-price {
font-weight: 700;
color: #cd262b;
margin-right: 6px;
font-size: 25px;
}
.best-selling .prod-slider .price-block .price .old-price {
text-decoration: line-through;
font-style: italic;
color: #000;
}
.best-selling .prod-slider .price-block .raiting {
display: grid;
text-align: right
}
.best-selling .prod-slider .price-block .raiting:after {
content: "";
width: 100%;
height: 25px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/five_stars.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.best-selling .prod-slider .price-block .raiting img {
max-width: 15px;
padding: 0 5px
}
.best-selling .prod-slider .product-title {
margin-top: 20px;
height: 24px;
overflow: hidden
}
.best-selling .prod-slider .product-title a {
color: #212121;
font-size: 20px;
font-weight: 600;
text-decoration: none
}
.best-selling .prod-slider .product-title a:hover {
color: #cd262b;
text-decoration: underline
}
.filter .discount-title {
font-size: 24px;
font-weight: 500;
border-bottom: 1px solid #ddd;
line-height: 2;
margin-bottom: 5px
}
@media (max-width:440px) {
.filter .discount-title {
text-align: center
}
}
.discount .discount-title {
font-size: 24px;
font-weight: 500;
border-bottom: 1px solid #ddd;
line-height: 2;
margin-bottom: 5px
}
@media (max-width:440px) {
.discount .discount-title {
text-align: center
}
}
.discount .prod-blocks {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
border-top: 1px solid #ddd;
padding: 35px;
display: grid;
grid-template-columns: 1fr 1fr
}
@media (max-width:1030px) {
.discount .prod-blocks {
padding: 0
}
}
@media (max-width:440px) {
.discount .prod-blocks {
display: block
}
}
.discount .prod-blocks .prod-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block {
display: block
}
}
.discount .prod-blocks .prod-block .large {
border: 1px solid #ddd;
padding: 5px
}
.discount .prod-blocks .prod-block .large .img-block {
position: relative;
overflow: hidden;
margin-bottom: 22px
}
.discount .prod-blocks .prod-block .large .img-block img {
width: 100%;
height: auto
}
.discount .prod-blocks .prod-block .large .img-block .new {
width: 40px;
height: 15px;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: absolute;
right: 5px;
top: 5px
}
.discount .prod-blocks .prod-block .large .img-block .add-to-cart-button {
position: absolute;
bottom: -50px;
width: 201px;
left: calc(50% - 100px);
text-align: center;
background-color: #cd262b;
color: #fff;
font-weight: 500;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 5fr 1fr;
cursor: pointer
}
.discount .prod-blocks .prod-block .large .img-block .add-to-cart-button .text {
line-height: 40px
}
.discount .prod-blocks .prod-block .large .img-block .add-to-cart-button .icon {
background-color: #fff;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/cart.svg);
background-position: 50%;
background-color: #c41e23;
background-repeat: no-repeat;
background-size: 20px
}
.discount .prod-blocks .prod-block .large .img-block:hover .add-to-cart-button {
bottom: calc(50% - 2em);
transition: .5s ease
}
.discount .prod-blocks .prod-block .large .price .new-price {
font-weight: 700;
font-size: 40px;
}
.discount .prod-blocks .prod-block .large .price .old-price {
text-decoration: line-through;
font-style: italic;
color: #ccc
}
.discount .prod-blocks .prod-block .large .product-title {
margin-top: 20px
}
.discount .prod-blocks .prod-block .large .product-title a {
color: #212121;
font-size: 20px;
font-weight: 600;
text-decoration: none
}
.discount .prod-blocks .prod-block .large .product-title a:hover {
color: #cd262b;
text-decoration: underline
}
.discount .prod-blocks .prod-block .small-blocks {
display: grid;
grid-template-columns: 1fr
}
.discount .prod-blocks .prod-block .small-blocks .small {
display: grid;
grid-template-columns: 2fr 1fr;
align-items: center;
border: 1px solid #ddd
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small {
grid-template-columns: 1fr;
grid-template-rows: 1fr
}
}
.discount .prod-blocks .prod-block .small-blocks .small .description {
padding-left: 15px
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small .description {
grid-row: 2/2
}
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small .img-block {
grid-row: 1/2
}
}
.discount .prod-blocks .prod-block .small-blocks .small .img-block img {
max-width: 100%;
height: auto
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small .img-block img {
width: 100%
}
}
.discount .prod-blocks .prod-block .small-blocks .small .price {
font-size: 10px
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small .price {
margin-top: 22px
}
}
.discount .prod-blocks .prod-block .small-blocks .small .price .new-price {
font-weight: 700;
font-size: 35px;
}
.discount .prod-blocks .prod-block .small-blocks .small .price .old-price {
text-decoration: line-through;
font-style: italic;
color: #ccc
}
.discount .prod-blocks .prod-block .small-blocks .small .product-title {
margin-top: 20px;
height: 17px;
overflow: hidden
}
@media (max-width:1030px) {
.discount .prod-blocks .prod-block .small-blocks .small .product-title {
margin-top: 10px;
height: 52px
}
}
.discount .prod-blocks .prod-block .small-blocks .small .product-title a {
color: #212121;
font-size: 16px;
font-weight: 600;
text-decoration: none
}
@media (max-width:1030px) {
.discount .prod-blocks .prod-block .small-blocks .small .product-title a {
font-size: 12px
}
}
@media (max-width:440px) {
.discount .prod-blocks .prod-block .small-blocks .small .product-title a {
font-size: 20px;
margin-bottom: 5px
}
}
.discount .prod-blocks .prod-block .small-blocks .small .product-title a:hover {
color: #cd262b;
text-decoration: underline
}
.filter-prod-list .filter {
padding: 15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
margin: 41px 0
}
.filter-prod-list .filter ul {
padding: 0
}
.filter-prod-list .filter ul li {
display: inline-block;
margin: 0 5px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
border: 1px solid #ddd;
padding: 10px 0;
width: calc(16.66667% - 15px);
cursor: pointer;
transition: .5s ease
}
@media (max-width:1030px) {
.filter-prod-list .filter ul li {
width: calc(16.66667% - 16px);
font-size: 13px
}
}
@media (max-width:800px) and (min-width:600px) {
.filter-prod-list .filter ul li {
font-size: 11px;
width: calc(16.66667% - 5px);
margin: 0
}
}
.filter-prod-list .filter ul li:hover {
color: #fff;
background-color: #cd262b;
transition: .5s ease
}
@media (max-width:440px) {
.filter-prod-list .filter ul li {
display: block;
width: 100%
}
}
.filter-prod-list .filter ul .active {
color: #fff;
background-color: #cd262b
}
.filter-prod-list .product-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px
}
@media (max-width:1030px) and (min-width:600px) {
.filter-prod-list .product-list {
grid-template-columns: 1fr 1fr 1fr
}
}
@media (max-width:440px) {
.filter-prod-list .product-list {
display: block;
width: 100%
}
}
.filter-prod-list .product-list .product-card {
transition: .5s ease;
padding: 15px
}
.filter-prod-list .product-list .product-card:hover {
-webkit-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
-moz-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
transition: .5s ease
}
.filter-prod-list .product-list .product-card img {
max-width: 100%;
margin-bottom: 10px;
width: 100%;
height: auto
}
@media (max-width:440px) {
.filter-prod-list .product-list .product-card img {
width: 100%
}
}
.filter-prod-list .product-list .product-card .price-block {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
font-size: 14px
}
.filter-prod-list .product-list .product-card .price-block .new-price {
font-weight: 700;
font-size: 35px;
}
.filter-prod-list .product-list .product-card .price-block .old-price {
text-decoration: line-through;
font-style: italic;
color: #ccc
}
.filter-prod-list .product-list .product-card .price-block .raiting {
display: grid;
text-align: right
}
.filter-prod-list .product-list .product-card .price-block .raiting:after {
content: "";
width: 100%;
height: 25px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/five_stars.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.filter-prod-list .product-list .product-card .product-title {
display: block;
width: 100%;
margin-top: 10px;
height: 20px;
overflow: hidden
}
.filter-prod-list .product-list .product-card .product-title a {
color: #212121;
font-size: 16px;
font-weight: 600;
text-decoration: none;
width: 100%
}
.filter-prod-list .product-list .product-card .add-to-cart-block {
background-color: #cd262b;
text-align: center
}
.filter-prod-list .product-list .product-card .add-to-cart-block a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 15px;
display: block;
margin-top: 10px
}
.brand-slider {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 41px 0
}
@media (max-width:440px) {
.brand-slider {
display: none;
width: 100%
}
}
.brand-slider .brand-block {
position: relative;
overflow: hidden;
background-color: #ccc;
border-top: 2px solid #ccc;
display: grid;
align-items: center;
padding: 25px
}
.brand-slider .brand-block img {
max-width: 50%;
margin: 0 auto
}
.brand-slider .brand-block a {
width: 100%;
color: #fff;
display: block;
background-color: #cd262b;
text-align: center;
padding: 10px;
position: absolute;
bottom: -50px;
text-decoration: none
}
.brand-slider .brand-block:hover {
border-top: 2px solid #cd262b;
background-color: #fff
}
.brand-slider .brand-block:hover a {
bottom: 0;
transition: .5s ease
}
.product-page .product-page-content .product-main-screen {
display: grid;
grid-template-columns: 3fr 4fr;
grid-gap: 60px
}
@media (max-width:440px) {
.product-page .product-page-content .product-main-screen {
display: block;
width: 100%
}
}
.product-page .product-page-content .product-main-screen .product-img-block img {
height: auto;
width: 100%
}
.product-page .product-page-content .product-main-screen .product-short-description .title {
font-size: 24px;
padding: 20px 0;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #f3f3f3;
margin: 0
}
.product-page .product-page-content .product-main-screen .product-short-description .price {
padding: 13px 0 33px;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
font-weight: 700;
font-size: 25px;
margin: 5px auto 30px
}
.product-page .product-page-content .product-main-screen .product-short-description .price .old-price {
color: #ccc;
font-size: 22px;
font-weight: 400;
font-style: italic;
text-decoration: line-through
}
.product-page .product-page-content .product-main-screen .product-short-description .description {
font-size: 14px;
line-height: 22px;
font-weight: 500
}
.product-page .product-page-content .product-main-screen .product-short-description .description p {
margin: 0
}
.product-page .product-page-content .product-main-screen .product-short-description .description .sku {
margin-top: 30px;
margin-bottom: 26px
}
.product-page .product-page-content .product-main-screen .product-short-description .description .sku .bold {
font-weight: 700
}
.product-page .product-page-content .product-main-screen .product-short-description .service {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 20px 0;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 90px;
align-items: baseline
}
@media (max-width:440px) {
.product-page .product-page-content .product-main-screen .product-short-description .service {
display: block;
width: 100%
}
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block {
display: inline-block;
margin-left: 30px
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block .minus,
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block .plus {
width: 40px;
line-height: 40px;
display: block;
text-align: center;
border: 1px solid #ddd;
margin-top: 0;
cursor: pointer
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block .minus {
float: left;
border-right: none
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block .plus {
float: right;
border-left: none
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block input {
font-size: 16px;
padding: 11px 0;
width: 40px;
text-align: center;
border: 1px solid #ddd
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block input::-webkit-inner-spin-button,
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.product-page .product-page-content .product-main-screen .product-short-description .service .qty .qty-block input[type=number] {
-moz-appearance: textfield
}
@media (max-width:440px) {
.product-page .product-page-content .product-main-screen .product-short-description .service .qty {
margin: 0 auto 30px;
text-align: center
}
}
.product-page .product-page-content .product-main-screen .product-short-description .service .raiting {
text-align: center
}
.product-page .product-page-content .product-main-screen .product-short-description .service .raiting:after {
content: "";
width: 100%;
height: 25px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/five_stars.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
@media (max-width:440px) {
.product-page .product-page-content .product-main-screen .product-short-description .service .raiting {
display: none
}
}
.product-page .product-page-content .product-main-screen .product-short-description .service .raiting img {
width: 15px;
padding: 0 2px
}
.product-page .product-page-content .product-main-screen .product-short-description .service .add-to-cart-block {
position: relative;
cursor: pointer
}
.product-page .product-page-content .product-main-screen .product-short-description .service .add-to-cart-block button {
display: block;
background-color: #cd262b;
color: #fff;
text-decoration: none;
text-align: center;
padding: 15px 30px 15px 0;
font-weight: 500;
cursor: pointer;
width: 100%;
height: 47px;
margin-top: -1px;
box-shadow: none;
font-size: 14px;
border: none
}
.product-page .product-page-content .product-main-screen .product-short-description .service .add-to-cart-block:after {
content: "";
background-color: #c41e23;
display: block;
width: 45px;
height: 45px;
position: absolute;
top: 0;
right: 0;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/add-to-cart.svg);
background-size: 20px;
background-position: 50%;
background-repeat: no-repeat;
cursor: pointer
}
.product-page .product-page-content .full-description {
border: 1px solid #eee;
padding: 0 30px 30px;
-webkit-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .35);
-moz-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .35);
box-shadow: 0 0 49px -20px rgba(0, 0, 0, .35);
margin-bottom: 53px
}
.product-page .product-page-content .full-description .tabs {
display: block;
min-height: 90px
}
.product-page .product-page-content .full-description .tabs .tab {
width: max-content;
padding: 23px 20px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
display: block;
float: left;
cursor: pointer
}
.product-page .product-page-content .full-description .tabs .tab.active {
border-top: 2px solid #cd262b
}
.product-page .product-page-content .full-description .tabs-content .tab-content.active {
display: block
}
@media (max-width:440px) {
.product-page .product-page-content .full-description .tabs-content .tab-content.active {
font-size: 12px
}
}
.product-page .product-page-content .full-description .tabs-content .tab-content {
font-size: 16px;
display: none
}
.product-page .product-page-content .full-description .tabs-content .tab-content p {
margin-top: 0;
line-height: 1.5
}
.product-page .product-page-content .full-description .tabs-content .tab-content table {
width: 100%;
border: none
}
.product-page .product-page-content .full-description .tabs-content .tab-content table tr {
border: none
}
.product-page .product-page-content .full-description .tabs-content .tab-content table tr td,
.product-page .product-page-content .full-description .tabs-content .tab-content table tr th {
padding: 15px;
border: none
}
.product-page .product-page-content .full-description .tabs-content .tab-content table tr td:first-child,
.product-page .product-page-content .full-description .tabs-content .tab-content table tr th:first-child {
width: 30%;
background-color: rgba(0, 0, 0, .06);
border: none
}
.product-page .product-page-content .related-products h3.related-products {
text-transform: uppercase;
font-size: 36px;
line-height: 46px;
text-align: center
}
@media (max-width:440px) {
.product-page .product-page-content .related-products h3.related-products {
font-size: 22px
}
}
.product-page .product-page-content .related-products h3.related-products:after,
.product-page .product-page-content .related-products h3.related-products:before {
content: "";
display: block;
width: 30%;
height: 20px;
border-bottom: 4px double #ddd;
vertical-align: middle
}
@media (max-width:440px) {
.product-page .product-page-content .related-products h3.related-products:after,
.product-page .product-page-content .related-products h3.related-products:before {
width: 10%
}
}
.product-page .product-page-content .related-products h3.related-products:before {
float: right
}
.product-page .product-page-content .related-products h3.related-products:after {
float: left
}
.product-page .product-page-content .related-products .related-product-slider {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding: 30px;
grid-gap: 30px;
position: relative;
margin-bottom: 50px
}
@media (max-width:440px) {
.product-page .product-page-content .related-products .related-product-slider {
display: block
}
}
.product-page .product-page-content .related-products .related-product-slider .img-block {
display: block;
overflow: hidden;
position: relative;
margin-bottom: 23px;
height: 230px;
text-align: center
}
.product-page .product-page-content .related-products .related-product-slider .img-block img {
width: 100%;
height: auto;
max-width: 200px
}
.product-page .product-page-content .related-products .related-product-slider .img-block .new {
width: 40px;
height: 15px;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: absolute;
right: 5px;
top: 5px
}
.product-page .product-page-content .related-products .related-product-slider .img-block .add-to-cart-button {
position: absolute;
bottom: -50px;
width: 201px;
left: calc(50% - 100px);
text-align: center;
background-color: #cd262b;
color: #fff;
font-weight: 500;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 5fr 1fr;
cursor: pointer
}
.product-page .product-page-content .related-products .related-product-slider .img-block .add-to-cart-button .text {
line-height: 40px
}
.product-page .product-page-content .related-products .related-product-slider .img-block .add-to-cart-button .icon {
background-color: #fff;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/cart.svg);
background-position: 50%;
background-color: #c41e23;
background-repeat: no-repeat;
background-size: 20px
}
.product-page .product-page-content .related-products .related-product-slider .img-block:hover .add-to-cart-button {
bottom: calc(50% - 2em);
transition: .5s ease
}
.product-page .product-page-content .related-products .related-product-slider .price-block {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
font-size: 14px
}
.product-page .product-page-content .related-products .related-product-slider .price-block .price .new-price {
font-weight: 700
}
.product-page .product-page-content .related-products .related-product-slider .price-block .price .old-price {
text-decoration: line-through;
font-style: italic;
color: #ccc
}
.product-page .product-page-content .related-products .related-product-slider .price-block .raiting {
display: grid;
text-align: right
}
.product-page .product-page-content .related-products .related-product-slider .price-block .raiting:after {
content: "";
width: 100%;
height: 25px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/five_stars.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.product-page .product-page-content .related-products .related-product-slider .price-block .raiting img {
max-width: 15px;
padding: 0 5px
}
.product-page .product-page-content .related-products .related-product-slider .product-title {
margin-top: 20px
}
.product-page .product-page-content .related-products .related-product-slider .product-title a {
color: #212121;
font-size: 20px;
font-weight: 600;
text-decoration: none
}
.product-page .product-page-content .related-products .related-product-slider .product-title a:hover {
color: #cd262b;
text-decoration: underline
}
.post,
.post .img-block {
margin-bottom: 50px
}
.post .img-block {
width: 100%;
min-height: 300px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/placeholder.jpeg);
background-position: 50%;
background-size: cover;
position: relative
}
.post .img-block .overflow {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5)
}
.post .img-block .header-block {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff
}
.post .img-block .header-block p {
margin: 0
}
.post .img-block .header-block .date {
font-size: 14px
}
.post .img-block .header-block .date:before {
display: inline-block;
width: 20px;
height: 20px;
background-position: 50%;
background-size: 19px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/calendar_white.svg);
vertical-align: middle;
content: "";
margin-right: 10px
}
.post .img-block .header-block .post-title {
display: block;
font-size: 32px;
font-weight: 700;
line-height: 1.5;
margin: 10px 0 0;
color: #fff;
text-decoration: none;
letter-spacing: 1px
}
.post p {
line-height: 1.75;
font-size: 16px;
text-indent: 20px;
margin-bottom: 20px;
margin-top: 20px
}
.post p a {
color: #cd262b
}
.post blockquote {
background-color: rgba(0, 0, 0, .06);
margin: 0;
padding: 20px 20px 20px 70px;
line-height: 1.5;
font-size: 16px;
font-style: italic;
position: relative
}
.post blockquote:before {
position: absolute;
width: 50px;
height: 100%;
left: 0;
content: "";
background-color: #c41e23;
top: 0;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/quote.svg);
background-position: 50%;
background-size: 30px;
background-repeat: no-repeat
}
.post .content-block {
border-bottom: 2px solid #ddd;
margin-bottom: 50px;
padding: 0 20px
}
.post .post-navigation {
display: grid;
grid-template-columns: 1fr 1fr
}
@media (max-width:440px) {
.post .post-navigation {
display: none
}
}
.post .post-navigation .two-col .post-title a {
font-weight: 800;
font-size: 24px;
color: #212121;
text-decoration: none
}
.post .post-navigation .two-col .post-title a .descriptor {
display: block;
font-size: 14px;
color: #ddd;
font-weight: 200
}
.post .post-navigation .two-col img {
max-width: 100px;
height: auto
}
.post .post-navigation .next-post .two-col,
.post .post-navigation .prev-post .two-col {
display: grid;
grid-template-columns: 100px 1fr 100px
}
.post .post-navigation .next-post .two-col {
text-align: right;
grid-gap: 20px
}
.title-block {
display: block;
padding: 22px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
margin-bottom: 30px
}
.title-block .title {
text-transform: uppercase;
font-size: 22px;
font-weight: 800;
margin: 0 0 10px;
border-bottom: 1px solid #ddd
}
.title-block ul {
padding: 0
}
.title-block ul li {
display: inline-block
}
.title-block ul li:after {
content: ">";
display: inline-block;
padding-left: 5px
}
.title-block ul li:last-child:after {
content: ""
}
.title-block ul li a {
color: #cd262b;
text-decoration: none
}
.about-us {
background-color: #fff;
padding: 10px
}
.about-us .content .two-col-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
@media (max-width:440px) {
.about-us .content .two-col-block {
display: block
}
}
.about-us .content .two-col-block img {
width: 100%
}
.about-us .content .two-col-block .about-company .title-h2 {
font-size: 28px;
line-height: 1.75;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
margin-top: 0
}
.about-us .content .two-col-block .about-company p {
font-size: 15px;
line-height: 1.5
}
.about-us .content .two-col-block .about-company .social-buttons .mail,
.about-us .content .two-col-block .about-company .social-buttons .map {
display: inline-block;
background-color: #fff;
width: 50px;
height: 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
margin-right: 10px
}
.about-us .content .two-col-block .about-company .social-buttons .mail img,
.about-us .content .two-col-block .about-company .social-buttons .map img {
width: 20px;
padding: 15px
}
.about-us .content .counters-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
text-align: center;
margin: 20px 0;
border-top: 4px double #ddd;
border-bottom: 4px double #ddd
}
@media (max-width:440px) {
.about-us .content .counters-block {
display: block
}
}
.about-us .content .counters-block .counter {
border-right: 1px solid #ddd;
padding-top: 30px;
padding-bottom: 30px
}
.about-us .content .counters-block .counter:last-child {
border-right: none
}
@media (max-width:440px) {
.about-us .content .counters-block .counter {
border-right: none
}
}
.about-us .content .counters-block .counter .number {
font-size: 40px;
margin: 0;
font-weight: 600
}
.about-us .content .counters-block .counter .description {
font-size: 16px;
font-style: italic;
color: #cd262b;
font-weight: 300;
margin: 10px 0
} .home .container .counters-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
text-align: center;
margin: 20px 0;
border-top: 4px double #ddd;
border-bottom: 4px double #ddd
}
@media (max-width:440px) {
.home .container .counters-block {
display: block
}
}
.home .container .counters-block .counter {
border-right: 1px solid #ddd;
padding-top: 30px;
padding-bottom: 30px
}
.home .container .counters-block .counter:last-child {
border-right: none
}
@media (max-width:440px) {
.home .container .counters-block .counter {
border-right: none
}
}
.home .container .counters-block .counter .number {
font-size: 40px;
margin: 0;
font-weight: 600
}
.home .container .counters-block .counter .description {
font-size: 16px;
font-style: italic;
color: #cd262b;
font-weight: 300;
margin: 10px 0
} .about-us .content .advantages {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 30px;
margin-bottom: 50px
}
@media (max-width:440px) {
.about-us .content .advantages {
display: block
}
}
.about-us .content .advantages .block {
padding: 0;
border: none;
align-items: start
}
.about-us .content .advantages .block .text h4 {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 15px;
padding: 0 0 10px;
border-bottom: 1px solid #ddd
}
.about-us .content .clients h2 {
margin-top: 50px;
line-height: 2;
border-bottom: 25px;
font-size: 28px
}
.about-us .content .clients-blocks {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px
}
@media (max-width:600px) {
.about-us .content .clients-blocks {
grid-template-columns: 1fr
}
}
.about-us .content .clients-blocks .client {
transition: .5s ease
}
.about-us .content .clients-blocks .client:hover {
box-shadow: 0 0 40px -10px rgba(0, 0, 0, .25);
transition: .5s ease
}
.about-us .content .clients-blocks .client .img-block {
height: 300px;
display: grid;
align-items: center
}
.about-us .content .clients-blocks .client .img-block img {
max-width: 80%;
margin: 0 auto
}
.about-us .content .clients-blocks .client p.client-name {
text-align: center;
font-size: 16px;
font-weight: 600;
margin: 30px 0
}
.map {
z-index: 1;
position: relative
}
.contact-info {
padding: 45px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
margin-top: -60px;
z-index: 3;
position: relative;
background-color: #fff;
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 30px
}
@media (max-width:440px) {
.contact-info {
display: block;
position: relative
}
}
.contact-info .info .title {
text-transform: uppercase;
font-size: 32px;
font-weight: 800;
padding-bottom: 15px;
border-bottom: 4px double #ddd;
margin-bottom: 30px
}
.contact-info .info .grey {
font-size: 13px;
color: #607d8b;
font-style: italic;
margin-right: 10px;
font-weight: 300;
display: block;
text-transform: uppercase;
margin-bottom: 5px
}
.contact-info .info .block {
display: grid;
grid-template-columns: 1fr 5fr;
margin-bottom: 20px;
padding-bottom: 20px;
grid-gap: 15px;
border-bottom: 1px solid #ddd
}
.contact-info .info .block .icon {
background-color: #cd262b;
height: 60px
}
.contact-info .info .block .icon img {
width: 25px;
padding: 17px 21px
}
.contact-info .info .block .text {
font-size: 16px
}
.contact-info .info .block .text a {
text-decoration: none
}
.contact-info .info .block .text .phone-num {
margin: 0;
line-height: 1.5
}
.contact-info .info .block .text .phone-num .grey {
text-transform: none;
font-size: 13px;
color: #607d8b;
font-style: italic;
margin-right: 10px;
font-weight: 300;
display: inline-block;
margin-bottom: 0
}
.contact-info .info .block .text .phone-num a {
font-size: 16px;
color: #212121;
font-weight: 500;
text-decoration: none
}
@media (max-width:440px) {
.contact-info .form {
display: block;
position: relative;
min-height: 600px
}
}
.contact-info .form h3 {
margin-top: 70px;
margin-left: 8px;
}
@media (max-width:440px) {
.contact-info .form form {
margin-top: 30px
}
}
.contact-info .form form .form-block {
display: block;
position: relative;
width: 50% ;
padding: 10px;
float: left;
box-sizing: border-box;
}
@media (max-width:440px) {
.contact-info .form form .form-block {
display: block;
width: calc(100% - 30px)
}
}
.contact-info .form form .form-block label {
display: block;
margin-bottom: 10px
}
.contact-info .form form .form-block input,
.contact-info .form form .form-block textarea {
border: none
}
.contact-info .form form .form-block input {
width: 100%;
line-height: 1;
font-size: 16px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .03);
padding: 5px;
border: 1px solid hsla(0, 0%, 80%, .38);
box-sizing: border-box;
}
.contact-info .form form .form-block.message {
width: 100%;
}
.contact-info .form form .form-block.message textarea {
width: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .03);
padding: 15px;
font-size: 16px;
resize: none;
border: 1px solid hsla(0, 0%, 80%, .38);
box-sizing: border-box;
}
@media (max-width:440px) {
.contact-info .form form .form-block.message textarea {
display: block;
width: calc(100% - 50px);
}
}
.contact-info .form form .form-submit-button {
color: #fff;
background-color: #cd262b;
padding: 10px 40px;
max-width: 300px;
display: inline-block;
margin-left: 10px;
border: 1px solid #fff;
transition: .5s ease
}
.contact-info .form form .form-submit-button:hover {
color: #cd262b;
border: 1px solid #cd262b;
background-color: #fff;
transition: .5s ease;
cursor:pointer;
}
.cart .cart-subtotal {
display: none
}
.cart .steps {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 50px;
align-items: center;
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
position: relative;
border: 1px solid #ddd;
border-left: 3px solid #cd262b
}
@media (max-width:440px) {
.cart .steps {
grid-template-columns: 1fr
}
}
.cart .steps .step {
position: relative;
line-height: 60px
}
.cart .steps .step:after {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
position: absolute;
right: 0;
content: "";
width: 42px;
height: 43px;
display: block;
transform: rotate(44deg);
top: 8px;
right: -20px;
background-color: #fff;
z-index: -1
}
@media (max-width:440px) {
.cart .steps .step:after {
content: none
}
}
.cart .steps .step:last-child:after {
content: none
}
.cart .steps .step.active {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06), inset 2px 0 0 0 rgba(218, 33, 39, .004);
line-height: 60px;
z-index: 2;
background-color: #cd272b;
color: #fff
}
.cart .steps .step.active:after {
background-color: #cd272b
}
.cart th {
padding: 25px;
text-align: left;
text-transform: uppercase;
background-color: #f3f3f3;
border: 1px solid #efeded;
border-right: none
}
.cart th:last-child {
border-right: 1px solid #efeded
}
.cart tr.product-thumbnail {
text-align: center
}
.cart .product-thumbnail {
width: 20%
}
@media (max-width:440px) {
.cart .product-thumbnail {
display: none
}
}
.cart .product-thumbnail img {
height: auto;
max-width: 150px
}
.cart td {
border: 1px solid #eee;
border-right: none;
padding: 25px
}
.cart td:last-child {
border-right: 1px solid #efeded
}
.cart .product-name {
width: 25%
}
.cart .product-name a {
text-decoration: none;
color: #000;
font-weight: 600;
text-transform: uppercase
}
@media (max-width:440px) {
.cart .product-subtotal {
display: none
}
}
.cart .product-price,
.cart .product-subtotal {
font-weight: 600;
width: 15%
}
.cart .product-quantity {
text-align: center
}
@media (max-width:440px) {
.cart .product-quantity {
padding: 0;
}
}
.woocommerce-Price-amount {
display: block;
width: 75px;
}
.cart .product-quantity input {
width: 100%;
font-size: 16px;
padding: 5px;
margin: 0 auto;
text-align: center;
border: none
}
.cart td.product-quantity:before {
float: left;
transform: rotate(180deg)
}
.cart td.product-quantity:after,
.cart td.product-quantity:before {
content: "";
display: none;
width: 33px;
height: 30px;
line-height: 32px;
border: 1px solid #ddd;
text-align: center;
font-size: 16px;
background-color: #ddd;
background-image: url(data:image/png;base64,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);
background-position: 50%;
background-size: 10px;
background-repeat: no-repeat;
cursor: pointer
}
.cart td.product-quantity:after {
float: right
}    
.cart .product-remove {
font-size: 40px;
}
@media (max-width:440px) {
.cart .product-remove {
padding: 0;
text-align: center;
width: 10%
}
}
.cart .product-remove svg {
width: 20px;
height: auto
}
.cart .product-remove a:hover svg path {
fill: #cd262b
}
.cart .cart_totals table {
width: 50%
}
.cart .cart_totals .woocommerce-shipping-totals.shipping {
display: none
}
.cart .wc-proceed-to-checkout {
text-align: right
}
.cart .wc-proceed-to-checkout a {
display: inline-block;
padding: 20px 70px;
background-color: #cd262b;
color: #fff;
text-decoration: none;
max-width: 300px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
margin: 30px 0
}
.cart .col2-set {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
@media (max-width:440px) {
.cart .col2-set {
grid-template-columns: 1fr
}
}
.cart .col2-set h3 {
font-size: 22px;
padding-bottom: 10px;
border-bottom: 4px double #ddd
}
.cart .col2-set #ship-to-different-address-checkbox {
width: 20px
}
.cart .col2-set #billing_country_field {
display: none
}
.cart .col2-set label {
display: block;
font-weight: 600;
margin-bottom: 10px
}
.cart .col2-set input {
width: calc(100% - 20px);
padding: 10px;
border: none;
background-color: #f3f3f3;
font-size: 16px
}
.cart .col2-set abbr {
color: #cd262b
}
.cart .woocommerce-checkout-review-order-table .product-name {
width: 60%;
padding: 0 30px
}
.cart .woocommerce-checkout-review-order-table td {
padding: 10px 30px
}
.cart .woocommerce-checkout-review-order-table #shipping_method {
padding: 0
}
.cart .woocommerce-checkout-review-order-table #shipping_method li {
list-style: none
}
.cart .woocommerce-checkout-review-order-table #shipping_method li input {
width: 20px;
float: left
}
.cart ul {
padding: 0
}
.cart ul li {
list-style: none
}
.cart ul li input {
width: 20px !important;
float: left
}
.cart button.button {
display: block;
padding: 20px 70px;
background-color: #cd262b;
color: #fff;
text-decoration: none;
max-width: 300px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
margin: 30px 0
}
.woocommerce-thankyou-order-details {
line-height: 2
}
a.fixed.right-scroll-cart {
width: 60px;
height: 60px;
background-color: #cd262b;
position: fixed;
right: 0;
top: 40vh;
z-index: 9;
border-radius: 10px 0 0 10px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/shop_white.svg);
background-size: 26px;
background-position: 50%;
background-repeat: no-repeat;
overflow: hidden
}
a.fixed.right-scroll-cart span {
font-size: 10px;
color: #fff;
background-color: #cd272b;
padding: 5px;
display: block;
text-align: center;
margin-top: 39px;
width: max-content;
margin-left: 25px
}
.uslugi-page {
margin-bottom: 50px
}
.uslugi-page p {
font-size: 16px
}
.uslugi-page .main-screen {
display: grid;
grid-template-columns: 3fr 4fr;
grid-gap: 50px
}
.uslugi-page .main-screen .col-title h1 {
border-left: 5px solid #cd262b;
padding-left: 20px
}
.uslugi-page .main-screen .col-title .description {
font-size: 16px;
line-height: 1.5
}
.uslugi-page .main-screen .grey {
background-color: #ddd
}
.uslugi-page .main-screen .grey .img-block {
width: 100%;
min-height: 400px;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
.uslugi-page .main-screen .grey .description_after_img {
padding: 20px
}
.uslugi-page .main-screen .grey .description_after_img h3 {
font-size: 24px
}
.uslugi-page .main-screen .grey .description_after_img h4 {
font-size: 22px;
font-size: 20px
}
.uslugi-page .main-screen .grey .description_after_img h5 {
font-size: 18px
}
.uslugi-page .main-screen .grey .description_after_img h6 {
font-size: 16px
}
.uslugi-page .section .title {
font-size: 2em;
font-weight: 700;
line-height: 2.5
}
.uslugi-page .section .slider {
position: relative
}
.uslugi-page .section .slider .slick-arrow {
position: absolute;
background-color: transparent;
font-size: 0;
border: none;
z-index: 9999;
width: 30px;
height: 60px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
top: calc(50% - 85px)
}
.uslugi-page .section .slider .slick-prev {
left: 0;
background-image: url(//dam.net.ua/ru/wp-content/uploads/2020/03/left.svg)
}
.uslugi-page .section .slider .slick-next {
right: 0;
background-image: url(//dam.net.ua/ru/wp-content/uploads/2020/03/right.svg)
}
.uslugi-page .section .slider .slick-dots {
padding: 0;
list-style: none;
text-align: center;
margin-top: 50px
}
.uslugi-page .section .slider .slick-dots li {
display: inline-block;
margin: 0 5px
}
.uslugi-page .section .slider .slick-dots li button {
font-size: 0;
width: 15px;
height: 15px;
box-shadow: none;
border: 1px solid #ddd;
border-radius: 15px
}
.uslugi-page .section .slider .slick-dots li.slick-active button {
background-color: #cd262b
}
.uslugi-page .section table {
width: 100% !important;
text-align: center;
border-spacing: 0;
border-collapse: collapse
}
.uslugi-page .section table td {
border-right: 2px solid #cd262b;
line-height: 2;
border-bottom: 1px solid #ddd
}
.uslugi-page .section table td:hover {
color: #fff;
background-color: #cd262b
}
.uslugi-page .section table tr:first-child td {
border-bottom: 2px solid #cd262b
}
.uslugi-page .section table tr td:first-child {
border-right: 2px solid #cd262b
}
.uslugi-page .section h2 {
font-size: 2em;
font-weight: 700;
line-height: 2.5
}
footer {
background-color: #121212;
padding: 70px 0;
display: block;
position: relative
}
footer .footer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
@media (max-width:1030px) and (min-width:600px) {
footer .footer {
grid-template-columns: 1fr
}
}
@media (max-width:440px) {
footer .footer {
display: block;
text-align: center
}
}
footer .footer .menus {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px
}
@media (max-width:440px) {
footer .footer .menus {
display: block
}
}
footer .footer .menus ul {
padding: 0;
margin: 0
}
@media (max-width:1030px) and (min-width:600px) {
footer .footer .menus ul {
text-align: center
}
}
footer .footer .menus ul .menu-title {
color: #fff;
font-size: 20px;
text-transform: uppercase;
margin: 0 0 30px
}
@media (max-width:440px) {
footer .footer .menus ul .menu-title {
margin-top: 30px
}
}
footer .footer .menus ul li {
list-style: none
}
footer .footer .menus ul li a {
color: #a7a7a7;
line-height: 24px;
font-size: 14px;
text-decoration: none
}
footer .footer .menus ul li a:hover {
color: #fff
}
footer .footer .other .social {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 30px
}
@media (max-width:1030px) and (min-width:600px) {
footer .footer .other .social {
max-width: 300px;
margin: 30px auto
}
}
@media (max-width:600px) {
footer .footer .other .social {
display: block;
margin: 30px 0;
}
footer .footer .other .social .block {
margin-bottom: 15px;
text-align: left;
}
}
footer .footer .other .social .block {
display: grid;
grid-template-columns: 1fr 5fr;
grid-gap: 15px;
}
footer .footer .other .social .block .icon {
background-color: #cd262b;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
}
footer .footer .other .social .block .icon img {
width: 25px;
}
footer .footer .other .social .block .text {
font-size: 16px;
color: #fff;
}
footer .footer .other .social .block .text  p {
margin-top: 0;
margin-bottom: 0;
}
footer .footer .other .social .block .text a {
color: #fff;
text-decoration: none;
}
footer .footer .other .social .block .text .grey {
font-size: 13px;
color: #a7a7a7;
font-style: italic;
margin-right: 10px;
font-weight: 300;
display: block;
text-transform: uppercase;
margin-bottom: 5px;
}
footer .footer .other .social .mail,
footer .footer .other .social .map {
width: 40px;
height: 40px;
background-color: #fff;
display: inline-block;
background-position: 50%;
background-size: 20px;
background-repeat: no-repeat;
margin: 0 auto
}
footer .footer .other .social .mail {
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/envelope.svg)
}
footer .footer .other .social .map {
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/pin_black.svg)
}
footer .footer .other .phones {
color: #fff;
font-size: 24px;
line-height: 48px;
letter-spacing: 1px;
border-top: 1px solid #cbccc6
}
@media (max-width:1030px) and (min-width:600px) {
footer .footer .other .phones {
text-align: center
}
}
@media (max-width:440px) {
footer .footer .other .phones {
font-size: 16px
}
}
footer .footer .other .phones .descriptor {
color: #a7a7a7;
font-size: 14px;
letter-spacing: 0;
margin-right: 10px
}
@media (max-width:440px) {
footer .footer .other .phones .descriptor {
display: block
}
}
footer .footer .other .phones a {
color: #fff;
text-decoration: none
}
@media (max-width:440px) {
footer .footer .other .phones a {
display: inline-block
}
}
footer .large-search {
background-color: #1d1d1d;
margin-top: 41px;
padding: 0;
position: relative
}
footer .large-search .logo {
background-color: #cd262b;
padding: 20px;
display: inline-block
}
footer .large-search .logo img {
width: 50px
}
footer .large-search input.footer-serch {
background-color: transparent;
border: none;
font-size: 22px;
padding-left: 20px;
color: #fff
}
footer .large-search .search-icon {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 20px;
top: 15px;
background-position: 50%;
background-size: 20px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/search_white.svg)
}
header .top-header {
border-bottom: 1px solid #ccc;
line-height: 1
}
header .top-header .top-header-content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
font-size: 13px;
padding: 20px 0;
align-items: center;
}
.viber {
right: 5px !important;
top: 50vh !important;
left: unset !important;
}
.viber img{
width: 55px;
}
@media (max-width: 600px) {
header .top-header .top-header-content {
display: grid;
grid-template-columns: 2fr 90px !important;
grid-template-rows: auto;
}
header .top-header .large-search {
margin-top: 10px;
grid-column: 1 / -1;
grid-row: 2 / 2;
}
header .top-header .large-search .search-icon {
right: 0 !important;
}
header .language .language-chooser {
margin: 0 !important;
}
.qtranxs_widget_end {
display: none !important;
}
header .top-header .top-header-content .info .phone {
width: 49% !important;
padding: 0 !important;
}
header .top-header .top-header-content .info div {
padding: 0 !important;
}
}
header .top-header .large-search {
position: relative;
width: 100%;
height: 42px;
}
header .top-header .large-search .woocommerce-product-search {
background-color: transparent;
border: 1px solid #ccc;
width: 100%;
position: relative;
z-index: 10;
height: 44px;
}
header .top-header .large-search .woocommerce-product-search button {
position: absolute;
top: -1px;
bottom: -1px;
right: -1px;
width: 41px;
background: #000;
z-index: 30;
text-indent: -9999px;
border: transparent;
}
header .top-header .large-search .woocommerce-product-search .search-field {
background-color: transparent;
border: none;
min-height: 40px;
padding: 10px;
width: 100%;
position: relative;
z-index: 10;
}
header .top-header .large-search input.footer-serch {
background-color: transparent;
border: none;
min-height: 40px;
padding: 10px;
}
header .top-header .large-search .search-icon {
width: 40px;
display: block;
position: absolute;
z-index: 40;
right: 14px;
top: 0;
bottom: 0;
background-position: center;
background-size: 20px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/search_white.svg);
opacity: .7;
}
@media (min-width: 601px) {
header .top-header .large-search .search-icon {
right: 0;
}
}
header .top-header .large-search .search-icon:hover {
cursor: pointer;
opacity: 1;
}
header .top-header .top-header-content .info .phone {
font-weight: 700;
margin-bottom: 10px
}
header .top-header .top-header-content .info div {
display: inline-block;
color: #212121;
padding: 0 10px;
text-decoration: none
}
header .top-header .top-header-content .info .phone a {
border-bottom: 1px dotted;
display: inline-block;
color: #212121;
text-decoration: none
}
header .top-header .top-header-content .sub-info {
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
header .language {
display: flex !important;
align-items: center;
justify-content: flex-end;
height: 100%;
width: 90px;
}
header .language .language-chooser {
list-style: none;
margin: 0 30px 0 0;
padding: 0;
}
header .language .language-chooser li {
list-style: none;
margin: 0 7px 0;
padding: 0;
display: inline-block;
}
header .language .language-chooser li a {
color: #212121;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
border-bottom: none !important;
}
header .language .language-chooser li.active a {
color: #cd262b;
}
header .top-header .top-header-content .sub-info .cart-name:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/shop.svg);
background-size: contain;
background-repeat: no-repeat
}
header .top-header .top-header-content .sub-info .total {
display: block;
margin-top: 5px;
font-weight: 700;
}
header .top-header .top-header-content .sub-info .cart {
text-align: center;
color: #212121;
text-decoration: none
}
header .top-header .top-header-content .sub-info a {
border-bottom: 1px dotted;
display: block;
color: #212121;
text-decoration: none;
min-width: 75px;
}
header .main-menu {
display: grid;
width: 100%;
margin: 41px auto;
padding: 0;
grid-template-columns: 1fr 11fr;
-webkit-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .5);
box-shadow: 0 0 49px -20px rgba(0, 0, 0, .5)
}
header .main-menu .logo-container {
background-color: #cd262b;
display: block;
width: 60px;
float: left;
padding: 20px
}
header .main-menu .logo-container img {
max-width: 100%;
height: auto;
display: block
}
header .main-menu ul.active {
position: fixed;
top: 0;
bottom: 0;
width: 100vw;
left: 0;
right: 0;
height: 100vh;
background-color: #fff;
z-index: 999;
overflow-y: scroll;
grid-template-columns: 1fr;
align-items: center;
line-height: 20px;
padding-top: 50px
}
@media (max-width:440px) {
header .main-menu ul.active li {
display: block;
padding: 0 20px
}
header .main-menu ul.active li a {
line-height: 30px
}
}
header .main-menu ul.active .menu-item-has-children:after {
right: 30px
}
header .main-menu ul.active .menu-item-has-children:hover ul {
position: relative;
top: 0
}
header .main-menu ul {
padding: 0;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
text-align: center;
margin: 0
}
@media (max-width:1030px) and (min-width:600px) {
header .main-menu ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
}
header .main-menu ul .mobile-menu-btn {
display: none
}
@media (max-width:440px) {
header .main-menu ul {
display: block
}
header .main-menu ul .mobile-menu-btn {
display: block;
width: 30px;
position: absolute;
top: 20px;
right: 15px;
z-index: 9;
transition: .5s ease
}
header .main-menu ul .mobile-menu-btn span {
display: block;
height: 3px;
margin-bottom: 6px;
width: 100%;
background-color: #cd262b;
transition: .5s ease
}
header .main-menu ul .mobile-menu-btn.active {
transition: .5s ease
}
header .main-menu ul .mobile-menu-btn.active span.central {
display: none
}
header .main-menu ul .mobile-menu-btn.active span.top {
transform: rotate(45deg);
margin-top: 10px;
transition: .5s ease
}
header .main-menu ul .mobile-menu-btn.active span.bottom {
transform: rotate(-45deg);
margin-top: -9px;
transition: .5s ease
}
}
header .main-menu ul .search {
border-left: 2px solid #f8f8f8
}
header .main-menu ul .search:hover,
header .main-menu ul li {
border-top: 2px solid #fff
}
header .main-menu ul li {
display: grid;
line-height: 1;
align-items: center;
transition: .5s ease;
background-color: #fff
}
header .main-menu ul li:hover {
border-top: 2px solid #cd262b;
transition: .5s ease;
position: relative
}
@media (max-width:440px) {
header .main-menu ul li {
display: none
}
}
header .main-menu ul li .search-block {
display: block;
position: relative;
padding-left: 25px
}
header .main-menu ul li .search-block .search-input {
border: none;
line-height: 1;
font-size: 15px;
font-style: italic;
color: rgba(0, 0, 0, .33);
margin-top: -3px
}
header .main-menu ul li .search-block .search-icon {
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/search.svg);
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
right: 20px
}
header .main-menu ul li a {
color: #212121;
text-decoration: none;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
padding: 20px 0;
display: block
}
@media (max-width:1030px) {
header .main-menu ul li a {
font-size: 13px
}
}
@media (max-width:800px) and (min-width:600px) {
header .main-menu ul li a {
font-size: 12px
}
}
header .main-menu ul .menu-item-has-children {
position: relative;
padding-right: 15px;
}
header .main-menu ul .menu-item-has-children:after {
content: "";
width: 10px;
height: 10px;
display: inline-block;
position: absolute;
right: 5px;
top: 25px;
transform: rotate(90deg);
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/next.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
transition: .5s ease
}
@media (max-width:800px) and (min-width:600px) {
header .main-menu ul .menu-item-has-children:after {
right: 0
}
}
header .main-menu ul .menu-item-has-children:hover ul {
display: block;
position: absolute;
min-width: 260px;
top: 62px;
z-index: 9;
text-align: left
}
header .main-menu ul .menu-item-has-children:hover ul li {
padding: 10px
}
header .main-menu ul .menu-item-has-children:hover ul li a {
padding: 0 10px;
font-weight: 500;
text-transform: none;
line-height: 1.3
}
header .main-menu ul .menu-item-has-children ul {
display: none
}
header .main-menu ul .menu-item-has-children ul .menu-item-has-children:after {
top: calc(50% - 5px);
transform: rotate(0deg)
}
header .main-menu ul .menu-item-has-children ul li {
display: block;
border-bottom: 2px solid hsla(0, 0%, 62%, .14)
}
header .main-menu ul .menu-item-has-children ul li .sub-menu {
display: none
}
header .main-menu ul .menu-item-has-children ul li:hover {
background-color: #f3f3f3;
border-bottom: 2px solid #cd262b;
border-top: none
}
header .main-menu ul .menu-item-has-children ul li:hover .sub-menu {
display: block;
position: absolute;
left: 100%;
top: 0
}
@media (max-width:440px) {
header .main-menu ul .menu-item-has-children ul li:hover .sub-menu {
position: relative;
left: 0;
padding: 20px 0
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.sitebar {
position: relative;
max-width: 100%;
overflow: hidden
}
@media (max-width:440px) {
.sitebar {
display: none
}
}
.sitebar .custom-html-widget {
position: absolute;
top: 10px;
right: 0
}
.sitebar .custom-html-widget a.hidden {
display: none
}
.sitebar .custom-html-widget a.visible {
display: block;
color: #fff;
background-color: #cd262b;
padding: 5px 15px;
text-decoration: none
}
.sitebar .title {
font-size: 20px;
font-weight: 600;
line-height: 40px;
border: double #ddd;
border-width: 0 0 4px;
margin-bottom: 20px;
text-transform: uppercase
}
.sitebar .sub-filter {
font-size: 14px;
font-weight: 600;
line-height: 24px;
margin-bottom: 20px;
margin-top: 30px
}
.sitebar .woocommerce-widget-layered-nav-list__item a {
position: relative;
color: #212121;
text-decoration: none;
cursor: pointer
}
.sitebar .woocommerce-widget-layered-nav-list__item a:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid #ccc;
margin-right: 10px;
vertical-align: middle;
border-radius: 3px
}
.sitebar .woocommerce-widget-layered-nav-list__item.chosen a:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background-color: #cd272c;
vertical-align: middle;
position: absolute;
left: 2px;
top: 5px;
z-index: 2
}
.sitebar .woocommerce-widget-layered-nav-list__item span {
font-size: 11px;
font-style: italic;
color: #ddd;
margin-left: 0
}
.sitebar ul {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
margin: 0;
grid-gap: 15px
}
.sitebar ul li {
display: inline-block
}
.sitebar ul li input.filter {
border: 1px solid #ddd;
border-radius: 0
}
.sitebar ul li span {
margin-left: 16px
}
.sitebar .price-filter {
display: block;
position: relative;
margin-bottom: 30px
}
.sitebar .price-filter .maxVal,
.sitebar .price-filter .minVal {
width: 49%;
display: inline-block
}
.sitebar .price-filter .maxVal {
text-align: right
}
.sitebar .price-filter input[type=range] {
width: 100%
}
.sitebar .product-slider {
display: block;
position: relative;
width: 100%;
margin: 0 auto
}
.sitebar .product-slider .slick-dots {
display: block;
width: max-content;
margin: 30px auto 0
}
.sitebar .product-slider .slick-dots button {
color: transparent;
width: 10px;
height: 10px;
border-radius: 10px;
padding: 5px;
margin: 0 5px
}
.sitebar .product-slider .slick-dots .slick-active button {
background-color: #cd262b;
border: 1px solid #cd262b
}
.sitebar .product {
max-width: 95%;
transition: .5s ease;
margin-bottom: 10px
}
.sitebar .product .img-block {
display: block;
position: relative;
overflow: hidden
}
.sitebar .product .img-block img {
width: 100%
}
.sitebar .product .new:after {
content: "";
display: block;
position: absolute;
top: 10px;
right: 20px;
background-color: #cd262b;
width: 40px;
height: 20px
}
.sitebar .product .price-block {
display: grid;
grid-template-columns: 2fr 1fr;
margin-top: 23px
}
.sitebar .product .price-block .price {
font-size: 25px;
font-weight: 700
}
.sitebar .product .price-block .price .old-price {
font-weight: 200;
font-style: italic;
text-decoration: line-through
}
.sitebar .product .price-block .raiting {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.sitebar .product .price-block .raiting img {
max-width: 100%
}
.sitebar .product .product-name a {
display: block;
font-size: 19px;
font-weight: 500;
margin-top: 10px;
color: #212121;
text-decoration: none;
cursor: pointer
}
.sitebar .product .product-name a:hover {
color: #cd262b;
text-decoration: underline
}
.sitebar .product .add-to-cart-block {
margin-top: 20px;
cursor: pointer
}
.sitebar .product .add-to-cart-block a {
color: #fff;
display: block;
background-color: #cd262b;
text-align: center;
padding: 15px;
text-decoration: none
}
.sitebar .slider-container {
width: 300px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}
.sitebar .slider-container .back-bar {
height: 10px;
position: relative
}
.sitebar .slider-container .back-bar .selected-bar {
position: absolute;
height: 100%
}
.sitebar .slider-container .back-bar .pointer {
position: absolute;
width: 10px;
height: 10px;
background-color: red;
cursor: col-resize;
opacity: 1;
z-index: 2
}
.sitebar .slider-container .back-bar .pointer.last-active {
z-index: 3
}
.sitebar .slider-container .back-bar .pointer-label {
position: absolute;
top: -20px;
font-size: 11px;
background: #fff;
white-space: nowrap;
line-height: 1
}
.sitebar .slider-container .back-bar .focused {
z-index: 10
}
.sitebar .slider-container .clickable-dummy {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
z-index: 1
}
.sitebar .slider-container .scale {
top: 2px;
position: relative
}
.sitebar .slider-container .scale span {
position: absolute;
height: 5px;
border-left: 1px solid #999;
font-size: 0
}
.sitebar .slider-container .scale ins {
font-size: 9px;
text-decoration: none;
position: absolute;
left: 0;
top: 5px;
color: #999;
line-height: 1
}
.sitebar .slider-container.slider-readonly .clickable-dummy,
.sitebar .slider-container.slider-readonly .pointer {
cursor: auto
}
.sitebar .theme-green .back-bar {
height: 5px;
border-radius: 2px;
background-color: #eee;
background-color: #e7e7e7;
background-image: -moz-linear-gradient(top, #eee, #ddd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee, #ddd);
background-image: -o-linear-gradient(top, #eee, #ddd);
background-image: linear-gradient(180deg, #eee, #ddd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeeeeee", endColorstr="#ffdddddd", GradientType=0)
}
.sitebar .theme-green .back-bar .selected-bar {
border-radius: 2px;
background-color: #cd272a;
background-image: -moz-linear-gradient(top, #cd272a, #c41e23);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd272a), to(#c41e23));
background-image: -webkit-linear-gradient(top, #cd272a, #c41e23);
background-image: -o-linear-gradient(top, #cd272a, #c41e23);
background-image: linear-gradient(180deg, #cd272a, #c41e23);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbdfade", endColorstr="#ff76fabc", GradientType=0)
}
.sitebar .theme-green .back-bar .pointer {
width: 14px;
height: 14px;
top: -5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #aaa;
background-color: #e7e7e7;
background-image: -moz-linear-gradient(top, #eee, #ddd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee, #ddd);
background-image: -o-linear-gradient(top, #eee, #ddd);
background-image: linear-gradient(180deg, #eee, #ddd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeeeeee", endColorstr="#ffdddddd", GradientType=0)
}
.sitebar .theme-green .back-bar .pointer-label {
color: #999
}
.sitebar .theme-green .back-bar .focused {
color: #333
}
.sitebar .theme-green .scale span {
border-left: 1px solid #e5e5e5
}
.sitebar .theme-green .scale ins {
color: #999
}
.sitebar .theme-blue .back-bar {
height: 5px;
border-radius: 2px;
background-color: #eee;
background-color: #e7e7e7;
background-image: -moz-linear-gradient(top, #eee, #ddd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee, #ddd);
background-image: -o-linear-gradient(top, #eee, #ddd);
background-image: linear-gradient(180deg, #eee, #ddd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeeeeee", endColorstr="#ffdddddd", GradientType=0)
}
.sitebar .theme-blue .back-bar .selected-bar {
border-radius: 2px;
background-color: #92c1f9;
background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
background-image: linear-gradient(180deg, #b1d1f9, #64a8f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb1d1f9", endColorstr="#ff64a8f9", GradientType=0)
}
.sitebar .theme-blue .back-bar .pointer {
width: 14px;
height: 14px;
top: -5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #aaa;
background-color: #e7e7e7;
background-image: -moz-linear-gradient(top, #eee, #ddd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee, #ddd);
background-image: -o-linear-gradient(top, #eee, #ddd);
background-image: linear-gradient(180deg, #eee, #ddd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeeeeee", endColorstr="#ffdddddd", GradientType=0)
}
.sitebar .theme-blue .back-bar .pointer-label {
color: #999
}
.sitebar .theme-blue .back-bar .focused {
color: #333
}
.sitebar .theme-blue .scale span {
border-left: 1px solid #e5e5e5
}
.sitebar .theme-blue .scale ins {
color: #999
}
.sitebar .popular-posts {
margin-bottom: 30px
}
.sitebar .popular-posts .post {
position: relative;
transition: .5s ease;
cursor: pointer
}
.sitebar .popular-posts .post img {
max-width: 100%
}
.sitebar .popular-posts .post .post-img-block img {
width: 100%
}
.sitebar .popular-posts .post .post-img-block label.category {
position: absolute;
top: 40px;
left: 30px;
min-width: 40px;
height: 20px;
background-color: #fff
}
.sitebar .popular-posts .post .data {
font-size: 14px;
margin: 10px 0 0;
text-indent: 0
}
.sitebar .popular-posts .post .data:before {
display: inline-block;
width: 15px;
height: 15px;
background-position: 50%;
background-size: 15px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/calendar.svg);
vertical-align: middle;
content: "";
margin-right: 10px
}
.sitebar .popular-posts .post .post-title {
margin: 0
}
.sitebar .popular-posts .post .post-title a {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
margin: 10px 0 0;
color: #212121;
text-decoration: none;
text-indent: 0
}
.sitebar .popular-posts .post .post-title a:hover {
text-decoration: underline;
color: #cd262b
}
.product-archive {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 30px
}
.product-template-default .product-archive {
display: block;
}
@media (max-width:440px) {
.product-archive {
display: block
}
.product-archive .term-description {
max-height: 205px;
overflow-y: auto
}
}
.product-archive .term-description {
max-height: 205px;
overflow-y: scroll;
position: relative
}
.product-archive .term-description:after {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 50px;
background: hsla(0, 0%, 99.6%, 0);
background: -moz-linear-gradient(top, hsla(0, 0%, 99.6%, 0) 0, hsla(0, 0%, 99.6%, .55) 41%, #fff 90%, #fff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, hsla(0, 0%, 99.6%, 0)), color-stop(41%, hsla(0, 0%, 99.6%, .55)), color-stop(90%, #fff), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, hsla(0, 0%, 99.6%, 0), hsla(0, 0%, 99.6%, .55) 41%, #fff 90%, #fff);
background: -o-linear-gradient(top, hsla(0, 0%, 99.6%, 0) 0, hsla(0, 0%, 99.6%, .55) 41%, #fff 90%, #fff 100%);
background: -ms-linear-gradient(top, hsla(0, 0%, 99.6%, 0) 0, hsla(0, 0%, 99.6%, .55) 41%, #fff 90%, #fff 100%);
background: linear-gradient(180deg, hsla(0, 0%, 99.6%, 0) 0, hsla(0, 0%, 99.6%, .55) 41%, #fff 90%, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#ffffff", GradientType=0);
content: ""
}
.product-archive span.open {
position: relative;
width: 30px;
height: 30px;
margin: 0 auto;
z-index: 99;
border-radius: 23px;
border: 2px solid #cd262b;
background-position: 50% 60%;
background-size: 17px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkAhUOMRZkEZgQAAABV0lEQVRo3u3VP0oDQRiG8cdKPEFALAUbvUAW1FsInkQPoMUE/yB4BIucw1MI0WCTJpVBxKSJxZoQlpnZnZnv2y0y73azS37PplnIy8vLy9v27QCwywWn7PHGC+/K4iGXHPHDK0Pm5dExI5b/14IrVf6axdoacQLQY7I+Ki+jxpuKNKEHj5VDvQRjkR5gbDnWSDBW5wPm1hvSCcah/MKn45ZkgnEaY3h23lwyEOEHHuEJDpiqJvj4KfsAfWZqCT5+Rn/1mD/hLpq/8fzqN+ebj2okBPAaCYG8dEIEX59w35i/jeOlEhJ4iYREPjVBgE9JEOJjEwT5mARhPjRBgQ9JUOKbJijyAEXNx9r/wS1S+fJf+PIgvrc/k+BjEwT5mARhPjRBgQ9JUOKbJijyTRKU+bqEFnhfQku8K6FF3pbQMl9N6IDfTOiIXyV0yAMUMh/cvLy8vLxt3h+mJ2lD8qSBGgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMi0yMVQxNDo0OToyMiswMDowMMa8pKkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDItMjFUMTQ6NDk6MjIrMDA6MDC34RwVAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
opacity: .5;
display: block;
top: 0
}
.product-archive .term-description.all {
max-height: max-content;
overflow: auto
}
.product-archive .term-description.all:after,
.product-archive .term-description.all:before {
content: none
}
.product-archive .term-description.all+.open {
transform: rotate(180deg)
}
.product-archive .category-archive .product-cats {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px
}
.product-archive .category-archive .product-cats .category-block {
transition: .5s ease;
text-align: center;
padding: 10px
}
.product-archive .category-archive .product-cats .category-block:hover {
-webkit-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
-moz-box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
box-shadow: 0 0 49px -20px rgba(0, 0, 0, .75);
transition: .5s ease
}
@media (max-width:800px) {
.product-archive .category-archive .product-cats .category-block {
grid-template-columns: 1fr
}
}
.product-archive .category-archive .product-cats .category-block img {
max-width: 125px
}
.product-archive .category-archive .product-cats p.cat-title {
background-color: #cd272b
}
.product-archive .category-archive .product-cats p.cat-title a {
color: #fff;
text-align: center;
text-decoration: none;
font-size: 14px;
padding: 10px 3px;
display: block
}
.product-archive .category-archive .product-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin-top: 35px
}
@media (max-width:440px) {
.product-archive .category-archive .product-list {
display: block
}
}
.product-archive .category-archive .product-list .product {
padding: 15px;
transition: .5s ease
}
.product-archive .category-archive .product-list .product:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
transition: .5s ease
}
.product-archive .category-archive .product-list .product .onsale {
display: none
}
.product-archive .category-archive .product-list .product .img-block {
display: block;
position: relative;
overflow: hidden;
height: 230px
}
.product-archive .category-archive .product-list .product .img-block img {
width: 900%;
height: auto;
display: block;
margin: 0 auto
}
.product-archive .category-archive .product-list .product .new:after {
content: "";
display: block;
position: absolute;
top: 10px;
right: 20px;
background-color: #cd262b;
width: 40px;
height: 20px
}
.product-archive .category-archive .product-list .product .sale:after {
content: "Распродажа!";
display: block;
position: absolute;
top: 10px;
right: 20px;
background-color: #ffc107;
width: max-content;
padding: 5px;
line-height: 1
}
.product-archive .category-archive .product-list .product .price-block {
display: grid;
grid-template-columns: 2fr 1fr;
margin-top: 23px
}
.product-archive .category-archive .product-list .product .price-block .price {
font-size: 25px;
font-weight: 700
}
.product-archive .category-archive .product-list .product .price-block .price .old-price {
font-size: 16px;
font-weight: 200;
font-style: italic;
text-decoration: line-through
}
.product-archive .category-archive .product-list .product .price-block .raiting {
display: grid;
grid-template-columns: 1fr
}
.product-archive .category-archive .product-list .product .price-block .raiting img {
max-width: 100%
}
.product-archive .category-archive .product-list .product .product-name {
display: block;
font-size: 19px;
font-weight: 500;
margin-top: 10px;
height: 45px;
overflow: hidden
}
.product-archive .category-archive .product-list .product .product-name a {
color: #212121;
text-decoration: none
}
.product-archive .category-archive .product-list .product .add-to-cart-block {
margin-top: 20px;
cursor: pointer
}
.product-archive .category-archive .product-list .product .add-to-cart-block a {
color: #fff;
display: block;
background-color: #cd262b;
text-align: center;
padding: 15px;
text-decoration: none
}
.product-archive .category-archive .woocommerce-pagination ul {
padding: 0;
width: 100%;
margin: 50px auto
}
.product-archive .category-archive .woocommerce-pagination ul li {
display: inline-block;
margin: 5px;
border: 1px solid #ddd;
width: 37px;
text-align: center
}
@media (max-width:450px) {
.product-archive .category-archive .woocommerce-pagination ul li {
display: inline-block;
margin: 1px;
border: 1px solid #ddd;
text-align: center
}
.product-archive .category-archive .woocommerce-pagination ul li a,
.product-archive .category-archive .woocommerce-pagination ul li span {
padding: 5px;
width: 17px
}
}
.product-archive .category-archive .woocommerce-pagination ul li a,
.product-archive .category-archive .woocommerce-pagination ul li span {
color: #212121;
cursor: pointer;
transition: .5s ease;
padding: 10px;
width: 17px;
display: block
}
.product-archive .category-archive .woocommerce-pagination ul li a:hover,
.product-archive .category-archive .woocommerce-pagination ul li span:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
transition: .5s ease
}
.product-archive .category-archive .woocommerce-pagination ul li span.current {
color: #fff;
background-color: #cd262b
}
.pagination-block {
display: block;
width: max-content;
margin: 50px auto
}
@media (max-width:440px) {
.pagination-block .nav-links {
padding: 0
}
}
.pagination-block .nav-links a,
.pagination-block .nav-links span {
display: inline-block;
padding: 10px;
margin: 0 5px;
width: 25px;
line-height: 25px;
text-align: center;
font-size: 14px;
border: 1px solid #ddd;
color: #212121;
cursor: pointer;
text-decoration: none;
transition: .5s ease
}
.pagination-block .nav-links a:hover,
.pagination-block .nav-links span:hover {
background-color: #ddd;
transition: .5s ease
}
@media (max-width:440px) {
.pagination-block .nav-links a,
.pagination-block .nav-links span {
font-size: 14px;
padding: 5px;
margin: 5px
}
}
.pagination-block .nav-links span.current {
background-color: #cd262b;
color: #fff
}
.blog-archive {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 30px
}
@media (max-width:440px) {
.blog-archive {
display: block
}
}
.blog-archive .blog-post-list .full-width-post {
display: block;
width: 100%;
margin-bottom: 30px;
background-color: #ddd
}
.blog-archive .blog-post-list .full-width-post .post-img {
min-height: 300px;
position: relative;
padding: 25px;
background-position: 50%;
background-size: cover
}
.blog-archive .blog-post-list .full-width-post .post-img .overflow {
background-color: rgba(0, 0, 0, .5);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block {
position: absolute;
bottom: 25px;
box-shadow: none
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block p {
margin: 0
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block p a {
color: #fff;
text-decoration: none
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block .data {
color: #fff;
font-size: 14px;
vertical-align: baseline;
margin-bottom: 20px
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block .data:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-position: 50%;
background-size: 19px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/calendar_white.svg);
vertical-align: middle;
margin-right: 10px
}
.blog-archive .blog-post-list .full-width-post .post-img .title-block .post-title {
font-size: 38px;
font-weight: 600;
color: #fff
}
@media (max-width:440px) {
.blog-archive .blog-post-list .full-width-post .post-img .title-block .post-title {
font-size: 20px
}
}
.blog-archive .blog-post-list .two-col-post-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin-bottom: 50px
}
.blog-archive .blog-post-list .two-col-post-list .post-block {
position: relative;
padding: 15px;
transition: .5s ease;
cursor: pointer
}
@media (max-width:440px) {
.blog-archive .blog-post-list .two-col-post-list .post-block {
padding: 5px
}
}
.blog-archive .blog-post-list .two-col-post-list .post-block:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
transition: .5s ease
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-img-block {
width: 100%;
height: 300px;
overflow: hidden
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-img-block img {
width: auto;
height: 300px
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-img-block label.category {
position: absolute;
top: 40px;
left: 30px;
min-width: 40px;
height: 20px;
background-color: #cd262b
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-data {
font-size: 14px;
margin: 10px 0 0
}
@media (max-width:440px) {
.blog-archive .blog-post-list .two-col-post-list .post-block .post-data {
font-size: 10px
}
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-data:before {
display: inline-block;
width: 15px;
height: 15px;
background-position: 50%;
background-size: 15px;
background-repeat: no-repeat;
background-image: url(//dam.net.ua/wp-content/themes/dam-net-ua-pached/img/calendar.svg);
vertical-align: middle;
content: "";
margin-right: 10px
}
@media (max-width:440px) {
.blog-archive .blog-post-list .two-col-post-list .post-block .post-data:before {
width: 10px;
height: 10px;
background-size: 10px
}
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-title {
margin: 0;
max-height: 80px;
overflow: hidden
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-title a {
display: block;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 10px 0 0;
color: #212121;
text-decoration: none
}
@media (max-width:440px) {
.blog-archive .blog-post-list .two-col-post-list .post-block .post-title a {
font-size: 16px
}
}
.blog-archive .blog-post-list .two-col-post-list .post-block .post-title a:hover {
text-decoration: underline;
color: #cd262b
}
.search-results .product-archive {
display: block !important;
}
.search-results .product-archive .product-cats {
border-bottom: 1px solid #ccc;
}
.prev-post a img,
.next-post a img {
width: 100%;
max-width: 100px;
height: auto;
}