.header@charset "utf-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ .tooltip,body { font-family: "寰蒋闆呴粦",Futura-CondensedMedium,HelveticaNeue,HiraginoSansGB-W3,STHeiti,"Microsoft YaHei",tahoma } .text-center a{color:#eee;} a,body { color: #666 } .row,menu { padding-left: 0 } iframe,sub,sup { position: relative } body,figure,nav ol,nav ul { margin: 0 } .img-sy{width: 100%;height:auto;} .pro-img{width:500px;height:auto;margin:0 auto;margin-top:50px;} .z-e-l{width:70px;position:absolute;height:100%;display:block;background:#8c1f23;right:0px;} .text-left { text-align: left; padding-right: 10px; } .border-b,.page-header { border-bottom: 1px solid #dcdcdc } .btn-group>.btn-group,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.direction-mini li { float: left } .jcrop-tracker,html { -webkit-tap-highlight-color: transparent } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 }[hidden],template { display: none } a { text-decoration: none; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } a:active,a:focus,a:hover { outline: 0; text-decoration: none } b,optgroup,strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } sub,sup { font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0; vertical-align: middle } svg:not(:root) { overflow: hidden } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre,textarea { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 }/*! Source: http://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { blockquote,img,pre,tr { page-break-inside: avoid } *,:after,:before { background: 0 0!important; color: #000!important; box-shadow: none!important; text-shadow: none!important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href)")" } abbr[title]:after { content: " (" attr(title)")" } a[href^="javascript:"]:after,a[href^="#"]:after { content: "" } blockquote,pre { border: 1px solid #999 } thead { display: table-header-group } img { max-width: 100%!important } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } select { background: #fff!important } .navbar { display: none } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #ddd!important } } .bg-cover,.flexslider .slides li { background-position: center center } .bg-cover,.flexslider .slides li,.header { background-repeat: no-repeat; background-size: cover } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :focus,a:focus { outline: 0; outline-offset: -2px } :after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font-size: 14px; line-height: 1.6; background-color: #fff } @media (max-width:767px) { body { font-size: 120% } } @media (max-width:1081px) { .wp-video-shortcode{display:none;} } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } /* a { text-decoration: none; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } */ /* a:hover { color: #be0000; text-decoration: none } */ menu { margin-top: 0; margin-bottom: 0 } .row { list-style: none } section.p-v-s { padding-top: 20px; padding-bottom: 20px } section.p-v-m { padding-top: 40px; padding-bottom: 40px } section.p-v-l ,.p-v-l { /* padding-top: 50px; padding-bottom: 50px; */ font-style:normal; } iframe { z-index: 1 } .img-responsive { display: block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { border: 0; border-top: 1px solid #dcdcdc; margin: 22px 0 } .hr { border-top-width: 5px; border-color: #be0000; width: 50px } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .shadow-grid a h5,.shadow-grid li h4,.shadow-grid p { /* text-overflow: ellipsis; overflow: hidden; white-space: nowrap */ } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-weight: 400; line-height: 1 } .h1,.h2,.h3,h1,h2,h3 { margin-top: 22px; margin-bottom: 11px } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small { font-size: 65% } .h4,.h5,.h6,h4,h5,h6 { margin-top: 8px; margin-bottom: 8px } .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-size: 75% } .h1,h1 { font-size: 36px } .h2,h2 { font-size: 22px } .h3,h3 { font-size: 18px } .h4,h4 { font-size: 16px } .h5,h5 { font-size: 14px } .h6,h6 { font-size: 12px } @media (max-width:767px) { .h1,h1 { font-size: 24px } .h2,h2 { font-size: 20px } .h3,h3 { font-size: 18px } .h4,.h5,h4,h5 { font-size: 14px } .h6,h6 { font-size: 12px } } .h1,.h2,h1,h2 { text-transform: uppercase } p { margin: 0 0 11px } @media (min-width:1600px) { p { font-size: 100% } } p.h4 { line-height: 32px; } .lead { margin-bottom: 22px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width:768px) { .lead { font-size: 21px } } .small,small { font-size: 85% } .mark,mark { background-color: #fcf8e3; padding: .2em } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #c4c4c4 } .text-white { color: #fff } a.text-white:hover { color: #e6e6e6 } .text-red { color: #be0000 } a.text-red:hover { color: #8b0000 } .text-black { color: #333 } a.text-black:hover { color: #1a1a1a } .text-gray { color: #979797 } a.text-gray:hover { color: #7e7e7e } .text-darker { color: #333 } .inline-title { display: inline-block; background-color: #fff } a.inline-title:hover { background-color: #e6e6e6 } .inline-title h2 { line-height: 30px; margin: 0; padding: 20px } address,dd,dt { line-height: 1.6 } .inline-title span { color: #979797; margin-left: 10px } a.inline-title span:hover { color: #7e7e7e } .bg-white { background-color: #fff } a.bg-white:hover { background-color: #e6e6e6 } .bg-red { background-color: #be0000 } a.bg-red:hover { background-color: #8b0000 } .bg-red-dark { background-color: #870000 } a.bg-red-dark:hover { background-color: #540000 } .bg-gray-light { background-color: #f0f0f0 } a.bg-gray-light:hover { background-color: #d7d7d7 } .bg-gray-lighter { background-color: #dcdcdc } section.bg-cover.p-v-l.text-white[style*=background-image]:before { display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: #000; opacity: .2; filter: alpha(opacity=20) } section.bg-cover.p-v-l.text-white[style*=background-image]>div { position: relative; z-index: 1 } .m-xl { margin: 40px } .m-l { margin: 30px } .m-s { margin: 10px } .m-0 { margin-top: 0; margin-bottom: 0 } .m-xs { margin: 5px } .m-b-xl { margin-bottom: 40px } .m-b-l { margin-bottom: 30px } .m-b-m { margin-bottom: 20px } .m-b-s { margin-bottom: 10px } .m-b-xs { margin-bottom: 5px } .m-t-xl { margin-top: 40px } .m-t-l { margin-top: 30px } .m-t-m { margin-top: 20px } .m-t-s { margin-top: 10px } .m-t-xs { margin-top: 5px } .m-t-0 { margin-top: 0 } .m-b-0 { margin-bottom: 0 } .m-h-s { margin-left: 10px; margin-right: 10px } .m-v-l { margin-top: 30px; margin-bottom: 30px } .m-m { margin: 20px } .p-xl { padding: 40px } .p-l { padding: 30px } .p-m { padding: 20px } .p-s { /* padding: 10px */ } .p-xs { padding: 5px } .p-1px { padding: 1px } .p-0 { padding: 0 } .p-h-xl { padding-left: 40px; padding-right: 40px } .p-h-l { padding-left: 30px; padding-right: 30px } .p-h-m { padding-left: 20px; padding-right: 20px } .p-h-s { padding-left: 10px; padding-right: 10px } .p-h-xs { padding-left: 5px; padding-right: 5px } .p-v-xl { padding-top: 40px; padding-bottom: 40px } .p-v-l { padding-top: 30px; padding-bottom: 30px } .p-v-m { padding-top: 20px; padding-bottom: 20px } .p-v-s { padding-top: 10px; padding-bottom: 10px } .p-v-xs { padding-top: 5px; padding-bottom: 5px } .p-t-xl { padding-top: 40px } .p-t-l { padding-top: 30px } .p-t-m { padding-top: 20px } .p-t-s { padding-top: 10px } .p-t-0 { padding-top: 0 } .p-b-xl { padding-bottom: 40px } .p-b-l { padding-bottom: 30px } .p-b-m { padding-bottom: 20px } .p-b-s { padding-bottom: 10px } .p-r-l { padding-right: 30px } .p-r-m { padding-right: 20px } .p-l-m { padding-left: 20px } .p-l-s { padding-left: 10px } .p-h-0 { padding-left: 0!important; padding-right: 0!important } @media (max-width:767px) { .pro-img{width:220px;margin-top:10px;} .p-h-m { padding-left: 5px; padding-right: 5px } .p-h-s { padding-left: 0; padding-right: 0 } section.p-v-l { padding-top: 40px; padding-bottom: 40px } a.p-m { padding: 10px } a.row.p-m { padding-top: 0; padding-bottom: 0 } li>a>div[class*=col-].p-m { padding: 10px 0 } .row>li[class*=col].p-m { padding: 10px } .xs-p0 { padding: 0 } } .love-btns { padding-left: 10px; margin-left: 10px; border-left: 1px solid #c4c4c4 } .align-bottom,.align-top { position: absolute; width: 100%; left: 0; z-index: 1 } .align-bottom { bottom: 0 } .align-top { top: 0 } .align-vertical { display: table!important; position: relative } #embed-video-wrap,.overlay>div { width: 100%; height: 100%; position: fixed } .align-vertical .vertical-inner { display: table-cell; vertical-align: middle } .modal .align-vertical { width: 100%; height: 100% } .header>.align-vertical { width: 100%; height: 100%; padding-bottom: 50px } .header>.align-vertical.p-0 { padding: 0 } .section-title { padding-left: 20px; padding-right: 20px; margin-top: 0; margin-bottom: 20px; color: #333 } @media (max-width:767px) { .section-title { padding-left: 10px; padding-right: 10px } } .list-inline,.list-unstyled,ol,ul { list-style: none; padding-left: 0 } .border-t { border-top: 1px solid #dcdcdc } .border-light { border: 1px solid #c4c4c4 } .overlay { font-size: 0 } .overlay>div { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; z-index: 2999; top: 100%; left: 0; pointer-events: none } .overlay>div.white { background-color: #fff } .overlay>div.black { background-color: #000 } #embed-video-wrap,.bg-gray-light .row a { background-color: #fff } @media (max-width:767px) { .overlay>div.active { top: 0; opacity: .8; filter: alpha(opacity=80) } } #embed-video-wrap { z-index: 3001; top: 100%; -webkit-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out } #embed-video-wrap.active { top: 0 } #embed-video-wrap iframe { position: relative; width: 100%; height: 100% } #embed-video-wrap .close { position: absolute; right: 0; top: 0 } .container,.shadow-grid li { position: relative } .page-header { padding-bottom: 10px; margin: 44px 0 22px } dl,ol,ul { margin-top: 0 } ol,ul { margin-bottom: 11px } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } .list-inline { margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dl { margin-bottom: 22px } @media (max-width:767px) { dd,dt { line-height: 1.1 } } dt { font-weight: 700 } dd { margin-left: 0 } abbr[data-original-title],abbr[title] { cursor: help; border-bottom: 1px dotted #c4c4c4 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 11px 22px; margin: 0 0 22px; font-size: 17.5px; border-left: 5px solid #dcdcdc } .container,.container-fluid { margin-right: auto; margin-left: auto } blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child { margin-bottom: 0 } blockquote .small,blockquote footer,blockquote small { display: block; font-size: 80%; line-height: 1.6; color: #c4c4c4 } blockquote .small:before,blockquote footer:before,blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse,blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #dcdcdc; border-left: 0; text-align: right } .blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after { content: '\00A0 \2014' } address { margin-bottom: 22px; font-style: normal } @media (max-width:767px) { .container { padding-left: 20px; padding-right: 20px; position:relative; } .active .pro5{bottom:0px;} } @media (min-width:768px) { .container { padding-left: 4%; padding-right: 4% } } @media (min-width:992px) { .container { padding-left: 8%; padding-right: 8% } .news-left,.news-right,.pro-left,.pro-right{width:50%;} .news-left{padding-right:4px;} .news-right{padding-left:4px;} .pro-left{padding-right:35px;} .pro-right{padding-left:35px;} } @media (min-width:1200px) { .container { padding-left: 10%; padding-right: 10% } } @media (min-width:1600px) { /* .container { padding-left: 20%; padding-right: 20% } */ } .container-fluid { width: 100% } .row { margin-left: 0; margin-right: 0; margin-bottom: 0 } .row.row-shadow a { display: block; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,.2) } .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 { position: relative; min-height: 1px } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 60% } .col-xs-6 { width: 50% } .col-xs-5 { width: 40% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 20% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } .shadow-grid a { display: block } .shadow-grid a h5 { margin-top: 8px; margin-bottom: 0 } .shadow-grid p { min-height: 44.8px; margin: 10px 0 } .shadow-grid li { -webkit-box-shadow: 0 2px 8px 0 transparent; box-shadow: 0 2px 8px 0 transparent; -webkit-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out } .shadow-grid li a:hover { z-index: 2; /* background:#8c1f23; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.3); box-shadow: 0 2px 8px 0 rgba(0,0,0,.3) */ } .hl-list .shadow-grid li a:hover { background:#e7e7e7; } .shadow-grid li h4 { line-height: 20px; margin-bottom: 5px; font-weight: 400; /* color: #333 */ } .close,label { font-weight: 700 } a.shadow-grid li h4:hover { color: #ffffff; } .shadow-grid li h4 .h6 { color: #979797; margin-left: 5px } a.shadow-grid li h4 .h6:hover { color: #7e7e7e } .shadow-grid li h5 { line-height: 1.6 } .shadow-grid li:hover h4 { /* color: #ffffff */ } .shadow-grid .close { position: absolute; right: 10px; top: 10px; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #be0000!important } .shadow-grid .close span { width: 40px; height: 40px; line-height: 40px; text-shadow: none; display: block; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease } .shadow-grid li:hover .close { opacity: 1; filter: alpha(opacity=100) } .shadow-grid .close:hover span { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .shadow-grid .title { margin: 8px 0 0; height: 3em } .shadow-grid img { width: 100%; height: auto } .shadow-grid.full-width li { border-bottom: 1px solid #dcdcdc } .shadow-grid.full-width li h4 { margin: 0 0 1em; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } @media (max-width:767px) { .shadow-grid.full-width li h4 { margin-bottom: .5em } } .shadow-grid.full-width li h4:not(.text-overflow) { white-space: normal } .shadow-grid.full-width li p { margin-top: 10px } .shadow-grid.full-width li h6 { color: #979797 } a.shadow-grid.full-width li h6:hover { color: #7e7e7e } .shadow-grid.full-width li hr { margin: 15px 0 } .shadow-grid.full-width li a:hover { color: inherit } .shadow-grid.full-width li a:hover h4 { color: #be0000 } @media (max-width:991px) { .shadow-grid .title { height: auto } .shadow-grid.full-width .left { padding-bottom: 10px } .shadow-grid.full-width .right { padding-top: 10px } } .news-list .shadow-grid p { overflow: auto; white-space: normal } .btn,.dropdown-header,.dropdown-menu.store a,.filter-wrap h4,.table th,.tooltip-inner { white-space: nowrap } @media (min-width:768px) { .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 60% } .col-sm-6 { width: 50% } .col-sm-5 { width: 40% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 20% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 60% } .col-md-6 { width: 50% } .col-md-5 { width: 40% } .col-md-4 { width: 33.333% } .col-md-3 { width: 25% } .col-md-2 { width: 25% } .col-md-22 { width: 12.5% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 60% } .col-lg-6 { width: 50% } .col-lg-5 { width: 40% } .col-lg-4 { width: 33.33333333% } .col-lg-20 { width: 20% } .col-lg-3 { width: 25% } .col-lg-2 { width: 12.5% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .flexslider .slides img,.flexslider [class*="-viewport"],.table { /* width: 100% */ } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #c4c4c4; text-align: left } .table { max-width: 100%; border-color: transparent } .table th { text-align: left; overflow: hidden; text-overflow: ellipsis } .table td,.table th { padding: 10px 20px; vertical-align: top; line-height: 20px } .table.bg-gray { background-color: #dcdcdc } @media (max-width:767px) { .table td,.table th { padding: 5px 10px } } .list-table td { vertical-align: top; padding: 10px 0 } .list-table .dot { padding-right: 10px } .table-cell { display: table-cell; vertical-align: middle } .controllers a,.direction-mini a,.flexslider .slides a:not(.btn),.flexslider-fixed { /*display: block*/ } .flexslider,.flexslider .slides,.flexslider .slides li,.flexslider [class*="-viewport"] { position: relative; height: 100% } .flexslider { overflow: hidden; width: 100% } .flexslider .align-vertical { padding-bottom: 50px } .flexslider .slides { list-style: none; padding-left: 0; margin-left: 0; margin-right: 0; /* opacity: 0; filter: alpha(opacity=0); */ -webkit-transition: opacity .4s ease .1s; -o-transition: opacity .4s ease .1s; transition: opacity .4s ease .1s; margin-bottom: 0 } .flexslider .slides.row-shadow a { display: block; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,.2) } .flexslider .slides .contain-wrap img { width: auto } .flexslider.complete .slides { opacity: 1; filter: alpha(opacity=100) } .flexslider-fixed { position: fixed; background-color: #fff; width: 100%; overflow: hidden; height: 100%; top: 100%; z-index: 2999; -webkit-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out } .flexslider-fixed.active { top: 0 } .flexslider-fixed>.btn { position: absolute; right: 0; z-index: 1 } .flexslider-fixed h4 { position: absolute; top: 0; margin: 0 } .contain-wrap { position: relative; text-align: center; width: 100%; height: 100%; border: 80px solid transparent; background: url(../images/loader.gif)center center no-repeat } fieldset,legend { padding: 0; border: 0 } .contain-wrap.in { background: 0 0 } .btn,.btn-default.active,.btn-default:active,.btn-red.active,.btn-red:active,.btn-white.active,.btn-white:active,.btn.active,.btn:active,.form-control,.open>.dropdown-toggle.btn,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-red,.open>.dropdown-toggle.btn-white { background-image: none } .contain-wrap img { max-width: 100%; height: auto } @media (max-width:991px) { .contain-wrap { border-width: 60px 10px } } .flexslider-grid .fw-wrap,.flexslider-grid [class*=viewport] { padding: 10px } @media (max-width:767px) { .flexslider-grid { overflow: visible!important } .flexslider-grid [class*=viewport] { padding: 4px; margin: -4px } } .flexslider-grid .fw-wrap { padding-top: 0; padding-bottom: 0 } .direction-mini { padding-left: 20px; padding-right: 20px } .direction-mini li { margin-left: 10px } .direction-mini a { width: 40px; height: 40px; padding: 0 } .controllers ol,.controllers ul { margin: 0 }[class*=control-nav] li { position: relative; display: inline-block; vertical-align: middle; margin: 0 5px }[class*=control-nav] a { cursor: pointer }[class*=control-nav] a[class*=active] { cursor: default; pointer-events: none } .flexslider-grid [class*="-viewport"]:after,.flexslider-grid [class*="-viewport"]:before { position: absolute; display: block; content: ""; height: 100%; width: 10px; top: 0; background-color: #fff } .flexslider-grid [class*="-viewport"]:before { left: 0 } .flexslider-grid [class*="-viewport"]:after { right: 0 }[class*=control-nav] { font-size: 0; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* background-color: rgba(255,255,255,.8) */ } .btn,.jcrop-tracker { -webkit-user-select: none }[class*=control-nav] a { position: relative; width: 35px; height: 40px; text-indent: 100px; overflow: hidden; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }[class*=control-nav] a:before { display: block; content: ""; position: absolute; width: 100%; height: 6px; top: 50%; margin-top: -2px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; /* background-color: #fdfdfd */ }[class*=control-nav] a:hover:before,[class*=control-nav] a[class*=active]:before { /* background-color: #8c1f23 */ } fieldset { margin: 0; min-width: 0 } legend { display: block; width: 100%; margin-bottom: 22px; font-size: 21px; line-height: inherit; color: #666; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px } label.error { margin-top: 5px; margin-bottom: 0; color: #be0000; font-size: 85%; font-weight: 400 } alabel.error:hover { color: #8b0000 } input[type=checkbox],input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple],select[size] { height: auto } select { -moz-appearance: none; appearance: none; border: none } button.close,select { -webkit-appearance: none } select.form-control { -webkit-box-shadow: none; box-shadow: none; border-color: #f0f0f0 } .select-icon { position: absolute; top: 0; right: 15px; line-height: 40px; font-size: 16px } .form-control,output { display: block; font-size: 14px; line-height: 1.6; color: #979797 } .select-icon.icon-chevron-down:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0) } select.form-control:focus { border-color: #f0f0f0; outline: 0; -webkit-box-shadow: none; box-shadow: none } input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus { outline: 0; outline-offset: -2px } output { padding-top: 7px } .form-control { width: 100%; height: 45px; padding: 10px 20px; background-color: #fff; border: 1px solid #dbdbdb; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .form-control:focus { border-color: #8c1f23; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(190,0,0,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label { color: #3c763d } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed; background-color: #d8d8d8; opacity: 1 } textarea.form-control { height: auto; resize: vertical } @media (max-width:767px) { .form-control { font-size: 12px } } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date],input[type=time],input[type=datetime-local],input[type=month] { line-height: 42px } .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm { line-height: 30px } .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg { line-height: 46px } } .form-group { position: relative; margin-bottom: 15px } .checkbox,.radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label,.radio label { min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px \9 } .checkbox+.checkbox,.radio+.radio { margin-top: -5px } .checkbox-inline,.radio-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer } .checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } .checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg,.form-control-static.input-sm { padding-left: 0; padding-right: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0 } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm,textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0 } select.form-group-sm .form-control { height: 30px; line-height: 30px } select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control { height: auto } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0 } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg,textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0 } select.form-group-lg .form-control { height: 46px; line-height: 46px } select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control { height: auto } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 52.5px } .form-control,.form-horizontal .control-label { padding-right: 10px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 42px; height: 42px; line-height: 42px; text-align: center; pointer-events: none } .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .btn,.btn-group-lg>.btn,.btn-lg { border-radius: 0; line-height: 40px } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } .has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 } .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede } .has-feedback label~.form-control-feedback { top: 27px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .form-control { padding-left: 10px } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #a6a6a6 } .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .checkbox,.form-horizontal .radio { min-height: 29px } .form-horizontal .form-group { margin-left: 0; margin-right: 0 } .form-horizontal .has-feedback .form-control-feedback { right: 0 } @media (min-width:768px) { .form-inline .form-control-static,.form-inline .form-group { display: inline-block } .form-inline .control-label,.form-inline .form-group { margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .checkbox,.form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label,.form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 10px } .form-horizontal .form-group-lg .control-label { padding-top: 14.33px } .form-horizontal .form-group-sm .control-label { padding-top: 6px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid #666; padding: 0 20px; font-size: 14px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; background-color: transparent } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: 0; outline-offset: -2px } /* .btn.focus,.btn:hover { color: #666; text-decoration: none } */ .btn.active,.btn:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled,.btn[class*=disabled],.btn[disabled],fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; color: #dcdcdc; border-color: #dcdcdc; -webkit-box-shadow: none; box-shadow: none } /* .btn.disabled,.btn.disabled.active,.btn.disabled.focus,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled],.btn[disabled].active,.btn[disabled].focus,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,fieldset[disabled] .btn,fieldset[disabled] .btn.active,fieldset[disabled] .btn.focus,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover { background-color: transparent; border-color: #666 } */ .btn .badge { color: transparent; background-color: #666 } /* .btn.active,.btn:active,.btn:hover,.open>.dropdown-toggle.btn { border-color: #666; color: #fff; background-color: #666 } */ ./* btn-default,.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default { color: #666; background-color: transparent; border-color: #666 } */ .btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background-color: transparent; border-color: #666 } .btn-default .badge { color: transparent; background-color: #666 } .btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default { color: #fff; background-color: #666 } /* .btn-white,.btn-white.active,.btn-white:active,.btn-white:hover,.open>.dropdown-toggle.btn-white { color: #fff; background-color: transparent; /* border-color: #fff; */ } */ .btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled.focus,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled].active,.btn-white[disabled].focus,.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white.focus,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover { background-color: transparent; /* border-color: none; */ } .btn-white .badge { color: transparent; background-color: #fff } /* .btn-white.active,.btn-white:active,.btn-white:hover,.open>.dropdown-toggle.btn-white { color: #be0000; background-color: #fff } */ .btn-red,.btn-red.active,.btn-red:active,.btn-red:hover,.open>.dropdown-toggle.btn-red { color: #be0000; background-color: transparent; border-color: #be0000 } .btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover,fieldset[disabled] .btn-red,fieldset[disabled] .btn-red.active,fieldset[disabled] .btn-red.focus,fieldset[disabled] .btn-red:active,fieldset[disabled] .btn-red:focus,fieldset[disabled] .btn-red:hover { background-color: transparent; border-color: #be0000 } .btn-red .badge { color: transparent; background-color: #be0000 } .btn-red.active,.btn-red:active,.btn-red:hover,.open>.dropdown-toggle.btn-red { color: #fff; background-color: #be0000 } .btn-group-lg>.btn,.btn-lg { padding: 10px 16px; font-size: 18px } .btn-group-sm>.btn,.btn-sm { padding: 0!important; line-height: 40px!important; width: 40px; height: 40px } .btn-sm>[class*=icon-] { line-height: 40px } .btn-group-xs>.btn,.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 40px; border-radius: 0 } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none; visibility: hidden } .collapse.in { display: block; visibility: visible } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .btn-group,.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group { margin-left: 5px } .btn .caret,.btn-group>.btn:first-child,.nav-stacked>li+li { margin-left: 0 } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px } .btn-group>.btn-lg+.dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn-lg .caret { border-width: 5px 5px 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn,.btn-group-justified>.btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto }[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .nav,.nav a,.nav li { position: relative } .nav h2 { margin: 0 } .nav h3,.nav h5 { margin: 0; line-height: 50px } .nav h5 { display: inline-block } .nav a,.nav li,.nav.nav-red li:focus ol,.nav.nav-red li:hover ol { display: block } .nav ol,.nav ul { margin-bottom: 0; list-style: none } .nav li { float: left; padding:10px } .nav a { -webkit-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; line-height: 30px; padding-top: 10px; padding-bottom: 10px } .nav a:focus,.nav a:hover { text-decoration: none } .nav .active>a { color: #be0000 } .nav ol { position: absolute; left: 0; width: 200px; z-index: 1; background-color: #fff } .nav ol li { float: none; margin-top: 1px } .nav.nav-red { background-color: #870000 } .nav.nav-red li { -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease } .nav.nav-red li:focus,.nav.nav-red li:hover { background-color: #be0000 } .nav.nav-red li>a { color: #fff } .nav.nav-red li.active:after { display: block; position: absolute; width: 100%; height: 3px; content: ""; bottom: 0; left: 0; background-color: #fff } .nav.nav-red ol { display: none; background-color: #870000 } .nav.nav-red ol li { background-color: #881b1b } .nav.nav-gray { background-color: #f0f0f0 } .nav .nav-divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5 }[class*=icon-chevron-down]:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block } .collapsed [class*=icon-chevron-down]:before,[aria-expanded=false] [class*=icon-chevron-down]:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .main-nav-wrap { position: relative; z-index: 2009; height: 50px } .main-nav-wrap .nav-toggle { z-index: 1; position: relative; right: -100px; background-color: #be0000; color: #fff; -webkit-transition: right .4s ease-in-out; -o-transition: right .4s ease-in-out; transition: right .4s ease-in-out } .main-nav-wrap .main-nav ol li { padding: 0 15px } @media (max-width:767px) { .main-nav-wrap { position: fixed; pointer-events: none; z-index: 3000; width: 100%; height: 100%; top: 0 } .main-nav-wrap .affix,.main-nav-wrap .affix-top { position: static } .main-nav-wrap .container { height: auto } .main-nav-wrap .nav { position: fixed; width: 240px; height: 100%; left: -260px; -webkit-box-shadow: 0 0 16px rgba(0,0,0,.8); box-shadow: 0 0 16px rgba(0,0,0,.8); background-color: #701d19; overflow-y: scroll; -webkit-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out; transition: left .4s ease-in-out } .main-nav-wrap .nav ul>li { border-bottom: 1px solid #5e0400 } .main-nav-wrap .nav li { float: none; padding-left: 0; padding-right: 0 } .main-nav-wrap .nav li.active:after { width: 3px; height: 100%; top: 0 } .main-nav-wrap a { line-height: 20px; padding-left: 20px; padding-right: 20px } .main-nav-wrap .container { padding-left: 0; padding-right: 0 } .main-nav-wrap ol { display: block; position: relative; width: 100%; overflow: hidden } .main-nav-wrap.active { pointer-events: inherit; display: block } .main-nav-wrap.active .nav-toggle { right: 0 } .main-nav-wrap.active [class*=overlay-] { display: block } .main-nav-wrap.active .nav { left: 0 } } .dropdown-menu .divider,.modal,.modal-open { overflow: hidden } .nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } .footer-nav ul,.header,.navbar,.navbar-nav>li,.products-nav { position: relative } @media (max-width:991px) { .nav h5.p-h-m { padding: 0 } nav.nav { padding-left: 10px; padding-right: 10px } } .products-nav { z-index: 2008 } .products-nav .btn { margin-top: 5px } .nav-left { float: left } .nav-right { float: right } .nav-toggle { cursor: pointer } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li { float: none } .nav-tabs>li>a { margin-right: 2px; line-height: 1.6; border: 1px solid transparent; border-radius: 0 } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 0 } .nav-tabs>li>a:hover { border-color: #dcdcdc #dcdcdc #ddd } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { color: #979797; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .navbar .affix-wrap .nav-right li:hover>div,.navbar .affix-wrap i { color: #be0000 } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0; border-bottom: 1px solid #ddd; border-radius: 0 } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .nav-stacked>li+li { margin-top: 2px } .nav-justified { width: 100% } .footer-left,.navbar-brand,.navbar-nav>li { float: left } .nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-tabs-justified { border-bottom: 0 } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 0 } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none; visibility: hidden } .tab-content>.active { display: block; visibility: visible } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { /*z-index: 2010; height: 85px;*/ } .navbar.cur{background:#26292c;position:fixed;width:100%;} .navbar-header { line-height: 85px; } .navbar{height: 90px;} .menu_nav{display: none;} @media (max-width:767px) { .navbar-header { line-height: 50px } .navbar{height: 50px;} .navbar .navbar-brand a,.navbar.nav2 .navbar-brand a{width: 120px;height:41px;display:block;background-size:120px 41px;top:5px;} .menu_nav{display: block;} } .navbar .affix-wrap { height: 0; min-height: inherit } .navbar .affix-wrap nav { height: auto } .navbar .affix-wrap li>div { line-height: 80px; padding-left: 20px; padding-right: 20px; min-width: 60px; height: 80px; text-align: center } .navbar .affix-wrap span { margin-left: 10px } .navbar .affix-wrap .icon-menu { font-size: 18px; vertical-align: text-bottom } .navbar .affix-wrap .nav-right { margin-top: -80px } .navbar .affix-wrap .affix .nav-right { margin-top: 0 } .navbar .affix-wrap .affix li>div { height: 50px; line-height: 50px } .navbar .affix-wrap .affix li>div>i { color: #fff } .navbar .affix-wrap .affix li>div>span { display: none } .navbar .affix-wrap .affix li.opne>div>i,.navbar .affix-wrap .affix li>div:hover>i { color: #be0000 } @media (min-width:768px) { .navbar .affix-wrap .affix { z-index: 1040; display: inline-block; width: auto; right: 0; left: auto; padding-left: 0 } .navbar .affix-wrap .affix li.open .dropdown-toggle i { color: #be0000 } } .navbar-brand>a { display: inline-block } @media (max-width:767px) { .navbar .affix-wrap { min-height: 40px; height: 40px } .navbar .affix-wrap>div { height: 40px; background-color: #870000 } .navbar .affix-wrap li:hover>div i { color: #be0000 } .navbar .affix-wrap li>div { line-height: 50px; height: 50px; width: 40px; padding: 0; min-width: inherit } .navbar .affix-wrap i.icon-menu { color: #fff } .navbar .affix-wrap .affix li>div { height: 40px; line-height: 40px } .navbar .affix-wrap .nav-right { margin-top: -50px; margin-right: -20px } .navbar .affix-wrap .nav-left { padding-right: 20px } .navbar-brand a { width: 120px; } } .navbar-nav { list-style: none; position:relative; } .navbar-nav>li>div { padding: 0 20px; cursor: pointer } .navbar-nav>li.active>a,.navbar-nav>li.active>a:focus,.navbar-nav>li.active>a:hover { color: #fff; /* background-color: #fff */ } .navbar-nav ol,.navbar-nav>li.open,.navbar-nav>li:hover { /* background-color: #fff */ } .navbar-nav .open .dropdown { display: block } .navbar-nav ol{ display: none; -webkit-box-shadow: 0 8px 8px rgba(0,0,0,.3); box-shadow: 0 8px 8px rgba(0,0,0,.3); padding:45px 55px; list-style: none; position: fixed; left:50%; width: 575px; margin-left:-287.5px; top:15%; z-index: 9999; } .navbar-nav ol li { margin-bottom: 1px; line-height: 40px } .navbar-nav ol li a { display: block; padding: 0 15px; background-color: #f7f7f7 } .navbar-nav ol li a:hover { background-color: #fff } .navbar-form { padding: 10px; user-select: none; -webkit-user-select: none } @media (max-width:767px) { .navbar-nav ol { width: 100% } .navbar-nav>li { position: static } .navbar-nav li>div>span { display: none } .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } .navbar-form .form-control { width: 100% } .navbar-text { margin-top: 10px } .navbar .OAuth a { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0 5px; background-color: #65a3de; text-align: center } .affix,.filter-wrap { width: 100% } .navbar .OAuth a i { color: #fff } .navbar .OAuth a:hover i { /* color: #be0000 */ } .affix-wrap { min-height: 50px } .affix-wrap nav { height: 50px } .affix-wrap.h80 { min-height: 80px } .affix { position: fixed; left: 0; z-index: 1030 } section.affix-wrap { margin-top: -50px } .main-nav-wrap .affix,.navbar .affix { top: 0 } .products-nav .affix { top: 50px; z-index: 999; background-color: #f0f0f0; border-bottom: 1px solid #dcdcdc } .fix-nav.affix { top: 50px } .filter-wrap .table { margin-bottom: 20px } .filter-wrap .table tr { border-top: 1px solid #f0f0f0 } .filter-wrap .table tr td { padding-left: 0 } .filter-wrap .table tr td:first-child { padding-left: 20px; padding-right: 10px; width: 70px } .filter-wrap .head { padding-top: 5px; padding-bottom: 5px; background-color: #dcdcdc; margin-top: 1px; line-height: 20px } .filter-wrap .head a { color: #333 } .filter-wrap h4 { color: #333; margin-top: 5px } .filter-wrap a { display: inline-block; padding: 0 6px; line-height: 24px; border-radius: 3px; cursor: pointer; margin: 2px; font-size: 12px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .filter-wrap a.active,.filter-wrap a:hover { background-color: #fff; color: #be0000 } .filter-wrap a.active { pointer-events: none; cursor: default } .filter-wrap .color a { padding: 4px; vertical-align: top } .filter-wrap .color a:first-child { padding: 0 6px } .filter-wrap .color i { display: block; width: 16px; height: 16px; border: 1px solid #666; background-color: #fff } .footer { background-color: #565f68; border-bottom: 10px solid #424a51; } a.footer:hover { background-color: #d7d7d7 } .footer h3 { margin-top: 0; margin-bottom: 25px; padding-top: 4px; color: #333 } .footer h3+li { line-height: 16px } .footer a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .footer .follow a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; font-size: 20px; background:#4a525a; margin-right:2px; margin-top:10px; } .footer .follow a:hover { background-color: #8c1f23; color: #fff; border-color: #be0000 } .footer-nav { padding-top: 5px; padding-bottom: 5px } .footer-nav:after,.footer-nav:before { content: " "; display: table } .footer-nav:after { clear: both } .footer-nav ul { display: table-cell; vertical-align: top; padding-left: 5px; padding-right: 35px; height: 100% } .caret,.pagination,.pagination-addon,.pagination-addon input { vertical-align: middle } .footer-nav ul:first-child { padding-left: 0; border: none } .footer-nav ul:last-child { padding-right: 0 } .footer-nav li { line-height: 34px } .footer-copyright { background-color: #fff; line-height: 70px; font-size: 12px } .footer-copyright img { padding-top: 20px; padding-bottom: 20px; height: 70px; width: auto } .footer-copyright a { margin-left: 20px } .footer-right { float: right } @media (max-width:991px) { .footer-nav .footer-right h2 { margin: 0 } .footer-nav .footer-right h3 { margin-bottom: 10px } .footer-nav ul { width: auto; padding-left: 20px; padding-right: 20px } .footer-nav ul:first-child { padding-left: 10px } .footer-nav ul:last-child { padding-right: 10px } .footer-copyright .footer-right { padding-top: 15px; line-height: 1.6 } .footer-copyright span { display: block } .footer-copyright a { margin-left: 0; margin-right: 10px } .footer-copyright img { margin-bottom: -20px } } .header { /* background-color: #f0f0f0; */ background-position: center center; z-index: 900; /* color: #fff */ } @media (max-width:767px) { .fix-nav.affix,.products-nav .affix { top: 40px } .affix-wrap.h80 { min-height: 50px } .footer-nav h3+li,.footer-nav li { line-height: 1.6em } .footer-left,.footer-right { float: none } .footer-nav { padding-top: 30px; padding-bottom: 30px } .footer-nav ul { display: block; border-left: none; position:relative; /* border-top: 1px solid #c4c4c4; */ margin: 0; padding: 20px 0!important } .footer-nav .footer-right h3,.footer-nav h3 { margin-bottom: 5px } .footer-nav li { display: inline-block; margin-right: 10px } .footer-nav h3 { padding-top: 0 } .footer-copyright { text-align: left; padding-bottom: 20px } .footer-copyright .footer-right { padding-top: 5px } /*.header { height: 320px }*/ .header.size-m { height: 240px } } @media (min-width:768px) { .header { /*height: 670px*/ } .header.size-m { height: 300px } } .header [class*=half-] { width: 100%; text-align:center; font-style:normal; } .header .half-right { float: right } @media (max-width:991px) { .header [class*=half-] { width: 100% } } .header [style*=background-image]:before,.header[style*=background-image]:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20) } @media (min-width:1600px) { .portrait { height: 600px; background-position: center top } } .paragraph-wrap img { max-width: 100%; height: auto!important } .paragraph-wrap ol,.paragraph-wrap ul { padding-left: 2em } .paragraph-wrap ul { list-style: disc } .paragraph-wrap ol { list-style: decimal } .paragraph-wrap p { margin: 0 0 11px } .product-description .images,.product-description .thumbs,.product-description .viewport { position: relative } .product-description .viewport .description { position: absolute; bottom: 1px; left: 1px; background-color: rgba(0,0,0,.5); padding: 15px 20px; color: #fff } .product-description .control { position: absolute; top: 0; bottom: 0; width: 50%; cursor: pointer } .product-description .control.prev { left: 0; text-align: left } .product-description .control.next { right: 0; text-align: right } .product-description .control i { position: absolute; display: block; width: 100%; top: 50%; padding: 0 35%; font-size: 30px; line-height: 30px; margin-top: -15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #fff } .product-description .control:hover i { padding: 0 25%; opacity: 1; filter: alpha(opacity=100) } .product-description .images { border: 1px solid #c4c4c4; position: relative } .product-description .images img { position: absolute; top: 0; left: 0; width: 100%; height: auto } .product-description .images img:first-child { position: relative } .product-description .images.loading:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/loader.gif)center center no-repeat } .product-description .thumbs { font-size: 0; padding: 18px 0 } .product-description .thumbs img { vertical-align: middle; width: 30px; height: 32px; margin-right: 4px; margin-bottom: 8px; cursor: pointer; border-top: 2px solid transparent; padding-top: 2px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .product-description .thumbs img.active,.product-description .thumbs img:hover { border-top-color: #be0000 } .product-description dt,.product-description h3 { color: #333 } .product-description h3 { margin-top: 0 } .product-description hr { margin-bottom: 20px } .product-description dl { margin: 10px 0 } .product-description dl:after,.product-description dl:before { content: " "; display: table } .product-description dl:after { clear: both } .product-description dl dt { width: 70px } .product-description dl dd,.product-description dl dt { float: left } .product-description dd { word-wrap: break-word } .product-description .colors { font-size: 0 } .product-description .colors span { display: inline-block; width: 20px; height: 20px; vertical-align: top; background-color: #fff; margin-right: 10px; border: 1px solid #666 } @media (max-width:991px) { .product-description { display: block } .product-description .left,.product-description .right { display: block; width: 100% } } html.touch .product-description .control i { opacity: 1; filter: alpha(opacity=100) } .product-list li .images { padding-top: 100%; overflow: hidden } .product-list li .images img { position: absolute; top: 0; width: 100%; height: auto } .product-module>div { position: relative } .product-module img { height: auto } .product-module [class*="-min"] { background-color: #333; padding-top: 100px } .product-module [class*="-min"] img { width: 100% } .product-module [class*="-min"] h2 { margin-top: 50px } .product-module .mixed-left-min img { padding-left: 60px } .product-module .mixed-left .container,.product-module .mixed-right .container { width: 100%; position: absolute; left: 0 } .product-module .mixed-left .container>div,.product-module .mixed-right .container>div { float: none; display: inline-block; text-align: left } .product-module .mixed-left img,.product-module .mixed-right img { width: 100% } .product-module .mixed-right { padding-bottom: 100px } .product-module .mixed-right .container { text-align: right; bottom: 100px } .product-module .mixed-right .container>div { padding-bottom: 50px } .product-module .mixed-right img { padding-right: 45% } .product-module .mixed-left { padding-top: 100px } .product-module .mixed-left .container { top: 100px; padding-top: 50px } .product-module .mixed-left img { padding-left: 45% } @media (max-width:991px) { .product-module .mixed-left-min img { padding-left: 0 } .product-module .mixed-right .container { bottom: 20px } .product-module .mixed-left .container { padding-top: 0 } } @media (max-width:767px) { .product-module [class*="-min"] { padding-top: 0 } .product-module [class*="-min"] p { margin-bottom: 20px } .product-module .mixed-right img { padding-right: 0 } .product-module .mixed-left img { padding-left: 0 } .product-module .mixed-left .container,.product-module .mixed-right .container { position: static } .product-module .mixed-right .container>div { padding-bottom: 30px } .product-module .mixed-right { padding-bottom: 0 } .product-module .mixed-left { padding-top: 20px } } .gallery-module li:hover { box-shadow: none } .gallery-module a { display: block } .gallery-module a:before { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #be0000; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background-color: #fff; z-index: 1; transition: all .4s ease; opacity: 0; filter: alpha(opacity=0) } .abs-img,.gallery-module a:before { position: absolute; -webkit-transition: all .4s ease; -o-transition: all .4s ease } .gallery-module a:hover:before { opacity: 1; filter: alpha(opacity=100) } .abs-img { left: 0; top: 0; transition: all .4s ease; opacity: 0; filter: alpha(opacity=0) } a:hover .abs-img { opacity: 1; filter: alpha(opacity=100) } .brand-story .bg-cover { background-image: url(../images/story.jpg) } .brand-story nav { display: inline-block } .images { position: relative } .product-gallery-control-nav { position: absolute; height: 76px; padding: 18px; bottom: 0; width: 100%; left: 0 } .product-gallery-direction-nav li { position: absolute; width: 80px; bottom: 80px; top: 80px } .product-gallery-direction-nav li.product-gallery-nav-prev { left: 0; text-align: left } .product-gallery-direction-nav li.product-gallery-nav-next { right: 0; text-align: right } .product-gallery-direction-nav a { position: absolute; border: none; height: 100%; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0 25px } .product-gallery-direction-nav a i { position: relative; height: 50%; top: 50%; display: block; font-size: 24px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .product-gallery-direction-nav a:hover { background-color: transparent; color: #be0000; padding: 0 15px } .share-btns a,.up-btn { border-radius: 50%; color: #fff } .product-gallery-direction-nav .product-gallery-prev { left: 0; text-align: left } .product-gallery-direction-nav .product-gallery-next { right: 0; text-align: right } .border_t_light { border-top: 1px solid #f0f0f0 } .product-tools .left,.product-tools .right { width: 250px } @media (max-width:767px) { .product-tools,.product-tools .right { text-align: center } .product-tools table,.product-tools tbody,.product-tools td,.product-tools tr { display: block!important } .product-tools .left,.product-tools .right { width: 100% } .product-tools .right a { margin: 0 5px } } .caret,.share-btns a,.up-btn { display: inline-block } .share-btns a { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #dcdcdc; font-size: 18px } .share-btns a:hover,.up-btn { background-color: #be0000 } .up-btn { line-height: 82px; height: 90px; width: 90px; font-size: 36px; border: 4px solid #dcdcdc; margin-top: 20px } .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span,.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0 } a.up-btn:hover { color: #e6e6e6; background-color: #8b0000 } .up-btn:hover { color: #be0000; background-color: #fff } a.up-btn:hover:hover { color: #8b0000; background-color: #e6e6e6 } .up-btn.disable { pointer-events: none; cursor: default; background-color: #f0f0f0; color: #979797 } a.up-btn.disable:hover { background-color: #d7d7d7; color: #7e7e7e } .caret { width: 0; height: 0; margin-left: 2px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown,.dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box } .dropdown-menu-right,.dropdown-menu.pull-right { left: auto; right: 0 } .dropdown-menu .divider { height: 1px; margin: 10px 0; background-color: #e5e5e5 } .dropdown-menu.store { border-color: transparent; margin-top: 0; min-width: 320px; padding: 20px 10px; font-size: 0 } .dropdown-menu.store a { display: inline-block; width: 25%; text-align: center; font-size: 14px; padding: 5px } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover { text-decoration: none; color: #595959; background-color: #f5f5f5 } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #fff } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color: #c4c4c4 } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.6; color: #c4c4c4 } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: "" } .tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: #be0000 } .business-service .item,.modal-footer { border-top: 1px solid #dcdcdc } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { left: auto; right: 0 } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .pagination { display: inline-block; padding-left: 0; margin: 22px 0; border-radius: 0 } .pagination>li { display: inline } .pagination>li>a,.pagination>li>span { position: relative; display: block; width: 40px; height: 40px; float: left; line-height: 40px; text-decoration: none; color: #be0000; background-color: #fff; border: 1px solid #be0000; margin-left: -1px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .pagination>li:first-child>a,.pagination>li:first-child>span { margin-left: 0; margin-right: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0 } .pagination>li:last-child>a,.pagination>li:last-child>span { margin-left: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { color: #fff; background-color: #be0000; border-color: #be0000 } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { z-index: 2; color: #fff; background-color: #be0000; border-color: #be0000; cursor: default } .pagination-disabled>a,.pagination-disabled>a:focus,.pagination-disabled>a:hover,.pagination-disabled>span,.pagination-disabled>span:focus,.pagination-disabled>span:hover,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover { color: #c4c4c4; background-color: #fff; border-color: #c4c4c4; cursor: not-allowed } .pagination-lg>li>a,.pagination-lg>li>span { padding: 10px 16px; font-size: 18px } .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination-sm>li>a,.pagination-sm>li>span { padding: 5px 10px; font-size: 12px } .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination-addon { display: inline-block; margin-left: 20px } .pagination-addon input { display: inline-block; width: 54px; margin-right: 5px } @media (max-width:767px) { .pagination { display: block; padding-left: 30px; padding-right: 30px; text-align: left } .pagination>li { text-align: center; display: none } .pagination>li:first-child,.pagination>li:last-child { display: inline-block } .pagination>li:first-child a { margin-right: 0 } .pagination>li:last-child a { margin-left: 5px } .pagination-addon { position: absolute; margin-top: -70px; right: 30px } } .brand-service,.close { text-align: center } .brand-service h2 span,.brand-service li { display: inline-block } .about_list ul li{width:50%;margin-bottom:30px;float:left;} .about_list ul li:last-child{margin-bottom:0;} .about-sec2-txt h1{font-size: 35px;} .about-sec2-txt h1 span{font-size:50px;color:#e2373d;font-weight: bold;} @media (max-width:767px) { .map-wrap { height: 280px } .about_list ul li{width: 100%;} .about-sec2-txt h1{font-size: 28px;font-family: "Fixedsys"} .about-sec2-txt h1 span{font-size:38px;color:#e2373d;font-weight: bold;} } @media (min-width:768px) { .map-wrap { height: 500px } } .map-infowindow { width: 320px } .map-infowindow h4 { margin-top: 0 } .map-infowindow img { width: 50%; float: left; margin-right: 10px; margin-bottom: 10px } .BMap_cpyCtrl+div { border: 1px solid #dcdcdc; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3); box-shadow: 0 0 8px rgba(0,0,0,.3) } #BMapLib_transBox0 tr td:first-child { width: 40px } #BMapLib_transBox0 tr td:last-child { width: 120px } .business-service { background-color: #f0f0f0 } .business-service ul { margin-bottom: 0 } .business-service h3 { margin-top: 0; margin-bottom: 20px } .business-service .item:first-child { border: none } .business-service .left { float: left; width: 200px; text-align: center; font-size: 140px; color: #be0000; line-height: 1 } a.business-service .left:hover { color: #8b0000 } .business-service .right { margin-left: 220px } .business-service .right ul { list-style: disc; margin-left: 1.2em } @media (max-width:767px) { .business-service .left { float: none; width: 100%; font-size: 100px; margin-bottom: 10px } .business-service .right { margin-left: 0 } .business-service .item.p-m { padding-left: 0; padding-right: 0 } } .brand-service h2 { margin-bottom: 50px; line-height: 1.4 } .brand-service ul { font-size: 0 } .brand-service li { font-size: 14px; width: 20%; vertical-align: top; padding-left: 20px; padding-right: 20px } .brand-service li img { width: auto; max-width: 100%; margin-bottom: 20px } @media (max-width:991px) { .brand-service li { padding-left: 10px; padding-right: 10px } } @media (max-width:767px) { .brand-service li { font-size: 12px; width: 30% } .brand-service li img { margin-bottom: 10px } .brand-service h2 { margin-bottom: .6em } } .list-group { margin-bottom: 0; padding-left: 0 } .list-group-item,.list-group>li { margin-bottom: -1px } .list-group-item { position: relative; display: block; padding: 10px 15px; background-color: transparent; border: 1px solid transparent } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus,a.list-group-item:hover { text-decoration: none; color: #be0000; background-color: transparent } .list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover { background-color: #dcdcdc; color: #c4c4c4; cursor: not-allowed } .list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text { color: #c4c4c4 } .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover { z-index: 2; color: #be0000; background-color: transparent; border-color: #ddd } .list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small { color: inherit } .list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text { color: #be0000 } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus,a.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus,a.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus,a.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus,a.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .close { float: right; font-size: 21px; line-height: 40px; padding: 0; color: #fff; width: 40px; height: 40px; background-color: #be0000; position: absolute; z-index: 1; right: 0; top: 0 } .close span { display: inline-block; width: 26px; vertical-align: top; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease } #bsBox,#bsBox #bsMorePanel,#bsBox .bsPlatDiv,#bsBox .bsTop { width: 320px!important } .close:hover { text-decoration: none; color: #fff } .close:hover span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } button.close { padding: 0; cursor: pointer; border: 0 } #bsBox,#bsBox:after,#bsBox:before,#bsBox>div>div>div,#bsBox>div>div>div:after,#bsBox>div>div>div:before,#bsWXBox,#bsWXBox:after,#bsWXBox:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } #bsBox { height: 400px!important; margin-left: -160px!important; margin-top: -200px!important; background: 0 0!important; padding: 0!important; border: 2px solid #666!important } #bsBox .bsClose { top: 3px!important; right: 10px!important } .modal,.modal-backdrop { bottom: 0; top: 0; right: 0; left: 0 } #bsBox #bsMorePanel { height: 376px!important } #bsBox .bsPlatDiv { height: 316px!important } #bsBox .bFind { width: 200px!important } @media all and (max-height:400px) { #bsBox { height: 224px!important; margin-top: -112px!important } #bsBox #bsMorePanel { height: 200px!important } #bsBox .bsPlatDiv { height: 140px!important } } .modal { display: none; position: fixed; z-index: 2998; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; background-color: #fff; z-index: 2997 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .8; filter: alpha(opacity=80) } .modal-header { color: #fff; padding: 0 20px; background-color: #870000 } .modal-title { margin: 0; line-height: 40px; height: 40px } .modal-body { position: relative; padding: 40px } .modal-body img { max-width: 100%; height: auto } .nav-right ul li{font-size:14px;margin-left:30px;height:100%;padding:0 5px;} .service_banner{position:relative;background:url(../images/service_banner.jpg) no-repeat center center;height:520px;background-size:cover;width:100%;overflow:hidden;} .about_banner{position:relative;height:520px;width:100%;overflow:hidden;} .about_banner .covervid-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .covervid-wrapper .shude{position: absolute;width: 100%;height:100%;z-index: 9;background: #000;opacity: 0.5;filter:alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FireFox old version*/-khtml-opacity: 0.5; /* Sarfari old version */} .contact_banner{position:relative;background:url(../images/contact_banner.jpg) no-repeat center center;height:520px;background-size:cover;width:100%;overflow:hidden;} .about-txt{position: absolute;z-index:10;left: 0;bottom: 55px;width: 100%; } @media (max-width:767px) { .modal-body { padding: 30px } .service_banner,.contact_banner,.about_banner{height: 250px;} .about_banner{position:relative;background:url(../images/service_banner.jpg) no-repeat center center;height:250px;background-size:cover;width:100%;overflow:hidden;} .nav-top-l{display:none;background:#eaeaea;position: relative;width: 120%;right: -10%; margin-top: 10px;} .navbar-nav>li { width: 100%; text-align: center; font-size:16px; } .nav-right ul li{margin-left: 0px;padding:0 0;} .navbar-nav>li .sub1,.covervid-video,.shude{display: none;} .z-e-l{height:auto;padding-bottom:10px;} } .modal-footer { padding: 20px; text-align: right } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } .tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow { margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #be0000 } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; font-weight: 400; line-height: 1.4; pointer-events: none; opacity: 0; filter: alpha(opacity=0) } .invisible,.jcrop-keymgr { visibility: hidden } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 100px; padding: 10px 15px; color: #fff; text-align: center; text-decoration: none; background-color: #be0000; border-radius: 0 } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #be0000 } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px } .jcrop-dragbar.ord-s,.jcrop-handle.ord-s,.jcrop-handle.ord-se,.jcrop-handle.ord-sw { bottom: 0; margin-bottom: -4px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #be0000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #be0000 } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px } .jcrop-preview-container { width: 180px; height: 180px; overflow: hidden } #jcrop-preview-pane { visibility: hidden; display: none } .jcrop-holder { direction: ltr; text-align: left } .jcrop-hline,.jcrop-vline { background: url(../images/Jcrop.gif)#fff; font-size: 0; position: absolute } .jcrop-vline { height: 100%; width: 1px!important } .jcrop-vline.right { right: 0 } .jcrop-hline { height: 1px!important; width: 100% } .jcrop-hline.bottom { bottom: 0 } .jcrop-tracker { height: 100%; width: 100%; -webkit-touch-callout: none } .jcrop-handle { background-color: #333; border: 1px solid #eee; width: 7px; height: 7px; font-size: 1px } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-s { left: 50%; margin-left: -4px } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50% } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50% } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0 } .jcrop-handle.ord-se { margin-right: -4px; right: 0 } .jcrop-handle.ord-sw { left: 0; margin-left: -4px } .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s { height: 7px; width: 100% } .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w { height: 100%; width: 7px } .jcrop-dragbar.ord-n { margin-top: -4px } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0 } .jcrop-dragbar.ord-w { margin-left: -4px } .jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline { background: #fff; filter: alpha(opacity=70)!important; opacity: .7!important } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; border-color: #fff; border-radius: 3px } .jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline { background: #000; filter: alpha(opacity=70)!important; opacity: .7!important } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; border-color: #000; border-radius: 3px } .solid-line .jcrop-hline,.solid-line .jcrop-vline { background: #fff } .jcrop-holder img,img.jcrop-preview { max-width: none } .user-navbar .nav-left { margin: 0; line-height: 60px; height: 120px; padding: 30px 0 } .user-navbar a { padding-top: 25px; padding-bottom: 25px; width: 80px } .user-navbar li.active,.user-navbar li:hover { background-color: #fff } @media (max-width:767px) { .user-navbar { text-align: center } .user-navbar .nav-left,.user-navbar .nav-right { float: none; display: inline-block } .user-navbar .nav-right { vertical-align: bottom } .user-navbar li { background-color: #f9f9f9 } .user-navbar a { width: 60px } .fixed-right{display:none;} } .headSearchForm .btn:hover,.headSearchForm button { color: #be0000; background-color: transparent } .avatar-img { border-radius: 50%; vertical-align: top } .avatar-small { width: 54px; border: 3px solid #fff } .user-body .avatar { float: left; width: 180px } .user-body .content { margin-left: 180px; padding-left: 5% } .user-body td { padding: 10px 0; width: auto } .user-body td:first-child,.user-body td:last-child { width: 80px } .user-body tr { border-top: 1px solid #dcdcdc } .user-body tr:first-child { border-top: none } @media (max-width:767px) { .user-body .avatar { float: none; width: 100%; text-align: center } .user-body .content { margin-left: 0; padding-left: 0 } } .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.flexslider .slides:after,.flexslider .slides:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav ol:after,.nav ol:before,.nav ul:after,.nav ul:before,.nav:after,.nav:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before { content: " "; display: table } .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.flexslider .slides:after,.form-horizontal .form-group:after,.modal-footer:after,.nav ol:after,.nav ul:after,.nav:after,.navbar-header:after,.navbar:after,.row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block { display: none!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { visibility: hidden!important } @-ms-viewport { width:device-width } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table } tr.visible-xs { display: table-row!important } td.visible-xs,th.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px)and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table } tr.visible-sm { display: table-row!important } td.visible-sm,th.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px)and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table } tr.visible-md { display: table-row!important } td.visible-md,th.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table } tr.visible-lg { display: table-row!important } td.visible-lg,th.visible-lg { display: table-cell!important } .visible-lg-block { display: block!important } .visible-lg-inline { display: inline!important } .visible-lg-inline-block { display: inline-block!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px)and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px)and (max-width:1199px) { .hidden-md { display: none!important } } @media (min-width:1200px) { .hidden-lg { display: none!important } .sec2-txt-wrap,.sec3-txt-wrap{margin-top:-250px;} .section5 .right-txt{top:50%;position:absolute;margin-top:-40px;} } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table } tr.visible-print { display: table-row!important } td.visible-print,th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } .hidden-print { display: none!important } } .headSearchForm { position: relative; margin-top: 4px; width: 160px } .headSearchForm button { position: absolute; right: 0; top: 0; margin-top: 1px; border: none; padding: 0; width: 40px; text-align: center } .headSearchForm .btn { margin-top: 1px } .headSearchForm input { padding-right: 40px } .headSearchForm.m-t-s { margin-top: 20px } @media (max-width:767px) { .headSearchForm.m-t-s { margin-top: 10px } .headSearchForm .btn,.headSearchForm .form-control { height: 30px; font-size: 12px } .headSearchForm { margin-top: 10px } .headSearchForm .btn { width: 30px; line-height: 30px } } .column-two aside { width: 260px; float: left } .column-two aside menu { width: 260px } .column-two aside .affix { left: auto; top: 90px } @media (min-width:768px) { .column-two main { margin-left: 280px } } .column-two main .page-header { margin-top: 0; padding-bottom: 20px } .list-group.list-group-red .active a,.list-group.list-group-red a:hover { color: #be0000 } .list-group.list-group-red .list-group-item { padding-left: 0; padding-right: 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #headNav .list-group-item { padding-left: 20px; padding-right: 20px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4 } .fix-nav .title-btn { display: block; padding-top: 15px; padding-bottom: 15px } #uploadAvatarFrom .modal-body { max-width: 400px; margin-left: auto; margin-right: auto } .con-tit{position:relative;overflow:hidden;width:100%;} .hr1{width:140px;border-top: 1px solid #d02026;margin-top:10px;position:relative;display:block;} .hr1 .line{width:55px;height:3px;background:#d02026;position:absolute;left:0px;top:-2px;} @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } }