html{ font-size: 16px; overflow-x: hidden; } body{ background-color: #ebedec; overflow-x: hidden; font-family: 'Montserrat'; } button, button:active, button:focus { outline: none; } .justifyfull{ text-align: justify; } .main-page { width: 100%; display: flex; justify-content: center; align-items: center; background-color: #E6E6E6; } .content-page{ padding-left:20px; } .page{ width: 100%; max-width: 1920px; display: flex; flex-wrap: wrap; /* background-image: url(/maket/1_2.jpg);*/ opacity: 1; background-size:cover; background-position: top; background-repeat: no-repeat; position: relative; } /*Фиксированный блок*/ .l_block{ width: 20%; background-color:#000; height: 100vh; max-height: 100vh; position: fixed; overflow-x: hidden; background-image: url(/img/l_block_fon.png); background-size:cover; background-position: top; background-repeat: no-repeat; max-width: 384px; padding: 1rem; } @media (min-width: 1200px) and (max-width: 1440px){ .l_block{padding: 2rem;} } @media (min-width: 1025px) and (max-width: 1199px){ .l_block{padding: 2rem 1rem;} } @media (min-width: 450px) and (max-width: 1024px){ .l_block{ min-width: 100%; position: relative; height: 200px; background-position: 50% 20%; } } @media (max-width: 449px){ .l_block{ min-width: 100%; position: relative; height: 400px; background-position: center; background-image: url(/img/l_block_fon_mob.jpg); padding: 2.5rem; } } /*Поиск*/ .poisk{ width: 100%; display:flex; } .poisk:hover .poisk-input{ width: 100%; transition: 1s; padding: .3rem .5rem; } .poisk:hover .lupa-poisk{ margin-left: 1rem; } .sisea-search-form{ width: 0; transition: 2s; } .poisk:hover .sisea-search-form{ width: 100%; } .poisk-input{ width: 0px; /* width: 100%;*/ border: 0px; padding: 0; font-size: 1rem; transition: 1s; height: 35px; } .lupa-poisk{ background-image: url(/img/icon/lupa.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 35px; height: 35px; cursor: pointer; } .simplesearch-result a{ color: #0039a6; font-size: 1.4rem; } .simplesearch-result h3{ color: #0039a6; font-size: 1.4rem; } .simplesearch-paging{ width: 100%; } /*Боковой мини-блок*/ #mini-block{ width: 100%; margin-top: 3rem; color: #fff; position: relative; } .mini-block-text span{ font-weight: 500; text-transform: uppercase; font-size: 1.5rem; letter-spacing: 1.5px; } .mini-block-text p{ font-size: .8rem; font-weight: 300; text-transform: uppercase; } .mini-block-button{ width: 100%; border:1px solid #fff; text-align: center; } .mini-block-button a{ margin: 0; display: block; width: 100%; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 1.2rem; } .mini-block-button p{ margin: 0; padding: 1rem; } .mini-block-button:hover{ background-color: #fff; } .mini-block-button a:hover{ color:#001846; text-decoration: none; } @media (min-width: 1300px) and (max-width: 1440px){ #mini-block{ margin-top: 2rem; } .mini-block-text span{ font-size: 1.1rem; } .mini-block-text p{ font-size: .8rem; } .mini-block-button a{ font-size: 1rem; } } @media (min-width: 1025px) and (max-width: 1299px){ #mini-block{ margin-top: 1.5rem; } .mini-block-text span{ font-size: .9rem; } .mini-block-text p{ font-size: .6rem; } .mini-block-button a{ font-size: .9rem; } } @media (min-width: 450px) and (max-width: 1024px){ #mini-block{ margin-top: 1rem; display: flex; justify-content: center; align-content: center; width: 100%; } .mini-block-text{ display: flex; flex-wrap: wrap; min-width: 70%; justify-content: center; align-content: center; text-align: center; } .mini-block-text span{ font-size: 1.5rem; } .mini-block-text p{ font-size: 1rem; width: 100%; margin: 0; } .mini-block-button{ height: 50px; } .mini-block-button a{ font-size: .9rem; } } @media (max-width: 449px){ .mini-block-button{ display: none; } #mini-block{ position: absolute; bottom: 2rem; width: calc(100% - 2rem); } } /*Мобильное лого*/ .mob-img{ display: none; width: 100%; height: 250px; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center; } @media (max-width: 449px){ .mob-img{ display: block; } } /*Подвал*/ #footer{ position: absolute; bottom: 20px; color: #fff; } .contact_item{ text-transform: uppercase; margin: .5rem 0rem; font-weight: 400; } .contact_item i{ margin-right: .5rem; } .footer-link{ width: 100%; display: grid; gap: .85rem; } .footer-link-item{ margin: 0; color:#fff; display:grid; gap:10px; } .footer-link-item a{ color:#fff; font-size:12px; } .footer-docs{ position: relative; display: inline-flex; align-items: center; width: 100%; max-width: 180px; } .footer-docs__toggle{ display: inline-flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 0; border: 0; background: transparent; color: #fff; font-family: 'Montserrat'; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; width: 100%; text-align: left; line-height: 1.2; } .footer-docs__toggle::after{ content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform .2s ease; } .footer-docs.is-open .footer-docs__toggle::after{ transform: rotate(45deg); } .footer-docs__panel{ position: absolute; left: calc(100% + 14px); top: 50%; bottom: auto; transform: translateY(-50%); width: 196px; padding: 12px 14px; border-radius: 12px; background: #fff; box-shadow: 0 18px 40px rgba(0, 0, 0, .22); display: grid; gap: 8px; z-index: 20; } .footer-docs__panel[hidden]{ display: none; } .footer-docs__panel a{ color: #001846; font-size: 12px; line-height: 1.3; text-decoration: none; } .footer-docs__panel a:hover{ color: #0039a6; text-decoration: underline; } @media (min-width: 1200px) and (max-width: 1440px){ .footer-link-item{ margin: .5rem 0rem; } } @media (min-width: 1025px) and (max-width: 1299px){ .footer-docs__panel{ width: 182px; left: calc(100% + 12px); } } @media (max-width: 1024px){ #footer{ display: none; } } /*Центральный блок*/ .c_block{ width: 80%; margin-left: 20%; min-height: 100vh; background-color: #fff; } @media (max-width: 1024px){ .c_block{ width: 100%; margin-left: auto; min-height: auto; } } /*Меню*/ /*Основное меню*/ .index-menu ul{ display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; } .index-menu li{ width: 200px; list-style-type: none; background-color: #0039a6; flex-grow: 1; text-align: center; line-height: 3.5; border: 1px solid #fff; } .index-menu li a{ color: #fff; font-family: 'Montserrat'; font-weight: 600; font-size: 1.5rem; letter-spacing: -1px; width: 100%; height: 100%; display: block; } .index-menu li:hover{ background-color: #E6E6E6; } .index-menu li a:hover{ color: #0039a6; text-decoration: none; } #menu{ width: 100%; position: relative; } .open{ position: absolute; width: 100%; top:80px; display: none; padding-top: 20px; text-align: left; line-height: 1.5; left: 0; z-index: 3; } .open-fon{ background-color: #fff; padding: 1rem; display: flow-root; } .item-menu:hover .open{ display:block; } .open h3{ color:#0039a6; font-family: 'Montserrat'; font-weight: 800; font-size: 1.3rem; } .card_item_menu{ background-color: #E6E6E6; float: left; width: 290px; margin: 5px; padding: .5rem; display: flex; } .card_item_image{ min-width: 95px; max-height: 130px; background-color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 10px; } .card_item_block_text h4{ font-size: .9rem; margin-bottom: .3rem; } .card_item_block_text h4 a{ color: #0039a6; font-weight: 700; font-family: 'Montserrat'; font-size: .9rem; } .card_item_block_text h4 a:hover{ color: #E31E24; } .card_item_text{ font-family: 'Montserrat'; font-size: .8rem; font-weight: 500; color: #000; } .card_item_text p{ margin: 0; } @media (min-width: 1200px) and (max-width: 1440px){ .index-menu li{ line-height: 3; } .index-menu li a{ font-size: 1.3rem; } .open{ top:60px; } .card_item_block_text h4 a{ font-size: .9rem; } .card_item_menu{ width: 220px; } } @media (min-width: 1024px) and (max-width: 1199px){ .index-menu li{ line-height: 3; } .index-menu li a{ font-size: 1.3rem; } .open{ top:60px; } .card_item_block_text h4 a{ font-size: .9rem; } .card_item_menu{ width: 250px; } } @media (min-width: 450px) and (max-width: 1023px){ .index-menu li{ line-height: 3; width: 100px; } .index-menu li a{ font-size: 1.2rem; } .open{ top:60px; } .card_item_block_text h4 a{ font-size: .9rem; } .card_item_menu{ width: 235px; } } @media (max-width: 449px){ #menu{ display: none; } } /*Мобильное меню*/ #mob-menu{ display: none; } @media (max-width: 449px){ #mob-menu{ display: block; } .mob-block-menu{ position: relative; } .mob-button-menu{ display: flex; justify-content: center; align-content: center; margin: 0; z-index: 3; height: 70px; background-color:#0039A6; position: relative; } #menuToggle { overflow: hidden; position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #menuToggle input { display: flex; width: 60px; height: 60px; position: absolute; cursor: pointer; opacity: 0; /* hide input */ z-index: 1; /* top of the menu */ } #menuToggle span{ width: 55px; height: 8px; margin-bottom: 10px; background: #fff; border-radius: 4px; -webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71); -moz-transition: all .5s cubic-bezier(.08,.81,.87,.71); -ms-transition: all .5s cubic-bezier(.08,.81,.87,.71); -o-transition: all .5s cubic-bezier(.08,.81,.87,.71); transition: all .5s cubic-bezier(.08,.81,.87,.71); } #span1 { transform-origin: 4px 0px; } #span3 { transform-origin: bottom right; } #menuToggle input:checked ~ #span1 { background-color: #fff; transform: rotate(45deg) translate(8px); } #menuToggle input:checked ~ #span2 { background-color: #fff; transform: rotate(495deg) translate(4px); } #menuToggle input:checked ~ #span3 { background-color: #fff; transform: rotate(45deg); opacity: 0; } .mob-open-menu{ display: none; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; background-color: #0039A6; padding-bottom: .5rem; position: absolute; z-index: 2; } .mob-open-menu-item{ width: 100%; } .mob-open-menu-item a{ color: #fff; font-size: 1.3rem; display: block; width: 100%; text-transform: uppercase; } .mob-open-menu-item p{ margin: 0; padding: .5rem 0; } .mob-block-menu:hover #mob-open-menu{ display: flex; } } /*Слайдер*/ #slider{ background-image: url(/img/slider-fon.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 455px; width: 100%; } .carousel-control-prev-icon{ background-image:url(/img/icon/l_arrow.png); width: 15px; height: 80px; } .carousel-control-next-icon{ background-image:url(/img/icon/r_arrow.png); width: 15px; height: 80px; } .slider-index{ height: 100%; } .slider-block { display: flex; flex-wrap: wrap; position: relative; width: 100%; height: 100%; align-items: center; justify-content: center; } .carousel-inner{ height: 100%; } .carousel-item{ height: 100%; } .slider-img{ width: 55%; height: 400px; background-position: center; background-repeat: no-repeat; background-size: contain; } .slider-text{ width: 40%; font-family: 'Montserrat'; padding: 0 5rem; } .slider-text .slide-h1{ text-transform: uppercase; margin: 0; font-size: 2rem; font-weight: 800; color: #000; line-height: 1.2; } .slider-text h1{ text-transform: uppercase; margin: 0; font-size: 2rem; font-weight: 800; color: #000; } .slider-text p{ font-size: 1.2rem; margin-top: 1rem; font-weight: 500; } @media (min-width: 450px) and (max-width: 1023px){ #slider{ height: 350px; } .slider-img{ height: 350px; } .slider-text{ padding: 0 1rem; } .slider-text h1{ font-size: 1.8rem } .slider-text p{ font-size: 1rem; } } @media (max-width: 449px){ #slider{ display: none; background-image: none; } } /*Инфографика 1 на главной*/ #infografika-1 { background-color: #F5F5F5; padding: 1rem; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } .titel_h2{ text-align: center; width: 100%; } .titel_h2 h2{ color: #000; font-size: 1.8rem; font-weight: 800; font-family: 'Montserrat'; padding-top: 2rem; } .block-info-1{ width: 100%; /*max-width: 1100px;*/ margin: 1rem 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } .red{ color:#D52B1E; border: 4px solid #D52B1E; } .blue{ color: #0039A6; border: 4px solid #0039A6; } .black{ color: #000; border: 4px solid #000; } .info_1, .info_2, .info_3{ display: flex; align-content: center; justify-content: center; padding: 1rem; font-family: 'Montserrat'; } .info_2{ width: 100%; max-width: 1000px; position: relative; } .info_number_block{ width: 260px; margin: 0 3rem; } .info_number_block{ text-align: center; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; } .info_number{ width: 50px; height: 50px; line-height: 1.3; border-radius: 50%; font-size: 2rem; font-weight: 600; margin-bottom: 1rem; } .info_img_block{ width: 100%; position: relative; } .line_icon_info{ position: absolute; display: flex; justify-content: center; align-content: center; width: 100%; top: 0; } .icon_info{ background-position: center; background-repeat: no-repeat; background-size: contain; width: 120px; height: 100px; margin: 2.5rem; } .info_img_block svg{ width: 100%; height: 188px; } .info_mob_block_number{ display: none; } @media (min-width: 450px) and (max-width: 1023px){ .info_number_block{ width: 170px; margin: 0 1rem; } .info_text_block{ font-size: .8rem; } .info_1, .info_2, .info_3{ padding: .5rem; } } @media (max-width: 449px){ .info_1{ order:2; flex-wrap: wrap; } .info_2{ order:1; } .info_3{ order:3; flex-wrap: wrap; display: none; } .icon_info{ margin: 0; height: 100%; background-size: 40%; } .line_icon_info{ height: 100%; } .info_img_block svg{ width: 100%; height: 70px; } .info_number_block{ width: 100%; margin: 0; flex-wrap: nowrap; margin-bottom: 1rem; } .info_number{ min-width: 50px; margin: 0; } .info_text_block{ text-align: left; padding-left: 1rem; font-size: 1rem; } .info_mob_block_number{ display: flex; } } /*Новости*/ #news { background-color: #fff; } .news_block { display: flex; flex-wrap: wrap; width: 100%; padding: 1rem 0; overflow: hidden; } .news_item{ width: 50%; position: relative; border: 1px solid #fff; height: 370px; overflow: hidden; transition: 2s ease; } .news_image{ position: relative; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: 1s ease; } .news_item:hover .news_image{ transform: scale(1.2); } .news_fon{ position: absolute; background-color: rgba(0, 13, 40, 0.5); width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color:#fff; font-family: 'Montserrat'; padding: 3rem; z-index: 1; top: 0; } .titel_news{ margin-top: 3rem; height: 170px; max-height: 170px; justify-content: center; align-content: center; } .titel_news h3{ font-size: 2.5rem; font-weight: 800; text-align: center; line-height: 1.5; margin: 0; } .news_item a:hover{ text-decoration: none; } .data_news{ text-align: left; width: 100%; font-size: 1.4rem; text-decoration:underline; font-weight: 800; } .descriptons_news { } .descriptons_news p{ font-size: 1.2rem; line-height: 1.5; padding: 1rem 0; } .dowloads_news{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; padding: 1rem; padding-bottom: 1.5rem; } .btn-news{ background-color: #fff; color: #000; font-family: 'Montserrat'; border: 0px; font-size: 1.2rem; text-transform: uppercase; font-weight: 500; width: 200px!important; } .btn-news:hover{ background-color: #fff; color: #000; text-decoration: underline; } @media (min-width: 1024px) and (max-width: 1400px){ .titel_news h3{ font-size: 2rem; line-height: 1.2; } .titel_news{ height: 140px; } } @media (min-width: 450px) and (max-width: 1023px){ .news_fon{ padding: 2rem; } .titel_news h3{ font-size: 1.7rem; line-height: 1.2; } .titel_news{ height: 110px; } .descriptons_news p{ font-size: 1rem; } } @media (max-width: 449px){ .news_item{ width: 100%; } .news_fon{ padding: 2rem; } .titel_news h3{ font-size: 1.7rem; line-height: 1.2; } .titel_news{ height: 110px; } .descriptons_news p{ font-size: 1rem; } } /*Контент главной страницы*/ .standart_content p{ width: 100%; } .content-index { background-image: url(/img/content-index.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; display: flex; flex-wrap: wrap; padding: 2rem; justify-content: center; align-content: center; } .content_index_text{ font-family: 'Montserrat'; -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 0px solid #ccc; -moz-column-rule: 0px solid #ccc; column-rule: 0px solid #ccc; width: 100%; max-width: 1200px; font-weight: 500; padding: 0 1rem; padding-top: 2rem; column-fill:auto; min-height: 650px; } .order-call-button{ background-color: rgba(0, 120, 201, 0)!important; color: #D52B1E; border: 2px solid #D52B1E; border-radius: 0px; padding: 1rem 3rem; float: right; text-transform: uppercase; font-size: 1.2rem; font-weight: 500; } @media (min-width: 450px) and (max-width: 1023px){ .content_index_text{ padding: 0; font-size: 1rem; min-height: 850px; } } @media (max-width: 449px){ .content_index_text{ padding: 0; font-size: 1rem; min-height: 850px; } .content-index{ padding-top: 0; } } /*Инфографика 2 - главная страница*/ #infografika-2 { background-color: #fff; align-content: center; justify-content: center; display: flex; flex-wrap: wrap; } .info_2_block{ display: flex; justify-content: space-between; align-content: center; flex-wrap: wrap; width: 100%; max-width: 1200px; padding: 2rem 1rem; } .info_2_item{ display: flex; flex-wrap: wrap; justify-content: center; align-content:flex-start; /* width: 200px;*/ width: 100%; } .inf_2_img img{ width: 100%; } .inf_2_text{ font-family: 'Montserrat'; text-align: center; padding: 1rem; font-weight: 500; font-size: 1.1rem; } .owl-carousel{ display: block!important; } .owl-dots{ display: none; } .owl-nav{ position: absolute; top: 25%; width: 100%; } .owl-prev{ left: 0; position: absolute; } .owl-next{ right: 25px; position: absolute; } @media (max-width: 449px){ .info_2_item{ align-content: center; width: 100%; } } /*О нас*/ #about-index { background-image: url(/img/slider-fon.jpg); height: 370px; background-position: bottom; background-size: cover; background-repeat: no-repeat; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } .about-index-block{ width: 100%; padding: 1rem 3rem; max-width: 1200px; text-align: justify; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; font-weight: 500; font-family: 'Montserrat'; } .about-button{ border: 2px solid #0039A6; } .about-button a{ color: #0039A6; text-transform: uppercase; font-size: 1.2rem; font-weight: 500; } .about-button p{ padding: 1.5rem 3rem; margin: 0; } .about-button:hover{ border: 2px solid #fff; } .about-button a:hover{ text-decoration: none; color: #fff; } @media (max-width: 449px){ #about-index{ height: auto; font-size: 1rem; font-weight: 500; } .about-button p{ padding: 1.5rem 1.2rem; } } /*Мобильный подвал*/ #mob-footer{ display: none; } @media (max-width: 449px){ #mob-footer{ color: #fff; display: block; padding: 2rem; background-image: url(/img/mob-footer.jpg); background-position:center; background-repeat: no-repeat; background-size: cover; } } /*Новости*/ #content-block { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; display: flex; flex-wrap: wrap; padding: 2rem; justify-content: center; align-content: center; background-color: #fff; padding-top: 0rem; padding-bottom: 1rem; font-family: 'Montserrat'; } .dop-content-text{ justify-content: flex-start; align-content: flex-start; width: 100%; font-weight: 500; } .titel_content{ text-align: left; width: 100%; } .titel_content h1{ color: #000; font-size: 1.8rem; font-weight: 800; font-family: 'Montserrat'; padding-top: 1rem; } .text_content{ width: 100%; /* max-width: 1200px;*/ font-weight: 500; } .text_content img{ float: left; margin: 1rem; margin-left: 0; margin-top: 0; max-width: 500px; width: inherit; } .data_news_content{ text-decoration: none; font-weight: 400; color: #B3B3B3; font-size: 1rem; padding-bottom: 1.5rem; } .breadcrumb{ background-color: #fff!important; padding: 1rem 2rem!important; padding-top: 2rem!important; margin: 0!important; font-family: 'Montserrat'; } .breadcrumb-item a{ color: #B3B3B3; font-size: 1rem; } .breadcrumb-item.active a{ color: #000; } /*Товар*/ .titel_content_product{ text-align: left; width: 100%; } .titel_content_product h1{ color: #0039A6; font-size: 1.8rem; font-weight: 800; font-family: 'Montserrat'; padding-bottom: 1rem; } .product_content{ display: flex; padding-bottom: 2rem; border-bottom: 2px solid #000 } .product_block { max-width: 650px; width: 100%; display: flex; flex-wrap: wrap; padding: 1rem; padding-left: 0; padding-top: 0; } .product_descriptions { /* display: flex;*/ flex-wrap: wrap; padding-left: 1rem; width: 100%; } .description_item_product{ margin-left: 1rem; } .description_item_product select{ margin: 0; width: 300px; } .description_item_product span, .description_item_product label{ color: #0039A6; font-weight: 600; margin-right: .5rem; } .description_item_product label{ margin-right: 0; } .product_img { /* border: 1px solid #E6E6E6;*/ width: 100%; height: auto; margin-bottom: 1rem; } .button_product { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-content: center; text-align: center; } .price { color: #0039A6; border: 2px solid #0039A6; padding: 1rem 1rem; margin-right: 1rem; } .order-call-product{ background-color: rgba(0, 120, 201, 0)!important; color: #D52B1E; border: 2px solid #D52B1E; border-radius: 0px; padding: 1rem 3rem; float: right; text-transform: uppercase; font-size: 1rem; font-weight: 500; } .order-call-product:hover{ color: #0039a6!important; border: 2px solid #0039a6!important; } .zakaz .order-call-product:focus{ color: #D52B1E!important; border: 2px solid #D52B1E!important; } .zakaz, .price{ max-width: 50%; } .price span{ font-weight: 600; } .text_product{ width: 100%; } @media (max-width: 1023px){ .product_block{ max-width: 250px; } .zakaz, .price, .order-call-product{ width: 100%; max-width: 100%; } .price{ margin:0; margin-bottom:.5rem; } } @media (max-width: 449px){ .product_block{ width: 100%; max-width: 100%; padding: 0rem; padding-bottom: 1rem; } .product_content{ flex-wrap: wrap; } } /*Модальное окно*/ .modal-content{ border-radius: 0!important; } .modal_block{ display: flex; width: 100%; flex-wrap: wrap; justify-content: center; text-align: center; align-content: center; font-family: 'Montserrat'; } .modal_block h3{ color:#0039A6; font-family: 'Montserrat'; font-size: 1.4rem; font-weight: 600; padding-top: .5rem; text-transform: uppercase; } .modal_block p{ text-align: center; font-family: 'Montserrat'; font-size: 1rem; font-weight: 500; } .modal-content .form-control{ border-radius: 0; } .btn-modal{ width: 100%; background-color: #0039A6; text-transform: uppercase; padding: .5rem; } .modal_form input, .modal_form textarea{ border-radius: .25rem!important; font-size: .8rem; } .modal_form .form-group{ } /*Превью товаров*/ .full_category{ display:flex; flex-wrap: wrap; width: 100%; } .category_item{ display:flex; flex-wrap: wrap; width: 50%; padding: 1rem; } .photo_item{ width: 40%; min-width: 150px; min-height: 150px; position: relative; cursor: pointer; } .title_item{ width: 60%; padding: 0 .5rem; position: relative; } .title_item h3 a{ font-size: 1.2rem; text-align: left; color: #0039a6; font-weight: 600; } .price_item{ color: #0039a6;; font-weight: 500; font-size: .8rem; padding-top: .8rem; padding-bottom: .8rem; width: 43%; margin: .5rem; margin-left:0; border:2px solid #0039a6; } .price_item span{ font-weight: 700; } .description_product_item{ width: 43%; margin: .5rem; margin-left:0; } .description_title_item{ font-size: .8rem; } .description_product_item a{ padding-top: .8rem; padding-bottom: .8rem; color: #d52b1e; text-transform: uppercase; font-weight: 500; border: 2px solid #d52b1e; display: block; font-size: .8rem; font-weight: 600; } .buttom_item{ display: flex; flex-wrap: wrap; align-items: center; align-content: center; text-align: center; } @media (max-width: 1023px){ .category_item{ width: 100%; } } @media (max-width: 449px){ .photo_item, .title_item{ width: 100%; } .title_item{ margin-top: 1rem; } .title_item h3{ text-align: center; } .buttom_item{ justify-content: center; } .description_title_item{ text-align: center; } } /*Связанные товары*/ .dop-content-block{ background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; display: flex; flex-wrap: wrap; padding: 2rem; justify-content: flex-start; align-content: center; background-color: #fff; padding-top: 0rem; font-family: 'Montserrat'; } .dop-content-title{ width: 100%; } .dop-content-title h3{ font-weight: 700; } .dop-content-block .card_item_menu{ width: 24%; } .dop-content-block .card_item_image{ justify-content: center; align-items: center; } .dop-content-block .card_item_image{ background-color: #e6e6e6; } @media (min-width: 450px) and (max-width: 1023px){ .dop-content-block .card_item_menu { width: 235px; } } @media (max-width: 449px){ .dop-content-block .card_item_menu { width: 100%; } } /*Все новости*/ #full_news{ width: 100%; } #full_news .news_item{ width: 25%; height: 170px; } #full_news .news_fon{ padding: 1rem; } #full_news .titel_news{ margin-top: 0rem; height: auto; max-height: 100%; } #full_news .titel_news h3{ font-size: 1.5rem; } @media (min-width: 450px) and (max-width: 1023px){ #full_news .news_item{ width: 50%; height: 200px; } } @media (max-width: 449px){ #full_news .news_item{ width: 100%; height: 170px; } } /*Страница 404*/ .page_404{ width: 100%; width: 100%; text-align: center; padding: 2rem 0rem; } .title_page_404 h1{ font-size: 20rem; color: #d52b1e; margin: 0; } .description_page_404{ font-size: 3rem; font-weight: 500; } .text_page_404{ font-size: 1.2rem; font-weight: 500; } @media (max-width: 449px){ .title_page_404 h1{ font-size: 7rem; color: #d52b1e; margin: 0; } .description_page_404{ font-size: 1.2rem; font-weight: 500; line-height: 1; margin-bottom: 1rem; } .text_page_404 { font-size: 1rem; font-weight: 400; } } /*Шрифты*/ /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }