@media print,
(max-width: 1439px)
{
/*-------------------
Global styles
-------------------*/
:root
{
--sidebar_width: 308px;
--font_size: 15px;
--font_size_title: 36px;
}
html.custom_scroll ::-webkit-scrollbar
{
width: 5px;
height: 5px;
}
.content_flex
{
margin-bottom: 72px;
}
.content_flex .content
{
width: calc(100% - var(--sidebar_width) - 32px);
}
/*------------
Notice
------------*/
.notice
{
font-size: 16px;
line-height: 20px;
padding: 16px 0;
}
/*----------
Tabs
----------*/
.tabs
{
margin-bottom: 32px;
}
.tabs button
{
font-size: 16px;
line-height: 20px;
height: 40px;
}
/*----------------
Pagination
----------------*/
.pagination
{
margin-top: 52px;
}
.pagination > * + *
{
margin-left: 16px;
}
.pagination a,
.pagination span /* my_added */
{
line-height: 50px;
width: 48px;
height: 48px;
}
/*------------
Header
------------*/
header
{
height: 268px;
}
header .info
{
padding: 24px 0;
}
header .bottom
{
padding: 16px 0 52px;
}
header .contacts .phone
{
font-size: 18px;
margin-top: 12px;
}
header .menu
{
width: 564px;
margin-bottom: -8px;
margin-left: -32px;
}
header .menu > *
{
margin-bottom: 8px;
margin-left: 32px;
}
header .feedback_btn
{
width: 180px;
}
header .links > * + *
{
margin-left: 24px;
}
header .search form .input
{
font-size: 30px;
}
header .search .tags {
margin-top: 40px;
margin-left: -15px;
}
header .search .search-answers /* my_added */
{
margin-left: -20px;
margin-top: 10px;
}
header .search .tags > *,
header .search .search-answers > * /* my_added */
{
margin-left: 15px;
}
/*----------
Menu
----------*/
#menu .cols .title
{
font-size: 20px;
line-height: 26px;
}
#menu .cols .item + .item
{
margin-top: 52px;
}
#menu .cols .items > * + *,
#menu .alphabet .items > * + *,
.all-brands .alphabet .items > * + *
{
margin-top: 8px;
}
#menu .cols .items a,
#menu .alphabet .items a,
.all-brands .alphabet .items a
{
font-size: 16px;
line-height: 22px;
}
#menu .alphabet,
.all-brands .alphabet
{
margin-bottom: -52px;
margin-left: -32px;
}
#menu .alphabet .item,
.all-brands .alphabet .item
{
width: calc(20% - 32px);
margin-bottom: 52px;
margin-left: 32px;
}
#menu .alphabet .letter,
.all-brands .alphabet .letter
{
font-size: 22px;
line-height: 24px;
}
/*-------------
Sidebar
-------------*/
aside .filter
{
padding: 32px;
}
aside .filter .item + .item
{
margin-top: 28px;
}
aside .filter .name
{
font-size: 22px;
}
aside .filter .name .icon
{
top: 3px;
}
aside .filter .data
{
margin-top: 16px;
margin-left: -16px;
}
aside .filter .field
{
margin-left: 2px;
}
aside .filter label
{
font-size: 16px;
padding: 10px 46px 8px 16px;
}
aside .filter .submit
{
margin-top: 32px;
}
aside .categories
{
padding: 32px;
}
aside .categories .title
{
font-size: 22px;
}
aside .categories .items > * + *
{
margin-top: 16px;
}
aside .categories .items a
{
font-size: 16px;
line-height: 22px;
}
aside .anchors .title
{
font-size: 23px;
line-height: 29px;
margin-bottom: 20px;
}
aside .anchors .items button
{
font-size: 17px;
line-height: 23px;
padding-left: 32px;
}
aside .gallery_thumbs
{
padding: 40px 71px 0 0;
}
aside .gallery_thumbs div + div
{
bottom: 20px;
left: 36px;
width: calc(100% - 71px);
}
aside .gallery_thumbs div + div + div
{
bottom: 40px;
left: 71px;
}
/*---------------
Page head
---------------*/
.page_head.margin
{
margin-bottom: 60px;
}
.page_title
{
font-size: 52px;
}
.breadcrumbs + .page_title
{
margin-top: 40px;
}
.breadcrumbs .sep
{
margin: 0 12px;
}
.page_head .btns
{
margin-top: 32px;
margin-bottom: -8px;
margin-left: -10px;
}
.page_head .btns .btn
{
font-size: 14px;
line-height: 16px;
margin-bottom: 8px;
padding: 10px 10px 6px;
}
.page_head .links
{
margin-top: 32px;
margin-bottom: -12px;
margin-left: -10px;
}
.page_head .links > *
{
margin-bottom: 8px;
}
.page_head .links .link
{
font-size: 14px;
line-height: 16px;
padding: 10px 10px 6px;
}
/*----------------
Block head
----------------*/
.block_head
{
margin-bottom: 24px;
}
.block_head.big_m
{
margin-bottom: 32px;
}
.block_head .desc
{
font-size: 17px;
line-height: 25px;
width: 1000px;
margin-top: 20px;
}
/*----------------
Typography
----------------*/
.text_block h2
{
font-size: 23px;
line-height: 29px;
}
.text_block h3
{
font-size: 19px;
line-height: 29px;
}
.text_block blockquote
{
font-size: 19px;
line-height: 27px;
padding: 60px 92px;
}
.text_block blockquote:before
{
font-size: 120px;
top: 64px;
left: 20px;
}
.text_block blockquote:after
{
font-size: 120px;
right: 20px;
bottom: 64px;
}
.text_block figure figcaption
{
font-size: 15px;
line-height: 21px;
margin-top: 20px;
padding: 0 28px;
}
/*-----------------
Main slider
-----------------*/
.first_section > .cont
{
min-height: 0;
padding-top: 500px;
padding-bottom: 80px;
}
.first_section header .bottom
{
padding: 64px 0 52px;
}
.first_section .services
{
margin-bottom: -15px;
margin-left: -15px;
}
.first_section .services > *
{
width: calc(20% - 15px);
margin-bottom: 15px;
margin-left: 15px;
}
.first_section .services .service
{
font-size: 18px;
line-height: 26px;
min-height: 112px;
padding: 23px;
}
.first_section .services .service .icon
{
bottom: 19px;
}
/*-----------------
About block
-----------------*/
.about_block .data .title
{
font-size: 38px;
}
.about_block .data .sub_title
{
font-size: 26px;
line-height: 28px;
margin-top: 12px;
}
/*--------------
Articles
--------------*/
.articles,
.articles.big_margin
{
margin-bottom: 72px;
}
.articles .row
{
margin-left: -32px;
}
.articles .row > *
{
width: calc(33.333% - 32px);
margin-left: 32px;
}
/*-------------
Banners
-------------*/
.banners
{
margin-bottom: 72px;
}
.banners .banner
{
height: 220px;
padding-right: 152px;
padding-bottom: 48px;
}
.banners .banner .info
{
width: 520px;
}
.banners .banner .name
{
font-size: 36px;
}
.banners .banner .price
{
font-size: 30px;
margin-left: 32px;
}
.banners .banner .price .sticker
{
top: -20px;
margin-left: 12px;
}
.banners .banner .desc
{
font-size: 20px;
line-height: 28px;
margin-top: 20px;
}
/*-------------------
Products head
-------------------*/
.products_head
{
margin-bottom: 24px;
}
.products_head .views .btn + .btn
{
margin-left: 16px;
}
/*--------------
Products
--------------*/
.products
{
margin-bottom: 72px;
}
.products .row
{
margin-bottom: -24px;
margin-left: -24px;
}
.products .row > *
{
width: calc(25% - 24px);
margin-bottom: 24px;
margin-left: 24px;
}
.content .products .row > *
{
width: calc(33.333% - 24px);
}
.products .product
{
padding: 27px;
}
.products .product .thumb
{
height: 220px;
}
.products .product .name
{
font-size: 19px;
line-height: 23px;
}
.products .product .link {
padding: 9px 9px 8px;
}
.products .list > * + *
{
margin-top: 24px;
}
.products .list .product
{
padding: 23px;
}
.products .list .product .info
{
width: calc(100% - 401px);
}
.products .list .product .btns
{
width: 150px;
margin-left: 0;
padding: 0;
}
/*------------
Brands
------------*/
.brands
{
margin-bottom: 72px;
}
.brands .swiper-container
{
margin-top: 0;
}
.brands .row
{
margin-bottom: -24px;
margin-left: -24px;
padding-top: 0;
}
.brands .row > *
{
width: calc(12.5% - 24px);
margin-bottom: 24px;
margin-left: 24px;
}
/*------------
Why we
------------*/
.why_we
{
margin-bottom: 72px;
}
.why_we .row
{
padding-top: 24px;
}
.why_we .item .icon + div
{
width: calc(100% - 96px);
}
.why_we .item .name
{
font-size: 20px;
}
/*------------------
Developments
------------------*/
.developments
{
margin-bottom: 71px;
}
.developments .row
{
margin-bottom: -32px;
margin-left: -32px;
padding-top: 0;
}
.developments .row > *
{
width: calc(33.333% - 32px);
margin-bottom: 32px;
margin-left: 32px;
}
/*---------------
Geography
---------------*/
.geography
{
margin-bottom: 72px;
padding: 80px 0;
}
/*-------------
Experts
-------------*/
.experts
{
margin-bottom: 80px;
}
.experts .item
{
padding: 20px 16px;
}
/*--------------
Partners
--------------*/
.partners
{
margin-bottom: 72px;
}
.partners .block_head
{
margin-bottom: 24px;
}
/*-----------
Certs
-----------*/
.certs .row
{
margin-bottom: -32px;
margin-left: -32px;
}
.certs .row > *
{
width: calc(16.666% - 32px);
margin-bottom: 32px;
margin-left: 32px;
}
.certs .cert .thumb
{
margin-bottom: 24px;
}
/*------------------
Product info
------------------*/
.product_info .head
{
margin-bottom: 36px;
}
.product_info .data
{
width: 560px;
}
.product_info .product_name
{
font-size: 44px;
line-height: calc(100% + 8px);
}
.product_info .desc
{
font-size: 16px;
line-height: 22px;
}
.product_info .rating,
.product_info .articul,
.product_info .btns
{
margin-top: 28px;
}
/* my_added */
.product_info .rating + .articul
{
margin-left: 32px;
}
/* my_added */
.product_info .btns .btn + .btn
{
margin-left: 28px;
}
.product_info .buy
{
margin-top: 16px;
padding: 24px 32px;
}
.product_info .buy .price
{
font-size: 36px;
width: calc(45% - 20px); /* my_added */
}
.product_info .buy .buy_btn
{
font-size: 16px;
padding: 16px 36px 14px;
}
.product_info .buy .quike_buy_btn
{
margin-top: 12px;
}
/* my_added */
.product_info .buy .for-btns {
width: calc(55% - 20px);
max-width: 250px;
}
/* my_added */
.product_info .pluses
{
margin-top: 48px;
margin-bottom: -28px;
margin-left: -40px;
}
.product_info .pluses > *
{
width: calc(50% - 40px);
margin-bottom: 28px;
margin-left: 40px;
padding-left: 44px;
}
.product_info .images
{
width: calc(100% - 580px);
}
.product_info .images .big
{
width: calc(100% - 106px);
}
.product_info .images .big .slide a
{
height: 560px;
}
.product_info .images .thumbs.swiper-container
{
padding: 33px 0;
}
.product_info .images .thumbs .swiper-button-prev
{
top: 0;
}
.product_info .images .thumbs .swiper-button-next
{
bottom: 0;
}
/*------------------
Product head
------------------*/
.product_head
{
padding: 32px 0;
}
.product_head .anchors div + div {
margin-left: 20px;
}
.product_head .download_link
{
margin-left: 20px;
padding: 12px 16px 10px;
}
.product_head .anchors .btn {
font-size: 14px;
}
/*----------------------
Product overview
----------------------*/
.product_overview
{
margin-bottom: 80px;
padding: 120px 0;
}
.product_overview .data
{
width: 604px;
}
.product_overview .title
{
font-size: 48px;
}
.product_overview .sub_title
{
font-size: 28px;
line-height: 36px;
width: 568px;
margin-top: 20px;
}
.product_overview .desc
{
font-size: 20px;
line-height: 30px;
margin-top: 40px;
}
/*------------------------
Product advantages
------------------------*/
.product_advantages .spoler_btn
{
font-size: 13px;
padding: 15px 20px 12px;
}
.product_advantages .row
{
margin-bottom: -32px;
margin-left: -32px;
}
.product_advantages .row > *
{
width: calc(33.333% - 32px);
margin-bottom: 32px;
margin-left: 32px;
}
.product_advantages .thumb
{
height: 280px;
margin-bottom: 28px;
}
.product_advantages .name
{
font-size: 22px;
}
.product_advantages .desc
{
line-height: 22px;
}
/*----------------------
Product features
----------------------*/
.product_features .nice-select
{
width: 240px;
}
.product_features .nice-select .current
{
font-size: 13px;
padding: 13px 40px 10px 20px;
}
.product_features .nice-select .list .list_item
{
font-size: 13px;
padding: 8px 20px;
}
.product_features .filter .icon
{
right: 18px;
}
/*---------------
Documents
---------------*/
.documents
{
margin-bottom: 80px;
}
.documents .row
{
margin-bottom: -32px;
margin-left: -32px;
}
.documents .row > *
{
width: calc(33.333% - 32px);
margin-bottom: 32px;
margin-left: 32px;
}
.documents .document .thumb
{
width: 120px;
height: 169px;
}
.documents .document .thumb .icon
{
width: 90px;
height: 100px;
}
.documents .document .thumb + *
{
width: calc(100% - 144px);
padding-top: 40px;
}
.documents .document .name
{
font-size: 17px;
}
.documents .document .info
{
font-size: 13px;
line-height: 19px;
margin-top: 16px;
}
/*------------------
Has question
------------------*/
.has_question
{
padding: 60px 0;
}
.has_question .data
{
width: calc(100% - 600px);
}
.has_question .data .title
{
font-size: 36px;
margin-bottom: 20px;
}
.has_question .data .desc
{
font-size: 16px;
line-height: 22px;
}
.has_question .data .btn
{
margin-top: 20px;
padding: 10px 24px 8px;
}
.has_question .manager
{
width: 520px;
padding: 36px;
}
.has_question .manager .photo + div
{
width: calc(100% - 186px);
}
.has_question .manager .name
{
font-size: 21px;
}
.has_question .manager .link
{
margin-top: 16px;
}
.has_question .manager .link a
{
font-size: 16px;
line-height: 22px;
}
.has_question .manager .link .icon
{
bottom: 5px;
}
/*-----------------------------
Educational center info
-----------------------------*/
.educational_center_info
{
margin-bottom: 60px;
}
.educational_center_info .head
{
padding: 80px 0;
}
.educational_center_info .head .title
{
font-size: 48px;
}
.educational_center_info .head .sub_title
{
font-size: 28px;
line-height: 36px;
}
.educational_center_info .head .desc
{
font-size: 20px;
line-height: 30px;
width: 784px;
margin-top: 40px;
}
.educational_center_info .links
{
padding: 40px 0;
}
.educational_center_info .links .row
{
margin-bottom: -12px;
margin-left: -10px;
}
.educational_center_info .links .row > *
{
margin-bottom: 8px;
}
.educational_center_info .links a
{
font-size: 14px;
line-height: 16px;
padding: 10px 10px 6px;
}
/*----------------------
Directions study
----------------------*/
.directions_study .direction + .direction
{
margin-top: 52px;
}
.directions_study .data .name
{
font-size: 26px;
}
.directions_study .link
{
margin-top: 8px;
}
.directions_study .link a
{
height: 40px;
}
/*-------------------
Services list
-------------------*/
.services_list
{
margin-bottom: 60px;
}
.services_list .service .name
{
font-size: 22px;
min-height: 72px;
padding-left: 100px;
}
.services_list .service .link
{
margin-top: 8px;
}
.services_list .service .link a
{
height: 40px;
}
/*-------------------
Contacts info
-------------------*/
.contacts_info .head
{
margin-bottom: 60px;
padding: 50px 0;
}
.contacts_info .head .links .row + .row /* my_added */
{
margin-top: 16px;
}
.contacts_info .data .company
{
font-size: 36px;
}
.contacts_info .info > *:last-child
{
width: calc(100% - 612px);
}
.contacts_info .info .title
{
font-size: 22px;
margin-bottom: 16px;
}
.contacts_info .info .title .icon
{
max-height: 36px;
margin-right: 16px;
}
.contacts_info .info .contacts
{
padding-left: 41px;
}
.contacts_info .info .contacts .name
{
font-size: 16px;
line-height: 30px;
width: 92px;
padding-right: 16px;
}
.contacts_info .info .contacts .val
{
font-size: 16px;
line-height: 30px;
width: calc(100% - 92px);
}
.contacts_info .info .contacts .exp
{
margin-top: 2px;
}
.contacts_info .info .time
{
font-size: 16px;
line-height: 30px;
padding-left: 52px;
}
.contacts_info .info .time span
{
line-height: 20px;
}
.contacts_info .info .location
{
padding-left: 47px;
}
.contacts_info .info .location .name
{
font-size: 16px;
line-height: 30px;
width: 144px;
padding-right: 16px;
}
.contacts_info .info .location .val
{
font-size: 16px;
line-height: 30px;
width: calc(100% - 144px);
}
.contacts_info .info .location .exp
{
margin-top: 2px;
}
.contacts_info .map
{
margin-bottom: 60px;
}
/*----------
Team
----------*/
.team
{
margin-bottom: 60px;
}
.team .row
{
margin-bottom: -24px;
margin-left: -24px;
}
.team .row > *
{
width: calc(25% - 24px);
margin-bottom: 24px;
margin-left: 24px;
}
.team .person
{
padding: 29px;
}
.team .person .photo
{
width: 140px;
height: 140px;
margin-bottom: 24px;
}
.team .person .name
{
font-size: 20px;
}
.team .person .location,
.team .person .link a
{
font-size: 16px;
line-height: 22px;
}
.team .person .contacts > * + *
{
margin-top: 4px;
}
/*-------------------------
Service center info
-------------------------*/
.service_center_info
{
margin-bottom: 60px;
}
.service_center_info .head
{
padding: 80px 0;
}
.service_center_info .head .title
{
font-size: 48px;
}
.service_center_info .head .desc
{
font-size: 20px;
line-height: 30px;
width: 784px;
margin-top: 40px;
}
.service_center_info .head .link
{
margin-top: 40px;
}
.service_center_info .head .link a
{
padding: 15px 24px 11px;
}
.service_center_info .links
{
padding: 40px 0;
}
.service_center_info .links .row
{
margin-bottom: -12px;
margin-left: -10px;
}
.service_center_info .links .row > *
{
margin-bottom: 12px;
}
.service_center_info .links a,
.service_center_info .links span /* my_added */
{
font-size: 14px;
line-height: 16px;
padding: 10px 10px 6px;
}
/*-----------------------------
Service center services
-----------------------------*/
.service_center_services .row
{
margin-bottom: -40px;
margin-left: -40px;
}
.service_center_services .row > *
{
width: calc(50% - 40px);
margin-bottom: 40px;
margin-left: 40px;
}
.service_center_services .title
{
font-size: 30px;
margin-bottom: 24px;
}
.service_center_services .thumb
{
margin-bottom: 24px;
}
/*------------------
Catalog info
------------------*/
.catalog_info .head
{
padding: 50px 0;
}
.catalog_info .head .title
{
font-size: 48px;
}
.catalog_info .head .download_link
{
margin-top: 3px;
}
.catalog_info .head .desc
{
font-size: 20px;
line-height: 30px;
width: 784px;
margin-top: 40px;
}
.catalog_info .links
{
padding: 40px 0;
}
.catalog_info .links .row
{
margin-bottom: -12px;
margin-left: -10px;
}
.catalog_info .links .row > *
{
margin-bottom: 8px;
}
.catalog_info .links a,
.catalog_info .links span /* my_added */
{
font-size: 14px;
line-height: 16px;
padding: 10px 10px 6px;
}
/*----------------
Brand info
----------------*/
.brand_info .content_flex + .content_flex
{
margin-top: 32px;
}
.brand_info .brand_name
{
font-size: 40px;
padding: 0;
}
.brand_info .logo
{
padding-left: 32px;
}
.brand_info .desc
{
font-size: 24px;
line-height: calc(100% + 8px);
margin-top: 16px;
}
.brand_info .link a,
.for-more-link .more-link
{
height: 40px;
}
.brand_info .cert
{
padding: 0 32px;
}
.brand_info .cert .thumb
{
margin-bottom: 20px;
}
/*------------------
Landing head
------------------*/
.landing_head
{
padding: 50px 0 80px;
}
.landing_head .title
{
font-size: 48px;
}
.landing_head .download_link
{
margin-top: 3px;
}
.landing_head .categories
{
margin-top: 44px;
margin-bottom: -15px;
margin-left: -15px;
}
.landing_head .categories > *
{
width: calc(20% - 15px);
margin-bottom: 15px;
margin-left: 15px;
}
.landing_head .categories .category
{
font-size: 18px;
line-height: 26px;
min-height: 112px;
padding: 23px;
}
.landing_head .categories .category .icon
{
bottom: 19px;
}
/*-------------------
Landing about
-------------------*/
.landing_about
{
padding: 60px 0;
}
.landing_about .data
{
width: calc(100% - 328px);
}
.landing_about .data .title
{
font-size: 36px;
margin-bottom: 24px;
}
.landing_about .data .text_block
{
font-size: 16px;
line-height: 22px;
}
.landing_about .data .btn
{
margin-top: 24px;
padding: 11px 20px 9px;
}
.landing_about .manager
{
width: 288px;
padding: 29px;
}
.landing_about .manager .photo
{
width: 140px;
height: 140px;
margin-bottom: 24px;
}
.landing_about .manager .name
{
font-size: 20px;
}
.landing_about .manager .location,
.landing_about .manager .link a
{
font-size: 16px;
line-height: 22px;
}
.landing_about .manager .contacts > * + *
{
margin-top: 4px;
}
/*--------------
Seo text
--------------*/
.seo_text
{
margin-bottom: 60px;
}
.seo_text .spoler_btn
{
font-size: 13px;
padding: 14px 20px 10px;
}
/*-------------------
Articles head
-------------------*/
.articles_head
{
margin-bottom: 60px;
padding: 48px 0;
}
.articles_head .years
{
font-size: 14px;
line-height: 16px;
margin-left: -10px;
margin-top: 26px;
}
.articles_head .years a, .articles_head .years span {
padding: 10px 10px 6px;
}
/*------------
Events
------------*/
.events
{
margin-bottom: 72px;
}
.events .row
{
margin-bottom: -40px;
margin-left: -24px;
}
.events .row > *
{
width: calc(50% - 24px);
margin-bottom: 40px;
margin-left: 24px;
}
.events .event
{
padding: 27px 27px 27px 23px;
}
.events .event .category
{
top: 24px;
}
.events .event .info
{
width: 50%;
}
.events .event .date
{
font-size: 15px;
line-height: 19px;
margin-bottom: 16px;
padding-left: 60px;
}
.events .event .name
{
font-size: 19px;
line-height: 23px;
}
.events .event .location
{
font-size: 12px;
line-height: 18px;
margin-top: 16px;
}
.events .event .desc
{
font-size: 13px;
line-height: 19px;
margin-top: 12px;
}
/*------------------
Photogallery
------------------*/
.photogallery .row
{
margin-bottom: -56px;
margin-left: -28px;
}
.photogallery .row > *
{
width: calc(33.333% - 28px);
margin-bottom: 56px;
margin-left: 28px;
}
.photogallery .item .thumb
{
margin-bottom: 24px;
padding: 40px 71px 0 0;
}
.photogallery .item .thumb div + div
{
bottom: 20px;
left: 36px;
width: calc(100% - 71px);
}
.photogallery .item .thumb div + div + div
{
bottom: 40px;
left: 71px;
}
.photogallery .item .count
{
margin-left: 28px;
}
.photogallery .item .name
{
font-size: 19px;
line-height: 23px;
margin-top: 12px;
}
/*---------------
Equipment
---------------*/
.equipment
{
margin-bottom: 72px;
}
.equipment .row
{
margin-bottom: -40px;
margin-left: -24px;
}
.equipment .row > *
{
width: calc(50% - 24px);
margin-bottom: 40px;
margin-left: 24px;
}
.equipment .item
{
padding: 27px 27px 27px 23px;
}
.equipment .item .info
{
width: 50%;
}
.equipment .item .date,
.equipment .item .person
{
margin-bottom: 16px;
}
.equipment .item .name
{
font-size: 19px;
line-height: 23px;
}
.equipment .item .desc
{
font-size: 14px;
line-height: 20px;
}
/*------------------
Article info
------------------*/
.article_info
{
margin-bottom: 80px;
padding-top: 48px;
--sidebar_width: 400px;
}
.article_info .article_title
{
font-size: 44px;
}
.article_info .images .thumbs
{
margin-top: 20px;
padding: 0 28px;
}
/*----------------
Event info
----------------*/
.event_info .head
{
margin-bottom: 24px;
margin-left: -24px;
}
.event_info .head > *
{
margin-bottom: 8px;
margin-left: 24px;
}
.event_info .invite
{
padding: 40px 52px;
}
.event_info .invite .title
{
font-size: 26px;
line-height: 32px;
}
.event_info .invite .desc
{
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.event_info .invite .get_btn
{
margin-top: 28px;
padding: 12px 24px 9px;
}
.event_info .photogallery
{
margin-top: 100px;
}
.event_info .photogallery .item .name
{
padding: 0 36px;
}
/*----------------
Equipment info
----------------*/
.equipment_info .head
{
margin-left: -24px;
}
.equipment_info .head > *
{
margin-bottom: 8px;
margin-left: 24px;
}
/*------------------
Gallery info
------------------*/
.gallery_info .head
{
margin-left: -24px;
}
.gallery_info .head > *
{
margin-bottom: 8px;
margin-left: 24px;
}
.gallery_info .images .row
{
margin-bottom: -24px;
margin-left: -24px;
}
.gallery_info .images .row > *
{
width: calc(16.666% - 24px);
margin-bottom: 24px;
margin-left: 24px;
}
/*------------
Footer
------------*/
.footer-offices-item {
width: calc(100% / 5);
flex: 0 0 calc(100% / 5);
}
.full-catalog-list-item {
flex: 0 0 calc(100% / 3 - 50px * 2 / 3);
margin: 0 50px 75px 0;
}
.full-catalog-list-item-head .wrap-image {
margin-right: 20px;
}
.catalogs-list-item {
flex: 0 0 calc(100% / 5 - 30px * 4 / 5);
width: calc(100% / 5 - 30px * 4 / 5);
}
.press-catalog .catalogs-list-item:nth-child(6n) {
display: none;
}
.compare_info .compare_features {
width: 230px;
padding-bottom: 39px;
}
.compare_info .compare_features .title {
font-size: 20px;
}
.compare_info .products {
width: calc(100% - 230px);
}
.compare_info .data {
margin-right: -15px;
}
.compare_info .products .product {
margin: 13px 15px 20px;
padding: 27px 15px 15px;
}
.compare_info .products .product .features {
font-size: 14px;
line-height: 18px;
margin-top: 10px;
margin-right: -10px;
margin-left: -10px;
}
.compare_info .products .product .features > * {
padding: 12px 10px 10px;
}
.compare_info .compare_features > * {
padding: 12px 10px 10px 0;
}
header .wrap-search-products-list-item {
margin: 0 10px 0 0;
}
header .search .wrap-search-question + .wrap-search-question,
header .search .wrap-search-question .wrap-search-answer,
header .wrap-search-products-list {
margin-top: 25px;
}
header .search .search-question {
font-size: 18px;
line-height: 18px;
padding: 16px 20px;
}
header .search .wrap-search-question .search-answer {
font-size: 18px;
line-height: 18px;
padding: 11px 20px;
}
.first_section header {
height: 460px;
}
.cart-product .wrap-image {
flex: 0 0 100px;
width: 100px;
margin-right: 20px;
}
.cart-product .description {
font-size: 14px;
line-height: 18px;
}
.form .phone-selector {
width: calc(100% - 60px);
flex: 0 0 calc(100% - 60px);
}
.cart-product .name {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.cart-product .price-amount .price {
margin-right: 12px;
font-size: 16px;
line-height: 20px;
}
.cart-product .stock-info img {
margin-right: 5px;
width: 16px;
}
.cart-product .stock-info {
width: auto;
font-size: 14px;
line-height: 20px;
}
.cart-product .wrap-info {
width: calc(100% - 120px);
flex: 0 0 calc(100% - 120px);
}
.cart-product {
padding-right: 30px;
}
.order-cart {
padding: 25px 25px 25px;
}
.order-cart .title {
font-size: 34px;
margin-bottom: 25px;
}
.cart-product + .cart-product {
margin-top: 30px;
}
.cart-total-block {
padding-left: 120px;
margin-top: 40px;
}
.cart-total-block .total-cost {
font-size: 20px;
line-height: 20px;
}
.form {
--form_columns_offset: 20px;
}
.form .line {
margin-bottom: 30px;
}
.orders-history .btn-repeat {
font-size: 12px;
line-height: 16px;
padding: 8px 12px 6px;
}
.contacts_info .head .row {
margin-left: -10px;
}
.contacts_info .head a
{
font-size: 14px;
line-height: 16px;
padding: 10px 10px 6px;
}
.goods-questions,
.page-content,
.category-questions {
margin-bottom: 60px;
}
.goods-questions .row {
margin-bottom: -30px;
margin-left: -30px;
}
.goods-questions-item {
padding: 29px 29px 29px 29px;
width: calc(50% - 30px);
margin-bottom: 30px;
margin-left: 30px;
}
.category-questions-item + .category-questions-item {
margin-top: 50px;
}
.specialist-opinion .title {
font-size: 12px;
line-height: 14px;
}
.specialist-opinion .wrap-image {
margin: 10px 0;
}
.specialist-opinion .name {
font-size: 18px;
margin-bottom: 8px;
}
.specialist-opinion .post {
font-size: 12px;
line-height: 14px;
}
.specialist-opinion .text {
margin-top: 20px;
}
}