/*
8px = 0.5rem			9px = 0.5625rem
10px = 0.625rem			11px = 0.6875rem
12px = 0.75rem			13px = 0.8125rem
14px = 0.875rem			15px = 0.9375rem
16px = 1rem				18px = 1.125rem
20px = 1.25rem			22px = 1.375rem
24px = 1.5rem			26px = 1.625rem
28px = 1.75rem			30px = 1.875rem
32px = 2rem				34px = 2.125rem
36px = 2.25rem			38px = 2.375rem
40px = 2.5rem
*/
* { font-family: 'PT Sans', sans-serif; margin: 0; padding: 0; }
html, body { width: 100%; }
table { background: none; border: 0px; }
td { vertical-align: top; }
p, h1, h2, h3, h4, h5, h6 { line-height: 120%; }
a { color: #e74c3c; }
.container { max-width: 1200px; min-width: 1000px; margin: 0 auto; }

/* Шапка */
#head_logo { background: url(../images/head_logo.png) center no-repeat; width: 11.3125rem; height: 5rem; display: block; position: absolute; }
#head_navigation { position: :relative; text-align: right; z-index: 10; }
#head_navigation a { vertical-align: top; font-size: 1rem; text-decoration: none; text-transform: uppercase; color: #3e454c; font-weight: bolder; display: inline-block; padding: 2.3125rem 0.625rem; }
#head_navigation a:hover, #head_navigationA_active { color: #e64b33; }
#head_navigation_contacts { display: inline-block; vertical-align: top; width: 11rem; margin-top: 2rem; margin-left: 1rem; }
#head_navigation_contacts h1 { font-size: 0.875rem; font-weight: bolder; text-transform: uppercase; color: #3e454c; }
#head_navigation_contacts p { font-size: 1rem; font-weight: bolder; text-transform: uppercase; color: #e64b33; line-height: 1rem; margin: 0; }
#head_navigation_contacts span { color: #3e454c; }
.head_navigation_children { display: inline-block; position: relative; z-index: 11; }
.head_navigation_children_block { position: absolute; width: 300px; background: url(../images/head_navigation_children_arrow.png) top center no-repeat; padding-top: 16px; top: 60px; left: -115px; display: none; opacity: 0; z-index: 11; }
.head_navigation_children_block hr { height: 1px; width: 100%; background: #4e555e; margin: 0px; border: 0px; }
.head_navigation_children_block a { font-size: 18px !important; display: block !important; padding: 15px 0px !important; text-align: center !important; color: #8996a6 !important; font-weight: normal !important; text-transform: none !important; background: #454c54 !important; }
.head_navigation_children_block a:hover { color: #fff !important; background: #2e3741 !important; }

/* Баннер на главную страницу */
#main_banner { width: 100%; height: 600px; position: relative; display: block; overflow: hidden; }
#pages_banner { width: 100%; height: 300px; position: relative; display: block; overflow: hidden; }
.banner_slide { position: absolute; width: 100%; display: none; }
.banner_slide h1 { opacity: 0; font-size: 60px; position: absolute; z-index: 1; color: #fff; font-weight: bolder; width: 1000px; text-align: center; left: 50%; margin-left: -500px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.banner_slide a { opacity: 0; position: absolute; left: 50%; margin-left: -150px; z-index: 1;  }
.banner_slide_bg { position: absolute; left: 50%; margin-left: -1280px; width: 2560px !important; max-width: 2560px !important; }
#main_banner_navig { position: absolute; bottom: 30px; z-index: 11; text-align: center; width: 600px; left: 50%; margin-left: -300px; }
#main_banner_navig p { margin: 0px 10px; width: 38px; height: 38px; display: inline-block; background: url(../images/banner_navigation_but.png) right center no-repeat; cursor: pointer; }
.main_banner_navigActive { background-position: 0px 0px !important; }
#main_banner_navigCloth { position: absolute; bottom: 30px; z-index: 12; width: 600px; left: 50%; margin-left: -300px; height: 50px; display: none; }

/* Контент */
#content { padding-top: 20px; }
#main_aboutCompany {  position: relative; }
#main_aboutCompany_content { width: 60%; height: 600px; display: inline-block; vertical-align: top; padding: 50px 5% 0px 5%; }
#main_aboutCompany_content div { position: absolute; width: 550px; left: 50%; margin-left: -500px; }
#main_aboutCompany_img { width: 40%; position: relative; height: 600px; display: inline-block; vertical-align: top; overflow: hidden; }
#main_aboutCompany_img img { position: absolute; width: 1180px; max-width: 1180px; margin-top: 115px; }

/* Партнеры */
#main_partner { padding: 30px 0px 50px 0px; background: #515a62; }
#main_partner h1 { color: #fff; font-weight: bolder; }
#footer_carousel { margin-top: 20px; position: relative; }
#footer_carousel img { padding: 0px 50px; }
#footer_contact_block { background: #e74c3c; width: 40vw; padding: 30px 30px; height: 300px; position: absolute; z-index: 10; left: 0px; }
#footer_contact_block h1 { font-size: 48px; font-weight: normal; color: #fff; text-align: center; }
#footer_contact_block p { font-size: 16px; font-weight: normal; color: #fff; text-align: left; margin-bottom: 0px; }
#footer_contact_block_left { display: inline-block; vertical-align: top; width: 50%; }
#footer_contact_block_right { display: inline-block; vertical-align: top; width: 50%; }
#footer_feedback { background: #fff; width: 500px; padding: 20px 30px; position: absolute; z-index: 10; left: 50%; margin-top: 50px; }
#footer_feedback h1 { font-size: 48px; font-weight: normal; color: #000; text-align: right; }
#footer_feedback p { font-size: 16px; font-weight: normal; color: #222; text-align: left; margin-bottom: 0px; }
#footer_submit { display: block; padding: 10px; background: #e74c3c; border: 0px; color: #fff; margin-top: 20px; }
.owl-prev { position: absolute; z-index: 5; top: 0; height: 89px; width: 27px; background: url(../images/icon_arrow.png) left center; cursor: pointer; text-indent: -999999px; }
.owl-next { position: absolute; z-index: 5; top: 0; right: 0px; height: 89px; width: 27px; background: url(../images/icon_arrow.png) right center; cursor: pointer; text-indent: -999999px; }

/* Каталог товаров */
#catelog_category_navigation { background: #e74c3c; }
#catelog_category_navigation a { display: block; background: url(../images/catelog_category_navigation_arrow.png) right center no-repeat; font-size: 18px; color: #fff; padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#catelog_category_navigation a:hover { background-position: 370px 0px; }
#catalog_product p { font-size: 18px; color: #000; margin-bottom: 0px; }
#catalog_product span { color: #6a7076; }
#catalog_product div p { color: #6a7076; }
.main_catalog_block { display: inline-block; width: 22%; vertical-align: top; }
.main_catalog_block_tite { background: url(../images/main_catalog_block_tite_bg.png) center top repeat-x; margin-top: -16px; position: relative; z-index: 2; }
.main_catalog_block_tite a { min-height: 84px; display: block; width: 100%; text-align: left; }
.main_catalog_block_tite a:hover { background-position: 370px bottom; }
.main_catalog_block_tite span { font-size: 14px; color: #8f969b !important; padding-top: 25px; margin-left: 10px; display: block; text-align: left; }
.main_catalog_block_tite p { display: block; font-size: 18px; color: #fff !important; margin-left: 10px; text-align: left; padding-bottom: 5px; }
.main_catalog_block_price { margin: 0px; float: right; padding: 20px 10px !important; background: #e74c3c; display: block; margin-top: 16px; }
.main_catalog_block_hr { width: 4%; display: inline-block; }
.catalog_gost { position: relative; display: inline-block; }
.catalog_gost_p { color: #e74c3c !important; text-decoration: underline; cursor: pointer; display: inline-block; }
.catalog_gost_p:hover { text-decoration: none; }
.catalog_gost_hidden { width: 300px; opacity: 0.8; background: #000; padding: 10px 20px; position: absolute; top: 20px; opacity: 0; display: none; z-index: 2; }
.catalog_gost_hidden h3 { font-size: 14px !important; color: #fff !important; font-weight: normal !important; margin-bottom: 5px !important; }
.catalog_gost_hidden p { font-size: 12px !important; color: #aaa !important; margin-bottom: 5px !important; }
.catalog_gost_hidden a { font-size: 12px !important; color: #fff !important; text-decoration: underline; }
.catalog_gost_hidden a:hover { text-decoration: none; }
.catalog_gost_hidden span { font-size: 12px !important; color: #aaa !important; }
#catalog_product_images { width: 335px; float: right; margin: 0px 0px 30px 30px; }
.catalog_product_images_big { float: left; margin: 0px; }
.catalog_product_images_small { margin: 0px; }

/* Новости */
#main_news { width: 100%; background: #e74c3c; height: 440px; margin-top: 10px; display: block; }
#main_newsBg { width: 100%; background: url(../images/main_news_bg.png) bottom center no-repeat; height: 440px; margin-top: 10px; display: block; }
.main_news_block { width: 30%; display: inline-block; vertical-align: top; }
.main_news_block_text { display: block; }
.main_news_block_text h2 { font-size: 24px; color: #fff; font-weight: bolder; }
.main_news_block_text p { font-size: 16px; color: #fff; }
.main_news_block_date { width: 100px; height: 100px; background: #3e454c; display: inline-block; overflow: hidden; border-radius: 50%; }
.main_news_block_date h3 { font-size: 45px; font-weight: bolder; text-align: center; color: #fff; margin: 30px 0px 0px 0px; line-height: 30px; }
.main_news_block_date h5 { font-size: 16px; font-weight: bolder; text-align: center; color: #6b7279; margin: 0px; }
.news_block_date { width: 100px; height: 100px; background: #3e454c; display: block; overflow: hidden; border-radius: 50%; float: left; margin: 0px 20px 10px 0px; }
.news_block_date p { text-align: center; margin: 0px; }
.news_block_dateD { color: #fff; font-weight: bolder; font-size: 44px; line-height: 40px; padding-top: 20px; display: block; }
.news_block_dateM { color: #6b7279; font-weight: bolder; font-size: 16px; line-height: 14px; }
#article_table td {  }
.zag { font-size: 16px; color: #fff; background: #515a62; }

/* ID и классы под мобилку */
#mobile_navigation_hidden { background: #454c54; position: fixed; z-index: 1000; width: 80vw; height: 100vh; overflow-x: hidden; overflow-y: scroll; left: -100%; }
#mobile_navigation_hidden div { width: 100%; position: relative; }
#mobile_navigation_hidden_close { display: block; width: 20%; height: 100%; position: fixed; left: -20%; z-index: 1000; }
#mobile_icon_navigationList { width: 33px; height: 30px; position: absolute; margin: 20px; background: url(../images/iconset/mobile_navigation_head.png) no-repeat center; display: block; }
#mobile_icon_navigationClose { width: 100px; fill: #222; }
#mobile_logo { width: 89px; height: 40px; position: absolute; top: 10px; right: 20px; display: block; background: url(../images/mobile_logo.png) no-repeat center;  }
#mobile_navigation_arrowCircle { position: absolute;  background: url(../images/iconset/mobile_navigation_arrowCircle.png) no-repeat center; width: 40px; height: 40px; top: 15px; right: 10px; z-index: 3; }
#mobile_navigation_aboutCompany { background: #31373d; padding: 20px; display: none; }
#mobile_navigation_aboutCompany p { font-size: 14px; color: #fff; padding: 0px; margin: 0px; }
#mobile_navigation_list { border-top: 1px solid #585e65; }
.mobile_navigation_listOneDiv { display: block; border-bottom: 1px solid #585e65; }
.mobile_navigation_listOneDivActive { background: #31373d; }
.mobile_navigation_listOneA { display: block; color: #a6adb6 !important; padding: 15px 20px; }
.mobile_navigation_listOneAList { background: url(../images/iconset/mobile_navigation_arrow.png) right center no-repeat; }
.mobile_navigation_listOneDivChildA { display: block !important; color: #a6adb6 !important; padding: 10px 20px !important; }
.mobile_navigation_listOneDivChild { display: none; }
#mobile_mainBanner { width: 100%; height: 250px; display: block; position: relative; overflow: hidden; }
#mobile_mainBanner img { position: absolute; width: 800px; max-width: 800px; left: 50%; margin-left: -400px; }
#mobile_mainBanner h1 { position: absolute; color: #fff; font-weight: bolder; font-size: 24px; display: block; width: 100%; height: 80px; text-align: center; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); padding: 20px; top: 80px; }
#mobile_mainBanner a { position: absolute; color: #fff; font-size: 14px; display: block; width: 250px; padding: 22px 10px; text-align: left; background: url(../images/mobile_but_catalog.png) center no-repeat; left: 50%; margin-left: -125px; top: 170px; }
.mobile_main_catalog_block { display: block; margin: 20px; }
#mobile_mainNews { background: #e74c3c; padding: 30px 20px; margin: 30px 0px 0px 0px; }
#mobile_mainNews h1 { color: #fff; font-size: 24px; font-weight: bolder; }
#mobile_main_news { width: 100%; background: #e74c3c; height: 440px; margin-top: 100px; display: block; }
#mobile_main_newsBg { width: 100%; background: url(../images/main_news_bg.png) bottom center no-repeat; height: 440px; margin-top: 100px; display: block; }
.mobile_main_news_block { width: 100%; display: inline-block; vertical-align: top; }
.mobile_main_news_block_text { display: block; }
.mobile_main_news_block_text h2 { font-size: 24px; color: #fff; font-weight: bolder; }
.mobile_main_news_block_text p { font-size: 16px; color: #fff; }
.mobile_main_news_block_date { width: 100px; height: 100px; background: #3e454c; display: inline-block; overflow: hidden; border-radius: 50%; }
.mobile_main_news_block_date h3 { font-size: 45px; font-weight: bolder; text-align: center; color: #fff; margin: 30px 0px 0px 0px; line-height: 30px; }
.mobile_main_news_block_date h5 { font-size: 16px; font-weight: bolder; text-align: center; color: #6b7279; margin: 0px; }
.mobile_news_block_date { width: 100px; height: 100px; background: #3e454c; display: block; overflow: hidden; border-radius: 50%; float: left; margin: 0px 20px 10px 0px; }
.mobile_news_block_date p { text-align: center; margin: 0px; }
.mobile_news_block_dateD { color: #fff; font-weight: bolder; font-size: 44px; line-height: 40px; padding-top: 20px; display: block; }
.mobile_news_block_dateM { color: #6b7279; font-weight: bolder; font-size: 16px; line-height: 14px; }
.mobile_main_catalog_block_hr { background: #eb5745; width: 100%; height: 3px; border: 0px; display: block; margin: 30px 0px; }
#mobile_footer_contact_block { background: #e74c3c; width: 100%; padding: 10px 30px; position: relative; }
#mobile_footer_contact_block h1 { font-size: 48px; font-weight: normal; color: #fff; text-align: right; }
#mobile_footer_contact_block p { font-size: 16px; font-weight: normal; color: #fff; text-align: right; margin-bottom: 0px; }

/* Массовые классы для стилизации */
.but_catalog { position: relative; z-index: 2; background: #e74c3c; display: block !important; color: #fff; width: 300px; z-index: 3; }
.but_catalog:hover { color: #fff; background: #db4830; }
.but_catalog p { padding: 30px 100px 30px 20px; background: url(../images/icon_button_catalog.png) right top no-repeat; margin-bottom: 0px; }
.but_catalog p:hover { background-position: 300px 0px; }
.but_call { position: relative; z-index: 2; background: #fff; display: block !important; color: #3e454c; width: 300px; z-index: 3; }
.but_call:hover { color: #000; background: #ddd; }
.but_call p { padding: 30px 100px 30px 20px; background: url(../images/icon_button_call.png) right top no-repeat; margin-bottom: 0px; }
.but_call p:hover { background-position: 300px 0px; }
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.catalog_icon { margin: 0px 5px; }
.transition {
    transition:all 0.25s ease-in-out;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
}