@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

html, body {
	padding: 0px;
	margin: 0px;
	font-family: 'Ubuntu', sans-serif;
	line-height: 1.5;
	color: #000;
}

input, textarea, select, button {
	font-family: 'Ubuntu', sans-serif;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-family: 'Ubuntu', sans-serif;
}

p {
	margin: 0px;
	font-family: 'Ubuntu', sans-serif;
}

ul, ol {
	margin: 0px;
	font-family: 'Ubuntu', sans-serif;
}

.clear {
	width: 0px;
	height: 0px;
	float: none !important;
	clear: both !important;
}

.container {
	width: 100%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

a {
	transition: all 0.25s ease-out;
	outline: none;
}

a:hover {
	transition: all 0.25s ease-in;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

body {
	padding-top: 127px;
}

table {
	width: 100% !important;
}

/*--------*/

/*header*/

.header {
	width: 100%;
	height: 127px;
}

.head-top {
	width: 100%;
	height: 70px;
	background-color: #fff;
}

.head-top-box {
	width: 100%;
	font-size: 0;
	padding-top: 16px;
}

.menu-but {
	display: none;
}

.head-logo {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 260px;
}

.head-logo img {
	max-width: 100%;
	height: auto;
}

.head-m-top {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 305px;
	margin-left: 20px;
	text-align: right;
}

.head-m-top ul {
	padding-left: 0px;
	list-style-type: none;
}

.head-m-top ul li {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

.head-m-top ul li a {
	font-size: 16px;
	color: #000;
	line-height: 38px;
}

.head-m-top ul li a:hover {
    color: #008ab7;
}

.head-phone {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 180px;
	margin-left: 20px;
}

.head-phone a {
	display: inline-block;
	padding-left: 32px;
	position: relative;
	font-size: 16px;
	color: #000;
	line-height: 38px;
}

.head-phone a:hover {
	color: #008ab7;
}

.head-phone a::before {
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -11px;
	border-radius: 200%;
	background-color: #008ab7;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/head-phone.png');
}

.but a {
	width: 100%;
	border-radius: 40px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 57px;
	padding-left: 22px;
	padding-right: 22px;
	box-sizing: border-box;
	background-color: #008ab7;
	text-align: center;

	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.but a:hover {
	background-color: #00395f;
}

.login-but {
	display: flex !important;
	align-items: center;
	
	padding-right: 0px !important;
	flex-grow: 1;
	width: 100%;
	max-width: 85px;
	text-align: center;
}

.login-but a {
	border-radius: 40px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 32px !important;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	background-color: transparent;
	border: 1px solid #fff;
	text-align: center !important;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.login-but a:hover {
	background-color: #fff;
	color: #008ab7;
	font-weight: 400 !important;
}

.login-but a::after {
	display: none;
}

.head-call-but {
	max-width: 185px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	padding-top: 2px;
}

.head-call-but a {
	line-height: 34px;
}

.head-lang {
	max-width: 60px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	padding-top: 2px;
}

.head-lang select {
	width: 100%;
	padding: 0px;
	padding-left: 28px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url('../images/head-lang.png');
	border: 1px solid #33a1c5;
	border-radius: 7px;
	height: 34px;
	box-sizing: border-box;

	-webkit-appearance: none;
   	-moz-appearance: none;
	appearance: none;
	font-size: 14px;
	color: #008ab7;
	text-transform: uppercase;
}

.head-bottom {
	width: 100%;
	background-color: #00395f;
	height: 57px;
}

.header.fixed {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.head-menu {
	width: 100%;
}

.head-menu ul {
	width: 100%;
	display: flex;
	padding-left: 0px;
	list-style-type: none;
	flex-direction: row;
	justify-content: space-between;
}

.head-menu ul li {
	display: flex;
	line-height: 55px;
	
	align-items: center;
	height: 57px;
	box-sizing: border-box;
	padding-right: 15px;
	flex-grow: 1;
	width: 100%;
}

.head-menu ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	position: relative;
	display: inline-block;
	line-height: 18px;
	text-align: left;
	width: 100%;
}

.head-menu ul li a:hover {
	font-weight: 500;
}

.head-menu ul li a::after {
	width: 0px;
	height: 2px;
	background-color: #d4effc;
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: all 0.25s;
}

.head-menu ul li a:hover::after {
	width: 26px;
	transition: all 0.25s;
}


/*--------*/

/*footer*/

.footer {
	width: 100%;
	background-color: #00395f;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.footer img {
	max-width: 100%;
	height: auto;
}

/*--------*/

/*first-block*/

.first-block {
	width: 100%;
	font-size: 0;
	background-image: url('../images/first-bg.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.first-img {
	width: 100%;
	max-width: calc(50% + 15px);
	display: inline-block;
	vertical-align: top;
	height: 560px;
	position: relative;
	overflow: hidden;
}

/*.first-img::after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/watermark1.png');
	z-index: 1;
}*/

.first-img .water {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/watermark1.png');
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.first-img img {
	width: auto;
	height: 100%;
	
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
}

.first-img .water img {
	width: auto;
	height: auto;
}

.first-info {
	width:  100%;
	max-width: calc(50% - 85px);
	margin-left: 70px;
	display: inline-block;
	vertical-align: top;
	height: 560px;
	position: relative;
}

.first-info:before {
	width: calc(100% - 215px);
	height: 345px;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
	background-color: #edf8fe;
	opacity: 0.7;
}

.first-info-inner {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;	
}

.first-info img {
	max-width: 629px;
	height: auto;
}

.first-comp-subname {
	text-transform: uppercase;
	font-weight: 300;
	color: #00395f;
	letter-spacing: 20px;
	font-size: 40px;
	margin-top: 20px;
	line-height: 1;
}

.first-line {
	width: 290px;
	height: 3px;
	position: relative;
	margin-top: 50px;
}

.first-line::before {
	width: 100%;
	height: 1px;
	background-color: #c1c1c1;
	content: "";
	position: absolute;
	left: 0px;
	top: 1px;
	z-index: 1;
}

.first-line::after {
	width: 55px;
	height: 3px;
	background-color: #00395f;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.first-info-inner h1 {
	color: #00395f;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
}

/*--------*/

/*first-about*/

.first-about {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 110px;
	overflow-x: hidden;
}

.first-about-box {
	width: 100%;
	font-size: 0;
}

.first-about-info {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 655px;
	position: relative;
	padding-top: 40px;
}

.first-about-info::before {
	width: 415px;
	height: 240px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: -65px;
	top: 0px;
	z-index: -1;
}

h2 {
	line-height: 1;
	font-weight: 300;
	color: #00395f;
	font-size: 50px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 50px;
}

h2 b, h2 strong {
	font-weight: bold;
}

h2::before {
	content: "";
	width: 292px;
	height: 1px;
	background-color: #c1c1c1;
	position: absolute;
	left: 0px;
	bottom: -25px;
}

h2::after {
	content: "";
	width: 55px;
	height: 3px;
	background-color: #00395f;
	position: absolute;
	left: 0px;
	bottom: -26px;
}

.first-info h2 {
	color: #474747;
	font-size: 24px;
	font-weight: 500;
	max-width: 290px;
	line-height: 1.5;
	margin-top: 50px;
	text-transform: none;
}

.first-info h2::before, .first-info h2::after {
	display: none;
}

.first-about-info p {
	margin-top: 20px;
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

.first-about-info p.fw-500 {
	font-weight: 500;
}

.first-about-pr {
	width: 100%;
	font-size: 0;
	margin-top: 30px;
	display: flex;
}

.first-about-pr-item {
	/*width: 100%;
	max-width: 80px;*/
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
	text-align: center;
}

.first-about-pr-item p {
	margin-top: 10px;
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

.first-about-img {
	width: 100%;
	max-width: 455px;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}

.first-about-img img {
	max-width: 100%;
	height: auto;
}

/*--------*/

/*our-activity*/

.our-activity {
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	background-image: url('../images/our-activity-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

h4 {
	color: #00395f;
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
}

h4 b, h4 strong {
	font-weight: bold;
}

h4::before {
	content: "";
	width: 292px;
	height: 1px;
	background-color: #c1c1c1;
	position: absolute;
	left: 0px;
	bottom: -25px;
}

h4::after {
	content: "";
	width: 55px;
	height: 3px;
	background-color: #00395f;
	position: absolute;
	left: 0px;
	bottom: -26px;
}

.our-activity h4 {
	color: #fff;
	margin-bottom: 50px;
}

.our-activity h4::before {
	background-color: #fff;
	bottom: -20px;
}

.our-activity h4::after {
	background-color: #d4effc;
	bottom: -21px;
}

.our-activity-items {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-direction: row;
}

.our-activity-item {
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	border-right: 1px solid rgba(255, 255, 255, 0.35);
	box-sizing: border-box;
	/*line-height: 48px;*/
	line-height: 16px;
	text-align: left;
	max-height: 50px;
	width: 100%;
	flex-direction: row;
	Justify-content: center;
	align-items: center;
	padding: 10px;
}
.our-activity-item:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.our-activity-item img {
	max-width: 17px;
	max-height: 17px;
	width: auto;
	height: auto;
}

.our-activity-item span {
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	margin-left: 10px;
}

.our-activity-block {
	width: 100%;
	font-size: 0;
	margin-top: 80px;
}

.oa-block-princ {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 555px;
}

.oa-block-princ-items {
	width: 100%;
}

.oa-block-princ-item {
	margin-bottom: 20px;
	max-width: 520px;
	font-size: 0;
}

.oa-block-princ-item:last-child {
	margin-bottom: 0px;
}

.oap-img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 30px;
}

.oap-text {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: calc(100% - 50px);
	margin-left: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.oap-text > p b, .oap-text > p strong {
	font-weight: 500;
	text-transform: uppercase;
}

.oap-text > p {
	font-size: 14px;
	font-weight: 300;
}

.oa-block-guar {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 555px;
	margin-left: 30px;
	padding-left: 165px;
	box-sizing: border-box;
}

.oa-guar-but {
	max-width: 245px;
	margin-top: 50px;
}

.oa-guar-but a {
	font-weight: 500;
	font-size: 16px;
}

.oa-block-guar p, .oa-block-guar ul {
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 300;
}

.oa-block-guar ul {
	padding-left: 0px;
	list-style-type: none;
}

.oa-block-guar ul li {
	padding-left: 24px;
	margin-bottom: 20px;
	box-sizing: border-box;
	background-position: 5px 8px;
	background-repeat: no-repeat;
	background-image: url('../images/mark0.png');
}

/*--------*/

/*electric-energy-info*/

.electric-energy-info {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url('../images/el-energy-bg.png');
	background-position: calc(50% + 480px) calc(100% - 42px);
	background-repeat: no-repeat;
}

.electric-energy-box {
	width: 100%;
	font-size: 0;
}

.electric-energy-text {
	width: 100%;
	max-width: 585px;
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
	position: relative;
}

.electric-energy-text::before {
	width: 825px;
	height: 380px;
	content: "";
	position: absolute;
	left: -117px;
	top: -40px;
	background-color: #f1fafe;
	z-index: -1;
}

.electric-energy-text p {
	font-size: 14px;
}

.electric-energy-img {
	width: 100%;
	max-width: 485px;
	display: inline-block;
	vertical-align: top;
	margin-left: 70px;
}

.electric-energy-img img {
	max-width: 100%;
	height: auto;
}

/*--------*/

/**/

.electric-energy-slider-block {
	width: 100%;
	padding-top: 45px;
	padding-bottom: 45px;
	background-image: url('../images/pr-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.electric-energy-box2{
	width: 100%;
	max-width: 1005px;
	margin-left: auto;
	margin-right: auto;
}

.electric-energy-box2 h4 {
	color: #fff;
	margin-bottom: 50px;
}

.electric-energy-box2 h4::after {
	background-color: #d4effc;
}

.electric-energy-slider {
	width: 100%;
	max-width: 1005px;
	margin-left: auto;
	margin-right: auto;
}

.ees-item {
	width: 100%;
	position: relative;
	color: #fff;
}

.ees-item > *:first-child {
	margin-top: 0px;
}

.ees-item p {
	max-width: 700px;
	margin-top: 20px;
}

.ees-item p b {
	font-weight: bold;
	text-transform: uppercase;
}

.ees-counter {
	font-weight: bold;
	line-height: 1;
	font-size: 130px;
	color: #d4effc;
	opacity: 0.5;
	position: absolute;
	right: 30px;
	bottom: 0px;
}

.electric-energy-slider .owl-prev, .electric-energy-slider .owl-next {
	width: 100%;
	max-width: 38px;
	height: 38px;
	background-color: #008ab7;
	position: absolute;
	top: calc(50% - 61px);
	transition: all 0.25s;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0;
}

.electric-energy-slider .owl-prev {
	background-image: url('../images/arr-prev.png');
	left: -65px;
}

.electric-energy-slider .owl-next {
	background-image: url('../images/arr-next.png');
	right: -65px;
}

.electric-energy-slider .owl-prev:hover, .electric-energy-slider .owl-next:hover {
	transition: all 0.25s;
	background-color: #00395f;
}

/*--------*/

/*electric-energy-cond*/

.electric-energy-cond {
	padding-top: 65px;
	padding-bottom: 65px;
	background-image: url('../images/cond-bg.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	overflow-x: hidden;
}

.electric-energy-cond::before {
	content: "";
	width: 100%;
	max-width: calc(50% + 625px);
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #e4e4e4;
	opacity: 0.4;
}

.electric-energy-cond::after {
	content: "";
	width: 100%;
	max-width: 265px;
	height: 100%;
	position: absolute;
	left: calc(50% + 625px);
	top: 0px;
	background-image: url('../images/cond-logo.png');
	background-position: 50% 83%;
	background-repeat: no-repeat;
}

.electric-energy-cond h4 {
	margin-bottom: 50px;
}

.electric-energy-cond p, .electric-energy-cond ul, .electric-energy-cond ol {
	font-size: 14px;
	margin-bottom: 20px;
} 

.electric-energy-cond p b {
	font-size: 16px;
}

.electric-energy-cond ul, .electric-energy-cond ol {
	padding-left: 0px;
	list-style-position: inside;
}

.electric-energy-cond ul {
	list-style-type: '- ';
}

.electric-energy-cond ul li, .electric-energy-cond ol li {
	margin-bottom: 20px;
}

.electric-energy-cond ul:first-child {
	margin-top: 20px;
}

.electric-energy-cond ul li:last-child, .electric-energy-cond ol li:last-child {
	margin-bottom: 0px;
}

.ee-cond-but {
	margin-top: 40px;
	/*max-width: 240px;*/
	max-width: 100%;
}

.ee-cond-but a {
	font-size: 16px;
	font-weight: 500;
}

/*--------*/

/*gas-energy-info*/

.gas-energy-info {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	background-image: url('../images/gas-bg.png');
	background-position: 0px 60px;
	background-repeat: no-repeat;
}

.gas-energy-box {
	width: 100%;
	font-size: 0;
}

.gas-energy-img {
	max-width: 490px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.gas-energy-img img {
	max-width: 100%;
	height: auto;
}

.gas-energy-text {
	max-width: 555px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 95px;
	padding-top: 20px;
	position: relative;
}

.gas-energy-text::before {
	width: 335px;
	height: 225px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: 155px;
	top: -25px;
	z-index: -1;
}

.gas-energy-text p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}

.gas-energy-items {
	margin-top: 75px;
	font-size: 0;
	width: 100%;
}

.gas-energy-item {
	width: 100%;
	max-width: 555px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
	border-left: 14px solid #00395f;
	box-sizing: border-box;
}

.gas-energy-item:last-child {
	margin-right: 0px;
}

.gas-energy-item p {
	padding-left: 25px;
	padding-right: 40px;
	height: 130px;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	align-items: center;
	font-size: 14px;
	font-weight: 300;
}

/*--------*/

/*gas-energy-law*/

.gas-energy-law {
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.gas-energy-law::before {
	width: 100%;
	max-width: calc(50% + 705px);
	height: 100%;
	background-color: #edf8fe;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
}

.gas-energy-law-box {
	width: 100%;
}

.gas-energy-law-box h4 {
	margin-bottom: 50px;
}

.gas-energy-law-box p {
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 300;
	color: #000;
}

.gas-energy-law-box p a {
	color: #00395f;
	font-weight: 500;
}

.gas-energy-law-box p b, .gas-energy-law-box p strong {
	font-weight: 500;
}

.gas-energy-law-items {
	width: 100%;
	font-size: 0;
	margin-top: 45px;
}

.gas-energy-law-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 360px;
	margin-right: 30px;
	border-radius: 6px;
	border-bottom: 6px solid #00395f;
	background-color: #fff;
}

.gas-energy-law-item:last-child {
	margin-right: 0px;
}

.gas-energy-law-item p {
	width: 100%;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 300px;
	color: #000;
	height: 130px;
	align-items: center;
	box-sizing: border-box;
	display: flex;
	text-align: center;
	margin-bottom: 0px;
}

.gas-el-b {
	margin-top: 40px;
	text-align: center;
}

.gas-el-b a {
	width: auto;
}

/*--------*/

/*advantages-block*/

.advantages-block {
	padding-top: 50px;
	padding-bottom: 60px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/advantages-bg.jpg');
	background-size: cover;
}

h3 {
	color: #00395f;
	font-size: 27px;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
}

h3 b, h3 strong {
	font-weight: bold;
}

h3::before {
	content: "";
	width: 292px;
	height: 1px;
	background-color: #c1c1c1;
	position: absolute;
	left: 0px;
	bottom: -25px;
}

h3::after {
	content: "";
	width: 55px;
	height: 3px;
	background-color: #00395f;
	position: absolute;
	left: 0px;
	bottom: -26px;
}

.advantages-title h3 {
	color: #fff;
	margin-bottom: 50px;
}

.advantages-title h3 b, .advantages-title h3 strong {
	display: block;
}

.advantages-title h3::before {
	background-color: #fff;
	bottom: -20px;
}

.advantages-title h3::after {
	background-color: #d4effc;
	bottom: -21px;
}

.advantages-box {
	width: 100%;
	font-size: 0;
}

.advantages-title {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 360px;
}

.advantages-items {
	width: 100%;
	max-width: 730px;
	margin-left: 50px;
	display: inline-block;
	vertical-align: top;
	counter-reset: counter;
}

.advantages-but {
	max-width: 270px;
}

.advantages-but a {
	font-size: 16px;
	font-weight: 500;
}

.advantages-item {
	max-width: 230px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-top: 15px;
	position: relative;

	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

.advantages-item:nth-child(3n) {
	margin-right: 0px;
}

.advantages-item::before {
	counter-increment: counter;
	content: "0"counter(counter);
	font-size: 50px;
	font-weight: bold;
	color: #408ab8;
	line-height: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.advantages-item p {
	position: relative;
	z-index: 1;
}

/*--------*/

/*coal-energy-info*/

.coal-energy-info {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
}

.coal-energy-box {
	width: 100%;
	font-size: 0;
}

.coal-energy-img {
	max-width: 490px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.coal-energy-img img {
	max-width: 100%;
	height: auto;
}

.coal-energy-text {
	max-width: 555px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 95px;
	padding-top: 15px;
	position: relative;
}

.coal-energy-text::before {
	width: 215px;
	height: 175px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: -45px;
	top: -25px;
	z-index: -1;
}

.coal-energy-text p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}

/*--------*/

/**/

.how-we-work {
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.how-we-work::before {
	width: 100%;
	max-width: calc(50% + 705px);
	height: 100%;
	background-color: #edf8fe;
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
	background-image: url('../images/how-work-bg.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.how-we-work-box {
	width: 100%;
	margin-right: 25px;
	font-size: 0;
}

.how-we-work h4 {
	margin-bottom: 60px;
}

.how-we-work-item {
	width: 100%;
	max-width: 555px;
	margin-right: 30px;
	padding-right: 50px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.how-we-work-item:nth-child(1), .how-we-work-item:nth-child(2) {
	margin-bottom: 40px;
}

.how-we-work-item:nth-child(2n) {
	margin-right: 0px;
}

.how-we-work-item-img {
	width: 100%;
	height: 46px;
}

.how-we-work-item-title {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}

.how-we-work-item p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 300;
}

/*--------*/

/*advantages2-block*/

.advantages2-block {
	padding-top: 65px;
	padding-bottom: 60px;
	background-image: url('../images/advantages-bg2.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}

.advantages2-block .container {
	color: #fff;
}

.advantages2-block h4 {
	color: #fff;
	margin-bottom: 50px;
}

.advantages2-block h4::before {
	background-color: #fff;
	bottom: -20px;
}

.advantages2-block h4::after {
	background-color: #d4effc;
	bottom: -21px;
}

.advantages2-block .container > p {
	max-width: 515px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.advantages2-but {
	max-width: 272px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.advantages2-but a {
	font-size: 16px;
	font-weight: 500;
}

.advantages2-box {
	margin-top: 40px;
	width: 100%;
}

.advantages2-box table {
	border: 0px;
	border-spacing: 0px 0px;
	width: 100% !important;
	color: #fff;
}

.advantages2-box table th {
	background-color: #008ab7;
	font-size: 12px;
}

.advantages2-box table th, .advantages2-box table td {
	height: 55px !important;
	font-weight: 300;
	vertical-align: middle;
	text-align: left;
	padding-left: 30px;
	line-height: 1;
}

.advantages2-box table th b {
	font-weight: 500;
	display: block;
	font-size: 14px;
}

.advantages2-box table td {
	font-size: 14px;
	border-bottom: 1px solid #fff;
}

/*.advantages2-box table td:not(:first-child) {
	text-align: center;
}*/


/*--------*/

/*metall-info*/

.metall-info {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
}

.metall-box {
	width: 100%;
	font-size: 0;
}

.metall-img {
	max-width: 390px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 65px;
}

.metall-img img {
	max-width: 100%;
	height: auto;
}

.metall-text {
	max-width: 685px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	position: relative;
}

.metall-text::before {
	width: 425px;
	height: 260px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: -65px;
	top: -45px;
	z-index: -1;
}

.metall-text p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}

.metall-text h4 {
	margin-bottom: 50px;
}

.metall-but {
	max-width: 275px;
	margin-top: 30px;
}

.metall-but a {
	font-size: 16px;
	font-weight: 500;
}

.metall-text ul {
	padding-left: 0px;
	list-style-type: none;
	max-width: 325px;
	font-size: 0;
}

.metall-text ul li {
	padding-left: 20px;
	margin-bottom: 3px;
	box-sizing: border-box;
	background-position: 3px 7px;
	background-repeat: no-repeat;
	background-image: url('../images/mark1.png');

	font-size: 14px;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
	box-sizing: border-box;
	width: 100%;
	max-width: 50%;
}

.metall-dop-text {
	width: 100%;
	margin-top: 30px;
	font-size: 0;
}

.mdt-items {
	margin-top: 50px;
	font-size: 0;
}

.metall-dop-text div.mdt-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 360px;
	margin-right: 170px;
	margin-bottom: 35px;
}

.metall-dop-text div.mdt-item:nth-child(2n), .metall-dop-text div.mdt-item:last-child {
	margin-right: 0px;
}

.metall-dop-text div.mdt-item p {
	margin-bottom: 10px;
	font-size: 16px;
}

.metall-dop-text div.mdt-item ul {
	font-size: 16px;
	list-style-type: none;
	padding-left: 0px;
	font-weight: 300;
}

.energy-buts .border-but {
	margin-left: 20px;
	background-color: #fff;
	color: #000;
	border: 2px solid #008ab7;
	box-sizing: border-box;
	height: 57px;
	width: 200px;
	line-height: 53px;
}

.energy-buts .border-but:hover {
	background-color: #008ab7;
	color: #fff;
}

/*--------*/

/*advantages3-block*/

.advantages3-block {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 100%;
	background-image: url('../images/advantages-bg3.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.advantages3-block h4 {
	color: #fff;
	margin-bottom: 50px;
}

.advantages3-block h4::before {
	background-color: #fff;
	bottom: -20px;
}

.advantages3-block h4::after {
	background-color: #d4effc;
	bottom: -21px;
}

.advantages3-box {
	margin-top: 25px;
	font-size: 0;
	width: 100%;
}

.advantages3-item {
	max-width: 196px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-right: calc(50% - 294px);
}

.advantages3-item:last-child {
	margin-right: 0px;
}

.advantages3-item-img {
	height: 191px;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}

.advantages3-item:nth-child(1) .advantages3-item-img {
	background-image: url('../images/a3-img1.png');
	padding-top: 67px;
}

.advantages3-item:nth-child(2) .advantages3-item-img {
	background-image: url('../images/a3-img2.png');
	padding-top: 58px;
}

.advantages3-item:nth-child(3) .advantages3-item-img {
	background-image: url('../images/a3-img3.png');
	padding-top: 75px;
}

.advantages3-item .advantages3-item-img span {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	position: absolute;
}

.advantages3-item:nth-child(1) .advantages3-item-img span {
	top: 33px;
	left: 50%;
}

.advantages3-item:nth-child(2) .advantages3-item-img span {
	top: 53px;
	left: calc(50% - 36px);
}

.advantages3-item:nth-child(3) .advantages3-item-img span {
	top: 44px;
	left: calc(50% - 18px);
}

.advantages3-item p {
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

/*--------*/

/*industry-info*/

.industry-info {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url('../images/indstry-bg.png');
}

.industry-box {
	width: 100%;
	font-size: 0;
}

.industry-img {
	max-width: 390px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.industry-img img {
	max-width: 100%;
	height: auto;
}

.industry-text {
	max-width: 665px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 85px;
	padding-top: 50px;
	position: relative;
}

.industry-text::before {
	width: 255px;
	height: 205px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: -30px;
	top: 0px;
	z-index: -1;
}

.industry-text p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}

/*--------*/

/*industry-range*/

.industry-range {
	padding-top: 65px;
	padding-bottom: 65px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/industry-bg2.jpg');
	overflow-x: hidden;
}

.industry-range h4 {
	color: #fff;
	margin-bottom: 50px;
}

.industry-range h4::before {
	background-color: #fff;
	bottom: -20px;
}

.industry-range h4::after {
	background-color: #d4effc;
	bottom: -21px;
}

.industy-range-but {
	max-width: 275px;
	margin-left: auto;
	margin-right: auto;
}

.industy-range-but a {
	font-size: 16px;
	font-weight: 500;
}

.industy-range-box {
	width: 100%;
	font-size: 0;
}

.industry-range-item {
	margin-bottom: 40px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 25%;
	box-sizing: border-box;
	padding-right: 30px;
}

.industry-range-img {
	height: 50px;
}

.industry-range-item p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-top: 15px;
}

/*--------*/

/**/

.mineral-info {
	padding-top: 100px;
	padding-bottom: 25px;
	width: 100%;
}

.mineral-box {
	width: 100%;
	font-size: 0;
}

.mineral-img {
	max-width: 390px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.mineral-img img {
	max-width: 100%;
	height: auto;
}

.mineral-text {
	max-width: 665px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 85px;
	padding-top: 50px;
	position: relative;
}

.mineral-text::before {
	width: 255px;
	height: 205px;
	content: "";
	background-color: #f1fafe;
	position: absolute;
	left: 340px;
	top: -25px;
	z-index: -1;
}

.mineral-text p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
}

/*--------*/

/*how-we-work2*/

.how-we-work2 {
	padding-top: 130px;
	padding-bottom: 130px;
	width: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url('../images/fert-bg.png');
}

.how-we-work2::before {
	right: auto;
	top: 70px;
	height: calc(100% - 70px);
	left: 0px;
	background-image: none;
	z-index: 0;
}

/*--------*/

/**/

.assort-block {
	padding-top: 65px;
	padding-bottom: 60px;
	background-image: url('../images/range-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.assort-block h4 {
	color: #fff;
	margin-bottom: 50px;
}

.assort-block h4::before {
	background-color: #fff;
	bottom: -20px;
}

.assort-block h4::after {
	background-color: #d4effc;
	bottom: -21px;
}

.assort-block .container > p {
	max-width: 515px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.assort-block .advantages2-but {
	width: 100%;
	text-align: center;
	max-width: 100%;
}

.assort-block .advantages2-but a {
	max-width: 315px;
	margin-left: 15px;
	margin-right: 15px;
}

.assort-block .advantages2-but a.download {
	background-color: transparent;
	border: 2px solid #d4effc;
	box-sising: border-box;
}

.assort-block .advantages2-but a.download:hover {
	background-color: #d4effc;
	border: 2px solid #d4effc;
	color: #008ab7;
}

/*--------*/

/*contacts*/

.contacts {
	min-height: 435px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.contacts-box {
	max-width: 375px;
	height: auto;
	background-color: #fff;
	position: relative;
	z-index: 2;
	padding-top: 40px;
	padding-bottom: 40px;
}

.contacts-box::before {
	width: 525px;
	height: 100%;
	position: absolute;
	left: -75px;
	top: 0px;
	background-color: #fff;
	content: "";
	z-index: -1;
}

.map {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.map iframe {
	width: 100% !important;
	height: 100% !important;
}

.contacts-box p {
	font-size: 16px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
}

.cont-phone, .cont-email, .cont-addr, .cont-time {
	line-height: 36px;
	box-sizing: border-box;
	position: relative;
	padding-left: 28px;
	font-size: 14px;
	color: #000;
}

.cont-phone {
	line-height: 20px;
	margin-bottom: 5px;
}

.cont-phone b, .cont-email b, .cont-addr b, .cont-time b {
	font-weight: 500;
}

.cont-phone a, .cont-email a {
	text-decoration: none;
	color: #000;
}

.cont-phone a {
	display: block;
}

.cont-phone a:hover, .cont-email a:hover {
	color: #00395f;
}

.cont-phone::before, .cont-email::before, .cont-addr::before, .cont-time::before {
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -11px;
	border-radius: 200%;
	background-color: #008ab7;
	background-position: center center;
	background-repeat: no-repeat;
}

.cont-phone::before {
    top: 0%;
	margin-top: 3px;
}

.cont-phone::before {
	background-image: url('../images/f-phone.png');
}

.cont-email::before {
	background-image: url('../images/f-email.png');
}

.cont-addr::before {
	background-image: url('../images/f-addr.png');
}

.cont-time::before {
	background-image: url('../images/f-time.png');
}

/*--------*/

/*modal-block*/

.modal-block {
	width: 500px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.modal-title {
	width: 100%;
	line-height: 75px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	background-color: #00395f;
	font-weight: bold;
	text-align: center;
}

.modal-form {
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
	width: 100%;
	margin-top: 50px;
}

.fancybox-bg {
	display: none !important;
}

#fancybox-outer {
	background: transparent !important;
}

#fancybox-content {
	border-color: transparent !important;
}

.modal-form input[type="tel"], .modal-form input[type="text"] {
	width: 100%;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	margin-bottom: 20px;
	background-color: #f6f6f6;
	border-radius: 6px;
	border: 1px solid #f6f6f6;
	box-sizing: border-box;
	transition: all 0.25s;
}

.modal-form input[type="tel"].wpcf7-not-valid, .modal-form input[type="text"].wpcf7-not-valid {
	border: 1px solid #f00;
	transition: all 0.25s;
}

.modal-form input[type="submit"] {
	width: 100%;
	border-radius: 40px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 57px;
	padding-left: 25px;
	padding-right: 25px;
	box-sizing: border-box;
	background-color: #008ab7;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 0px;
	transition: all 0.25s;
	cursor: pointer;
	margin-top: 10px;
}

.modal-form input[type="submit"]:hover {
	transition: all 0.25s;
	background-color: #00395f;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7-response-output {
	display: none !important;
}

#fancybox-close {
    top: 35px;
    right: 30px;
    width: 22px !important;
    height: 22px !important;
    background: transparent url('../images/close.png') 0px 0px !important;
}

/*--------*/

/**/

.head-logo-mob {
	display: none;
}

.head-phone-mob {
	display: none;
}

.mob-advantages-but {
	display: none;
}

.modal-sub {
	text-align: center;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: 500;
}

.modal-form > p {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	margin-top: 20px;
}

.mf-but {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 275px;
}

.mf-but a {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.menu-mob-header {
	display: none;
}

/*--------*/

/**/

.energy-buts {
	margin-top: 25px;
}

.energy-buts a {
	display: inline-block;
	width: auto;
}

.energy-buts a:first-child {
	margin-right: 20px;
}

/*--------*/

/**/

.norm-docs {
	padding: 40px 0;
	background-color: #f1fafe;
}

.norm-docs h1 {
	line-height: 1;
	font-weight: 300;
	color: #00395f;
	font-size: 50px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 50px;
}

.norm-docs h1 b, .norm-docs h1 strong {
	font-weight: bold;
}

.norm-docs h1::before {
	content: "";
	width: 292px;
	height: 1px;
	background-color: #c1c1c1;
	position: absolute;
	left: 0px;
	bottom: -25px;
}

.norm-docs h1::after {
	content: "";
	width: 55px;
	height: 3px;
	background-color: #00395f;
	position: absolute;
	left: 0px;
	bottom: -26px;
}

.norm-docs-box {
	margin-top: 30px;
	font-size: 14px;
}

.docs-columns {
	margin-top: 30px;
	font-size: 0;
	display: flex;
	justify-content: space-between;
}

.docs-col {
	width: 100%;
	margin-right: 25px;
}

.docs-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #00395f;
}

.docs-col a {
	display: block;
	margin-bottom: 20px;
	border-radius: 10px;
	
	display: flex;
	color: #1b1b1b;
	font-weight: 900;
	padding: 25px;
	border-radius: 10px;
	background: #fff;
	transition: all 0.3s;
	
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}


.docs-col a:hover {
	background: #008bba;
	color: #fff;
}

.docs-col a:hover img {
    filter: grayscale(100%) brightness(600%);
}
.docs-col a img {
    min-width: 26px;
    max-height: 28px;
    margin-right: 15px;
    transition: all 0.3s;
}

.gas3-items {
	font-size: 0;
	display: block;
	margin-right: 0px;
	margin-bottom: 30px;
}

.gas3-items > div {
	width: 100%;
	max-width: calc(50% - 15px);
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
}

.gas3-items > div:nth-child(2n) {
	margin-right: 0px;
}


/*--------*/

/*oil-prods*/

.oil-prods {
	padding: 60px 0;
	overflow-x: hidden;
}

.oil-prods h2 {
	font-size: 47px;
}

.oil-prods-box {
	font-size: 0;
	margin-top: 60px;
}

.oil-prods-slider {
	max-width: 100%;
	position: relative;
}

.oil-prods-slider::before {
	width: 1000px;
	height: 210px;
	right: 100%;
	top: 315px;
	position: absolute;
	background-color: #f1fafe;
	content: "";	
}

.oil-prods-item {
	width: 100%;
	
	max-width: 535px;
	width: 100%;
	display: inline-block !important;
	vertical-align: top;
	position: relative;
}

.oil-prods-item-img {
	width: 100%;
	position: relative;
	z-index: 2;
	height: 295px;
	max-height: 295px;
	overflow: hidden;
}

.oil-prods-item-img img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.oil-prods-item-img p {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	box-sizing: border-box;
	padding: 30px 20px;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.oil-prods-item-text {
	margin-top: 20px;
	width: 100%;
	padding: 0 30px;
	padding-left: 0px;
	box-sizing: border-box;
	color: #18212e;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	background-color: #f1fafe;
	min-height: 210px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}

.oil-prods-slider .owl-controls {
	margin-top: 50px;
}

.oil-prods-slider .owl-dots {
	font-size: 0;
}

.oil-prods-slider .owl-dots .owl-dot {
	width: 100%;
	max-width: 120px;
	height: 8px;
	margin-right: 20px;
	border: 1px solid #00395f;
	box-sizing: border-box;
	transition: all 0.25s;
	display: inline-block;
	vertical-align: top;
}

.oil-prods-slider .owl-dots .owl-dot:last-child {
	margin-right: 0px;
}

.oil-prods-slider .owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
	transition: all 0.25s;
	background-color: #00395f;
}

.oil-prods-info {
	width: 100%;
	max-width: calc(100% - 585px);
	margin-left: 50px;
	display: inline-block;
	vertical-align: top;
}

.oil-prods-info table {
	width: 100%;
	border: 0;
	border-spacing: 0px;
    border-collapse: separate;
	margin-bottom: 25px;
}

.oil-prods-info table tr td {
	height: 58px;
	background-color: #fafafa;
	text-align: center;
	color: #1b1b1b;
	font-size: 14px;
}

.oil-prods-info table tr td:first-child {
	font-weight: bold;
}

.oil-prods-info table tr:nth-child(2n+1) td {
	background-color: #f2f2f2;
}

.oil-prods-info table tr:nth-child(1) td {
	height: 36px;
	background-color: #00395f;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.oil-prods-info table tr:nth-child(1) td:first-child {
	font-weight: 400;
}

.oil-prods-info p, .oil-prods-info ol, .oil-prods-info ul {
	margin-bottom: 25px;
	font-size: 16px;
	color: #1b1b1b;
	line-height: 1.5;
}

.oil-prods-info ol, .oil-prods-info ul {
	list-style-position: inside;
}

.oil-prods-buts a {
	width: auto;
}

.oil-prods-buts a:last-child {
	margin-left: 15px;
}

/*--------*/

/*oil-prods-advantages*/

.oil-prods-advantages {
	padding: 60px 0;
	background-image: url('../images/oil-pa-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.oil-prods-advantages-slider {
	width: 100%;
	position: relative;
	font-size: 0;
}

.oil-pa-item {
	width: 100%;
	max-width: 265px;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border-radius: 18px;
	box-sizing: border-box;
	padding: 35px 45px;
	padding-bottom: 0px;
	height: 225px;
	text-align: center;
	margin-right: 25px;
}

.oil-pa-item:nth-child(4n) {
	margin-right: 0px;
}

.oil-pa-item-icon {
	width: 100%:
	height: 42px;
}

.oil-pa-item-icon img {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
	display: inline !important;
}

.oil-pa-item p {
	margin-top: 15px;
	width: 100%;
	line-height: 1.3;
	font-weight: 300;
	color: #1b1b1b;
	font-size: 14px;
}

.oil-prods-advantages-but {
	margin-top: 35px;
	text-align: right;
}

.oil-prods-advantages-but a {
	width: auto;
}

.oil-prods-advantages-slider .owl-controls {
	position: absolute;
	left: 0px;
	bottom: -70px;
	width: 100%;
	max-width: 70%;
}

.oil-prods-advantages-slider .owl-dots {
	font-size: 0;
}

.oil-prods-advantages-slider .owl-dots .owl-dot {
	width: 100%;
	max-width: 120px;
	height: 8px;
	margin-right: 20px;
	border: 1px solid #fff;
	box-sizing: border-box;
	transition: all 0.25s;
	display: inline-block;
	vertical-align: top;
}

.oil-prods-advantages-slider .owl-dots .owl-dot:last-child {
	margin-right: 0px;
}

.oil-prods-advantages-slider .owl-dots .owl-dot:hover, .oil-prods-advantages-slider .owl-dots .owl-dot.active {
	transition: all 0.25s;
	background-color: #fff;
}

/*--------*/

/*konk-block*/

.konk-block {
	padding: 120px 0;
	overflow-x: hidden;
}

.konk-box {
	font-size: 0;
}

.konk-info {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 730px;
}

.konk-info h2 {
	line-height: 1.3;
}

.konk-info p {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 1.5;
}

.konk-dop {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 345px;
	margin-left: 65px;
	margin-top: 80px;
	background-color: #f7f7f7;
	padding-top: 30px;
	padding-bottom: 55px;
	position: relative;
	text-align: center;
}

.konk-dop::before {
	background-color: #f7f7f7;
	content: "";
	width: 1000px;
	height: 100%;
	left: -45px;
	top: 0px;
	position: absolute;
}

.konk-dop p {
	position: relative;
	z-index: 2;
	font-size: 26px;
	font-weight: 500;
	color: #18212e;
}

.konk-dop div {
	position: relative;
	z-index: 2;
	font-size: 56px;
	font-weight: bold;
	color: #00395f;
}

.konk-dop span {
	position: relative;
	z-index: 2;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}

/*--------*/

/*krit-rate-block*/

.krit-rate-block {
	background-color: #f2f2f2;
	padding: 65px 0;
}

.krit-rate-box {
	font-size: 0;
	margin-top: 60px;
}

.krit-rate-box ul {
	/*list-style-position: inside;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;*/
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
	align-content: space-around;
	
	max-height: 360px;
	
	counter-reset: count;
	list-style-type: none;
	padding-left: 0px;
}

.krit-rate-box ul li {
	height: 92px;
	display: flex;
	background-color: #fff;
	box-sizing: border-box;
	padding-left: 100px;
	padding-right: 75px;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #1b1b1b;
	font-weight: 1.5;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 30px;
	width: 100%;
	max-width: calc(50% - 15px);
}

.krit-rate-box ul li:nth-child(4), .krit-rate-box ul li:nth-child(5), .krit-rate-box ul li:nth-child(6) {
	margin-right: 0px;
}

.krit-rate-box ul li::before {
	counter-increment: count;
    content: counter(count);
	
	font-size: 48px;
	font-weight: bold;
	color: #00395f;
	line-height: 92px;
	position: absolute;
	left: 35px;
	top: 0px;
}

/*--------*/

/*usls-uch-block*/

.usls-uch-block {
	position: relative;
	overflow-x: hidden;
}

.usls-uch-block .container::before {
	width: 3000px;
	height: 100%;
	background-color: #f1fafe;
	position: absolute;
	right: -55px;
	top: 0px;
	content: "";
}

.usls-uch-block .container {
	z-index: 2;
	padding: 50px 0;
}

.usls-uch-slider {
	font-size: 0;
	margin-top: 60px;
}

.usls-uch-item {
	width: 100%;
	max-width: 555px;
	margin-right: 30px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.usls-uch-item span {
	color: #71b8d7;
	font-size: 63px;
	font-weight: bold;
	line-height: 63px;
	position: absolute;
	top: 5px;
	left: 290px;
}

.usls-uch-item-icon {
	width: 100%;
	height: 66px;
}

.usls-uch-item-icon img {
	width: auto !important;
	height: auto;
	max-height: 100%;
	display: inline !important;
}

.usls-uch-item p {
	max-width: 360px;
	margin-top: 20px;
	font-size: 18px;
	color: #1b1b1b;
}

.usls-uch-item p b, .usls-uch-item p strong {
	font-weight: 500;
}

.usls-uch-slider .owl-controls {
	margin-top: 50px;
}

.usls-uch-slider .owl-dots {
	font-size: 0;
}

.usls-uch-slider .owl-dots .owl-dot {
	width: 100%;
	max-width: 120px;
	height: 8px;
	margin-right: 20px;
	border: 1px solid #00395f;
	box-sizing: border-box;
	transition: all 0.25s;
	display: inline-block;
	vertical-align: top;
}

.usls-uch-slider .owl-dots .owl-dot:last-child {
	margin-right: 0px;
}

.usls-uch-slider .owl-dots .owl-dot:hover, .usls-uch-slider .owl-dots .owl-dot.active {
	transition: all 0.25s;
	background-color: #00395f;
}


/*--------*/

/*spivpr-block*/

.spivpr-block {
	padding: 65px 0;
	background-image: url('../images/spiv-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.spivpr-block h2, .spivpr-block h3, .spivpr-block p {
	color: #fff;
}

.spivpr-block h2::after, .spivpr-block h3::after {
	background-color: #fff;
}

.spivpr-block p {
	margin-bottom: 30px;
}

.spivpr-items {
	margin-top: 60px;
	font-size: 0;
}

.spivpr-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: calc(25% - 23px);
	margin-right: 30px;
	text-align: left;
	box-sizing: border-box;
	padding-right: 30px;
	margin-bottom: 30px;
}

.spivpr-item:nth-child(4n) {
	margin-right: 0px;
}

.spivpr-icon {
	width: 100%;
	height: 64px;
}

.spivpr-item p {
	margin-top: 10px;
	line-height: 1.5;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}

.spivpr-items2 {
	margin-top: 60px;
	font-size: 0;
}

.spivpr-item2 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: calc(33% - 20px);
	margin-right: 30px;
	text-align: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.spivpr-item2:nth-child(3n) {
	margin-right: 0px;
}

.spivpr-num {
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	line-hight: 1;
}

.spivpr-item2 p {
	margin-top: 10px;
	line-height: 1.5;
	color: #fff;
	font-size: 16px;
}

.spivpr-last-text {
	margin-top: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.3;
}

.spivpr-but {
	margin-top: 30px;
	text-align: left;
}

.spivpr-but a {
	max-width: 200px;
}

/*--------*/

/*quiz-block*/

.quiz-block {
	padding: 80px 0;
}

.quiz-box {
	width: 100%;
	box-sizing: border-box;
	border: 5px solid #00395f;
	position: relative;
}

.quiz-box form {
	box-sizing: border-box;
	padding: 60px 35px;
}

.quiz_markers {
	display: flex;
	padding-left: 35px;
	box-sising: border-box;
	margin-top: -18px;
}

.quiz_marker {
	width: 100%;
	max-width: 30px;
	height: 30px;
	border: 1px solid #13be74;
	border-radius: 200%;
	box-sizing: border-box;
	box-shadow: 0px 0px 0px 10px #fff;
	margin-right: 40px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #13be74;
	font-size: 16px;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.quiz_marker img {
	display: none;
}

.quiz_marker.passed img {
	display: inline;
}

.quiz_marker.passed div {
	display: none;
}

.quiz_vopros {
	font-size: 24px;
	color: #27282d;
	font-weight: bold;
	text-transform: uppercase;
}

.step .row {
	font-size: 0;
	margin-top: 30px;
}

.step .row > div.col-md-4 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: calc(33% - 10px);
	margin-right: 15px;
}

.step .row > div.col-md-4:nth-child(3n) {
	margin-right: 0px;
}

.otvet_label {
	color: #81838d;
	font-size: 16px;
}

.otvet_field > p {
	margin-top: 17px;
}

.otvet_field input[type="text"], .otvet_field input[type="tel"], .otvet_field input[type="email"] {
	border: 0px;
	border-radius: 8px;
	background-color: #f2f2f2;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 14px;
	color: #27282d;
	width: 100%;
	height: 60px;
	margin-bottom: 20px;
	transition: all 0.25s;
	border: 1px solid #f2f2f2;
}

.otvet_field input[type="text"].wpcf7-not-valid, .otvet_field input[type="tel"].wpcf7-not-valid, .otvet_field input[type="email"].wpcf7-not-valid {
	transition: all 0.25s;
	border: 1px solid #f00;
}

button.next_btn {
	margin-top: 45px;
	border: 0px;
	height: 56px;
	background-color: #008ab7;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0px 70px;
	padding-right: 80px;
	background-image: url('../images/q-arr-next-w.png');
	background-position: calc(100% - 50px) 50%;
	background-repeat: no-repeat;
	border-radius: 28px;
	cursor: pointer;
}

button.btn_subscribe {
	margin-top: 45px;
	border: 0px;
	height: 56px;
	background-color: #008ab7;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0px 70px;
	border-radius: 28px;
	cursor: pointer;
}

button.prev_btn {
	margin-top: 45px;
	border: 0px;
	height: 56px;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0px 70px;
	padding-left: 80px;
	background-image: url('../images/q-arr-prev-b.png');
	background-position: 50px 50%;
	background-repeat: no-repeat;
	border-radius: 28px;
	cursor: pointer;
	border: 3px solid #008ab7;
	margin-right: 31px;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
	
	margin-left: 0px !important;
	margin-right: 20px;
}

.wpcf7-form-control-wrap {
	margin-top: 17px;
	display: block;
}

.info_tt {
	position: relative;
	display: inline-block;
	width: 24px;
	text-align: center;
	border-radius: 200%;
	border: 1px solid #c0c1c1;
	color: #00395f;
	margin-left: 5px;
	cursor: pointer;
}

.mob-two-buts {
	display: none;
}

.tooltip {
	left: 100%;
	margin-left: 25px;
	top: 50%;
	width: 300px;
	height: auto;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	color: ##27282d;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	transition: all 0.25s;
	opacity: 0;
	transform: translate(-10px, -50%);
	padding: 10px;
	text-align: left;
	z-index: 2;
}

.tooltip.show {
	transition: all 0.25s;
	opacity: 1;
	transform: translate(0px, -50%);
}

.hide {
	display: none !important;
}

/*--------*/

/**/

.spivpr-block {
	display: none;
}

.konk-block, .krit-rate-block, .usls-uch-block, .quiz-block {
	display: none;
}

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/

/**/

/*--------*/