#breadcrumbs {
	display: none;
}
#fixed-cont {
	z-index: 3;
}
#body {
	background: url("../../images/main_img/company/home_sl_2.jpg") top center no-repeat;
	background-size: 100% auto;
	position: relative;
	z-index: 2;
	padding: 0;
}
#body > .limiter {
	max-width: 100% !important;
}
footer.parent {
    margin-top: 0;
}
#body section article {
    background: transparent;
}
#body section h1 {
	font-size: 32px;
	text-align: center;
}
#body section h2 {
	font-size: 26px;
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
}
#body section h1 span {
	color: inherit;
}
.company,
.top-block {
	position: relative;
}
.head-block {
	width: 60%;
	margin: 345px auto 0;
	font-size: 1.1em;
}
.head-block > div {
	background-color: #fff;
    padding: 2em 4em 5em;
	text-align: justify;
	font-weight: 700;
	position: relative;
}
#body section .head-block h1 {
	position: relative;
	margin: 0 0 1.3em;
}
.head-block h1 span {
	background-color: #fff;
	display: inline-block;
	position: relative;
	font-weight: 700;
}
.head-block + .block-button {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 122px;
	height: 263px;
	background: url("../../images/main_img/cooperation/block-button.jpg") center center no-repeat;
	background-size: contain;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	transform: translateY(33%);
}
.key-facts {
	background-color: #fff;
}
.for-text {
	font-weight: 700;
}
.for-text {
	display: flex;
	justify-content: center;
	align-items: center;
}
.for-text img {
	display: block;
}
.bg-fixed {
	background-color: #000;
	overflow: hidden;
	padding: 2.5em 0 0;
    background: url("../../images/main_img/innovations/bg-fixed.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.first.for-text,
.second.for-text {
	font-size: .9em;
}
.second.for-text {
	margin-top: 2.5em;
}
.first.for-text > div,
.second.for-text > div {
	box-sizing: border-box;
	width: 48%;
	text-align: justify;
	background-color: #fff;
}
.first.for-text > div {
	padding: 1.5em 2.5em;
}
.second.for-text > div {
	padding: 1.5em 2.5em 0;
}
.second.for-text .image {
	order: 2;
}
.third {
	margin: 3em 0 0;
}
.third .text {
	padding: 3em 6em;
	text-align: justify;
	background-color: #be2e23;
	color: #fff;
	width: 60%;
	margin: 0 auto;
	box-sizing: border-box;
}
#body section .third h2 {
	font-size: 40px;
}
.button-to-contact,
.iforms_button button {
	display: block;
	width: 280px;
	margin: 3em auto .5em;
	position: relative;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	background-color: #be2e23;
	color: #f7d842;
	font-weight: 700;
	text-align: center;
	padding: 13px 15px;
	border: 3px solid #fff;
	box-sizing: border-box;
	text-decoration: none;
	box-shadow: 0 0 29px rgba(255, 0, 0 ,.8);
	border-radius: 6px;
	transition: .5s;
	outline: none;
}
.button-to-contact:hover,
.iforms_button:hover button {
	color: yellow;
	box-shadow: 0 0 29px rgba(255, 0, 0 ,1);
	border-color: #ffc300;
}
.button-fixed {
	position: fixed;
	right: 0;
	top: 30%;
	transition: .3s;
	width: 87px;
	height: 275px;
	z-index: 99999;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.button-fixed.button-contact-us.white {
	border-right: 0px solid #fff;
	background: url("../../images/button-oil-guide.png");
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.button-fixed.button-contact-us.white:hover {
	border-right: 10px solid #fff;
}
.button-fixed.button-contact-us {
	border-right: 0px solid #000;
	background: url("../../images/button-contact-us.png");
}
.button-fixed.button-contact-us:hover {
	border-right: 10px solid #000;
}
#company .row {
	overflow: hidden;
	display: flex;
}
#company .row > div {
	box-sizing: border-box;
	width: 50%;
}
#company .row .bg {
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
}
#company .row .bg.bg-left {
	background-image: url("../../images/main_img/cooperation/bg/second-row.jpg");
	background-position: center right;
}
#company .row .bg.bg-right {
	background-image: url("../../images/main_img/cooperation/bg/fortch-row-right.jpg");
	background-position: top right;
}
#company .row .text {
	padding: 6em 8em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 700;
	position: relative;
	box-sizing: border-box;
}
#company .row.for-bg-right .text {
	padding: 4em 8em;
}
#company .row.for-bg-right .text h2,
#company .row.for-bg-right .text p {
	margin-bottom: 1.5rem;
}
#company .row .text,
#company .row .text h2 {
	font-weight: 700;
}
#company .row .text h2 span,
#company .text li span {
	display: block;
}
#company .row .text h2 {
	margin-bottom: 3rem;
	position: relative;
}
#company .row .text h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
}
#company .for-bg-left .text h2 {
	padding-top: 12px;
}
#company .for-bg-left h2::before {
	background: url("../../images/main_img/cooperation/icons/1.png") center center no-repeat;
	width: 75px;
	height: 79px;
}
#company .row .text p {
	text-align: justify;
	padding: 0 8%;
}
#company .text ul,
#company .text li {
	list-style: none;
}
#company .text li {
	font-size: 1.3em;
	position: relative;
	margin: 0 0 .5em;
	padding: 0 0 0 40px;
}
#company .text li::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: .25em;
}
#company .for-bg-left ul {
	margin: 0 0 0 22%;
}
#company .for-bg-right ul {
	margin: 0 0 0 8%;
}
#company .for-bg-left li::before {
	background-color: #fff;
}
#company .for-bg-right li::before {
	background-color: #fff;
}
.for-bg-left .text {
	background-color: #be2e21;
	color: #fff;
}
.for-bg-right .text {
	background: #080d09 url("../../images/main_img/cooperation/bg/fourtch-row-left.jpg") center top no-repeat;
}
.for-bg-right .text > div {
	background-color: #fff;
	padding: 2em 3em 4em;
}
#company .row .text p {
	padding: 0;
}
#company .row.cooperation {
	background: #080d09 url("../../images/main_img/cooperation/bg/third-row.jpg") top center no-repeat;
	padding-bottom: 3em;
	justify-content: center;
}
#company .cooperation .text {
	background-color: #fff;
	border-color: #080d09;
	border-style: solid;
	border-width: 0 4px 4px;
	min-height: auto;
	padding: 3em 8em;
}
#company .row.cooperation .text h2 {
	padding-top: 0;
	margin-bottom: 2rem;
}
#company .cooperation .text ul {
	margin: 0 0 0 20%;
}
#company .cooperation .text li {
    padding: 5px 0 0 110px;
	margin: 0 0 1rem;
	min-height: 77px;
	display: flex;
	width: 100%;
	align-items: flex-end;
	box-sizing: border-box;
}
#company .cooperation .text li:nth-child(2) {
	align-items: center;
}
#company .cooperation .text li::before {
    content: "";
    width: 80px;
    height: 72px;
    position: absolute;
    left: 0;
    bottom: 0;
	margin-top: -2px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
#company .cooperation .text li:nth-child(1)::before {
	background-image: url("../../images/main_img/cooperation/icons/2-1.png");
}
#company .cooperation .text li:nth-child(2)::before {
	background-image: url("../../images/main_img/cooperation/icons/2-2.png");
}
#company .cooperation .text li:nth-child(3)::before {
	background-image: url("../../images/main_img/cooperation/icons/2-3.png");
}
#company .cooperation .text li:nth-child(4)::before {
	background-image: url("../../images/main_img/cooperation/icons/2-4.png");
}
#company .row.principles p,
#company .row.principles h2 {
	width: 94%;
	margin: 0 auto;
	position: relative;
}
#company .row.principles .principles-left h2 {
	margin-bottom: 2rem;
}
#company .row.principles .principles-left h2::before {
    background: url("../../images/main_img/cooperation/icons/3.png") center center no-repeat;
    background-size: contain;
    width: 72px;
    height: 79px;
	top: 50%;
	transform: translateY(-50%);
}
#company .row.principles p {
	margin-bottom: .3em;
	text-indent: 2em;
	padding: 0;
}
#company .row.principles p::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	text-indent: 0;
}
#company .row.principles .principles-left p::before {
	background-color: #fff;
}
#company .row.principles .principles-right p::before {
	background-color: #222;
}
#company .row .text.principles-left {
	background-color: #be2e21;
	color: #fff;
	min-height: 550px
}
#body section article {
    position: relative;
    z-index: 2;
	padding: 0;
	margin-bottom: 0;
}
#widget_pos_left-bottom {
	padding-top: 1em;
	overflow: hidden;
}
.get-consultation {
	max-width: 44%;
	margin: 0 auto 2.2em !important;
}
.get-consultation .iforms_container {
	padding: 1em 2em 2em;
	margin-top: 30px;
	box-sizing: border-box;
	background-color: #f6f6f6;
	margin-bottom: 2em;
	border: 1px solid #ddd;
}
.get-consultation form.iforms .input[type="text"] {
    width: 100%;
}
@media screen and (max-width: 1919px) {
	#body section h1, #body section h2 {
		font-size: 30px;
	}
	#company .cooperation .text {
		width: 54%
	}
	#company .row.for-bg-right .text {
		padding: 3em 8em;
	}
}
@media screen and (max-width: 1799px) {
	#body section h1, #body section h2 {
		font-size: 29px;
	}
	#company .cooperation .text {
		width: 60%
	}
	#company .row.for-bg-right .text h2,
	#company .row.for-bg-right .text p {
		margin-bottom: 1rem;
	}
	.get-consultation {
		max-width: 49%;
	}
}
@media screen and (max-width: 1679px) {
	#body section h1, #body section h2 {
		font-size: 28px;
	}
	#company {
		font-size: 16px;
	}
	#company .cooperation .text {
		width: 66%;
	}
	.get-consultation {
		max-width: 52%;
	}
}
@media screen and (max-width: 1599px) {
	.head-block > div {
		padding: 2em 4em 4em;
	}
	#body section .head-block h1 {
		margin: 0 0 1em;
	}
	#company .row .text {
		padding: 5em;
	}
	#body section h1,
	#body section h2 {
		font-size: 28px;
	}
	.head-block {
		margin: 280px auto 0;
	}
	#body section h2 {
		padding-left: 75px;
		padding-right: 75px;
	}
	#company .row.principles .principles-left h2::before {
		width: 59px;
		height: 65px;
	}
	#company .for-bg-left h2::before {
		width: 59px;
		height: 63px;
		top: 3px !important;
	}
}
@media screen and (max-width: 1440px) {
	#company .row .bg.bg-left {
		background-size: cover;
	}
	#company .row .text.principles-left {
		min-height: auto;
	}
	#company .row .bg.bg-right {
		background-size: cover;
	}
	#company .row.for-bg-right .text {
		padding: 3em 5em;
	}
	.button-fixed {
		width: 57px;
		height: 180px;
	}
	.head-block + .block-button {
		width: 80px;
		height: 180px;
	}
	.get-consultation {
		max-width: 58%;
	}
	.third .text {
		width: 94%;
		text-align: center;
	}
}
@media screen and (max-width: 1439px) {
	#company .cooperation .text {
		width: 70%;
	}
	#company .row.for-bg-right .text {
		padding: 2em 3em;
	}
	.get-consultation {
		max-width: 57%;
	}
	.third {
		margin: 1.8em 0 0;
	}
	.third .text {
		width: 97.5%;
	}
	.for-bg-right .text > div {
		padding: 1em 2em 3em;
	}
}
@media screen and (max-width: 1365px) {
	#company {
		font-size: 14px;
	}
	#company .row.principles p::before {
		top: 7px;
	}
	#body section h1,
	#body section h2 {
		font-size: 24px;
	}
	.head-block {
		margin: 240px auto 0;
	}
	#company .row.principles .principles-left h2::before {
		width: 54px;
		height: 60px;
	}
	#company .for-bg-left h2::before {
		width: 54px;
		height: 58px;
		top: 3px !important;
	}
	#company .cooperation .text {
		width: 80%;
	}
	#company .cooperation .text ul {
		margin: 0 0 0 28%;
	}
	#company .cooperation .text li {
		padding: 5px 0 0 90px;
		min-height: 60px;
	}
	#company .cooperation .text li::before {
		width: 60px;
		height: 54px;
	}
	.get-consultation {
		max-width: 58%;
	}
	.third .text {
		width: 98%;
	}
}
@media screen and (max-width: 1279px) {
	.head-block {
		margin: 140px auto 0;
	}
	#body section h2 {
		font-size: 20px;
	}
	#body section h2 {
		padding-left: 60px;
		padding-right: 60px;
	}
	#company .for-bg-left h2::before {
		width: 45px;
		height: 48px;
		top: 3px !important;
	}
	#company .row.principles .principles-left h2::before {
		width: 44px;
		height: 50px;
	}
	.third .text {
		width: 96%;
	}
}
@media screen and (max-width: 1023px) {
	#company {
		font-size: 13px;
	}
	#company .row.principles p::before {
		top: 6px;
	}
	.head-block {
		margin: 140px auto 0;
	}
	#company .row.principles .text {
		padding: 5em 3em;
	}
	#company .text li::before {
		width: 16px;
		height: 16px;
	}
	#company .row.cooperation {
		background: #080d09 url("../../images/main_img/cooperation/bg/fourtch-row-left.jpg") center no-repeat;
		padding-bottom: 3em;
		background-size: cover;
	}
}
@media screen and (max-width: 980px) {
	#body {
		background-color: #1b1b1b;
	}
	#widget_pos_left-bottom {
		background-color: #fff;
		margin-bottom: 0;
	}
	.head-block {
		width: 70%;
	}
	.button-fixed {
		width: 33px;
		height: 102px;
	}
	.head-block + .block-button {
		width: 58px;
		height: 120px;
	}
	.third .text {
		width: 97%;
	}
}
@media screen and (max-width: 979px) {
	.head-block + .block-button {
		display: none;
	}
	.head-block {
		width: calc(100% - 66px);
	}
	.head-block > div {
		padding: 2em 2em 3em;
	}
	.get-consultation {
		max-width: calc(90% - 66px);
		margin: 0 auto 3em !important;
	}
	#body section h2 {
		font-size: 16px;
	}
	#company .cooperation .text ul {
		margin: 0 0 0 24%;
	}
	#company .row .text h2 {
		margin-bottom: 1rem;
	}
	#company .row.for-bg-left .text,
	#company .row.principles .text {
		padding: 3em;
	}
	.third .text {
		width: 95%;
	}
}
@media screen and (max-width: 799px) {
	#company .row.for-bg-left,
	#company .row.for-bg-right,
	#company .row.principles {
		flex-wrap: wrap;
	}
	#company .row.for-bg-left > div,
	#company .row.for-bg-right > div,
	#company .row.principles > div {
		width: 100%;
	}
	#company .row.principles .text.principles-left {
		padding: 3em 3em 0;
	}
	#company .row.principles .text.principles-right {
		padding: 0 3em 3em;
		background-color: #be2e21;
		color: #fff;
	}
	#company .row.principles p {
		margin-bottom: 1em;
	}
	#company .row.principles .principles-right p::before {
		background-color: #fff;
	}
	#company .row.for-bg-left .text h2,
	#company .row.for-bg-left .text ul {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
	}
	/* #company .row.for-bg-left .text ul {
		padding-left: 54px;
	} */
	#company .cooperation .text {
		width: calc(98% - 70px);
	}
	#company .row.principles p {
		width: 96%;
	}
	#company .row.principles h2 {
		box-sizing: border-box;
	}
}
@media screen and (max-width: 767px) {
	#company .cooperation .text ul {
		margin: 0 0 0 16%;
	}
	.third .text {
		width: 93%;
		padding: 3em 2em;
	}
}
@media screen and (max-width: 639px) {
	.head-block + .block-button {
		display: none;
	}
	.head-block {
		margin-top: 80px;
		width: calc(100% - 66px);
	}
	.head-block > div,
    #company .cooperation .text	{
		padding: 2em 2em 3em;
	}
}
@media screen and (max-width: 550px) {
	#company .cooperation .text ul {
		margin: 0 0 0 7%;
	}
	.third .text {
		width: 90%;
	}
}
@media screen and (max-width: 480px) {
.get-consultation {
		max-width: calc(100% - 66px);
		margin: 0 auto 3em !important;
	}
	.get-consultation .iforms_container {
		padding: 1em;
	}
	.button-to-contact, .iforms_button button {
		width: 256px;
		font-size: 11px;
	}
	.third .text {
		width: 88%;
	}
}
@media screen and (max-width: 479px) {
	#company .cooperation .text ul {
		margin: 0;
	}
	#company .cooperation .text li {
		padding: 5px 0 0 60px;
		font-size: 14px;
		min-height: 50px;
		margin: 0 0 .5rem;
	}
	#company .cooperation .text li::before {
		width: 44px;
		height: 50px;
	}
	.third .text {
		width: 86%;
		text-align: justify;
	}
	.third .text p {
		padding: 0 2.5%;
	}
}
@media screen and (max-width: 359px) {
	#company .row.principles .text.principles-left {
		padding: 2em 3em 0;
	}
	#company .row.principles .text.principles-right {
		padding: 0 3em 2em;
	}
	#company .row.principles h2 {
		width: 232px;
		padding: 63px 0 0;
		margin-bottom: 1rem;
	}
	#company .row.principles .principles-left h2::before {
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.third .text p {
		padding: 0 5%;
	}
}