html { height:100%; margin: 0; padding: 0;}

    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, address {display: block;}    
	audio, canvas, video {display: inline-block;}
	audio:not([controls]) {display: none; height: 0;}
    
	address {font-style: normal;}
    
    ul, ol, li, form, fieldset, a, img, div, figure, address { margin: 0; padding: 0; border: 0; }
    
    ul {list-style: insidebar;}
    ol {list-style: insidebar;}
	
    ul li {list-style: none; list-style: outsidebar none;}
    ol li {list-style: decimal insidebar; }
    
    ol {padding: 10px 0;}
    ol li {margin: 0 0 20px 0;}
	
    body {height:100%; position: relative; margin: 0; background: #fff;}
    body, td, input, textarea {margin: 0px; padding: 0px; color: #000; font-size: 20px; line-height: 1; font-family: MyriadProCondensed, Arial;}
    a {text-decoration: none; color: #ea6c55;}
    a:hover{text-decoration: none;}
    
	h1 {font: 36px MyriadProCondensed, Arial; color: #595959; margin: 0 0 20px 0; padding: 0; text-align: center;}
	h2 {font: 32px MyriadProCondensed, Arial; color: #595959; margin: 0 0 20px 0; padding: 0; text-align: center;}
	h3 {font: bold 24px MyriadProCondensed, Arial; color: #000; margin: 0 0 5px 0;}
	h4 {font: 24px MyriadProCondensed, Arial; color: #000; margin: 0 0 20px 0; text-align: center;}
	
	p {margin: 0 0 7px 0; padding: 0;}
	p a {text-decoration: underline;}
	
	table {border-collapse: collapse; border-spacing: 0;}
	
	.center_box {width: 1120px; margin: 0 auto; position: relative;}
	
	.main {min-height: 100%; margin: 0 auto; position: relative; overflow: hidden;}	
	
	
  /* top block */
  
	header {position: relative; height: 600px; background: url(../img/top_bg.jpg) center top no-repeat;}
	
	header .top_box {width: 1120px; margin: 0 auto; position: relative; z-index: 10; height: 120px; background: #2c353a; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.53); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.53);}
	header .top_box .wrapper {padding: 24px 20px 0 20px;}
	
	header .contacts {float: right; color: #e4e4e4; text-align: right;}
	header .contacts .phone {font-size: 42px; margin-bottom: 7px;}
	header .contacts .phone a {cursor: default; color: #fff;}
	header .contacts .email {font-size: 20px; padding-right: 4px;}

	header .logo_box {float: left; margin-top: 11px;}
	
	header nav {font-size: 24px; text-align: center; margin-top: 23px;}
	header nav a {color: #b6b6b6; margin: 0 18px;}
	header nav a.active,
	header nav a:hover {color: #ea6c55;}
	
	
	header .title {text-align: center;}
	header .title > * {display: inline-block !important; zoom: 1; @display: inline !important;}
	header .title h1 {color: #fff; position: absolute; line-height: 52px;}

	header .text_1 {background: #2c353a; top: 55px; left: 40px; padding: 0 25px;}
	header .text_2 {background: #ea6c55; top: 120px; right: 165px; padding: 0 10px;}
	
	header .reg_btn {display: block; width: 160px; height: 42px; position: absolute; top: 0; right: 32px; color: #fff; line-height: 42px; text-align: center; background: #ea6c55;}
	
	header .promo_box {position: absolute; bottom: 0; left: 0; width: 100%;}
	
	header .slider_box {position: relative; width: 500px; height: 230px; margin: 0 auto; background: url(../img/slider_bg.png) 0 0 no-repeat;}
	
	header .center_box {height: 480px;}
	
	header .promo_box h3 {color: #b1f411; text-transform: uppercase; margin-bottom: 30px; text-align: center;}
	header .promo_box .info_text {font-size: 24px; line-height: 1; color: #fff; text-align: center; margin-bottom: 30px;}
	
	#slider {width: 380px; height: 230px; margin: 0 auto;}
	#slider * {color: #fff; text-align: left;}
	#slider p {font-style: italic;}
	#slider .slide .wrapper {padding: 25px 25px 0 25px;}

	.slider_box .slidesjs-navigation {position: absolute; top: 50%; margin-top: -34px; width: 59px; height: 59px; text-indent: -500px; overflow: hidden; background: url(../img/slider_nav.png) no-repeat;}
	.slider_box .slidesjs-previous {left: -20px; background-position: left top;}
	.slider_box .slidesjs-previous:hover {background-position: left bottom;}
	.slider_box .slidesjs-next {right: -20px; background-position: right top;}
	.slider_box .slidesjs-next:hover {background-position: right bottom;}
	
	header, section {position: relative; max-width: 1280px; margin: 0 auto;min-width: 1120px;}
	
	
  /* page content */
	
	.page_content {padding: 55px 0 65px; background: url(../img/main_bg.jpg);}
	
	.info_card {width: 525px; height: 325px; border: 1px solid #e1e1e1; position: relative; background: #fff;}
	.info_card .ico {position: absolute;}
	.info_card .shadow {width: 533px; height: 12px; position: absolute; top: 100%; left: -4px; background: url(../img/shadow_1.png) no-repeat;}
	
	.info_card h2 {text-align: left; margin-bottom: 10px;}
	
	.info_card.about {float: right;}
	.info_card.about .wrapper {padding: 5px 17px;}
	.info_card.about .ico {top: 8px; right: 25px;}
	
	.info_card.contacts {}
	.info_card.contacts .wrapper {padding: 11px 13px;}
	.info_card.contacts .ico {top: 12px; right: 13px;}
	
	.info_card.contacts .map_box {position: absolute; width: 100%; height: 160px; left: 0; bottom: 0;}
	
	.info_card .contacts_list {font-size: 24px; color: #959a9c;}
	.info_card .contacts_list li {margin-bottom: 12px; padding-left: 40px; line-height: 28px;}

	.info_card .contacts_list li.ico_name {background: url(../img/contact_ico_name.png) 1px center no-repeat;}
	.info_card .contacts_list li.ico_phone {background: url(../img/contact_ico_phone.png) 4px center no-repeat;}
	.info_card .contacts_list li.ico_email {background: url(../img/contact_ico_email.png) 0 center no-repeat;}
	.info_card .contacts_list li.ico_loc {background: url(../img/contact_ico_loc.png) 5px center no-repeat;}
	
	.firm_logo_list {height: 180px; text-align: center; background: #2c353a; min-width: 1120px;}
	.firm_logo_list .wrapper {padding: 45px 0 0 0;}
	.firm_logo_list .item {text-align: center; width: 20%; float: left;}
	
  /* elements */	

	.orange_btn {padding: 8px 20px 10px 20px; color: #fff; background: #ea6c55; display: inline-block !important; zoom: 1; @display: inline !important;}
	
	.popup_box {display: none; padding: 15px 25px 25px 25px; background: #fff;}
	
	#reg {width: 500px; height: 265px;}
	#reg .field_list {margin-bottom: 20px;}
	#reg .field {width: 500px; text-align: center; margin-bottom: 10px;}
	#reg .field input[type="text"] {width: 400px; height: 35px; font-size: 24px; text-align: center; border: 1px solid #555;}
	#reg .field input.error {border: 1px solid red;}
	
	#reg .confirm_box {display: none; padding-top: 50px; text-align: center;}
	
  /* footer */
	
	footer {height: 145px; background: #fff; color: #b4b4b4; text-align: center; position: ralative;}
	footer .wrapper {padding: 23px 0 0 0;}
	
	
	
  /* pages */	
	
	
	
  /* forms */
	
	*:focus {outline: none;}
	

  /* plugin */
	
	.fancybox-overlay {background: rgba(0,0,0,0.85);}
	.fancybox-skin {background: none;}
		
	.fancybox-close {width: 14px; height: 15px; right: 15px; top: 15px; background: url(../img/fb_close.png) center center no-repeat;}
	
	
  /* support class style */	
	
	.clear {clear: both; float: none !important;}
	.clear_left {clear: left;}
	.fleft {float: left !important;}
	.fright {float: right !important;}
	
	.abs_bl {position: absolute; left: 0; bottom: 0;}
	
	.border_none {border: none;}
	
	
	.block {display: block;}
	
	.inlblock {display: inline-block !important; zoom: 1; @display: inline !important;}
	
	.middle_box > * {display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: middle;}
	
	.disp_none {display: none;}
	
	.relative {position: relative;}
	.zi_100 {z-index: 100;}
	
	.pos_right {text-align: right !important;}
	.pos_center {text-align: center;}
	.pos_left {text-align: left;}
	.pos_justify {text-align: justify;}
	
	.f14 {font-size: 14px !important;}
	.f18 {font-size: 18px !important;}
	
	.w90 {width: 90px !important;}
	
	.h440 {height: 440px !important;}
	
	.mb0 {margin-bottom: 0px !important;}
	.mb5 {margin-bottom: 5px !important;}
	.mb10 {margin-bottom: 10px !important;}
	.mb15 {margin-bottom: 15px !important;}
	.mb30 {margin-bottom: 30px !important;}

	.mt-15 {margin-top: -15px !important;}
	.mt0 {margin-top: 0px !important;}
	.mt5 {margin-top: 5px !important;}
	.mt10 {margin-top: 10px !important;}
	.mt15 {margin-top: 15px !important;}
	.mt20 {margin-top: 20px !important;}
	.mt30 {margin-top: 30px !important;}
	.mt90 {margin-top: 90px !important;}
	
	.mr55 {margin-right: 55px !important;}
	.mr75 {margin-right: 75px !important;}
	
	.ml40 {margin-left: 40px !important;}
	.ml50 {margin-left: 50px !important;}