/*
Theme name: Tehnozont
Description: Металлообрабатывающее направление и инжиниринг TEHNOZONT
Author: Aleksandrlao
Author URI: http://aleksandrlao.ru
*/



@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular/Montserrat-Regular.eot');
  src: local('☺'), url('fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'), 
  url('fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'), 
  url('fonts/Montserrat-Regular/Montserrat-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold/Montserrat-Bold.eot');
  src: local('☺'), url('fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'), 
  url('fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'), 
  url('fonts/Montserrat-Bold/Montserrat-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

.alignleft {display: inline;float: left;margin: 5px 15px 5px 0;}
.alignright {display: inline;float: right;margin: 5px 0 5px 15px;}
.aligncenter {clear: both;display: block;margin: 5px auto;}


*, *::before, *::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
  min-width: 1200px;
  background-color: #f0f3f7;
	font: 14px/1.7 'Montserrat', Arial, sans-serif;
}
.m_box {
	width: 100%;
	min-width: 320px;
	position: relative;
}
.m_inb {
	width: 1200px;
  /* min-width: 320px;
  max-width: 1100px; */
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: relative;
  border-top: 0px solid transparent;
}
.m_inb:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  height: 0;
}


input, textarea {
  font-family: 'Montserrat', Arial, sans-serif;
}




/* Header ----------------------------------------------------------------------------- */
.header {
	position: absolute;
  top: 0;
  left: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  z-index: 10;
}
.header .m_inb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.h_logo {
  display: block;
  width: 401px;
  height: 79px;
  background: url('i/logo.png') center no-repeat;
}
.h_nav {
  width: 100%;
  max-width: 370px;
  padding-top: 32px;
}
.h_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
}
.h_nav ul a {
  outline: none;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
}
.h_nav ul a:hover {
  text-decoration: underline;
}

.h_cont {
  padding-top: 18px;
  color: #242424;
  font-size: 14px;
  line-height: 1.4;
}
.h_tel {
  display: block;
  padding-left: 21px;
  margin-bottom: 4px;
  background: url('i/bg-tel.png') left center no-repeat;
  color: #242424;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}



.m_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 2px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}
.m_nav.m_nav-fixed {
  opacity: 1;
  pointer-events: auto;
}
.m_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.m_nav li {
  display: block;
  width: calc(28% - 4px);
  margin: 0 3px 5px;
}
.m_nav-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 40px;
  background-color: #1d1d1d;
  padding: 5px 10px;
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}


.c_txt {
  overflow: hidden;
}
.c_txt p {
  margin-bottom: 21px;
}
.c_txt h2, h3 {
  color: #000;
  font-size: 25px;
  line-height: 29px;
}
.c_txt table {
  width: 100%;
  border-collapse: collapse;
}
.c_txt table tr td {
  border: 1px solid #373737;
  padding: 10px;
}
.c_txt ul, .c_txt ol {
  margin: 0 0 25px 20px;
}
.c_txt li {
  margin-bottom: 7px;
}

.form_label {
  position: relative;
}
.form_label input {
  width: 100%;
  height: 40px;
  border: 2px solid #fff;
  background-color: transparent;
  outline: none;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.form_label input.error {
  color: #f00 !important;
  border: 1px solid #f00 !important;
}
.form_label input.valid {
  border: 1px solid #339e36 !important;
}
.form_label input::-webkit-input-placeholder {
  color: #fff;
}
.form_label input::-moz-placeholder {
  color: #fff;
}
.form_label input:-moz-placeholder {
  color: #fff;
}
.form_label input:-ms-input-placeholder {
  color: #fff;
}

.form_label input:focus {
  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, .5);
  box-shadow: 0 0 12px rgba(255, 255, 255, .5);
}


.c_form-thy {
  display: none;
  padding-top: 60px;
}



/* top ----------------------------------------------------------------------------- */
.c_top {
  padding-top: 175px;
  padding-bottom: 85px;
  background: url('i/bg-top.jpg') center top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 92px;
  color: #fff;
}
.c_top-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c_top-box {
  width: calc(100% - 490px);
  padding-top: 25px;
  padding-right: 40px;
}
.c_top-box h1 {
  width: 100%;
  max-width: 450px;
  margin-bottom: 75px;
  position: relative;
  font-size: 35px;
  font-weight: normal;
  line-height: 1.2;
}
.c_top-box h1::before {
  content: '';
  position: absolute;
  top: 22px;
  left: -112px;
  width: 82px;
  height: 1px;
  background-color: #fff;
}
.c_top-box h2 {
  width: 100%;
  max-width: 520px;
  font-size: 22px;
  line-height: 1.3;
}
.c_top-applic {
  width: 490px;
  background-color: #b50005;
  padding: 25px 30px 35px;
  text-align: center;
}
.c_top-head {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
}
.c_top-subhead {
  padding-bottom: 12px;
}
.c_top-form {
  width: 100%;
  max-width: 305px;
  margin: auto;
}
.c_top-form .form_label {
  width: 100%;
  margin-top: 30px;
}
.c_top-form input[type="submit"] {
  width: 184px;
  height: 40px;
  margin: 38px auto 0;
  background-color: #252525;
  border: none;
  outline: none;
  color: #fff;
  font-weight: bold;
  transition: all .2s ease;
  cursor: pointer;
}
.c_top-form input[type="submit"]:hover {
  background-color: #000;
}

.c_top-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 86px;
}
.c_top-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: calc(33.3% - 20px);
  min-height: 112px;
  margin-bottom: 30px;
  background-color: #1d1d1d;
  padding: 20px 20px 20px 130px;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.c_top-item:hover, .m_nav-item:hover, .m_nav li.active a {
  color: #3565cc;
}
.c_top-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.c_top-item__oborud::before {background-image: url('i/bg-top-oborud.png');}
.c_top-item__tseh::before {background-image: url('i/bg-top-tseh.png');}
.c_top-item__chpu::before {background-image: url('i/bg-top-chpu.png');}

.c_top-item__instr::before {background-image: url('i/bg-top-instr.png');}
.c_top-item__detal::before {background-image: url('i/bg-top-detal.png');}
.c_top-item__avtom::before {background-image: url('i/bg-top-avtom.png');}



/* top ----------------------------------------------------------------------------- */
.c_cont {
  margin-top: 100px;
  overflow: hidden;
}
.c_box {
  position: relative;
  margin-bottom: 100px;
}
.c_box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 170px);
  height: 100%;
  background-color: #f8fafd;
}
.c_box::after {
  content: '';
  position: absolute;
  top: 50px;
  right: 0;
  width: calc(50% - 100px);
  height: 900px;
}
.c_box .m_inb {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.c_item {
  width: 600px;
  min-height: 880px;
  margin-left: -100px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.c_box-right::before {
  left: calc(50% - 170px);
}
.c_box-right .m_inb {
  justify-content: flex-end;
}
.c_box-right .c_item {
  margin-left: 0;
  margin-right: -100px;
}
.c_box-right::after {
  right: calc(50% + 100px);
}

.c_item .c_txt {
  text-align: justify;
}

.c_head {
  margin-bottom: 52px;
  position: relative;
  color: #282727;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.1;
}
.c_head::before {
  content: '';
  position: absolute;
  top: 22px;
  left: -112px;
  width: 82px;
  height: 1px;
  background-color: #282727;
}

.c_box-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 50px;
  text-align: left;
}
.c_box-item {
  width: 250px;
  margin-bottom: 25px;
  padding-left: 60px;
  background: url('i/bg-list.png') left center no-repeat;
}


.c_box-about .c_item {
  padding-top: 200px;
}
.c_box-about::after {
  background: url('i/bg-about.jpg') center no-repeat;
}

.c_box-podbor .c_item {
  padding-top: 70px;
}
.c_box-podbor::after {
  height: 770px;
  background: url('i/bg-podbor.png') right bottom no-repeat;
}


.c_box-proj::after {
  background: url('i/bg-proj.jpg') center no-repeat;
}

.c_box-uprog .c_item {
  padding-top: 140px;
}
.c_box-uprog::after {
  background: url('i/bg-uprog.jpg') center no-repeat;
}

.c_box-nestand .c_item {
  padding-top: 190px;
}
.c_box-nestand::after {
  background: url('i/bg-nestand.jpg') center no-repeat;
}

.c_box-tehno .c_item {
  padding-top: 150px;
}
.c_box-tehno::after {
  background: url('i/bg-tehno.jpg') center no-repeat;
}

.c_box-efekt .c_item {
  padding-top: 180px;
}
.c_box-efekt::after {
  background: url('i/bg-efekt.jpg') center no-repeat;
}







/* Line -------------------------------------------------------------------------------- */
.c_line {
  min-height: 310px;
  padding-top: 45px;
  padding-bottom: 45px;
  background: url('i/bg-line.jpg') center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.c_line-head {
  margin-bottom: 17px;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
}
.c_line-subhead {
  margin-bottom: 60px;
}
.c_line-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c_line-form .form_label, .c_line-form input[type="submit"] {
  width: calc(33.3% - 54px);
  max-width: 300px;
  margin: 0 27px 20px;
}
.c_line-form input[type="submit"] {
  max-width: 184px;
  background-color: #3565cc;
  border: none;
  outline: none;
  color: #fff;
  font-weight: bold;
  transition: all .2s ease;
  cursor: pointer;
}
.c_line-form input[type="submit"]:hover {
  background-color: #1d4394;
}



/* Partners ----------------------------------------------------------------------------- */
.c_partners {
  min-height: 310px;
  padding-top: 45px;
  padding-bottom: 45px;
  margin-bottom: 150px;
  background: url('i/bg-partners.jpg') center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.c_partners-head {
  margin-bottom: 65px;
  font-size: 35px;
  font-weight: bold;
}
.c_partners-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c_partners-item {
  display: block;
  margin: 0 25px 20px;
}
.c_partners-item img {
  display: block;
}







/* Footer ----------------------------------------------------------------------------- */
.footer {
	padding-top: 70px;
  padding-bottom: 70px;
  background-color: #1d1d1d;
}
.f_logo {
  margin: 0 auto 25px;
}
.f_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #f0f3f7;
  font-size: 16px;
  line-height: 1.2;
}
.f_tel {
  margin-right: 25px;
}
.f_tel a {
  color: #f0f3f7;
  text-decoration: none;
}






/* Всплывающие окна */
.overlay {
  display: none;
  background-color: #000;
  opacity: .7;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999
}
.popup {
  display: none;
  position: relative;
  width: 400px;
  padding: 25px;
  background: #fff;
  text-align: center;
  z-index: 9999;
}
.popup-close {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  position: absolute;
  background: #000;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #363636;
  top: -11px;
  right: -11px;
  cursor: pointer;
}
.popup-close:hover {
  background: #FFF;
  color: #000;
}
.popup-title {
  font-size: 30px;
  font-weight: 300;
  line-height: 34px;
  color: #000;
  margin-bottom: 5px;
}
.popup-desc {
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #000;
  margin-bottom: 20px
}


.popup-thy {
	position: fixed;
	top: calc(50% - 160px);
	left: calc(50% - 200px);
}




/* ==============================================================
   ========================  MEDIA  =============================
   ============================================================== */
@media screen and (max-width:1400px) {

	.c_item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}