@import "../fonts/OpenSans/stylesheet.css";
@import "bootstrap.min.css";
@import "icons.css";
@import "slick.css";

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

body {
	font: 16px/20px 'Open Sans', Helvetica, sans-serif;
	color: #393939;
}

input:focus, textarea:focus, select:focus, button:focus, a:hover, a:focus, a:active, .slick-active { outline: none; }

a {
	color: #393939;
}

a:hover, a:focus, a:active {
	color: #393939;
	text-decoration: none;
}

.fx { display: flex; }

.fx_column { flex-direction: column; }

.v_center { align-items: center; }

.h_center { justify-content: center; }
.h_end { justify-content: flex-end; }

.no_padding {
	padding-left: 0;
	padding-right: 0;
}

.wrapper {
	width           : 100%;
}


/* Header
-----------------------------------------------------------------------------*/
	.header {
		width : 100%;
		min-height: 80px;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		position: fixed;
    z-index: 5;
	}

	.header_desc_logo {
		
	}
	
	.header_desc_logo img {
		max-width: 100%;
	}
	
	.header_desc_logo,
	.header_desc_menu,
	.header_desc_phone {
		height: 80px;
		display: flex;
		align-items: center;
	}

	.header_site_mod {
		flex-direction: column;
		justify-content: center;
	}

	.header_site_name {
		font-size: 28px;
		text-align: center;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 9px;
	}
	
	/*MENU*/
		.mm_wrap {
			width      : 100%;
			list-style : none;
			display    : flex;
			align-items: center;
			justify-content: center;
		}
		
		.mm_item {
			padding: 0 9px;
			box-sizing: border-box;
		}
		
		.mm_item a.mm_item_link {
			text-transform: uppercase;
			font-size: 13px;
			color: #000;
			font-weight: bold;
			font-family: 'Open Sans';
		}
		
		.mm_item a:hover,
		.mm_item a.active {
			color: #c6181d;
		}
		
		.footer .mm_wrap {
			flex-wrap: wrap;
		}
		
		.footer .mm_wrap .mm_item {
			width        : 50%;
			margin-bottom: 15px;
		}
	/*END MENU*/
	
	.header_desc_phone {
		text-align: right;
		font-size: 15px;
		font-weight: bold;
	}
	
	.header_desc_phone a {
		color: #000;
	}
	
	.header_desc_phone a:hover {
		color: #c6181d;
	}

	.header_desc_phone div {
		width: 100%;
	}
	
/* Middle
-----------------------------------------------------------------------------*/
	.content {

	}

	.big-size {
		font-size: 28px !important;
	}
	
	.bg_gray { background-color: #fbfbfb; }
	
	.screen {
		padding: 120px 0;
	}
	
	.screen_title {
		
	}
	
	.screen img {
		max-width: 100%;
	}
	
	.screen_title h1,
	.screen_title h2,
	.screen_title h3,
	.contact_detail_title h1 {
		font-size    : 30px;
		font-weight  : 600;
		line-height  : normal;
		margin       : 0;
		padding      : 0;
		margin-bottom: 30px;
		color        : #484a46;
	}
	
	.screen_sub_title a{
		color: #ab1e22;
	}
	
	
	.screen_sub_title,
	.screen_text p {
		margin-bottom: 30px;
		color        : #787976;
		font-size    : 14px;
		line-height  : normal;
	}
	

	
	a.download_link,
	a.download_link:hover {
		width           : 100%;
		max-width       : 320px;
		font-size       : 12px;
		text-transform  : uppercase;
		background-color: #ab1e22;
		color           : #ffffff;
		height          : 50px;
		padding         : 0 20px;
		border-radius   : 50px;
	}
	
	.download_link .ic_icon {
		margin-left: auto;
	}
	
	.txt_center {
		text-align: center;
	}

	/*Первый блок*/
		.panel_001 {
			min-height         : calc(100vh - 80px);
			padding            : 200px 0 60px 0;
			background-image   : url("../images/bg_001.png");
			background-repeat  : no-repeat;
			background-position: bottom center;
			background-size    : cover;
		}
		
		.main_said {
			text-align: center;
		}
		
		.main_said h1 {
			margin     : 0;
			padding    : 0;
			font-size  : 48px;
			line-height: normal;
			font-weight: 600;
			font-family: 'Montserrat';
			color      : #484a46;
		}
		
		.main_said_btn {
			margin-top: 40px;
		}
		
		.link_default_blue {
			display         : inline-block;
			font-family     : 'Montserrat';
			font-size       : 12px;
			font-weight     : normal;
			text-decoration : none;
			text-transform  : uppercase;
			color           : #ffffff;
			background-color: #2861d1;
			padding         : 20px 20px;
			border-radius   : 4px;
			border: 1px solid #eaeaea;
		}
		
		.link_default_blue:hover,
		.link_default_blue:focus {
			color: #fff;
		}
	/*Первый конец*/

	/*Контакты на главной*/
		.main_prefooter_contacts,
		.main_prefooter_contacts a,
		.main_prefooter_contacts a:hover,
		.main_prefooter_contacts a:focus  {
			font-size: 16px;
			color: #787976;
		}
		
		.main_prefooter_contacts div,
		.main_prefooter_contacts a {
			margin-bottom: 15px;
		}
		
		.screen .map {
			width     : 100%;
			height    : 400px;
		}
	/*Конец контакты на главной*/
	
	/*Новый дизайн*/
		.range_table {
			width        : 100%;
			border-radius: 4px;
			box-sizing   : border-box;	
		}
		
		.range_table_tb {
			width        : 100%;
			border-radius: 4px;
			border       : 1px solid #dadada;
			box-sizing   : border-box;
		}
		
		.range_table_tb tr th,
		.range_table_tb tr td {
			text-align      : center;
			width           : 25%;
			background-color: #fff;
			font-weight     : bold;
			font-family     : 'Open Sans';
			color           : #484a46;
			text-transform  : uppercase;
			font-size       : 14px;
			padding         : 15px 5px;		
		}
		
		.range_table_tb tr td {
			color         : #787976;
			text-transform: none;
			font-weight   : normal;
		}
		
		.range_table_tb tr:nth-child(odd) td {
			background-color: #fbfbfb;
		}
		
		.instruction {
			
		}
		
		.instruction_list {
			
		}
		
		.instruction_item {
			padding-bottom: 24px;
		}
		
		.instruction_num {
			font-size      : 18px;
			font-weight    : 600;
			color          : #484a46;
			padding        : 10px 10px;
			width          : 36px;
			height         : 36px;
			display        : flex;
			align-items    : center;
			justify-content: center;
			box-sizing     : border-box;
			border         : 2px solid #484a46;
			border-radius  : 50px;
			margin-right   : 15px;
		}
		
		.instruction_item_info {
			flex     : 1;
			font-size: 16px;
			color    : #787976;
		}
		
		
		.advantages_item {
			width        : 100%;
			min-height   : 325px;
			text-align   : center;
			padding      : 20px 20px;
			border-radius: 4px;
		}
		
		.advantages_item_info {
			font-size  : 16px;
			line-height: normal;
			color      : #787976;
			margin     : 30px 0;
		}
		
		.for_whom_item {
			width        : 100%;
			max-width    : 250px;
			margin       : 0 auto 30px auto;
			border       : 1px solid #dadada;
			border-radius: 4px;
			overflow     : hidden;
		}
		
		.for_whom_item_image {
			width    : 100%;
			max-width: 250px;
			height   : 194px;
		}
		
		.for_whom_item_bar {
			padding   : 20px 15px;
			min-height: 250px;
			text-align: center;
		}
		
		.for_whom_item_title {
			color      : #484a46;
			font-weight: bold;
			font-size  : 20px;
			line-height: normal;
		}
		
		.for_whom_item_info {
			padding-top: 15px;
			font-size: 14px;
			color: #787976;
		}
		
		.szpi {
			font-size: 16px;
			color: #787976;
		}
		
		.szpi p {
			margin-bottom: 15px;
		}
		
		.ready_for {
			color: #787976;
		}
		
		.ready_for a {
			color: #2861d1;
		}
		
		.ready_for_btn {
			margin-top: 15px;
		}
	/*Конец новый дизайн*/
	
	.ctm {
		padding-top: 0;
	}
	
	.ctm_item {
		margin-bottom: 30px;
	}

	/*Mobile menu*/
		.mobile_menu_wrap {
			display   : none;
			position  : absolute;
			top       : 80px;
			left      : 0;
			width     : 100%;
			height    : calc(100vh - 80px);
			background: #ffffff;
		}
		
		.mobile_menu_wrap .mm_wrap {
			flex-direction: column;
		}
		
		.mobile_menu_wrap .mm_wrap .mm_item,
		.mobile_menu_wrap .mm_wrap .mm_item .navigation-item-link {
			padding: 7.5px 15px;
			
		}
		
		.mobile_menu_wrap .mm_wrap .mm_item .mm_item_link  {
			color    : #2861d1;
			font-size: 14px;
		}
	/*Mobile menu end*/

/* Footer
-----------------------------------------------------------------------------*/
	.footer {
		box-sizing      : border-box;
		background-color: #e3e6f2;
		padding         : 20px 0 20px 0;
		color           : #fff;
	}
	
	.footer_logo {
		display      : flex;
	}
	
	.footer_logo img {
		margin   : 0 auto;
		width    : 124px;
		height   : 38px;
		max-width: 100%;
	}
	
	.footer_contacts .ic_icon {
		margin-right: 5px;
	}
	
	.footer_contacts_adress,
	.footer_contacts_phones,
	.footer_contacts_emails {
		margin-bottom: 15px;	
	}
	
	.footer_contacts_phones a,
	.footer_contacts_emails a {
		color          : #fff;
		text-decoration: underline;
	}
	
	.footer_contacts_phones a:hover,
	.footer_contacts_emails a:hover {
		text-decoration: none;
	}
	
	.footer_copyrights {
		margin-top: 15px;
		text-align: center;
		font-size : 12px;
		color     : #000;
	}
	
	.footer_copyrights a,
	.footer_copyrights a:hover,
	.footer_copyrights a:focus {
		color: #000;
	}
/*End Footer*/

/*Прокрутка вверх*/
#top {
	bottom           : 20px;
	cursor           : pointer;
	display          : none;
	font-size        : 150%;
	position         : fixed;
	right            : 20px;
	width            : 44px;
	height           : 44px;
	background-image : url("../images/ic_icon_tap_top_44.png");
	background-repeat: no-repeat;
	background-size  : contain;
}
/*Конец прокрутки вверх*/

/* Стилизация плейсхолдеров */
	::-webkit-input-placeholder { color:#2861d1; } 
	::-moz-placeholder          { color:#2861d1; }
	:-moz-placeholder           { color:#2861d1; }
	:-ms-input-placeholder      { color:#2861d1; }

	input[placeholder]          { text-overflow:ellipsis; }
	input::-moz-placeholder     { text-overflow:ellipsis; } 
	input:-moz-placeholder      { text-overflow:ellipsis; } 
	input:-ms-input-placeholder { text-overflow:ellipsis; }  

/*Стилизация скролла*/
	::-webkit-scrollbar {
		width: 6px;
	}

	::-webkit-scrollbar-track {
	  background-color: transparent;
	}

	::-webkit-scrollbar-track-piece {
		background-color: transparent;
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, 0.11);;
		border-radius: 4px;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #ab1e22;
		cursor: pointer;
	}

.mobile {
	display: flex;
}

.desctop {
	display: none;
}

/* Media */
	@media (max-width: 1280px) {

	}

	@media (max-width: 1024px) {
		.header_desc_phone {
			font-size: 20px;
		}
		
		.panel_001 {
			padding: 150px 0;
			min-height: auto;	
		}		
		
		.main_said h1 {
			font-size: 42px;
		}
	}

	@media (max-width: 768px) {

		.contact_detail {
			width: 100%;
			min-height: calc(100vh - 388px);
		}
		
		.panel_001 {
			padding: 120px 0;
			min-height: auto;	
		}		
		
		.main_said h1 {
			font-size: 38px;
		}
		
		.advantages_item {
			min-height: auto;
		}
	}

	@media (max-width: 767px) {
		.screen {
			padding: 60px 0;
		}
		
		.screen_sm_text_contact {
			flex-direction: column;
		}
		
		.mobile {
			display: none
		}
		
		.desctop {
			display: flex;
		}
		
		.panel_001 {
			padding: 100px 0;
			min-height: auto;	
		}		
		
		.main_said h1 {
			font-size: 38px;
		}

		.advantages_item,
		.for_whom_item_bar {
			min-height: auto;
		}
		
		.ready_for_img,
		.szpi img {
			text-align: center;
			margin-bottom: 10px;
		}
	}

.vacancies, .advantages-container, .resume-container {
	/*margin-top: 85px;*/
	background: #f8f8fa;
	padding-top: 0 !important;
	padding-bottom: 80px;
}

.advantages-container h3 {
	padding-top: 80px;
}

.szpi, .vacancies h3, .advantages-container h3, .resume-container h3 {
	text-align: center;
	font-family: "Open Sans";
	text-transform: uppercase;
	font-size: 16px;
	color: #626262;
}

.slogan, .vacancies h1, .advantages-container h1, .resume-container h1 {
	font-size: 48px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	font-family: "Open Sans";
	line-height: normal;
}


.vacancies_header {
	margin-top: 85px;
}


.about_szpi {
	text-align: center;
	font-family: "Open Sans";
	font-size: 15px;
}

.txt_description {
	width: 60%;
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 30px;
	margin: auto;
	text-align: justify;
}

.zavod {
	margin-top: 65px;
}

.vacancy {
	border-bottom: 1px solid #ccc;
	padding-top: 35px;
	padding-bottom: 35px;
	display: flex;
	align-items: center;
}

.vacancy h3 {
	color: #626262;
	text-align: left;
	text-transform: lowercase;
}

.vacancy p {
	padding-top: 10px;
}

.vacancy a {
	font-size: 22px;
	line-height: 20px;
}

.vacancy a:hover {
	color: #c6181d;
}

.response {
	display: flex;
	/*width: 100%;*/
	margin-top: -15px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.response button {
	background-color: #e3e6f2;
	border-radius: 4px;
	border:none;
	color: #acb4dc;
	padding:10px 25px;
}

.response button:hover {
	background-color: #c6181d;
	color: #fff;
}

.szpi_prod {
	text-align: center;
	padding: 40px;
}

.upper_line {
	border-top: 2px solid #ccc;
}

.mission {
	font-family: "Open Sans";
	line-height: 40px;
	font-size: 30px;
}

.mission_text {
	font-size: 14px;
	line-height: 30px;
}

.mission_desc {
	margin-top: 70px;
}

.second_mission {
	margin-top: 40px;
}

.second_mission p {
	padding-left: 15px;
}

.advantages-pack {
	text-align: center;
}

.advantages-pack-items {
	display: flex;
	align-items: baseline;
}

.advantages-pack-item-title {
	font-family: "Open Sans";
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #111111;
	line-height: 30px;
}

.advantages-pack-item-info {
	font-size: 14px;
	font-weight: 300;
	color: #111111;
	line-height: 24px;
	min-height: 75px;
}

.advantages-pack-item {
	width: 33.333%;
	padding: 45px 30px;
	display: flex;
	align-items: initial;
	flex-direction: column;
}

/*.advantages-pack-item-image {
	background: url("../images/img-bg.png") no-repeat center;
}*/

.resume-form {
	padding: 80px;
	background: #fff;
	border-radius: 20px;
	margin-top: 70px;
}

.resume-form .resume-file-select {
	display: none;
}

.resume-vacancy, .resume-fio, .resume-phone, .resume-email {
	background: #e3e6f2;
	padding: 20px;
	border: none;
	border-radius: 10px;
	margin-bottom: 20px;
}

.resume-vacancy::placeholder,
.resume-fio::placeholder,
.resume-phone::placeholder,
.resume-email::placeholder {
	color: #ccc;
}

.phone-container {
	padding-left: 0 !important;
}
.email-container {
	padding-right: 0 !important;
}

.phone-container input, .email-container input {
	width: 100%;
}

.resume-file {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.resume-file-container {
	background: #fff;
	height: 60px;
	padding-top: 10px;
}

.resume-file-container img{
	float: left;
	cursor: pointer;
	padding-top: 10px;
	padding-right: 10px;
}

.resume-subtext {
	font-size: small;
}

.send {
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.send button {
	border-radius: 4px;
	border:none;
	background-color: #c6181d;
	color: #fff;
	padding:10px 25px;
}

.send button:disabled,
.send button[disabled] {
 	background-color: #a0a0a0;
    color: #e0e0e0;            
    cursor: not-allowed;        
    opacity: 0.7;  
}

.phone-icon, .site-icon, .address-icon {
	padding: 10px;
	background: url("../images/icon-bg.png") no-repeat center;
}

.contact-text {
	font-family: "Open Sans";
	font-size: 16px;
}

.vacancy-info .send {
	justify-content: flex-start;
	padding-left: 0;
}

.vacancy-info .salary-info {
	color: #626262;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 20px;
}

.vacancy-info .vacancy-short {
	font-size: 16px;
	color: #626262;
	padding-bottom: 20px;
}

.vacancy-description {
	padding-top: 50px;
}

.vacancy-description p {
	font-size: 16px;
	color: #626262;
	line-height: 30px;
}

.vacancy-full {
	padding-top: 100px;
}

.vacancy-full-block {
	padding-bottom: 50px;
}

.vacancy-full-block h3 {
	padding-bottom: 30px;
}

.vacancy-full-block p{
	padding-bottom: 20px;
	color: #626262;
}

.szpi-info p{
	font-size: 14px;
	color: #626262;
	padding-bottom: 10px;
}

.szpi-info {
	background: #f8f8fa;
	border-radius: 10px;
	padding: 30px 60px;
	color: #626262;
}

.szpi-info img{
	margin: 0 auto;
	padding-bottom: 10px;
}