/*
Theme Name: aluminium
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    font-family: 'Proxima Nova Regular';
    font-size: 16px;
}

body.single-post,
body.category-news {
	background: url('./assets/images/bg_last_news.png') 50% 0 no-repeat;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    vertical-align: bottom;
}

:root {
    --darkOrange: #de8818;
    --white: #fff;
    --emerald: #268883;
    --orange: #de8a26;
}

h2 {
    width: 296px;
    text-transform: uppercase;
    font-size: 24px;
    color: #2b2b2b;
    font-family: 'Proxima Nova Black';
    border-bottom: 2px solid var(--darkOrange);
}

h2.baseline{
	border-bottom: 0;
}

input::placeholder {
    color: #000;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-row > div {
	width:calc( ( 100% - 40px ) / 2 );
}

.address-section-col.phone li {
	display: flex;
}

.address-section-col.phone li img {
	max-width: 25px;
	margin-right: 7px;
}

.address-section-col__viber .fa-viber {
	color: #7360f2;
} 

.address-section-col__telegram .fa-telegram {
	color: #08c;
} 

.address-section-col__instagram .fa-instagram:before {
	background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
} 

.address-section-col__youtube .fa-youtube {
	color: #c4302b;
}

.address-section-col .fa-location-dot {
	color: var(--emerald);
}

.post-379 .entry-header,
.post-471 .entry-header {
	display: none;
}

.page-id-379 .site-content-contain,
.page-id-471 .site-content-contain {
	margin: 0;
}

.contact-wrapper {
	padding-top: 50px;
	background: url('./assets/images/bg_header.png') 50% 0 no-repeat;
}

.cover_chat {
    justify-content: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 90px;
    height: 90px;
    z-index: 99999999;
    cursor: pointer;
}

.cover_chat.active .chat_sub {
    opacity: 1;
    pointer-events: all;
}

.chat_sub i {
    font-size: 35px;
    display: block;
    margin-right: 10px;
}

.chat_sub li:hover {
    background-color: #eee;
}

.chat {
    width: 70px;
    height: 70px;
    align-items: center;
}

.chat, .jivo_chat {
    background-color: #de8818;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.chat .chat-wrp {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
}

@keyframes animate_slider {
	0% {
		right: -100%;
	}
	20% {
		right: 50%;
		transform: translate(50%,-50%);
	}
	35%, 50%, 60% {
		right: 100%;
		transform: translate(0,-50%);
	}
	100% {
		right: 100%;
	}
}

.chat i {
    animation: animate_slider 6.3s ease-in-out infinite;
    right: -100%;
    color: #fff;
    font-size: 28px;
}

.chat .chat-wrp i {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.chat:hover i.fa-comments {
    opacity: 1;
    color: #fff;
}

.chat .chat-wrp, .chat_sub {
    background-color: #fff;
    overflow: hidden;
}

.chat i:nth-child(2) {
    animation-delay: 1.5s;
}

.chat i:nth-child(3) {
    animation-delay: 2.9s;
}

.chat i:nth-child(5) {
    animation-delay: 5s;
}

.chat i:nth-child(4) {
    animation-delay: 4.5s;
}

.chat i.fa-comments, .chat_sub i.fa-comments {
    color: #55ad4d;
}

i.fa-comments:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-image: url('./favicon.ico');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cover_chat.active .chat_sub {
    opacity: 1;
	visibility: visible;
    pointer-events: all;
}

.chat_sub {
    position: absolute;
    bottom: 100px;
    right: 10px;
    width: 200px;
    border: 1px solid #de8818;
    border-radius: 20px;
    opacity: 0;
	visibility: hidden;
    transition: 500ms;
}

i.fa-comments:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.chat_sub li a, .cover_chat {
    display: flex;
    align-items: center;
}

.chat_sub li {
    list-style: none;
    padding: 10px 20px;
    cursor: pointer;
}

.chat_sub li a {
    justify-content: flex-start;
    color: #000;
    width: 100%;
}

.chat i.fa-facebook, .chat_sub i.fa-facebook {
    color: #3b5998;
}

.chat i.fa-telegram, .chat_sub i.fa-telegram {
    color: #08c;
}

.chat i.fa-viber, .chat_sub i.fa-viber {
    color: #7360f2;
}

.chat i.fa-instagram:before, .chat_sub i.fa-instagram:before {
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wrap-our-company {
	padding-right: 25px;
}

.metal-table {
	background: url('./assets/images/table-bg.jpg');
	background-size: cover;
	display: grid;
	border-collapse: collapse;
	min-width: 100%;
	grid-template-columns: 
		minmax(195px, 1fr)
		minmax(195px, 1.67fr);
	padding: 20px;
	border: solid 8px #de8818;
}

.metal-table tr:last-child td {
	margin-bottom: 0;
}

.metal-table tr th:first-child,
.metal-table tr td:first-child {
	margin-right: 3px;
	font-weight: bold;
}

.metal-table tr th:last-child,
.metal-table tr td:last-child {
	margin-left: 3px;
	font-weight: bold;
}

.metal-table thead,
.metal-table tbody,
.metal-table tr {
  display: contents;
}

.metal-table th,
.metal-table td {
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
}

.metal-table th {
	background: rgba(255, 255, 255, 1);
}

.metal-table th {
  position: sticky;
  top: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.1rem;
  color: #000;
}

.metal-table th:last-child {
  border: 0;
}

.metal-table td {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}

.site-content-contain {
	margin-top: -114px;
}

.home .site-content-contain {
	margin-top: 0;
}

/* Unyson styles start */
.header-bottom-section .fw-container-fluid .fw-col-xs-12 {
	padding: 0;
}

.about-section .fw-col-xs-12,
.benefits-section .fw-col-xs-12 {
	padding: 0;
}

@media screen and (max-width: 1199px) {
	.about-section .fw-container{
		width: 100%;
	}
}
/* Unyson styles end */

.main-nav li.lang-item {
	width: 100px;
}

.main-nav li.lang-item-ru img,
.main-menu-list-burger li.lang-item-ru img {
	display: none;
}

.main-nav li.lang-item a,
.main-menu-list-burger li.lang-item a {
	display: flex!important;
	align-items: center;
	justify-content: center;
}

.short-description {
	color: #fff!important;
	font-size: 14px!important;
}

.container {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

#header {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('./assets/images/bg_header.png') 50% -2px no-repeat;
}

#header.fixed-header {
	position: fixed;
	top: 0;
	z-index: 1000;
	height: auto;
	background-repeat: repeat;
	background-position: 50% -2px;
}

#header.fixed-header .main-nav {
	margin-bottom: 0;
	padding-top: 0;
}

#header.fixed-header + .site-content-contain {
	padding-top: 388px;
}

#header.fixed-header .header-top > a {
	display: none;
}

#header.fixed-header .header-top .wrap-burger {
	display: none;
}

.header-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

.logo {
    padding-bottom: 20px;
}

.main-nav {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 945px;
    margin-bottom: 105px;
    padding-top: 35px;
    padding-bottom: 8px;
}

.main-nav li {
    width: 250px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 2px solid var(--emerald);
}

.main-nav li:hover {
    border-bottom: 2px solid var(--darkOrange);
    transition: border-bottom .2s ease-in-out;
}

.main-nav li a {
    color: var(--emerald);
}

.main-nav li a:hover {
    color: var(--darkOrange);
}

.number {
    position: relative;
    display: block;
    width: 350px;
    height: 35px;
    font-size: 22px;
    color: var(--white);
    /*background: var(--orange);*/
    border-radius: 5px;
    text-align: center;
    line-height: 38px;
    font-family: 'Proxima Nova Bold';
}

.number::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 8px;
    display: block;
    width: 23px;
    height: 21px;
    background: url('./assets/images/Phone.png') no-repeat;
}

.header-middle {
    height: 230px;
    background: url('./assets/images/bg_middle.png') 50% 50%;
    background-size: cover;
}

.header-middle-wrap {
    display: flex;
    justify-content: space-around;
	height: 100%;
}

.wrap-main-caption {
    display: flex;
    flex-direction: column;
    margin-top: -55px;
}

.wrap-main-caption.mobile {
	display: none;
}

.wrap-main-caption h1 {
    margin-bottom: 0!important;
    font-size: 47px;
    font-family: 'Gotham Pro BlackItalic';
    color: #2b2b2b;
	text-transform: uppercase;
}

.wrap-main-caption .caption-color {
    font-size: 45px;
    color: var(--white);
}

.wrap-main-caption span {
    font-size: 18px;
    color: var(--white);
}

.btn-our-offer {
	display: block;
    width: 280px;
    height: 40px;
    margin-top: 25px;
    color: var(--white);
    font-size: 18px;
    font-family: 'Gotham Pro Bold';
    text-align: center;
    line-height: 40px;
    background: var(--darkOrange);
    border-radius: 5px;
}

.address-block {
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(./assets/images/bg_header.png) 50% 1% no-repeat;
}

.address-section__wrapper {
	margin-bottom: 25px;
	border: solid 8px #de8818;
	min-height: 263px;
}

.map-section {
	margin-bottom: 25px;
}

.map-section > div p {
	height: 100%;
}

.address-section__col {
	padding: 15px;
}

.address-section-col.phone > div {
	display: flex;
}

.address-section-col.phone .col-phone .address-section-col_link {
	display: block;
}

.address-section-col {
	margin-bottom: 10px;
}

.address-section-col i {
	margin-right: 10px;
	color: #de8818;
    font-size: 18px;
}

.address-section-col_link {
	color: #fff;
	font-size: 18px;
}

.header-img {
    margin-top: -50px;
}

.chem-elem {
    position: absolute;
    top: 20%;
    left: 65%;
    width: 106px;
    height: 106px;
	z-index: 2;
}

.header-img img {
    width: 320px;
    height: 320px;
    padding: 6px;
    border: 2px solid var(--darkOrange);
	position: relative;
    z-index: 1;
}

.header-bottom {
    display: flex;
    justify-content: space-around;
	background: url('./assets/images/bg_header.png') 50% 100% no-repeat;
	padding-bottom: 20px;
	padding-top: 50px;
}

.img-our-company {
    width: 390px;
    height: 520px;
    margin-right: 65px;
	padding-bottom: 5px;
	max-width: inherit;
}

.our-company {
    width: 100%;
    max-width: 585px;
	padding-top: 30px;
}

.icon-our {
    display: inline-block;
    width: 53px;
    height: 50px;
    background: url('./assets/images/icon_sprites.png') -10px -10px no-repeat;
}

.description-company {
    padding-top: 25px;
    font-size: 14px;
}

.buying-slider {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 45px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 283px;
    margin-bottom: 30px;
    margin-right: 25px;
}

.card img {
    position: relative;
    width: 283px;
    height: 250px;
}

.icon-buying {
    display: inline-block;
    width: 52px;
    height: 49px;
    background: url('./assets/images/icon_sprites.png') -10px -80px no-repeat;
}

.buying-slider {
    height: 100%;
    background: url('./assets/images/bg_main.png') no-repeat 50% 0;
    padding-bottom: 10px;
}

.wrap-we-buying h2 {
    width: 255px;
    margin: 0 auto;
    padding-top: 25px;
}

.wrap-card {
    padding: 10px 0 0 10px;
    background: var(--orange);
}

.card span {
    font-size: 20px;
    color: var(--white);
}

.wrap-card p {
    padding: 9px;
    background: var(--white);
}

.calculator {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.calculator-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
}

.calculator h2 {
    width: 240px;
    margin: 0 auto;
}

.calculator span {
    padding-top: 10px;
    font-size: 18px;
    text-align: center;
}

.icon-calc {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 52px;
    height: 46px;
    background: url('./assets/images/icon_sprites.png') -79px -80px no-repeat;
}

select {
    width: 225px;
    height: 35px;
    border: none;
    border-bottom: 2px solid var(--emerald);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('./assets/images/arrow.png') var(--white) 100% 50% no-repeat;
    cursor: pointer;
}
select:focus{
    outline: none;
}
.all-weight {
    width: 225px;
    height: 35px;
    border: none;
    border-bottom: 2px solid var(--emerald);
}

.wrap-select .info {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px auto;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid var(--darkOrange);
    border-radius: 50%;
    background: #f0efef;
    color: var(--emerald);
    cursor: pointer;
}

.count-container {
    display: flex;
    flex-direction: column;
}

.count {
    width: 280px;
    height: 45px;
    margin: 25px auto;
    border: none;
    background: var(--darkOrange);
    color: var(--white);
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Gotham Pro Bold';
}

.benefit .benefit-text {
    font-size: 28px;
    font-family: 'Proxima Nova Black';
    text-transform: uppercase;
}

.benefit {
    display: flex;
    flex-direction: column;
}

#benefit {
    text-align: center;
    border: 0;
    font-size: 48px;
    font-family: 'Proxima Nova Black';
}

.connect-manager {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.connect-manager img{
    object-fit: cover;
}

.btn-connect-manager {
    width: 280px;
    height: 45px;
    margin: 25px auto;
    text-align: center;
    line-height: 45px;
    border: none;
    background: var(--emerald);
    color: var(--white);
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Gotham Pro Bold';
}

.advantage {
    height: 100%;
    padding-bottom: 50px;
    background: url('./assets/images/bg_advantages.png') 50% 50% no-repeat;
}

.icon-advantages {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 50px;
    height: 47px;
    background: url('./assets/images/icon_sprites.png') -152px -10px no-repeat;
}

.wrap-advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
}

.wrap-advantage h2 {
    width: auto;
}

.advantages-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}

.advantages-list li {
    position: relative;
    align-self: baseline;
    width: 282px;
    margin-bottom: 60px;
    text-align: center;
}

.advantages-list li::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 15px;
    width: 90%;
    height: 194px;
    border: 7px solid var(--white);
    z-index: 1;
}

.advantages-list li p {
    display: block;
    margin-top: 20px;
    padding: 7px 0;
    background: var(--orange);
    color: var(--white);
    font-family: 'Gotham Pro Bold';
    font-size: 18px;
    /*border-radius: 5px;*/
}
.advantages-list li:first-child p{
    border-top-left-radius: 5px;
}
.advantages-list li:first-child p{
    border-bottom-left-radius: 5px;
}
.advantages-list li:last-child p{
    border-top-right-radius: 5px;
}
.advantages-list li:last-child p{
    border-bottom-right-radius: 5px;
}
.bg-expensive {
    display: block;
    width: 100%;
    height: 90px;
    margin-top: -13px;
}

.bg-fast {
    display: block;
    width: 114px;
    height: 61px;
    background: url('./assets/images/css_sprites.png') -120px -10px;
    margin: 16px auto 0 auto;
}

.bg-weight {
    display: block;
    width: 90px;
    height: 87px;
    background: url('./assets/images/css_sprites.png') -10px -10px;
    margin: -10px auto 0 auto;
}

.bg-region {
    display: block;
    width: 98px;
    height: 70px;
    background: url('./assets/images/css_sprites.png') -10px -117px;
    margin: 8px auto 0 auto;
}

.icon_news {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 55px;
    height: 50px;
    background: url('./assets/images/icon_news.png') no-repeat;
}

.last-news {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(./assets/images/form_bg.png) 50% 25% no-repeat;
}

.last-news h2 {
    width: 350px;
}

.last-news-list {
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 80%;
    padding-top: 25px;
}

.last-news-list img {
    width: 280px;
    height: 300px;
    margin-bottom: 25px;
    object-fit: cover;
}
.last-news-list img:last-child{
    margin-right: 0px;
}

.all-news {
    width: 260px;
    height: 45px;
    margin: 25px auto;
    text-align: center;
    border: none;
    background: var(--darkOrange);
    color: var(--white);
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    line-height: 45px;
    text-transform: uppercase;
    font-family: 'Gotham Pro Bold';
}

.icon-blog {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 52px;
    height: 50px;
    background: url('./assets/images/icon_sprites.png') -82px -10px no-repeat;
}

.wrap-form {
    background: url(./assets/images/form_bg.png) 50% 38% no-repeat;
}
.container-form{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 390px;
    align-items: center;
    margin: 0 auto;
    padding-top: 40px;
    border: 6px solid var(--white);
}

.wrap-form h2 {
    width: 315px;
}

.wrap-form p {
    text-align: center;
    padding-top: 25px;
    font-size: 18px;
}

.main-form {
    display: flex;
    flex-direction: column;
	align-items: center;
    margin-top: 35px;
}

.main-form input[type=text],
.main-form input[type=tel],
.main-form textarea {
    display: flex;
    flex-direction: column;
    width: 335px;
    height: 35px;
    padding-left: 25px;
    border: 0;
    border-bottom: 2px solid var(--emerald);
    background: transparent;
	outline:none;
}

.main-form textarea {
	padding-top: 5px;
	margin-right: 0;
}

.main-form textarea::placeholder {
  color: #000;
  font-size: 14px;
  font-family: 'Proxima Nova Regular';
}

.wpcf7-spinner {
	position: absolute;
	left: 50%;
    transform: translateX(-150%);
}

.formbox__container {
	border: 0;
}

.btn-send {
    width: 200px;
    height: 45px;
    margin: 25px auto;
    border: none;
    background: var(--darkOrange);
    color: var(--white);
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    text-transform: uppercase;
    font-family: 'Gotham Pro Bold';
}

.wrap-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}

.footer-number {
    width: 100%;
    padding-top: 15px;
    text-align: center;
    font-size: 22px;
    color: #515151;
    font-family: 'Gotham Pro Bold';
    border-top: 2px solid var(--emerald);
}

.footer-logo {
    padding-bottom: 15px;
}

/* LAST NEWS */

#wrapper-last-news {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('./assets/images/bg_last_news.png') 50% 0 no-repeat;
    background-size: contain;
}

#wrapper-last-news .header-top {
    padding: 0;
}

#wrapper-last-news .main-nav {
    margin-bottom: 0;
}

.main-last-news {
    display: flex;
	background: url('./assets/images/bg_header.png') 50% 0 no-repeat;
}

.last-news {
    padding-top: 35px;
}

.item-news {
    display: flex;
    margin-bottom: 40px;
}

.item-news img {
    width: 300px;
    height: 335px;
    margin-right: 20px;
    object-fit: cover;
}

.container-last-news {
    padding-top: 35px;
}

.container-last-news ul {
	padding-left: 40px;
}

.container-last-news li {
	list-style: inside;
}

.desc-new {
    width: 62%;
}

.desc-new span {
    font-size: 14px;
}

.desc-new p {
    font-size: 24px;
    font-family: 'Proxima Nova Bold';
}

.more-info {
    width: 200px;
    height: 45px;
    display: block;
    margin-top: 10px;
    text-align: center;
    border: none;
    background: var(--darkOrange);
    color: var(--white);
    border-radius: 5px;
    line-height: 45px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Gotham Pro Bold';
}

.side-bar {
    width: 160px;
    padding-top: 135px;
}

.search-input {
    width: 160px;
    height: 35px;
    padding-left: 5px;
    border: 0;
    border-bottom: 2px solid var(--emerald);
	background: transparent;
}

.form-search {
    position: relative;
}

.btn-search {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 26px;
    height: 33px;
    background: url('./assets/images/search.png') 50% 50% no-repeat;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    border: none;
}

.accordion-item {
    width: 175px;
    overflow: hidden;
}

.accordion-item__header {
    position: relative;
    padding: 0 0 4px 5px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 2px solid var(--emerald);
}

.accordion-item__header::after {
    content: '';
    position: absolute;
    top: 4px;
    right: -4px;
    display: block;
    border: 10px solid transparent;
    border-top: 15px solid var(--darkOrange);
    transform-origin: 50% 5px;
    transition: transform .2s ease-in;
}

.accordion-item.active .accordion-item__header::after {
    transform: rotateX(180deg);
}

.last-news-side {
    position: relative;
    padding-top: 20px;
}

.accordion-item li {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.accordion-item li a {
    font-size: 14px;
    font-family: 'Gotham Pro Bold';
    color: #2b2b2b;
}

.accordion-item li span {
    font-size: 14px;
    font-family: 'Proxima Nova Regular';
    color: #2b2b2b;
}

#wrapper-one-news {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(./assets/images/bg_last_news.png) 50% 0 no-repeat;
}

.back-to-news {
    width: 200px;
    height: 45px;
    display: block;
    margin: 15px auto 0 auto;
    text-align: center;
    border: none;
    background: var(--darkOrange);
    color: var(--white);
    border-radius: 5px;
    line-height: 45px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Gotham Pro Bold';
}

.item-news-one img {
    width: 100%;
    margin-right: 20px;
    object-fit: cover;
    float: left;
}

.item-news-one h1 {
	font-size: 24px;
    font-family: 'Proxima Nova Black';
}

.desc-new-one {
    width: 100%;
}

#wrapper-one-news .main-nav {
    margin-bottom: 0;
}

.desc-new-one p,
.desc-new-one li {
    font-size: 14pt
}
.main-last-news-one{
    display: flex;
    flex-direction: column;
}
.last-news-list-one{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 25px;
}
.last-news-list-one img {
    width: 250px;
    object-fit: cover;
}
.wrap-burger{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.phones {
    width: auto;
    background: var(--orange);
    border-radius: 5px;

}
.main-menu-list-burger {
    display: none;
}

.menu-opened {
    display: block;
}

.headerTop {
    position: relative;
    display: none;
}
.headerTop #nav-icon {
    width: 38px;
    height: 35px;
    right: -66px;
    top: 0;
    margin-right: -10px;
    margin-left: 10px;
    background: var(--orange);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}
.headerTop #nav-icon span {
    position: absolute;
    left: 7px;
    display: block;
    height: 2px;
    width: 25px;
    background: var(--white);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.headerTop #nav-icon span:nth-child(1) {
    top: 7px;
}
.headerTop #nav-icon span:nth-child(2) {
    top: 17px;
}
.headerTop #nav-icon span:nth-child(3) {
    top: 27px;
}
.headerTop #nav-icon.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.headerTop #nav-icon.open span:nth-child(2) {
    left: -60px;
    opacity: 0;
}
.headerTop #nav-icon.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.headerTop .main-menu-list-burger{
    position: absolute;
    bottom: -380px;
    left: 50%;
	transform: translateX(-92%);
    width: 300px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #f0efef;
    z-index: 2;
    border: 1px solid var(--darkOrange);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}
.headerTop .main-menu-list-burger li a{
    position: relative;
    display: block;
    margin: 0 10px;
    padding: 13px 10px;
    color: var(--emerald);
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
}
.headerTop .main-menu-list-burger li a:hover{
    color: var(--orange);
}
.active-hidden{
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.arrow-down.arrow-rotate {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.arrow-down{
    display: none;
    width: 0;
    height: 0;
    margin: 10px auto 0 auto;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: var(--orange) transparent transparent transparent;
    background: transparent;
    cursor: pointer;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.multiple-items .slick-prev{
    position: absolute;
    left: -20px;
    top: 50%;
    border: none;
    font-size: 0;
    z-index: 1;
    width: 0;
    height: 0;
    background: transparent;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent var(--darkOrange) transparent transparent;
}
.multiple-items .slick-next{
    position: absolute;
    right: -10px;
    top: 50%;
    border: none;
    font-size: 0;
    z-index: 1;
    width: 0;
    height: 0;
    background: transparent;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent var(--darkOrange);
}
.wrap-select{
    margin-right: 35px;
}
.alert-text{
    display: none;
}
.wrap-select:last-child{
    margin-right: 0;
}
#footer{
    background: url(./assets/images/form_bg.png) 50% 26% no-repeat;
}
.last-news-one h2 {
    width: 350px;
    margin: 0 auto;
}
.last-news-list-one a{
    margin-bottom: 20px;
}
#wrapper-one-news #footer,
#wrapper-one-news #header{
    background: none;
}
.last-news-page h2{
    width: 350px;
    margin: 0 auto;
}
#wrapper-last-news #header{
    background: none;
}
.wrap-img-hover,
.wrap-news-hover-1,
.wrap-news-hover-2,
.wrap-news-hover-3{
    position: relative;
}
.img-hover{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 10;
    font-size: 24px;
    background: #000;
    color: var(--white);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.wrap-img-hover:hover .img-hover{
    opacity: .55;
}

.news-hover-1,
.news-hover-2,
.news-hover-3{
    position: absolute;
    top: 0;
    height: 93%;
    max-width: 280px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    background: #000;
    color: var(--white);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.news-hover-1 span,
.news-hover-2 span,
.news-hover-3 span{
    font-size: 24px;
    font-family: 'Proxima Nova Black';
}
.wrap-news-hover-1:hover .news-hover-1,
.wrap-news-hover-2:hover .news-hover-2,
.wrap-news-hover-3:hover .news-hover-3{
    opacity: .55;
    text-align: left;
    padding: 15px;
}
.copyright{
    padding-top: 15px;
    text-align: center;
}
.copyright span{
    font-size: 16px;
    color: #515151;
    font-family: 'Proxima Nova Black';
}
.copyright img{
    width: auto;
    height: 30px;
    vertical-align: middle;
}
#wrapper-last-news #footer{
    background: 0;
}
.alert{
    position: absolute;
    width: 100%;
    max-width: 225px;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f0efef;
    display: none;
    border: 1px solid var(--orange);
    padding: 25px;
}
.close{
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}
#wrapper-last-news {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(./assets/images/bg_last_news.png) 50% 0 no-repeat;
}
.last-news-page-search{
    margin: 0 auto;
}
.last-news-page-search h2{
    margin: 0 auto;
    text-align: center;
    width: 50%;
}
.list-our-company li,
.list-how-we-work li{
    list-style: circle;
}
.how-we-works{
    margin-top: 31px;
    font-size: 14px;
}
.how-we-works h3{
    text-decoration: underline;
    padding-bottom: 5px;
}
.wrapcost-container{
    padding-top: 10px;
}
@media screen and (max-width: 1167px) {
    .advantages-list li{
        width: 376px;
    }
    .advantage{
        padding-bottom: 0;
    }
    .last-news{
        padding-top: 0;
    }
}
@media screen and (max-width: 1139px){
    .container-last-news{
        padding-top: 100px;
    }
    .accordion-item{
        position: absolute;
        left: -10px;
        top: 43px;
        display: none;
        padding: 15px;
        background: #f0efef;
        border: 1px solid var(--darkOrange);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
		z-index: 1;
    }
    .side-bar{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 35px;
    }
    .search{
        background: transparent;
    }
    .btn-search{
        bottom: 8px;
    }
    .last-news-side{
        padding-top: 0;
    }
    .accordion-item__header{
        height: 35px;
        width: 150px;
    }

}
@media screen and (max-width: 1103px) {
    .wrap-main-caption h1 {
        font-size: 36px;
		margin-top: 0.90em;
    }
    .wrap-main-caption .caption-color{
        font-size: 36px;
    }
    .wrap-main-caption{
        margin-top: -150px;
		flex-direction: column;
		justify-content: center;
    }
}
@media screen and (max-width: 992px) {
	.main-last-news,
	.side-bar	{
		flex-direction: column;
		padding-bottom: 30px;
	}
	
	
	.search-form {
		width: 158px;
	}
	
	.search-form .icon-search {
		width: 20px
	}
	
	.img-our-company {
		display: none;
	}
	
	.our-company {
		padding-top: 10px;
	}
}
@media screen and (max-width: 1084px){
    .wrap-select:last-child{
        margin-right: 35px;
    }
}

@media screen and (max-width: 1167px) {
    .advantages-list li:nth-child(2) p {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .advantages-list li:nth-child(3) p {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}
@media screen and (max-width: 1039px){
    .last-news-list a:last-child{
        display: none;
    }
}
@media screen and (max-width: 1033px) {
    .connect-manager img{
        display: none;
    }
}
@media screen and (max-width: 977px){
    .wrap-news-hover-3{
        display: none;
    }
}
@media screen and (max-width: 927px) {
    .header-img img{
        display: none;
    }
    .chem-elem{
        left: 73%;
    }
}
@media screen and (max-width: 791px) {
    .advantage{
        background: url(./assets/images/form_bg.png) 50% -28% no-repeat;
    }
    .advantages-list li p{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.post-379 .wrap-main-caption,
	.post-471 .wrap-main-caption {
		display: none;
	}
	
	.wrap-main-caption.mobile {
		display: flex;
		margin-top: 0;
	}
}
@media screen and (max-width: 789px){
    .last-news-list-one a:last-child{
        display: none;
    }
}
@media screen and (max-width: 755px){
	.header-bottom {
		background-position-y: 0;
	}
	
	#header.fixed-header + .site-content-contain {
		padding-top: 330px;
	}
	
	.wrap-our-company {
		padding-right: 0;
		padding-top: 20px;
	}
    .img-our-company{
        display: none;
    }
    .header-bottom{
        justify-content: center;
		flex-direction: column;
    }
    .our-company{
        padding-top: 10px;
    }
    .our-company h2{
        margin: 0 auto;
    }
    .arrow-down{
        display: block;
    }
	
	.active-hidden{
		height: 180px;
	}
}
@media screen and (max-width: 655px) {
    .buying-slider{
        width: 290px;
        margin: 0 auto;
        background: none;
    }
}
@media screen and (max-width: 607px) {	
	.header-middle {
		height: auto;
	}

	#header.fixed-header + .site-content-contain {
		padding-top: 230px;
	}

	#header.fixed-header .header-top .wrap-burger {
		display: flex;
	}
	
	.site-content-contain {
		margin-top: -2px;
	}
	
	#header {
		padding-bottom: 70px;
	}
	#header.fixed-header {
		padding-bottom: 25px;
	}
    .main-nav{
        display: none;
    }
    .headerTop{
        display: block;
    }
    .wrap-main-caption{
        margin-top: -75px;;
    }
    .number{
        width: 250px;
        font-size: 20px;
        margin-right: 15px;
        margin: auto;
    }
    .chem-elem{
        display: none;
    }
    .wrap-main-caption h1{
        font-size: 24px;
        text-align: center;
		margin-top: 0.70em;
    }
    .wrap-main-caption .caption-color{
        font-size: 24px;
    }
    .btn-our-offer{
        margin: 25px auto;
    }
    .wrap-main-caption span{
        text-align: center;
    }
    .wrap-main-caption{
        width: 345px;
    }
    .number::before{
        display: none;
    }
}

@media screen and (max-width: 599px) {
    .calculator-wrap{
        justify-content: center;
    }
    .wrap-select{
        margin-left: 35px;
    }

}
@media screen and (max-width: 580px){
    .item-news{
        flex-direction: column;
        align-items: center;
    }
    .item-news img{
        width: 100%;
        margin-right: 0;
    }
    .desc-new{
        width: auto;
    }
}
@media screen and (max-width: 549px){
	.metal-table {
		font-size: 14px;
		overflow-x: auto;
		grid-template-columns: minmax(115px, 2fr) minmax(115px, 1.67fr);
	}
	.metal-table th, .metal-table td {
		padding: 5px;
	}
	.metal-table th {
		font-size: 14px;
	}
    .item-news-one img{
        width: 100%;
    }
}
@media screen and (max-width: 347px) {
    .headerTop .main-menu-list-burger{
        width: 284px;
    }
}
@media screen and (max-width: 425px) {
    .wrap-burger{
        justify-content: center;
        margin: 0 auto;
    }
}
@media screen and (max-width: 400px){
    .advantages-list li{
        width: 100%;
    }
    .main-form input{
        width: 250px;
    }
    .last-news h2{
        width: auto;
    }
    .calculator h2{
        width: auto;
    }
    .wrap-form h2{
        width: auto;
    }
    .wrap-form h2{
        font-size: 21px;
    }
    .last-news-one h2{
        width: auto;
    }
    .last-news-page h2{
        width: auto;
        text-align: center;
    }
    .accordion-item__header{
        width: 158px;
        margin-top: 15px;
    }
    .item-news img{
        width: 100%;
    }
    .container-last-news{
        padding-top: 50px;
    }
    #wrapper-last-news .headerTop #nav-icon{
        margin-right: 0;
    }
    .container-form{
        border: 0;
    }

}
@media screen and (max-width: 320px) {
    .headerTop .main-menu-list-burger{
        width: 257px;
    }
}