/*
    Theme Name: Шельф
    Version: 1.0
    Description: Нефтегазовая компания
    Author: TRONIUM
*/


*{margin:0px; padding:0px; font-family: 'Roboto', sans-serif;}
main,header,content,footer,nav,aside,section,content{display:block;}
.clear{clear: both;}

main{width:100%; min-width:1170px;}
	header{width: 100%;}
		.header_top{width: 100%; height: 42px; background: #f5f5f5; border-bottom: 1px solid #e9e9e9; box-sizing: border-box;}
			.header_top_fix{width: 1140px; height: 100%; padding: 0px 15px; margin: 0px auto;}
				.header_top_right{float: right; display: flex; height: 100%;}
					.header_contact{display: flex; padding: 0px 14px; border-right: 1px solid #e9e9e9; height: 100%;}
						.header_contact a{font-size: 14px; color: #666; text-decoration: none; display: block; margin: auto 0px; transition: 0.3s;}
						.header_contact a:hover{color: #1e88e5;}
					.header_language{display: flex; padding: 0px 14px; border-right: 1px solid #e9e9e9; height: 100%;}
						.header_language a{font-size: 14px; display: inline-block; margin: auto 0px; color: #666; transition: 0.3s;}
						.header_language a:hover{color: #1e88e5;}
						.header_language a.header_language_active{color: #a6a6a6; font-weight: 700;}
						.header_language span{font-size: 14px; display: inline-block; margin: auto 0px; padding: 0px 5px; color: #666;}
					.header_search{margin: auto 0px; padding-left: 14px;}
						.header_search input[type="text"]{width: 0px; color: #1e88e5; background: URL('images/header_search.png') no-repeat left center; border: none; height: 30px; padding-left: 20px; transition: 0.5s; border-bottom: 1px solid #f5f5f5; font-size: 14px; caret-color: #1e88e5;}
						.header_search input[type="text"]:hover{width: 120px; border-bottom: 1px solid #1e88e5; background: URL('images/header_search_hover.png') no-repeat left center;}
						.header_search input[type="text"]:focus{width: 120px; outline: none; border-bottom: 1px solid #1e88e5; background: URL('images/header_search_hover.png') no-repeat left center;}
						.header_search input[type="text"]::-webkit-input-placeholder {color: #a6a6a6; font-size: 14px;}
						.header_search input[type="text"]::-moz-placeholder          {color: #a6a6a6; font-size: 14px;}/* Firefox 19+ */
						.header_search input[type="text"]:-moz-placeholder           {color: #a6a6a6; font-size: 14px;}/* Firefox 18- */
						.header_search input[type="text"]:-ms-input-placeholder      {color: #a6a6a6; font-size: 14px;}
						.header_search input[type="text"]:hover::-webkit-input-placeholder {color: #1e88e5;}
						.header_search input[type="text"]:hover::-moz-placeholder          {color: #1e88e5;}/* Firefox 19+ */
						.header_search input[type="text"]:hover:-moz-placeholder           {color: #1e88e5;}/* Firefox 18- */
						.header_search input[type="text"]:hover:-ms-input-placeholder      {color: #1e88e5;}
						.header_search input[type="text"]:focus::-webkit-input-placeholder {color: #1e88e5;}
						.header_search input[type="text"]:focus::-moz-placeholder          {color: #1e88e5;}/* Firefox 19+ */
						.header_search input[type="text"]:focus:-moz-placeholder           {color: #1e88e5;}/* Firefox 18- */
						.header_search input[type="text"]:focus:-ms-input-placeholder      {color: #1e88e5;}
		.header_center{width: 100%; height: 115px;}
			.header_center_fix{width: 1140px; height: 100%; padding: 0px 15px; margin: 0px auto; box-sizing: border-box;}
				.header_logo{display: block; height: 100%; width: 240px; float: left; background: URL('images/header_logo.png') no-repeat left center; margin-right: 150px;}
				.header_menu{float: left; display: flex; height: 100%;}
					.header_menu > ul{list-style-type: none; margin: auto 0px;}
						.header_menu > ul > li{float: left; margin-right: 45px; position: relative; line-height: 32px;}
						.header_menu > ul > li:last-child{margin-right: 0px;}
							.header_menu > ul > li > a{color: #333333; font-size: 16px; transition: 0.3s; text-decoration: none; position: relative;}
							.header_menu > ul > li:after {display: block; content: ""; background-color: #1e88e5; height: 2px; width: 0%; left:0%; bottom: 2px; position:absolute; -webkit-transition: width .2s ease-in-out; -moz--transition: width .2s ease-in-out; transition: width .2s ease-in-out;}
							.header_menu > ul > li:hover:after, .header_menu > ul > li:focus:after{width: 100%;}
							.header_menu > ul > li:hover > a{color: #1e88e5;}
				.header_menu > ul > li > .children {position:absolute; top:30px; display:none; background-color: #58585A; opacity: 0.9; box-sizing: border-box; z-index:5; list-style-type: none;}
				.header_menu > ul > li > .children li{border-bottom: 1px solid #8d8e90; white-space: nowrap;}
				.header_menu > ul > li:hover > .children {display: block;}
				.header_menu > ul > li > .children li a{padding: 5px 10px 5px 10px; color: #ffffff; display: block; width: 100%; font-size:14px; text-decoration: none; text-transform: uppercase; font-size: 12px;}
				.header_menu > ul > li > .children li:last-child{border:none;}
				.header_menu > ul > li > .children li:hover{background-color:#4a4a4a;}
		.header_offer{width: 100%; height: 820px; background: #eb6825; background: URL('images/header_offer_black.png') center center, URL('images/header_offer.png') no-repeat center center;}
	content{width: 100%;}
	footer{width: 100%; background: #f5f5f5; margin-top: 75px; position: relative;}
		.footer_top{width: 1140px; height: 100%; padding: 0px 15px; margin: 0px auto; overflow: hidden; padding: 30px 0px 60px 0px;}
			.footer_menu{float: left; margin-right: 110px;}
				.footer_menu_title{font-size: 16px; color: #333; margin-bottom: 25px; font-weight: 700;}
				.footer_menu ul{list-style-type: none;}
					.footer_menu li{margin-bottom: 5px;}
						.footer_menu a{color: #666; text-decoration: none; transition: 0.3s;}
						.footer_menu a:hover{color: #1e88e5; text-decoration: underline;}
		.footer_center{width: 100%; background: #e9e9e9; height: 1px;}
		.footer_bottom{width: 1140px; height: 40px; padding: 0px 15px; margin: 0px auto; line-height: 40px; font-size: 14px; text-align: center; color: #666;}
			.footer_left{float: left;}
			.footer_right{float: right;}
				.footer_right a{color: #666; text-decoration: none; transition: 0.3s;}
				.footer_right a:hover{color: #1e88e5; text-decoration: underline;}
				.footer_sitemap_show{cursor: pointer;}
		.footer_sitemap{width: 100%; height: 0px; overflow: hidden; background: URL('images/footer_sitemap.png'); position: absolute; bottom: 40px;}
			.footer_sitemap_fix{width: 1140px; height: 100%; padding: 0px 15px; margin: 0px auto;}
				.footer_sitemap_close{width: 28px; height: 28px; cursor: pointer; margin: 0px auto; background: URL('images/footer_sitemap_close.png') no-repeat center center;}