@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0; padding: 0; } html { height: 100%; font-size: 62.5%; } body { height: 100%; font: normal 14px/20px Arial, Helvetica, sans-serif; color: #333333; background: #eeeeee; min-width: 1000px; position: relative; } img { border: none; } a { cursor: pointer; text-decoration: underline; color: #1085fe; } a:hover { text-decoration: none; } p { margin-bottom: 15px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: bold 24px Arial, Helvetica, sans-serif; color: #333333; line-height: normal; margin-bottom: 15px;; } h1 { font-size: 30px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } input[type='submit'], input[type='button'] { cursor: pointer; } ul, ol { margin-bottom: 15px;} ul li { list-style: disc outside; } .combs_cont:after, .foot_nav:after, .page_container:after, .partners_list:after { content: ''; display: table; clear: both;} .wrap {display: table; width: 100%; height: 100%; border-collapse: collapse; border: none;} .head_wr {display: table-header-group;} .head, .footer, .cont {display: table-cell; vertical-align: top;} .footer, .head {height: 1px;} .footer_wr {display: table-footer-group;} .cont_wr {display: table-row-group;} .head, .footer { background: #ffffff;} .head_combs { margin-bottom: 6px; padding: 20px 0 28px; position: relative; z-index: 20; background: #772e30; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#772e30), to(#3c1b1c)); background: -webkit-linear-gradient(#772e30, #3c1b1c); background: -moz-linear-gradient(#772e30, #3c1b1c); background: -ms-linear-gradient(#772e30, #3c1b1c); background: -o-linear-gradient(#772e30, #3c1b1c); background: linear-gradient(#772e30, #3c1b1c); -pie-background: linear-gradient(#772e30, #3c1b1c);} .head_combs:after { content: ''; display: block; width: 100%; height: 7px; background: url("../images/h_combs.png") repeat-x; position: absolute; top: 100%; left: 0;} .combs_cont { width: 979px; margin: 0 auto; padding: 0 17px 0 0;} .logo { width: 354px; height: 67px; margin-right: 20px; float: left;} .head_phone { min-height: 29px; padding: 3px 0 0 44px; background: url("../images/phone.png") no-repeat; float: right; font-size: 24px; line-height: 30px; color: #ffffff;} .nav_wr { padding-bottom: 6px; position: relative; z-index: 10; background: #fdfdfd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#efefef)); background: -webkit-linear-gradient(#fdfdfd, #efefef); background: -moz-linear-gradient(#fdfdfd, #efefef); background: -ms-linear-gradient(#fdfdfd, #efefef); background: -o-linear-gradient(#fdfdfd, #efefef); background: linear-gradient(#fdfdfd, #efefef); -pie-background: linear-gradient(#fdfdfd, #efefef);} .nav_wr:after { content: ''; display: block; height: 1px; background: #d5d5d5; border-bottom: 1px solid #ffffff;} .nav { width: 959px; padding-left: 2px; margin: 0 auto; background: url("../images/separator.png") no-repeat;} .nav ul { width: 100%; margin: 0; display: table; border-collapse: collapse;} .nav li { display: table-cell; padding-right: 2px; background: url("../images/separator.png") 100% 100% no-repeat; font-size: 12px; font-weight: bold; letter-spacing: .1em; list-style: none; text-transform: uppercase; vertical-align: top;} .nav li a { display: block; padding: 22px 34px 16px; color: #666666; text-decoration: none; text-align: center;} .nav .active a, .nav a:hover { background-color: #fff; color: #ae2e32;} .cop { width: 960px; margin: 0 auto; padding: 21px 0 20px;} .foot_combs { margin-top: 5px; padding: 21px 0 25px; position: relative; background: #752E2F; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#752E2F), to(#3b1b1c)); background: -webkit-linear-gradient(#752E2F, #3b1b1c); background: -moz-linear-gradient(#752E2F, #3b1b1c); background: -ms-linear-gradient(#752E2F, #3b1b1c); background: -o-linear-gradient(#752E2F, #3b1b1c); background: linear-gradient(#752E2F, #3b1b1c); -pie-background: linear-gradient(#752E2F, #3b1b1c);} .foot_combs:before { content: ''; display: block; width: 100%; height: 5px; background: url("../images/f_combs.png") repeat-x; position: absolute; bottom: 100%;} .foot_nav { width: 960px; margin: 0 auto;} .foot_nav ul { margin: 0;} .foot_nav li { margin-right: 22px; float: left; list-style: none;} .foot_nav a { color: #ffffff;} .slider_wr { height: 433px; background: #301010;} .slider_cont { width: 960px; height: 433px; margin: 0 auto; background: #443434; position: relative;} .slider_cont:before, .slider_cont:after { content: ''; display: block; width: 13px; position: absolute; top: 0; bottom: 0;} .slider_cont:before { left: -13px; background: url("../images/sl_left.jpg") repeat-y;} .slider_cont:after { right: -13px; background: url("../images/sl_right.jpg") repeat-y;} .slider { width: 960px; height: 433px;} .big_img_list { width: 819px; height: 433px;} .big_img_list ul { margin: 0;} .big_img_list li { width: 819px; height: 433px; list-style: none;} .big_img_list li a { display: block; position: relative;} .big_img_list li img { width: 819px; height: 433px; vertical-align: top;} .slider_info { padding: 26px 30px; background: url("../images/transparent.png") repeat; font-size: 18px; color: #ffffff; position: absolute; right: 0; bottom: 0; left: 0; display: none;} .big_img_list li:hover .slider_info { display: block;} .info_title { display: block; margin-bottom: 9px; font-size: 30px; font-weight: bold; line-height: 30px;} .page { width: 960px; margin: 0 auto;} .wrapper { margin-bottom: 38px; border-bottom: 1px solid #d5d5d5;} .wrapper:after { content: ''; display: block; height: 1px; background: #ffffff;} .credit { width: 960px; margin: 0 auto; padding: 34px 3px 20px; overflow: hidden;} .credit ul { width: 110%;} .credit li { width: 286px; margin: 0 30px 20px 0; border: 7px solid #ffffff; list-style: none; float: left; position: relative; -webkit-box-shadow: 0 1px 3px #909090; -moz-box-shadow: 0 1px 3px #909090; box-shadow: 0 1px 3px #909090;} .credit li a { display: block; position: relative;} .credit li img { width: 286px; height: 199px; vertical-align: middle;} .trust_info { display: block; padding: 16px 18px 15px; background: url("../images/transparent.png") repeat; font-size: 18px; line-height: 22px; color: #ffffff; position: absolute; right: 0; bottom: 0; left: 0;} .credit li a:hover .trust_info { background: none;} .trust_info span { display: block;} .page_container { width: 960px; margin: 0 auto 41px;} .column_01 { width: 630px; background: #ffffff; float: right; position: relative; -webkit-box-shadow: 0 0 3px #909090; -moz-box-shadow: 0 0 3px #909090; box-shadow: 0 0 3px #909090;} .model { padding: 20px 30px;;} .model h2 { margin-bottom: 23px;} .model_list { margin-bottom: 18px;} .model_list > ul { margin: 0;} .model_list > ul > li { padding: 23px 0 31px; border-top: 1px solid #dadada; list-style: none;} .model_list > ul > li h3 { font-size: 18px; font-weight: normal;} .model_list > ul > li h3 a { color: #a12a2c;} .model_pfice { display: block; margin-left: 10px; float: right;} .link_wr { display: block; overflow: hidden;} .model_col { width: 270px; margin-right: 30px; padding-top: 4px; float: left;} .model_img { width: 269px; margin-bottom: 21px;} .model_img img { width: 259px; border: 5px solid #d7d7d7; vertical-align: top;} .more { display: inline-block; height: 30px; padding: 0 19px; color: #a12a2c; line-height: 28px; position: relative; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 1px #a5a5a5; -moz-box-shadow: 0 1px 1px #a5a5a5; box-shadow: 0 1px 1px #a5a5a5; background: #F6F6F6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F6), to(#dbdbdb)); background: -webkit-linear-gradient(#F6F6F6, #dbdbdb); background: -moz-linear-gradient(#F6F6F6, #dbdbdb); background: -ms-linear-gradient(#F6F6F6, #dbdbdb); background: -o-linear-gradient(#F6F6F6, #dbdbdb); background: linear-gradient(#F6F6F6, #dbdbdb); -pie-background: linear-gradient(#F6F6F6, #dbdbdb);} .model_tx { overflow: hidden;} .column_02 { width: 300px; float: left;} .bnr { margin-bottom: 29px; border: 7px solid #ffffff; position: relative; -webkit-box-shadow: 0 0 3px #909090; -moz-box-shadow: 0 0 3px #909090; box-shadow: 0 0 3px #909090;} .bnr img { vertical-align: top;} .partners { margin-bottom: 5px;} .partners h2 { margin-bottom: 24px;} .partners_list { width: 100%; margin: 0 -3px; padding: 0 3px; overflow: hidden;} .partners_list ul { width: 110%; margin: 0;} .partners_list li { width: 139px; height: 100px; margin: 0 21px 26px 0; background: #ffffff; list-style: none; float: left; line-height: 100px; text-align: center; position: relative; -webkit-box-shadow: 0 0 3px #909090; -moz-box-shadow: 0 0 3px #909090; box-shadow: 0 0 3px #909090;} .partners_list li img { vertical-align: middle;} .about { margin-bottom: 10px;} .about h2 { margin-bottom: 16px;} .about p { margin-bottom: 16px;} #slider {width:940px; height:433px; position:relative; overflow:hidden;} #slider .gv-img_wrap {width:97px !important; height:77px !important;} #slider .gv-img_wrap img {width:97px !important; height:77px !important; top:0 !important; left:0 !important;} #slider .gv-img_wrap img:hover {width:91px !important; border:3px solid #fff; height:71px !important;} #slider .gv-strip_wrapper {top:22px !important; left:829px !important;} #slider .gv-nav-next {background:url(../images/gv-nav-next.png) no-repeat 55px 9px; width:117px; height:25px; bottom:0 !important; right:0 !important; left:auto !important; top:auto !important; cursor:pointer;} #slider .gv-nav-next:hover {background-position:55px -16px;} #slider .gv-nav-prev {background:url(../images/gv-nav-prev.png) no-repeat 55px 9px; width:117px; height:25px; top:0 !important; right:0 !important; left:auto !important; bottom:auto !important; cursor:pointer;} #slider .gv-nav-prev:hover {background-position:55px -16px;} #slider .gv-strip_wrapper { left: 841px !important;} .gv-panel a:hover .slider_info { display: block;} .gv-panel a:hover .sbl_bg {display:block;}