html { margin: 0} body { font-family:'Microsoft YaHei'; background-color: #fff; margin: 0; padding: 0; font-size: 14px; line-height: 28px; color: #444; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility} body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 { text-rendering: optimizelegibility; /*font-family: Lato, sans-serif;*/ color: #2a2a2a; font-weight: bold;} a { color: #ff0000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out} a:hover { text-decoration: none} hr.medium { margin-top: 40px; margin-bottom: 40px} hr.tall { margin-top: 60px; margin-bottom: 60px} hr.dotted { border-top: 3px dotted #eee} hr.dashed { border-top: 3px dashed #eee} hr.double { border-top: 3px double #eee} img.pull-left { margin: 0 20px 10px 0} img.pull-right { margin: 0 0 10px 20px} section { background-color: #fff} body.boxed { background-color: #ff0000; background-attachment: fixed; background-position: center; background-repeat: no-repeat} body.boxed section, body.wide section { background-color: #fff} body.boxed .wrapper { max-width: 1170px; margin: 50px auto} @media only screen and (max-width:992px) { body.boxed .wrapper { margin-top: 0; margin-bottom: 0} } ::selection { background-color: #ff0000; color: #fff} ::-moz-selection { background-color: #ff0000; color: #fff} ::-o-selection { background-color: #ff0000; color: #fff} ::-ms-selection { background-color: #ff0000; color: #fff} ::-webkit-selection { background-color: #ff0000; color: #fff} .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc); box-shadow: none} label { color: #222} .color-theme { color: #ff0000} .bg-fixed { background-repeat: no-repeat; background-attachment: fixed!important; background-position: center} .image-v1 { background: url(../img/background_v1.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .image-v2 { background: url(../img/background_v2.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .image-v3 { background: url(../img/background_v3.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .image-v4 { background: url(../images/4.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; } .image-v8 { background: url(../img/contruction/bg1.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .darken { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/trans-dot.png) top left} .clearfix { clear: both} .dropcap { float: left; color: #ff0000; padding: 5px 0; font-size: 45px; line-height: 30px; margin: 0 5px 0 0} .dropcap-square { float: left; background-color: #ff0000; color: #fff; padding: 8px; font-size: 45px; line-height: 30px; margin: 0 5px 0 0} .dropcap-rounded { float: left; background-color: #ff0000; color: #fff; padding: 8px; font-size: 45px; line-height: 30px; margin: 0 5px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(img/PIE.htc)} .dropcap-circle { float: left; background-color: #ff0000; color: #fff; padding: 6px; font-size: 45px; line-height: 30px; margin: 0 5px 0 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; behavior: url(img/PIE.htc)} .banner-v1 { background: url(../img/banner/banner_v1.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v2 { background: url(../img/banner/banner_v2.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v3 { background: url(../img/banner/banner_v3.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v4 { background: url(../img/banner/banner_v4.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v5 { background: url(../img/banner/banner_v5.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v6 { background: url(../img/banner/banner_v6.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v7 { background: url(../img/banner/banner_v7.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v8 { background: url(../img/banner/banner_v8.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v9 { background: url(../img/banner/banner_v9.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .banner-v10 { background: url(../img/banner/banner_v10.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover} .static-banner { position: relative; width: 100%; height: 780px; display: table} .static-banner .banner-content { display: table-cell; vertical-align: middle} .static-banner .banner-content h1 { font-size: 75px; color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} .static-banner .banner-content p { font-size: 24px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)} .static-banner-full { position: relative; width: 100%; height: 100vh; display: table} .static-banner-full .banner-content { display: table-cell; vertical-align: middle} .static-banner-full .banner-content h1 { font-size: 75px; color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} .static-banner-full .banner-content p { font-size: 24px; color: #fff; line-height: 31px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)} @media (max-width:480px) { .static-banner .banner-content h1, .static-banner-full .banner-content h1 { font-size: 48px} } .btn-banner { width: 64px; height: 64px; line-height: 64px; font-size: 32px; border: 2px solid #fff; display: inline-block; text-align: center; margin-top: 50px; background: rgba(0, 0, 0, .05)} .btn-banner i { color: #fff} .btn-banner:hover { background-color: rgba(255, 255, 255, .3)} .video-banner { position: relative; background: #000} .fullscreen-bg__video { width: 100%; height: 100%} .video-content { position: absolute; top: 30%; margin: 0 auto; width: 100%; text-align: center; display: table-cell; vertical-align: middle} .video-content h1 { font-size: 75px; color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} .video-content p { font-size: 24px; color: #fff; margin-bottom: 50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)} @media (max-width:768px) { .video-content h1 { font-size: 50px} .video-content p { margin-bottom: 20px} .feature-box4 { margin-bottom:40px;} } @media (max-width:568px) { .video-content h1 { font-size: 26px} .video-content p { font-size: 16px} .video-content .btn-banner { width: 36px; height: 36px; line-height: 36px; font-size: 21px} } .flexslider .slides>li { position: relative} .flex-caption { bottom: 30px; background-color: rgba(0, 0, 0, .6); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; left: 30px; width: 295px} .flex-caption h3 { color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase} .flex-caption p { font-size: 14px!important; line-height: 22px; font-weight: 300; color: #fff} .color-white { color: #fff!important} .color-black { color: #3a3a3a} .btn, .btn-group-sm>.btn, .btn-sm { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .btn-theme { background-color: #ff0000; color: #fff} .btn-theme .open>.dropdown-toggle.btn-theme, .btn-theme.active, .btn-theme:active, .btn-theme:focus, .btn-theme:hover { background-color: rgba(255, 0, 0, .85); color: #fff!important} .btn-white { background-color: #fff; color: #3a3a3a} .btn-white .open>.dropdown-toggle.btn-white, .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover { color: #fff; background-color: rgba(255, 0, 0, .85)} .btn-green { background-color: #2ecc71; color: #fff} .btn-green .open>.dropdown-toggle.btn-green, .btn-green.active, .btn-green:active, .btn-green:focus, .btn-green:hover { color: #fff; background-color: rgba(0, 166, 0, .85)} .btn-green.raised { box-shadow: 0 3px 0 0 #007300} .btn-green.raised.active, .btn-green.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-blue { background-color: #ff0000; color: #fff} .btn-blue .open>.dropdown-toggle.btn-blue, .btn-blue.active, .btn-blue:active, .btn-blue:focus, .btn-blue:hover { color: #fff; background-color: rgba(255, 0, 0, .85)} .btn-blue.raised { box-shadow: 0 3px 0 0 #1173d9} .btn-blue.raised.active, .btn-blue.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-orange { background-color: #e74c3c; color: #fff} .btn-orange .open>.dropdown-toggle.btn-orange, .btn-orange.active, .btn-orange:active, .btn-orange:focus, .btn-orange:hover { color: #fff; background-color: rgba(220, 87, 46, .85)} .btn-orange.raised { box-shadow: 0 3px 0 0 #b8431f} .btn-orange.raised.active, .btn-orange.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-red { background-color: #bf1e4b; color: #fff} .btn-red .open>.dropdown-toggle.btn-red, .btn-red.active, .btn-red:active, .btn-red:focus, .btn-red:hover { color: #fff; background-color: rgba(191, 30, 75, .85)} .btn-red.raised { box-shadow: 0 3px 0 0 #93173a} .btn-red.raised.active, .btn-red.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-light { background-color: #ecf0f1; color: #3a3a3a} .btn-light .open>.dropdown-toggle.btn-light, .btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover { color: #3a3a3a; background-color: rgba(236, 240, 241, .85)} .btn-light.raised { box-shadow: 0 3px 0 0 #cfd9db} .btn-light.raised.active, .btn-light.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-purple { background-color: #a700ae; color: #fff} .btn-purple .open>.dropdown-toggle.btn-purple, .btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover { color: #fff; background-color: rgba(167, 0, 174, .85)} .btn-purple.raised { box-shadow: 0 3px 0 0 #76007b} .btn-purple.raised.active, .btn-purple.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-aqua { background-color: #27d7e7; color: #fff} .btn-aqua .open>.dropdown-toggle.btn-aqua, .btn-aqua.active, .btn-aqua:active, .btn-aqua:focus, .btn-aqua:hover { color: #fff; background-color: rgba(39, 215, 231, .85)} .btn-aqua.raised { box-shadow: 0 3px 0 0 #16b6c5} .btn-aqua.raised.active, .btn-aqua.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-brown { background-color: #9c8061; color: #fff} .btn-brown .open>.dropdown-toggle.btn-brown, .btn-brown.active, .btn-brown:active, .btn-brown:focus, .btn-brown:hover { color: #fff; background-color: rgba(156, 128, 97, .85)} .btn-brown.raised { box-shadow: 0 3px 0 0 #7d664d} .btn-brown.raised.active, .btn-brown.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-dark-blue { background-color: #2672ec; color: #fff} .btn-dark-blue .open>.dropdown-toggle.btn-dark-blue, .btn-dark-blue.active, .btn-dark-blue:active, .btn-dark-blue:focus, .btn-dark-blue:hover { color: #fff; background-color: rgba(38, 114, 236, .85)} .btn-dark-blue.raised { box-shadow: 0 3px 0 0 #125acd} .btn-dark-blue.raised.active, .btn-dark-blue.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-light-green { background-color: #79d5b3; color: #fff} .btn-light-green .open>.dropdown-toggle.btn-light-green, .btn-light-green.active, .btn-light-green:active, .btn-light-green:focus, .btn-light-green:hover { color: #fff; background-color: rgba(121, 213, 179, .85)} .btn-light-green.raised { box-shadow: 0 3px 0 0 #52c99d} .btn-light-green.raised.active, .btn-light-green.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-dark-red { background-color: #a10f2b; color: #fff} .btn-dark-red .open>.dropdown-toggle.btn-dark-red, .btn-dark-red.active, .btn-dark-red:active, .btn-dark-red:focus, .btn-dark-red:hover { color: #fff; background-color: rgba(161, 15, 43, .85)} .btn-dark-red.raised { box-shadow: 0 3px 0 0 #720b1f} .btn-dark-red.raised.active, .btn-dark-red.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-teal { background-color: #00a0b1; color: #fff} .btn-teal .open>.dropdown-toggle.btn-teal, .btn-teal.active, .btn-teal:active, .btn-teal:focus, .btn-teal:hover { color: #fff; background-color: rgba(0, 160, 177, .85)} .btn-teal.raised { box-shadow: 0 3px 0 0 #00727e} .btn-teal.raised.active, .btn-teal.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-dark { background-color: #2b2b2b; color: #fff} .btn-dark .open>.dropdown-toggle.btn-teal, .btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:hover { color: #fff; background-color: rgba(43, 43, 43, .85)} .btn-dark.raised { box-shadow: 0 3px 0 0 #121212} .btn-dark.raised.active, .btn-dark.raised:active { box-shadow: none; margin-bottom: -3px; margin-top: 3px} .btn-theme-transparent { border: 1px solid #ff0000; color: #ff0000; background-color: transparent} .btn-theme-transparent .open>.dropdown-toggle.btn-theme-transparent, .btn-theme-transparent.active, .btn-theme-transparent:active, .btn-theme-transparent:focus, .btn-theme-transparent:hover { color: #fff; background-color: #ff0000} .btn-white-transparent { border: 1px solid #fff; color: #fff; background-color: transparent} .btn-white-transparent .open>.dropdown-toggle.btn-white-transparent, .btn-white-transparent.active, .btn-white-transparent:active, .btn-white-transparent:focus, .btn-white-transparent:hover { color: #fff; background-color: #ff0000} .btn-green-transparent { border: 1px solid #2ecc71; color: #2ecc71; background-color: transparent} .btn-green-transparent .open>.dropdown-toggle.btn-green-transparent, .btn-green-transparent.active, .btn-green-transparent:active, .btn-green-transparent:focus, .btn-green-transparent:hover { color: #fff; background-color: #2ecc71} .btn-blue-transparent { border: 1px solid #ff0000; color: #ff0000; background-color: transparent} .btn-blue-transparent .open>.dropdown-toggle.btn-blue-transparent, .btn-blue-transparent.active, .btn-blue-transparent:active, .btn-blue-transparent:focus, .btn-blue-transparent:hover { color: #fff; background-color: #ff0000} .btn-orange-transparent { border: 1px solid #e74c3c; color: #e74c3c; background-color: transparent} .btn-orange-transparent .open>.dropdown-toggle.btn-orange-transparent, .btn-orange-transparent.active, .btn-orange-transparent:active, .btn-orange-transparent:focus, .btn-orange-transparent:hover { color: #fff; background-color: #e74c3c} .btn-red-transparent { border: 1px solid #bf1e4b; color: #bf1e4b; background-color: transparent} .btn-red-transparent .open>.dropdown-toggle.btn-red-transparent, .btn-red-transparent.active, .btn-red-transparent:active, .btn-red-transparent:focus, .btn-red-transparent:hover { color: #fff; background-color: #bf1e4b} .btn-light-transparent { border: 1px solid #ecf0f1; color: #ecf0f1; background-color: transparent} .btn-light-transparent .open>.dropdown-toggle.btn-light-transparent, .btn-light-transparent.active, .btn-light-transparent:active, .btn-light-transparent:focus, .btn-light-transparent:hover { color: #3a3a3a; background-color: #ff0000} .btn-purple-transparent { border: 1px solid #a700ae; color: #a700ae; background-color: transparent} .btn-purple-transparent .open>.dropdown-toggle.btn-purple-transparent, .btn-purple-transparent.active, .btn-purple-transparent:active, .btn-purple-transparent:focus, .btn-purple-transparent:hover { color: #fff; background-color: #a700ae} .btn-aqua-transparent { border: 1px solid #27d7e7; color: #27d7e7; background-color: transparent} .btn-aqua-transparent .open>.dropdown-toggle.btn-aqua-transparent, .btn-aqua-transparent.active, .btn-aqua-transparent:active, .btn-aqua-transparent:focus, .btn-aqua-transparent:hover { color: #fff; background-color: #27d7e7} .btn-brown-transparent { border: 1px solid #9c8061; color: #9c8061; background-color: transparent} .btn-brown-transparent .open>.dropdown-toggle.btn-brown-transparent, .btn-brown-transparent.active, .btn-brown-transparent:active, .btn-brown-transparent:focus, .btn-brown-transparent:hover { color: #fff; background-color: #9c8061} .btn-dark-blue-transparent { border: 1px solid #2672ec; color: #2672ec; background-color: transparent} .btn-dark-blue-transparent .open>.dropdown-toggle.btn-dark-blue-transparent, .btn-dark-blue-transparent.active, .btn-dark-blue-transparent:active, .btn-dark-blue-transparent:focus, .btn-dark-blue-transparent:hover { color: #fff; background-color: #2672ec} .btn-light-green-transparent { border: 1px solid #79d5b3; color: #79d5b3; background-color: transparent} .btn-light-green-transparent .open>.dropdown-toggle.btn-light-green-transparent, .btn-light-green-transparent.active, .btn-light-green-transparent:active, .btn-light-green-transparent:focus, .btn-light-green-transparent:hover { color: #fff; background-color: #79d5b3} .btn-dark-red-transparent { border: 1px solid #a10f2b; color: #a10f2b; background-color: transparent} .btn-dark-red-transparent .open>.dropdown-toggle.btn-dark-red-transparent, .btn-dark-red-transparent.active, .btn-dark-red-transparent:active, .btn-dark-red-transparent:focus, .btn-dark-red-transparent:hover { color: #fff; background-color: #a10f2b} .btn-teal-transparent { border: 1px solid #00a0b1; color: #00a0b1; background-color: transparent} .btn-teal-transparent .open>.dropdown-toggle.btn-teal-transparent, .btn-teal-transparent.active, .btn-teal-transparent:active, .btn-teal-transparent:focus, .btn-teal-transparent:hover { color: #fff; background-color: #00a0b1} .btn-dark-transparent { border: 1px solid #2b2b2b; color: #2b2b2b; background-color: transparent} .btn-dark-transparent .open>.dropdown-toggle.btn-dark-transparent, .btn-dark-transparent.active, .btn-dark-transparent:active, .btn-dark-transparent:focus, .btn-dark-transparent:hover { color: #fff; background-color: #2b2b2b} .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px; min-width: 200px} ul.social-vlist>li { display: block; margin-bottom: 6px} .btn-social, .btn-social-icon { -webkit-transition-property: scale; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition: all .2s ease-in-out} .btn-social-icon:hover, .btn-social:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05)} .btn-social :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, .2)} .btn-social.btn-lg { padding-left: 61px} .btn-social.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em} .btn-social.btn-sm { padding-left: 38px} .btn-social.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em} .btn-social.btn-xs { padding-left: 30px} .btn-social.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em} .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding-left: 0; padding-right: 0} .btn-social-icon :first-child { position: absolute; left: 0; top: 0; bottom: 0; line-height: 34px; font-size: 1.6em} .btn-social-icon.btn-lg { padding-left: 61px} .btn-social-icon.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em} .btn-social-icon.btn-sm { padding-left: 38px} .btn-social-icon.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em} .btn-social-icon.btn-xs { padding-left: 30px} .btn-social-icon.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em} .btn-social-icon :first-child { border: none; text-align: center; width: 100%!important} .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0} .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0} .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0} .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0, 0, 0, .2)} .btn-bitbucket.active, .btn-bitbucket:active, .btn-bitbucket:focus, .btn-bitbucket:hover, .open .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #183c60; border-color: rgba(0, 0, 0, .2)} .btn-bitbucket.active, .btn-bitbucket:active, .open .dropdown-toggle.btn-bitbucket { background-image: none} .btn-bitbucket.disabled, .btn-bitbucket.disabled.active, .btn-bitbucket.disabled:active, .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled], .btn-bitbucket[disabled].active, .btn-bitbucket[disabled]:active, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket, fieldset[disabled] .btn-bitbucket.active, fieldset[disabled] .btn-bitbucket:active, fieldset[disabled] .btn-bitbucket:focus, fieldset[disabled] .btn-bitbucket:hover { background-color: #205081; border-color: rgba(0, 0, 0, .2)} .btn-youtube, .btn-youtube.active, .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover, .open .dropdown-toggle.btn-youtube { color: #fff; background-color: #b00; border-color: rgba(0, 0, 0, .2)} .btn-youtube.active, .btn-youtube:active, .open .dropdown-toggle.btn-youtube { background-image: none} .btn-youtube.disabled, .btn-youtube.disabled.active, .btn-youtube.disabled:active, .btn-youtube.disabled:focus, .btn-youtube.disabled:hover, .btn-youtube[disabled], .btn-youtube[disabled].active, .btn-youtube[disabled]:active, .btn-youtube[disabled]:focus, .btn-youtube[disabled]:hover, fieldset[disabled] .btn-youtube, fieldset[disabled] .btn-youtube.active, fieldset[disabled] .btn-youtube:active, fieldset[disabled] .btn-youtube:focus, fieldset[disabled] .btn-youtube:hover { background-color: #b00; border-color: rgba(0, 0, 0, .2)} .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0, 0, 0, .2)} .btn-dropbox.active, .btn-dropbox:active, .btn-dropbox:focus, .btn-dropbox:hover, .open .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d70b7; border-color: rgba(0, 0, 0, .2)} .btn-dropbox.active, .btn-dropbox:active, .open .dropdown-toggle.btn-dropbox { background-image: none} .btn-dropbox.disabled, .btn-dropbox.disabled.active, .btn-dropbox.disabled:active, .btn-dropbox.disabled:focus, .btn-dropbox.disabled:hover, .btn-dropbox[disabled], .btn-dropbox[disabled].active, .btn-dropbox[disabled]:active, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox.active, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox:hover { background-color: #1087dd; border-color: rgba(0, 0, 0, .2)} .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, .2)} .btn-facebook.active, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open .dropdown-toggle.btn-facebook { color: #fff; background-color: #30487b; border-color: rgba(0, 0, 0, .2)} .btn-facebook.active, .btn-facebook:active, .open .dropdown-toggle.btn-facebook { background-image: none} .btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover { background-color: #3b5998; border-color: rgba(0, 0, 0, .2)} .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0, 0, 0, .2)} .btn-flickr.active, .btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover, .open .dropdown-toggle.btn-flickr { color: #fff; background-color: #d6006f; border-color: rgba(0, 0, 0, .2)} .btn-flickr.active, .btn-flickr:active, .open .dropdown-toggle.btn-flickr { background-image: none} .btn-flickr.disabled, .btn-flickr.disabled.active, .btn-flickr.disabled:active, .btn-flickr.disabled:focus, .btn-flickr.disabled:hover, .btn-flickr[disabled], .btn-flickr[disabled].active, .btn-flickr[disabled]:active, .btn-flickr[disabled]:focus, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr, fieldset[disabled] .btn-flickr.active, fieldset[disabled] .btn-flickr:active, fieldset[disabled] .btn-flickr:focus, fieldset[disabled] .btn-flickr:hover { background-color: #ff0084; border-color: rgba(0, 0, 0, .2)} .btn-github { color: #fff; background-color: #444; border-color: rgba(0, 0, 0, .2)} .btn-github.active, .btn-github:active, .btn-github:focus, .btn-github:hover, .open .dropdown-toggle.btn-github { color: #fff; background-color: #303030; border-color: rgba(0, 0, 0, .2)} .btn-github.active, .btn-github:active, .open .dropdown-toggle.btn-github { background-image: none} .btn-github.disabled, .btn-github.disabled.active, .btn-github.disabled:active, .btn-github.disabled:focus, .btn-github.disabled:hover, .btn-github[disabled], .btn-github[disabled].active, .btn-github[disabled]:active, .btn-github[disabled]:focus, .btn-github[disabled]:hover, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github.active, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:hover { background-color: #444; border-color: rgba(0, 0, 0, .2)} .btn-google-plus { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, .2)} .btn-google-plus.active, .btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover, .open .dropdown-toggle.btn-google-plus { color: #fff; background-color: #ca3523; border-color: rgba(0, 0, 0, .2)} .btn-google-plus.active, .btn-google-plus:active, .open .dropdown-toggle.btn-google-plus { background-image: none} .btn-google-plus.disabled, .btn-google-plus.disabled.active, .btn-google-plus.disabled:active, .btn-google-plus.disabled:focus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled], .btn-google-plus[disabled].active, .btn-google-plus[disabled]:active, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus, fieldset[disabled] .btn-google-plus.active, fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus:focus, fieldset[disabled] .btn-google-plus:hover { background-color: #dd4b39; border-color: rgba(0, 0, 0, .2)} .btn-instagram { color: #fff; background-color: #517fa4; border-color: rgba(0, 0, 0, .2)} .btn-instagram.active, .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover, .open .dropdown-toggle.btn-instagram { color: #fff; background-color: #446a89; border-color: rgba(0, 0, 0, .2)} .btn-instagram.active, .btn-instagram:active, .open .dropdown-toggle.btn-instagram { background-image: none} .btn-instagram.disabled, .btn-instagram.disabled.active, .btn-instagram.disabled:active, .btn-instagram.disabled:focus, .btn-instagram.disabled:hover, .btn-instagram[disabled], .btn-instagram[disabled].active, .btn-instagram[disabled]:active, .btn-instagram[disabled]:focus, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram, fieldset[disabled] .btn-instagram.active, fieldset[disabled] .btn-instagram:active, fieldset[disabled] .btn-instagram:focus, fieldset[disabled] .btn-instagram:hover { background-color: #517fa4; border-color: rgba(0, 0, 0, .2)} .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0, 0, 0, .2)} .btn-linkedin.active, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover, .open .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005f8d; border-color: rgba(0, 0, 0, .2)} .btn-linkedin.active, .btn-linkedin:active, .open .dropdown-toggle.btn-linkedin { background-image: none} .btn-linkedin.disabled, .btn-linkedin.disabled.active, .btn-linkedin.disabled:active, .btn-linkedin.disabled:focus, .btn-linkedin.disabled:hover, .btn-linkedin[disabled], .btn-linkedin[disabled].active, .btn-linkedin[disabled]:active, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin, fieldset[disabled] .btn-linkedin.active, fieldset[disabled] .btn-linkedin:active, fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin:hover { background-color: #007bb6; border-color: rgba(0, 0, 0, .2)} .btn-pinterest { color: #fff; background-color: #cb2027; border-color: rgba(0, 0, 0, .2)} .btn-pinterest.active, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover, .open .dropdown-toggle.btn-pinterest { color: #fff; background-color: #a81a20; border-color: rgba(0, 0, 0, .2)} .btn-pinterest.active, .btn-pinterest:active, .open .dropdown-toggle.btn-pinterest { background-image: none} .btn-pinterest.disabled, .btn-pinterest.disabled.active, .btn-pinterest.disabled:active, .btn-pinterest.disabled:focus, .btn-pinterest.disabled:hover, .btn-pinterest[disabled], .btn-pinterest[disabled].active, .btn-pinterest[disabled]:active, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest, fieldset[disabled] .btn-pinterest.active, fieldset[disabled] .btn-pinterest:active, fieldset[disabled] .btn-pinterest:focus, fieldset[disabled] .btn-pinterest:hover { background-color: #cb2027; border-color: rgba(0, 0, 0, .2)} .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0, 0, 0, .2)} .btn-tumblr.active, .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover, .open .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1f3346; border-color: rgba(0, 0, 0, .2)} .btn-tumblr.active, .btn-tumblr:active, .open .dropdown-toggle.btn-tumblr { background-image: none} .btn-tumblr.disabled, .btn-tumblr.disabled.active, .btn-tumblr.disabled:active, .btn-tumblr.disabled:focus, .btn-tumblr.disabled:hover, .btn-tumblr[disabled], .btn-tumblr[disabled].active, .btn-tumblr[disabled]:active, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr, fieldset[disabled] .btn-tumblr.active, fieldset[disabled] .btn-tumblr:active, fieldset[disabled] .btn-tumblr:focus, fieldset[disabled] .btn-tumblr:hover { background-color: #2c4762; border-color: rgba(0, 0, 0, .2)} .btn-twitter { color: #fff; background-color: #2ba9e1; border-color: rgba(0, 0, 0, .2)} .btn-twitter.active, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .open .dropdown-toggle.btn-twitter { color: #fff; background-color: #1c92c7; border-color: rgba(0, 0, 0, .2)} .btn-twitter.active, .btn-twitter:active, .open .dropdown-toggle.btn-twitter { background-image: none} .btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled:active, .btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled], .btn-twitter[disabled].active, .btn-twitter[disabled]:active, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover { background-color: #2ba9e1; border-color: rgba(0, 0, 0, .2)} .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0, 0, 0, .2)} .btn-vk.active, .btn-vk:active, .btn-vk:focus, .btn-vk:hover, .open .dropdown-toggle.btn-vk { color: #fff; background-color: #4a6a89; border-color: rgba(0, 0, 0, .2)} .btn-vk.active, .btn-vk:active, .open .dropdown-toggle.btn-vk { background-image: none} .btn-vk.disabled, .btn-vk.disabled.active, .btn-vk.disabled:active, .btn-vk.disabled:focus, .btn-vk.disabled:hover, .btn-vk[disabled], .btn-vk[disabled].active, .btn-vk[disabled]:active, .btn-vk[disabled]:focus, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk, fieldset[disabled] .btn-vk.active, fieldset[disabled] .btn-vk:active, fieldset[disabled] .btn-vk:focus, fieldset[disabled] .btn-vk:hover { background-color: #587ea3; border-color: rgba(0, 0, 0, .2)} .call-to-action-small { padding: 15px 30px; font-size: 16px; font-weight: 700} .call-to-action-small i { padding: 0 0 0 15px} .call-to-action-medium { padding: 16px 40px; font-size: 20px; font-weight: 700} .call-to-action-medium i { padding: 0 0 0 15px} .call-to-action-large { padding: 20px 40px; font-size: 24px; font-weight: 700} .call-to-action-large i { padding: 0 0 0 15px} .square { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .radial { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; behavior: url(img/PIE.htc)} a.btn-more { color: #3a3a3a; position: relative} a.btn-more:after { top: -3px; right: -20px; font-size: 12px; content: "\f18e"; font-weight: 400; display: inline-block; font-family: FontAwesome; position: absolute; color: #ff0000} a.btn-more:hover:after { right: -35px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out} .tags { padding: 0; margin: 0; list-style: none} .tags li { display: inline-block; margin: 4px 0} .tags li a { background-color: #f6f6f6; color: #818181; padding: 4px 6px} .tags li a:hover { background-color: #ff0000; color: #fff} .separator { height: 1px; background-color: #ff0000; margin-bottom: 20px; width: 30px} .separator.small { width: 20px} .separator.medium { width: 30px} .separator.large { width: 50px} .separator.full { width: 100%} .separator.center { margin: 0 auto} .heading i { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; behavior: url(img/PIE.htc); height: 36px; width: 36px; border: 1px solid #ff0000; line-height: 36px; color: #ff0000; text-align: center; margin-bottom: 10px} .heading span { font-weight: 300} .heading .separator { margin-bottom: 10px} .heading-block { background-color: #ff0000; padding: 10px; display: inline-block; color: #fff} .heading-border { border: 2px solid #ff0000; padding: 10px; display: inline-block} .heading-dotted { border: 2px dotted #ff0000; padding: 10px; display: inline-block} .margin-b-10 { margin-bottom: 10px!important} .margin-b-20 { margin-bottom: 20px!important} .margin-b-30 { margin-bottom: 30px!important} .nav-spacer { padding-top: 150px!important} .no-margin { margin: 0!important} .no-padd { padding: 0} .padd-5 { padding: 5px} .padd-10 { padding: 10px} .padd-20 { padding: 20px} .padd-30 { padding: 30px} .padd-40 { padding: 40px} .padd-50 { padding: 50px} .padd-60 { padding: 60px} .padd-70 { padding: 70px} .padd-80 { padding: 80px} .padd-90 { padding: 90px} .padd-tb-10 { padding: 10px 0} .padd-tb-20 { padding: 20px 0} .padd-tb-30 { padding: 30px 0} .padd-tb-40 { padding: 40px 0} .padd-tb-50 { padding: 50px 0} .padd-tb-60 { padding: 60px 0} .padd-tb-70 { padding: 70px 0} .padd-tb-80 { padding: 80px 0} .padd-tb-90 { padding: 90px 0} .padd-lr-10 { padding: 0 10px} .padd-lr-20 { padding: 0 20px} .padd-lr-30 { padding: 0 30px} .padd-lr-40 { padding: 0 40px} .padd-lr-50 { padding: 0 50px} .padd-lr-60 { padding: 0 60px} .padd-t-10 { padding-top: 10px} .padd-t-20 { padding-top: 20px} .padd-t-30 { padding-top: 30px} .padd-t-40 { padding-top: 40px} .padd-t-50 { padding-top: 50px} .padd-t-60 { padding-top: 60px} .padd-b-10 { padding-bottom: 10px} .padd-b-20 { padding-bottom: 20px} .padd-b-30 { padding-bottom: 30px} .padd-b-40 { padding-bottom: 40px} .padd-b-50 { padding-bottom: 50px} .padd-b-60 { padding-bottom: 60px} @media (max-width:552px) { .padd-90 { padding: 90px 30px} } @media (max-width:979px) { .mvs-10 { padding: 10px} .mvs-20 { padding: 20px} .mvs-30 { padding: 30px} .mvs-40 { padding: 40px} .mvs-50 { padding: 50px} } .bg-white { background-color: #fff!important; color: #3a3a3a!important} .bg-white>i { color: #3a3a3a!important} .bg-gray { background: url(../images/abbg.jpg) no-repeat; } .bg-gray1 { background: url(../images/db1_ussq.jpg) rgb(57, 83, 97) no-repeat; background-size:cover; } .bg-peijian { background:#818181; background-size:cover; } .bg-cp-center { background-color: rgb(238, 238, 238); background-image: url(../images/5v3l.jpg); background-size:cover; } .bg-cp{ border-bottom:2px solid #ff0000; text-align:left; font-size:18px; } .bg-cp .col-lg-2 { text-align:center;} .white { color:#fff} .gray { color:#000;} .gray:hover{ color:#ff0000; text-decoration:underline;} .index_about { position:absolute; width:200px; height:80px; top: 10px; left: -100px; z-index: 99; background: #ff0000;} .index_more{ width: 90px; height: 64px; position: absolute; left: -60px; bottom: 60px; text-align: center; font-size: 36px; line-height: 64px; background:#fff; color:#ff0000} .index_more a:link ,.index_more a:visited,.index_more a:active{ color:#ff0000; width: 90px; height: 64px; display:block;} .index_more a:hover {color:#fff; background:#ff0000;} .bg-youshi { background:#fff; padding:10px; border:1px solid rgba(0, 0, 0, .2)} .icon-bg { background:#ff0000; float:left; padding:20px 15px; text-align:center;} .icon-bg i { color:#fff;} .youshi-text { float:right;} .bg-gray>i { color: #3a3a3a!important} .bg-light-dark { background-color: #2a2a2a!important; color: #818181!important} .bg-light-dark>i { color: #fff!important} .bg-light-dark strong { color: #818181!important} .bg-light-dark h1, .bg-light-dark h2, .bg-light-dark h3, .bg-light-dark h4, .bg-light-dark h5, .bg-light-dark h6 { color: #f7f7f7!important} .bg-light-dark a, .bg-light-dark p { color: #818181} .bg-light-dark .icon-holder { background-color: #2b2b2b} .bg-light-dark .checkbox label, .bg-light-dark .radio label, .bg-light-dark label { color: #818181} .bg-light-dark .form-control { background-color: #2b2b2b; border: 1px solid #2b2b2b; color: #fff} .bg-theme { background-color: #ff0000!important; color: #fff} .bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .bg-theme>i { color: #fff!important} .bg-dark { position: relative; background-color: #222!important; color: #aaa!important} .bg-dark span, .bg-dark>i { color: #fff!important} .bg-dark hr { border-top: 1px solid #818181} .bg-dark strong { color: #fff!important} .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: #f7f7f7!important} .bg-dark p { color: #818181} .bg-dark .icon-holder { background-color: #373737} .bg-dark .team { border: none} .bg-dark .blog-post-item { border-bottom: none} .bg-dark .blog-post-item h3 a { color: #fff!important} .bg-dark .checkbox label, .bg-dark .radio label, .bg-dark label { color: #818181} .bg-dark .form-control { background-color: #373737; border: 1px solid #373737; color: #fff} .bg-dark .pricing-tables, .bg-dark .pricing-tables.style2 { border: none} .bg-dark .pricing-tables.style2 .heading .highlights span { color: #fff!important} .bg-dark .pricing-tables.style2 .heading span { color: #3a3a3a!important} .bg-dark .tags li a { background-color: #373737} .bg-dark .testimonial4 p { color: #fff} .bg-dark .panel .form-control { background-color: #fff; border: 1px solid #ccc; color: #555} .bg-dark .panel-title { color: #3a3a3a!important} .bg-green { background-color: #2ecc71!important; color: #fff} .bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6, .bg-green p, .bg-green>i { color: #fff!important} .bg-blue { background-color: #ff0000!important; color: #fff} .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-blue p, .bg-blue>i { color: #fff!important} .bg-orange { background-color: #e74c3c!important; color: #fff} .bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-orange p, .bg-orange>i { color: #fff!important} .bg-red { background-color: #bf1e4b!important; color: #fff} .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6, .bg-red p, .bg-red>i { color: #fff!important} .bg-light { background-color: #ecf0f1!important; color: #3a3a3a} .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light p, .bg-light>i { color: #3a3a3a!important} .bg-purple { background-color: #a700ae!important; color: #fff} .bg-purple h1, .bg-purple h2, .bg-purple h3, .bg-purple h4, .bg-purple h5, .bg-purple h6, .bg-purple p, .bg-purple>i { color: #fff!important} .bg-aqua { background-color: #27d7e7!important; color: #fff} .bg-aqua h1, .bg-aqua h2, .bg-aqua h3, .bg-aqua h4, .bg-aqua h5, .bg-aqua h6, .bg-aqua p, .bg-aqua>i { color: #fff!important} .bg-brown { background-color: #9c8061!important; color: #fff} .bg-brown h1, .bg-brown h2, .bg-brown h3, .bg-brown h4, .bg-brown h5, .bg-brown h6, .bg-brown p, .bg-brown>i { color: #fff!important} .bg-dark-blue { background-color: #2672ec!important; color: #fff} .bg-dark-blue h1, .bg-dark-blue h2, .bg-dark-blue h3, .bg-dark-blue h4, .bg-dark-blue h5, .bg-dark-blue h6, .bg-dark-blue p, .bg-dark-blue>i { color: #fff!important} .bg-light-green { background-color: #79d5b3!important; color: #fff} .bg-light-green h1, .bg-light-green h2, .bg-light-green h3, .bg-light-green h4, .bg-light-green h5, .bg-light-green h6, .bg-light-green p, .bg-light-green>i { color: #fff!important} .bg-dark-red { background-color: #a10f2b!important; color: #fff} .bg-dark-red h1, .bg-dark-red h2, .bg-dark-red h3, .bg-dark-red h4, .bg-dark-red h5, .bg-dark-red h6, .bg-dark-red p, .bg-dark-red>i { color: #fff!important} .bg-teal { background-color: #00a0b1!important; color: #fff} .bg-teal h1, .bg-teal h2, .bg-teal h3, .bg-teal h4, .bg-teal h5, .bg-teal h6, .bg-teal p, .bg-teal>i { color: #fff!important} .list-inline { margin: 0} .list-block { margin: 0 0 20px; padding: 0; list-style: none} .list-block li { margin-bottom: 10px} .list-block li a { color: #818181} .list-block li a:hover { color: #ff0000} .list-block li i { margin-right: 10px;} .image-list img { width: 80px; float: left} .image-list .image-list-content { margin-left: 90px} .tweets { list-style: none; padding: 0} .tweets li { margin-bottom: 20px; position: relative; padding-left: 35px} .tweets li i { position: absolute; top: 4px; left: 0; width: 25px; height: 25px; text-align: center; color: #777} .tweets li p { margin-bottom: 5px} .tweets li p a { color: #ff0000} .icon-holder { position: relative; display: inline-block; vertical-align: top; background-color: #f7f7f7; text-align: center} .icon-holder:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #ff0000; color: #fff} .icon-holder:hover i { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff} .icon-holder.facebook { background-color: #3b5998; border: none} .icon-holder.facebook i { color: #fff} .icon-holder.facebook:hover { background-color: #2d4373} .icon-holder.twitter { background-color: #00aced; border: none} .icon-holder.twitter i { color: #fff} .icon-holder.twitter:hover { background-color: #0087ba} .icon-holder.pinterest { background-color: #cb2027; border: none} .icon-holder.pinterest i { color: #fff} .icon-holder.pinterest:hover { background-color: #9f191f} .icon-holder.vk { background-color: #45668e; border: none} .icon-holder.vk i { color: #fff} .icon-holder.vk:hover { background-color: #344d6c} .icon-holder.youtube { background-color: #b00; border: none} .icon-holder.youtube i { color: #fff} .icon-holder.youtube:hover { background-color: #800} .icon-holder.behance { background-color: #4caccf; border: none} .icon-holder.behance i { color: #fff} .icon-holder.behance:hover { background-color: #3193b7} .icon-holder.instagram { background-color: #517fa4; border: none} .icon-holder.instagram i { color: #fff} .icon-holder.instagram:hover { background-color: #406582} .icon-holder.google { background-color: #c63d2d; border: none} .icon-holder.google i { color: #fff} .icon-holder.google:hover { background-color: #9c3024} .icon-holder.linkedin { background-color: #007bb6; border: none} .icon-holder.linkedin i { color: #fff} .icon-holder.linkedin:hover { background-color: #005983} .icon-holder.flickr { background-color: #ff0084; border: none} .icon-holder.flickr i { color: #fff} .icon-holder.flickr:hover { background-color: #cc006a} .icon-holder.foursquare { background-color: #0072b1; border: none} .icon-holder.foursquare i { color: #fff} .icon-holder.foursquare:hover { background-color: #00517e} .icon-holder.yahoo { background-color: #720e9e; border: none} .icon-holder.yahoo i { color: #fff} .icon-holder.yahoo:hover { background-color: #500a6f} .icon-holder.dribbble { background-color: #ea4c89; border: none} .icon-holder.dribbble i { color: #fff} .icon-holder.dribbble:hover { background-color: #e51e6b} .icon-holder.wordpress { background-color: #21759b; border: none} .icon-holder.wordpress i { color: #fff} .icon-holder.wordpress:hover { background-color: #185571} .icon-holder.stumbleupon { background-color: #eb4823; border: none} .icon-holder.stumbleupon i { color: #fff} .icon-holder.stumbleupon:hover { background-color: #c93412} .icon-holder.soundcloud { background-color: #ff3a00; border: none} .icon-holder.soundcloud i { color: #fff} .icon-holder.soundcloud:hover { background-color: #cc2e00} .icon-holder.skype { background-color: #12a5f4; border: none} .icon-holder.skype i { color: #fff} .icon-holder.skype:hover { background-color: #0986ca} .icon-holder.vine { background-color: #00bf8f; border: none} .icon-holder.vine i { color: #fff} .icon-holder.vine:hover { background-color: #008c69} .icon-holder.twitch { background-color: #4e3380; border: none} .icon-holder.twitch i { color: #fff} .icon-holder.twitch:hover { background-color: #38245c} .icon-holder.github { background-color: #3193b7; border: none} .icon-holder.github i { color: #fff} .icon-holder.github:hover { background-color: #26738f} .icon-holder.spotify { background-color: #679400; border: none} .icon-holder.spotify i { color: #fff} .icon-holder.spotify:hover { background-color: #446100} .icon-holder.google-plus { background-color: #9c3024; border: none} .icon-holder.google-plus i { color: #fff} .icon-holder.google-plus:hover { background-color: #73231a} .icon-holder.tumblr { background-color: #32506d; border: none} .icon-holder.tumblr i { color: #fff} .icon-holder.tumblr:hover { background-color: #22364a} .icon-holder.lastfm { background-color: #d51007; border: none} .icon-holder.lastfm i { color: #fff} .icon-holder.lastfm:hover { background-color: #a40c05} .icon-holder.small { width: 24px; height: 24px; line-height: 24px; font-size: 14px} .icon-holder.medium { width: 32px; height: 32px; line-height: 32px; font-size: 16px} .icon-holder.large { width: 46px; height: 46px; line-height: 46px; font-size: 18px} .icon-holder.extra-large { width: 64px; height: 64px; line-height: 64px; font-size: 24px} .icon-holder i { color: #555} .icon-holder.light { background-color: #fff; border: 1px solid #ff0000} .icon-holder.light:hover { background-color: #ff0000} .icon-holder.light:hover i { color: #fff} .icon-holder.light i { color: #2b2b2b} .icon-holder.dark { background-color: #2b2b2b; border: none} .icon-holder.dark:hover { background-color: #050505} .icon-holder.dark i { color: #fff} .icon-holder.theme { background-color: #ff0000; border: none} .icon-holder.theme:hover { background-color: #127be8} .icon-holder.theme i { color: #fff} .circle { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; behavior: url(img/PIE.htc)} .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(img/PIE.htc)} .top-header { background-color: #fff; padding: 8px 0; color: #444; border-bottom: 1px solid #eee} .top-header a { color: #444;} .brand-holder.bg-dark, .brand-holder.bg-light-dark, .top-header.bg-dark, .top-header.bg-light-dark { border-bottom: 1px solid #2b2b2b;} .brand-holder.bg-dark a, .brand-holder.bg-light-dark a { color: #fff} @media (max-width:992px) { .brand-holder { text-align: center} .brand-holder .logo { margin: 0 0 10px; display: block} } .top-address { padding: 0; margin: 0; list-style: none} .top-address li { display: inline-block; padding: 5px 10px; font-size: 16px} .top-address li i { padding: 0 10px 0 0} .logo-center { text-align: center; padding: 35px; background: #f9f9f9} .logo-left { padding: 30px 0} @media (max-width:767px) { .logo.pull-left, .top-address.pull-right { float: none!important; text-align: center} .logo-left .logo { padding: 20px 0} } @-webkit-keyframes fadeInDownMenuTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 7%, 0); -moz-transform: translate3d(0, 7%, 0); transform: translate3d(0, 7%, 0)} 100% { opacity: 1; -webkit-transform: none; -o-transform: none; -moz-transform: none; transform: none} } @keyframes fadeInDownMenuTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 7%, 0); -moz-transform: translate3d(0, 7%, 0); transform: translate3d(0, 7%, 0)} 100% { opacity: 1; -webkit-transform: none; -o-transform: none; -moz-transform: none; transform: none} } .navbar { margin-bottom: 0; border: none} .navbar-nav>li>a { text-transform: uppercase; color: #444; font-weight:bold; font-size:16px; } .navbar-brand { font-size: 30px; text-transform: uppercase; color: #3a3a3a; padding:0px 15px; } .navbar-brand span { color: #ff0000} .navbar-v1 { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc); border-bottom: 1px solid #eee; background: #fff} .navbar-v1 .navbar-nav>.active>a, .navbar-v1 .navbar-nav>.active>a:focus, .navbar-v1 .navbar-nav>.active>a:hover, .navbar-v1 .navbar-nav>li>a:hover { color: #fff; background: #ff0000;} .navbar-v1 .navbar-nav>.open>a, .navbar-v1 .navbar-nav>.open>a:focus, .navbar-v1 .navbar-nav>.open>a:hover { color: #fff; background: #ff0000;} .navbar-v1 .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-v1 .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background: #1a1a1a; } .navbar-v1.dark-style { background: #212121; border-bottom: none} .navbar-v1.dark-style .navbar-nav>li>a { color: #aeaeae; background: 0 0} .navbar-v1.dark-style .navbar-nav>.open>a, .navbar-v1.dark-style .navbar-nav>.open>a:focus, .navbar-v1.dark-style .navbar-nav>.open>a:hover { color: #aeaeae} .navbar-v1.dark-style .navbar-nav>.active>a, .navbar-v1.dark-style .navbar-nav>.active>a:focus, .navbar-v1.dark-style .navbar-nav>.active>a:hover { color: #ff0000; background: 0 0} .navbar-v1 .dropdown-menu>li>a { color: #777} @media (min-width:1200px) { .navbar-transparent li.dropdown: hover>.dropdown-cart, .navbar-transparent li.dropdown:hover>.dropdown-menu, .navbar-transparent li.dropdown:hover>.dropdown-search, .navbar-v1 li.dropdown:hover>.dropdown-cart, .navbar-v1 li.dropdown:hover>.dropdown-menu, .navbar-v1 li.dropdown:hover>.dropdown-search { display: block; -webkit-animation-duration: .33s; animation-duration: .33s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDownMenuTop; animation-name: fadeInDownMenuTop} } @media (min-width:1200px) { .navbar-transparent { background: 0 0; padding: 20px 0; border: none} .navbar-transparent .navbar-nav>li>a { color: #fff} .navbar-transparent .navbar-nav>li>a:focus, .navbar-transparent .navbar-nav>li>a:hover { background: 0 0!important; color: #ff0000} .navbar-transparent .navbar-nav>.active>a, .navbar-transparent .navbar-nav>.active>a:focus, .navbar-transparent .navbar-nav>.active>a:hover { color: #fff!important; background: 0 0!important; font-weight: 700} .navbar-transparent .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-transparent .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-transparent .navbar-nav>.open>a, .navbar-transparent .navbar-nav>.open>a:focus, .navbar-transparent .navbar-nav>.open>a:hover { background: 0 0!important} } @media (max-width:1200px) { .navbar-transparent { background: #2b2b2b; border: none} } @media (min-width:1200px) { .navbar .dropdown-menu { padding: 0; margin: 0; min-width: 210px; border: 0; border-radius: 0; box-shadow: none; top: 100; background-color: #242424;} .navbar .dropdown-menu li a { font-size: 13px; color: #aeaeae; padding: 9px 15px; line-height: 1.42857143; text-transform: capitalize} .navbar .dropdown-menu li a:hover { background-color: transparent; color: #ff0000} .dropdown-cart .table>tbody>tr>td, .dropdown-cart .table>tbody>tr>th, .dropdown-cart .table>tfoot>tr>td, .dropdown-cart .table>tfoot>tr>th, .dropdown-cart .table>thead>tr>td, .dropdown-cart .table>thead>tr>th { color: #fff; border: none} } @media (max-width:1200px) { .navbar-v1 { padding: 10px 0} .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 13px} .dropdown-submenu>.dropdown-menu { display: block; margin-left: 15px; padding-left: 20px} .yamm-content h4.heading { color: #777!important} .yamm-content .nav>li>a { color: #777; background: 0 0} .yamm-content .nav>li>a:hover { color: #ff0000} } .dropdown-submenu { position: relative} .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: 0} .dropdown-submenu:hover>.dropdown-menu { display: block} .dropdown-submenu>a:after { top: 11px; right: 9px; font-size: 12px; content: "\f105"; position: absolute; font-weight: 400; display: inline-block; font-family: FontAwesome} .dropdown-submenu.pull-left, .dropdown-submenu.pull-left>.dropdown-menu { float: none} @media (max-width:1200px) { .navbar-header { float: none} .navbar-left, .navbar-right { float: none!important} .navbar-toggle { display: block} .navbar-collapse { border: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)} @media (max-width: 1200px) { .navbar-nav { height: 370px; max-height: 370px; width: 100%; overflow-y: auto !important; -webkit-overflow-scrolling:touch; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; background: rgba(0, 0, 0, .8)!important; padding: 10px 0!important} .navbar-fixed-top .navbar-nav>li>a:hover { background: 0 0!important; color: #ff0000!important} .navbar-collapse.collapse { display: none!important; border-color: transparent} .navbar-nav { float: none!important; margin-top: 7.5px} .navbar-nav>li { float: none} .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px} .collapse.in { display: block!important} } .navbar-toggle { background-color: #ff0000!important; border-color: transparent!important} .navbar-toggle:hover { background-color: #2b2b2b!important} .navbar-toggle .icon-bar { height: 3px; background-color: #fff!important} .navbar-scroll { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background-color: rgba(0, 0, 0, .9); padding: 10px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 999} .navbar-scroll .navbar-nav>li>a { color: #fff} .navbar-scroll2 { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: fixed; top: 0; left: 0; right: 0; z-index: 999; } .yamm-content { padding: 25px; box-sizing: border-box} .yamm-content h4.heading { text-transform: uppercase; padding: 0 0; font-size: 14px; font-weight: 700; color: #fff; text-align:left; } .dropdown-menu.dropdown-cart { padding: 10px; min-width: 320px} .dropdown-menu.dropdown-cart table { margin-bottom: 0} .menu-cart span.badge { background: #ff0000; vertical-align: text-bottom; line-height: 14px} .dropdown-menu.dropdown-search { padding: 10px; min-width: 320px} .navbar-onepage { background: 0 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding: 20px 0; border: none} .navbar-onepage .navbar-nav>li>a { color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; margin: 0 4px} .navbar-onepage .navbar-nav>li>a:focus, .navbar-onepage .navbar-nav>li>a:hover { color: #fff; background: 0 0} .navbar-onepage .navbar-nav>li>a.active { color: #ff0000} .navbar-onepage .navbar-brand { font-size: 24px; font-weight: 700; color: #fff} .navbar-onepage .navbar-brand:hover { color: #ff0000} .navbar-onepage.has-bg { background: rgba(0, 0, 0, .6); padding: 10px 0} .bannercontainer { width: 100%; position: relative; padding: 0} .bannercontainer .banner { width: 100%; position: relative} .page-title { position: relative; border-top: none} .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 { color: #fff; margin: 10px 0; text-transform: capitalize; font-weight: bold} .page-title p { font-size: 15px; color: #fff} .page-title .breadcrumb { margin: 12px 0 0; background: 0 0} .page-title .breadcrumb>.active { color: #ff0000!important} .page-title .breadcrumb>li a { color: #fff} .page-title .breadcrumb>li a:hover { color: #444} .page-title .breadcrumb>li+li:before { color: #fff} .page-title.bg-dark h1, .page-title.bg-dark h2, .page-title.bg-dark h3, .page-title.bg-dark p { color: #fff!important; margin: 20px 0} .page-title.bg-dark .breadcrumb>li a, .page-title.bg-dark .breadcrumb>li a:hover, .page-title.bg-dark .breadcrumb>li+li:before { color: #444} .page-title.bg-gray h1, .page-title.bg-gray h2, .page-title.bg-gray h3, .page-title.bg-gray p, .page-title.bg-white h1, .page-title.bg-white h2, .page-title.bg-white h3, .page-title.bg-white p { color: #444; margin: 20px 0; text-transform: capitalize} .page-title.bg-gray .breadcrumb>li a, .page-title.bg-gray .breadcrumb>li a:hover, .page-title.bg-gray .breadcrumb>li+li:before, .page-title.bg-white .breadcrumb>li a, .page-title.bg-white .breadcrumb>li a:hover, .page-title.bg-white .breadcrumb>li+li:before { color: #444} .img-overlay { position: absolute; top: 0; width: 100%; height: 100%; opacity: .3} .breadcrumb { margin: 0} .breadcrumb>.active { color: #888!important} .breadcrumb a { color: #3a3a3a} .breadcrumb a:hover { color: #ff0000} .gallery { margin: 0; padding: 0; list-style: none} .gallery li { width: 46.9%; border: 2px solid #818181; overflow: hidden; margin: 4px; float: left} .gallery-box { position: relative; overflow: hidden} .gallery-box:hover img { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out} .gallery-box:hover i { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out} .gallery-hover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; visibility: visible; opacity: 0; background-color: rgba(0, 0, 0, .6); z-index: 998; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; overflow: hidden} .gallery-hover:hover { display: block; opacity: 1} .gallery-hover i { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; font-size: 28px; color: #fff!important; width: 28px; height: 28px; line-height: 28px; text-align: center; display: inline-block; background-color: #ff0000; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; behavior: url(img/PIE.htc)} .gallery-hover i.small { font-size: 10px} .footer.bg-dark .btn-more, .footer.bg-dark label, .footer.bg-dark span, .footer.bg-light-dark .btn-more, .footer.bg-light-dark label, .footer.bg-light-dark span { color: #818181!important} .footer.bg-dark .separator { background-color: #373737} .footer.bg-light-dark .separator { background-color: #2b2b2b} .footer-sub a { color: #818181} .footer-sub a:hover { text-decoration: underline} .copyright a { } @media (max-width:979px) { .footer-sub { text-align: center} .footer-sub .pull-right { float: none!important} .copyright { padding: 10px 0} } #widget-map { height: 250px; width: 100%} #contact-map { height: 450px; width: 100%} .tab-style1 .nav-tabs { border-bottom: 1px solid #ff0000} .tab-style1 .nav-tabs>li a { color: #3a3a3a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style1 .nav-tabs>li a:focus, .tab-style1 .nav-tabs>li a:hover { background: #ff0000; color: #fff; border: 1px solid #ff0000} .tab-style1 .nav-tabs>li a i { margin-right: 10px} .tab-style1 .nav-tabs>li.active>a { background: #ff0000; color: #fff; border: 1px solid #ff0000; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style1 .tab-content { padding: 25px 10px; background-color: #fff} .tab-style2 .nav-tabs>li a { color: #3a3a3a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style2 .nav-tabs>li a i { margin-right: 10px} .tab-style2 .nav-tabs>li.active>a { background: #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style2 .tab-content { padding: 25px 10px; background: #f5f5f5; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd} .tab-style3 .nav-tabs { background-color: #f5f5f5} .tab-style3 .nav-tabs>li a { color: #3a3a3a} .tab-style3 .nav-tabs>li a:focus, .tab-style3 .nav-tabs>li a:hover { background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style3 .nav-tabs>li a i { margin-right: 10px} .tab-style3 .nav-tabs>li.active>a { background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .tab-style3 .tab-content { padding: 25px 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff} .tab-style4 .nav-tabs>li a { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc); color: #3a3a3a} .tab-style4 .nav-tabs>li a i { margin-right: 10px} .tab-style4 .nav-tabs>li.active>a { background: #fff; color: #3a3a3a; border-top: 2px solid #ff0000} .tab-style4 .tab-content { padding: 25px 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff} .nav-pills>li>a { padding: 5px 10px} .pills-style1 .nav-pills li a { color: #3a3a3a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pills-style1 .nav-pills li a i { margin-right: 10px} .pills-style1 .nav-pills li.active>a { background-color: #ff0000; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pills-style1 .tab-content { padding: 25px} .pills-style2 .nav-pills { padding: 0; background: #f9f9f9; color: #3a3a3a; min-height: 300px} .pills-style2 .nav-pills li a { color: #3a3a3a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pills-style2 .nav-pills li a:focus, .pills-style2 .nav-pills li a:hover { color: #3a3a3a} .pills-style2 .nav-pills li a i { margin-right: 10px} .pills-style2 .nav-pills li.active>a { background-color: #ff0000; color: #fff} .pills-style2 .tab-content { background: #fff; min-height: 300px; padding: 25px; border: 1px solid #f9f9f9} .pills-style3 .nav-pills { padding: 0; background: #2b2b2b; color: #fff; min-height: 300px} .pills-style3 .nav-pills li a { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pills-style3 .nav-pills li a:focus, .pills-style3 .nav-pills li a:hover { color: #3a3a3a} .pills-style3 .nav-pills li a i { margin-right: 10px} .pills-style3 .nav-pills li.active>a { background-color: #ff0000; color: #fff} .pills-style3 .tab-content { background: #f9f9f9; min-height: 300px; padding: 25px} .pills-style4 .nav-pills { padding: 0; background: #f9f9f9; color: #3a3a3a; min-height: 300px} .pills-style4 .nav-pills li a { color: #3a3a3a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pills-style4 .nav-pills li a:focus, .pills-style4 .nav-pills li a:hover { color: #3a3a3a} .pills-style4 .nav-pills li a i { margin-right: 10px} .pills-style4 .nav-pills li.active>a { border-left: 2px solid #ff0000; color: #3a3a3a; background: #f9f9f9} .pills-style4 .tab-content { background: #fff; min-height: 300px; padding: 25px; border: 1px solid #f9f9f9} @media (max-width:767px) { .pills-style1 .nav-pills, .pills-style2 .nav-pills, .pills-style3 .nav-pills, .pills-style4 .nav-pills { min-height: auto} } .panel-group { margin: 20px 0} .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc); box-shadow: none} .panel-group .panel .panel-heading { position: relative; padding: 0; background: #f9f9f9; border-color: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .panel-group .panel .panel-heading a { position: relative; display: block; padding: 5px 15px; color: inherit; text-decoration: none} .panel-group .panel .panel-heading a:after { position: absolute; right: 10px; top: 7px; height: 20px; width: 20px; content: "\f068"; text-align: center; line-height: 20px; font-family: FontAwesome; color: #888; font-size: 12px} .panel-group .panel .panel-heading a i { margin-right: 10px} .panel-group .panel .panel-heading .collapsed:after { font-family: fontawesome; content: "\f067"!important} .panel-group.accordion-style1 .panel .panel-heading { position: relative; padding: 0; background: #ff0000; color: #fff} .panel-group.accordion-style1 .panel .panel-heading a { position: relative; display: block; padding: 5px 15px; color: inherit; text-decoration: none} .panel-group.accordion-style1 .panel .panel-heading a:after { position: absolute; right: 10px; top: 7px; height: 20px; width: 20px; content: "\f068"; text-align: center; line-height: 20px; font-family: FontAwesome; color: #fff; font-size: 12px} .panel-group.accordion-style1 .panel .panel-heading a i { margin-right: 10px} .panel-group.accordion-style1 .panel .panel-heading .collapsed:after { font-family: fontawesome; content: "\f067"!important} .panel-group.accordion-style2 .panel .panel-heading { position: relative; padding: 0; background: #373737; color: #fff} .panel-group.accordion-style2 .panel .panel-heading a { position: relative; display: block; padding: 5px 15px; color: inherit; text-decoration: none} .panel-group.accordion-style2 .panel .panel-heading a:after { position: absolute; right: 10px; top: 7px; height: 20px; width: 20px; content: "\f068"; text-align: center; line-height: 20px; font-family: FontAwesome; color: #eee; font-size: 12px} .panel-group.accordion-style2 .panel .panel-heading a i { margin-right: 10px} .panel-group.accordion-style2 .panel .panel-heading .collapsed:after { font-family: fontawesome; content: "\f067"!important} .panel-group.accordion-style3 .panel { background: #fff} .panel-group.accordion-style3 .panel .panel-heading { position: relative; padding: 0; border: 1px solid #ff0000; background: #fff} .panel-group.accordion-style3 .panel .panel-heading a { position: relative; display: block; padding: 5px 15px; color: inherit; text-decoration: none} .panel-group.accordion-style3 .panel .panel-heading a:after { position: absolute; right: 10px; top: 7px; height: 20px; width: 20px; content: "\f068"; text-align: center; line-height: 20px; font-family: FontAwesome; color: #888; font-size: 12px} .panel-group.accordion-style3 .panel .panel-heading a i { margin-right: 10px} .panel-group.accordion-style3 .panel .panel-heading .collapsed:after { font-family: fontawesome; content: "\f067"!important} .panel, .panel .panel-heading { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .panel .panel-heading .panel-title i { margin-right: 7px} .panel .panel-body, .panel .panel-footer { color: #3a3a3a} .panel-theme .panel-heading { background-color: #ff0000} .panel-theme .panel-heading .panel-title { color: #fff} .panel-theme .panel-heading .panel-title i { margin-right: 7px} .panel-theme .panel-body { border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; border-bottom: 1px solid #ff0000} .panel-green .panel-heading { background-color: #2ecc71} .panel-green .panel-heading .panel-title { color: #fff} .panel-green .panel-heading .panel-title i { margin-right: 7px} .panel-green .panel-body { border-left: 1px solid #2ecc71; border-right: 1px solid #2ecc71; border-bottom: 1px solid #2ecc71} .panel-blue .panel-heading { background-color: #ff0000} .panel-blue .panel-heading .panel-title { color: #fff} .panel-blue .panel-heading .panel-title i { margin-right: 7px} .panel-blue .panel-body { border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; border-bottom: 1px solid #ff0000} .panel-orange .panel-heading { background-color: #e74c3c} .panel-orange .panel-heading .panel-title { color: #fff} .panel-orange .panel-heading .panel-title i { margin-right: 7px} .panel-orange .panel-body { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; border-bottom: 1px solid #e74c3c} .panel-red .panel-heading { background-color: #bf1e4b} .panel-red .panel-heading .panel-title { color: #fff} .panel-red .panel-heading .panel-title i { margin-right: 7px} .panel-red .panel-body { border-left: 1px solid #bf1e4b; border-right: 1px solid #bf1e4b; border-bottom: 1px solid #bf1e4b} .panel-light .panel-heading { background-color: #ecf0f1} .panel-light .panel-heading .panel-title { color: #3a3a3a} .panel-light .panel-heading .panel-title i { margin-right: 7px} .panel-light .panel-body { border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1} .panel-purple .panel-heading { background-color: #a700ae} .panel-purple .panel-heading .panel-title { color: #fff} .panel-purple .panel-heading .panel-title i { margin-right: 7px} .panel-purple .panel-body { border-left: 1px solid #a700ae; border-right: 1px solid #a700ae; border-bottom: 1px solid #a700ae} .panel-aqua .panel-heading { background-color: #27d7e7} .panel-aqua .panel-heading .panel-title { color: #fff} .panel-aqua .panel-heading .panel-title i { margin-right: 7px} .panel-aqua .panel-body { border-left: 1px solid #27d7e7; border-right: 1px solid #27d7e7; border-bottom: 1px solid #27d7e7} .panel-brown .panel-heading { background-color: #9c8061} .panel-brown .panel-heading .panel-title { color: #fff} .panel-brown .panel-heading .panel-title i { margin-right: 7px} .panel-brown .panel-body { border-left: 1px solid #9c8061; border-right: 1px solid #9c8061; border-bottom: 1px solid #9c8061} .panel-dark-blue .panel-heading { background-color: #2672ec} .panel-dark-blue .panel-heading .panel-title { color: #fff} .panel-dark-blue .panel-heading .panel-title i { margin-right: 7px} .panel-dark-blue .panel-body { border-left: 1px solid #2672ec; border-right: 1px solid #2672ec; border-bottom: 1px solid #2672ec} .panel-light-green .panel-heading { background-color: #79d5b3} .panel-light-green .panel-heading .panel-title { color: #fff} .panel-light-green .panel-heading .panel-title i { margin-right: 7px} .panel-light-green .panel-body { border-left: 1px solid #79d5b3; border-right: 1px solid #79d5b3; border-bottom: 1px solid #79d5b3} .panel-dark-red .panel-heading { background-color: #a10f2b} .panel-dark-red .panel-heading .panel-title { color: #fff} .panel-dark-red .panel-heading .panel-title i { margin-right: 7px} .panel-dark-red .panel-body { border-left: 1px solid #a10f2b; border-right: 1px solid #a10f2b; border-bottom: 1px solid #a10f2b} .panel-teal .panel-heading { background-color: #00a0b1} .panel-teal .panel-heading .panel-title { color: #fff} .panel-teal .panel-heading .panel-title i { margin-right: 7px} .panel-teal .panel-body { border-left: 1px solid #00a0b1; border-right: 1px solid #00a0b1; border-bottom: 1px solid #00a0b1} .progress { box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .progress .progress-bar { box-shadow: none} .progress.progress-border { border: 1px solid #eee; background-color: transparent} .progress.progress-border.progress-bar { box-shadow: none; background-color: rgba(46, 141, 239, .5)} .progress.progress-small { height: 10px} .progress.progress-small .progress-bar { line-height: 10px!important} .progress.progress-medium { height: 15px} .progress.progress-medium .progress-bar { line-height: 15px!important} .progress.progress-large { height: 20px} .progress.progress-large .progress-bar { line-height: 20px!important} .progress.progress-extra-large { height: 30px} .progress.progress-extra-large .progress-bar { line-height: 30px!important} .progress .progress-bar-green { background-color: #2ecc71} .progress .progress-bar-blue { background-color: #ff0000} .progress .progress-bar-orange { background-color: #e74c3c} .progress .progress-bar-red { background-color: #bf1e4b} .progress .progress-bar-light { background-color: #ecf0f1; color: #3a3a3a} .progress .progress-bar-purple { background-color: #a700ae} .progress .progress-bar-aqua { background-color: #27d7e7} .progress .progress-bar-brown { background-color: #9c8061} .progress .progress-bar-dark-blue { background-color: #2672ec} .progress .progress-bar-light-green { background-color: #79d5b3} .progress .progress-bar-dark-red { background-color: #a10f2b} .progress .progress-bar-teal { background-color: #00a0b1} .pagination li a { color: #3a3a3a; margin: 1px} .pagination>.active a, .pagination>.active a:focus, .pagination>.active a:hover { background-color: #ff0000; border: 1px solid #ff0000} .pager.pager-square li a { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .pager .disabled>a { background-color: #f5f5f5} .pager li a { border: 1px solid #ff0000; color: #3a3a3a} .pager li a:hover { background-color: #ff0000; color: #fff} span.counter { font-size: 26px} .sidebar-menu { list-style: none; margin: 0; padding: 0; background-color: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .sidebar-menu li.active a { background-color: #eee} .sidebar-menu li.active a:hover { color: #3a3a3a} .sidebar-menu li a { display: block; padding: 7px 10px; border-bottom: 1px solid #eee; color: #3a3a3a; font-weight: 700} .sidebar-menu li a:hover { background-color: #eee} .sidebar-menu li a i { margin-right: 10px} .sidebar-menu li ul.sub-menu { padding: 0; list-style: none} .sidebar-menu li ul.sub-menu li a { position: relative; padding-left: 50px; font-weight: 400} .sidebar-menu li ul.sub-menu li a:before { font-size: 12px; content: "\f105"; font-weight: 400; display: inline-block; font-family: FontAwesome; position: absolute; top: 7px; left: 35px} .badge { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; behavior: url(img/PIE.htc)} .badge-green, .label-green { background-color: #2ecc71} .badge-blue, .label-blue { background-color: #ff0000} .badge-orange, .label-orange { background-color: #e74c3c} .badge-red, .label-red { background-color: #bf1e4b} .badge-light, .label-light { background-color: #ecf0f1; color: #3a3a3a} .badge-purple, .label-purple { background-color: #a700ae} .badge-aqua, .label-aqua { background-color: #27d7e7} .badge-brown, .label-brown { background-color: #9c8061} .badge-dark-blue, .label-dark-blue { background-color: #2672ec} .badge-light-green, .label-light-green { background-color: #79d5b3} .badge-dark-red, .label-dark-red { background-color: #a10f2b} .badge-teal, .label-teal { background-color: #00a0b1} .notification { margin: 20px 0; padding: 0; list-style: none} .notification li { padding: 5px 10px} .notification li a { position: relative; border: 1px solid #eee; padding: 8px; color: #333} .notification li a:hover { color: #fff; background-color: #ff0000} .notification li a i { margin: 10px} .notification li a span.badge { position: absolute; top: -10px; right: -15px} blockquote { font-size: 14px; font-style: italic; border-left: 2px solid #eee} blockquote.colored { border-left: 2px solid #ff0000} .blockquote-reverse { border-right: 2px solid #eee} .blockquote-reverse-colored { border-right: 2px solid #ff0000; padding-right: 15px; padding-left: 0; text-align: right; border-left: 0} .feature-box { margin: 15px 10px; padding: 30px 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out} .feature-box.right { text-align: right} .feature-box.right i { float: right!important; margin-left: 10px} .feature-box i { padding: 20px; font-size: 24px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out} .feature-box i.circle { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; behavior: url(img/PIE.htc)} .feature-box i.square { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .feature-box i.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(img/PIE.htc)} .feature-box .separator { margin: 0 auto} .feature-box h4 { margin: 30px 0 15px; font-size: 16px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out} .feature-box.style1 { text-align: center} .feature-box.style1 i { background: #ff0000; color: #fff} .feature-box.style1:hover { background-color: #ff0000} .feature-box.style1:hover i { background-color: #fff; color: #ff0000} .feature-box.style1:hover h4, .feature-box.style1:hover p { color: #fff} .feature-box.style2 { text-align: center} .feature-box.style2 i { color: #ff0000; border: 1px solid #ff0000} .feature-box.style2:hover i { background-color: #ff0000; color: #fff; border: 1px solid #ff0000} .feature-box.style3 { background-color: #fff; border: 1px solid transparent; text-align: center} .feature-box.style3 i { background: 0 0; color: #2b2b2b} .feature-box.style3 h4 { margin: 15px 0} .feature-box.style3:hover { border: 1px solid #ff0000} .feature-box.style3:hover i { color: #ff0000} .feature-box.style4 { background-color: #fff; border: 1px solid #ddd; text-align: center; padding: 30px 0} .feature-box.style4 i { background: 0 0; color: #2b2b2b} .feature-box.style4 h4 { margin: 15px 0 20px; background: #eee; padding: 10px} .feature-box.style4 p { padding: 0 32px} .feature-box.style4:hover { border: 1px solid #ff0000} .feature-box.style4:hover i { color: #ff0000} .feature-box.style4:hover h4 { background-color: #ff0000; color: #fff} .feature-box.style5 i { float: left; padding: 0 10px 10px 0} .feature-box.style5 h4 { margin: 0; padding: 5px 0 5px 37px} .feature-box.style5 p { clear: both} .feature-box.style5:hover { background-color: #f5f5f5} .feature-box.style5:hover i { color: #ff0000} .feature-box.style6 i { float: left; padding: 10px; background: #ff0000; color: #fff; font-size: 16px; line-height: 16px} .feature-box.style6 h4 { margin: 0; padding: 10px 0 20px 45px} .feature-box.style6 p { clear: both} .feature-box.style6:hover { background-color: #f5f5f5} .feature-box2 { margin: 30px 10px} .feature-box2 .icon-holder { float: left; margin: -18px 10px 0 0} .feature-box2 p { margin-top: 15px} .feature-box4 { text-align:center; max-width:180px; margin-left:auto; margin-right:auto; width:100%; } .feature-box4 figure { max-width:180px; max-height:180px; height:180px; border-radius:50%; border:3px solid rgba(255, 0, 0, 0.7); cursor:pointer; -webkit-box-shadow: inset 0 0 0 0 #ff0000; -moz-box-shadow: inset 0 0 0 0 #ff0000; box-shadow: inset 0 0 0 0 #ff0000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; padding-top:25px; } .feature-box4 svg { fill: #ff0000; fill-opacity: 1; -webkit-animation: serviceicon 0.6s ease-in-out; -moz-animation: serviceicon 0.6s ease-in-out; animation: serviceicon 0.6s ease-in-out; width:130px; height:130px; border-radius:50%; } .feature-box4 figure:hover{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; transition-delay: 0s; -webkit-transition-delay: 0s; -webkit-box-shadow: inset 0 0 0 100px #ff0000; -moz-box-shadow: inset 0 0 0 100px #ff0000; box-shadow: inset 0 0 0 100px #ff0000; } .feature-box4 figure:hover svg { fill:#fff;fill-opacity: 1; background:#ff0000; -webkit-animation: serviceiconhover 0.5s ease-in-out; -moz-animation: serviceiconhover 0.5s ease-in-out; animation: serviceiconhover 0.5s ease-in-out; } .feature-box4 i { font-size: 60px; color: #ff0000; } @-webkit-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .thumbnail { overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .thumbnail.no-border { border: none} .thumbnail .caption a.btn { margin-top: 15px} .thumbnail p { line-height: 1.8em; color: #444;} a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #ff0000} .customNavigation { text-align: right} .customNavigation.center { text-align: center!important} .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)} .zoom { overflow: hidden} .zoom img { transition: all .6s ease-in-out} .zoom img:hover { transform: scale(1.2) rotate(1deg)} .testimonial { background-color: #f9f9f9; padding: 20px; margin: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc); box-shadow: 0 3px 0 #eee; border: 1px solid #eee} .testimonial .image-box { float: left} .testimonial .image-box img { width: 82px; height: 82px} .testimonial .content-box { padding-left: 100px} .testimonial .content-box strong { display: block; color: #3a3a3a; font-style: italic} .testimonial .content-box span { font-size: 13px; font-style: italic; color: #818181} .testimonial.light { background-color: #fff!important} .testimonial.border { background-color: #fff!important; border: 1px solid #eee; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset; box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset; -o-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset} .testimonial.clear { background: #fff; border: none; box-shadow: none} .testimonial2 { position: relative; margin: 60px 0; border: 1px solid #eee; padding: 70px 40px 40px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .testimonial2 .image-box { position: absolute; top: -43px; left: 39%} .testimonial2 .image-box img { width: 86px; height: 86px; border: 1px solid #eee; padding: 2px; background-color: #fff} .testimonial2 .content-box i { color: #222; margin: 10px 5px 0; font-size: 18px} .testimonial2 .content-box strong { color: #3a3a3a; font-style: italic} .testimonial2 .content-box span { font-size: 13px; font-style: italic; color: #818181} .testimonial2:hover { border: 1px solid #ff0000} .testimonial3 { margin: 30px 0; position: relative} .testimonial3 .content-box { background-color: #f6f6f6; padding: 20px; margin-bottom: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; behavior: url(img/PIE.htc)} .testimonial3 .content-box i { color: #222; margin: 10px 5px 0; font-size: 18px} .testimonial3 .image-box { float: left} .testimonial3 .image-box img { width: 82px; height: 82px} .testimonial3 .info { float: left; padding: 30px 30px 30px 15px} .testimonial3 .info span { font-size: 13px; font-style: italic; color: #818181} .testimonial3 .arrow-down { width: 0; height: 0; border-left: 0 solid transparent; border-right: 20px solid transparent; border-top: 15px solid #f6f6f6; position: absolute; bottom: -13px; left: 37px} .testimonial4 { text-align: center} .testimonial4 .image-box img { width: 90px; height: 90px; margin: 0 auto} .testimonial4 .content-box { width: 65%; margin: 20px auto} .testimonial4 .content-box i { font-size: 18px; margin-right: 10px} .testimonial4 .info strong { color: #3a3a3a; font-style: italic; margin: 0 10px} .testimonial4 .info span { font-size: 13px; font-style: italic; color: #818181} .bg-dark .info strong { color: #ff0000!important} .bg-dark .info span { color: #fff!important} @media (max-width:767px) { .testimonial3 { margin-bottom: 140px} } .callout { background: #fff; color: #222; padding: 50px 30px; margin: 30px 0} .callout h1, .callout h2, .callout h3, .callout h4, .callout h5 { margin-top: 0} .callout a { margin-top: 10px} .callout.border { border: 2px solid #eee} .callout.bg-dark h1, .callout.bg-dark h2, .callout.bg-dark h3, .callout.bg-dark h4, .callout.bg-dark h5 { color: #fff} .counter-box { text-align: center; margin-bottom: 20px} .counter-box-light { padding: 20px; text-align: center; background-color: #f9f9f9; border: 1px solid #eee; box-shadow: 3px 3px 0 #eee; margin-bottom: 20px} .counter-box-dark { padding: 20px; text-align: center; background-color: rgba(0, 0, 0, .3); box-shadow: 3px 3px 0 rgba(0, 0, 0, .4); margin-bottom: 20px} #coupon { font-size: 36px} #countdown.style1 .box { background: rgba(0, 0, 0, .3); color: #fff!important; display: inline-block; padding: 40px; margin: 10px} #countdown.style1 span { font-size: 80px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} #countdown.style2 { margin: 30px 0} #countdown.style2 .box { color: #fff!important; display: inline-block; margin: 10px} #countdown.style2 span { font-size: 45px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} @media (max-width:478px) { #countdown.style1 .box { padding: 20px; margin: 10px} #countdown.style1 span { font-size: 26px} } .team { margin: 10px 0; text-align: center; border: 1px solid #eee; box-shadow: 2px 2px 0px rgba(0,0,0,0.07); } /* .team img { margin: 0 auto; -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; } .team img:hover { -webkit-filter: grayscale(0); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0); -o-transition: .5s ease-in-out; } */ .team .content { background: #fff; padding: 20px; font-size: 16px} .team .content span { display: block; font-size: 13px} .team .content ul { margin: 15px 0 0} .team.dark { border: none} .team.dark .content { color: #3a3a3a} .team2 { position: relative; background: #fff; border: 1px solid #eee; padding: 10px; display: block; margin-bottom:15px; } .team2 .content { color: #222} .team2 .overlay { opacity: 0; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .7); display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out} .team2 .overlay ul { margin: 50% 0 0; width: 100%; text-align: center} .team2:hover .overlay { opacity: 1} .tp-caption.meduin_clarity_text { font-size: 22px; line-height: 58px; font-weight: 400; font-family: Montserrat; color: #fff; text-decoration: none; background-color: transparent; letter-spacing: 3px; text-align: center; border-width: 0; border-color: #000; border-style: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)} .tp-caption.large_clarity_text { font-size: 72px; line-height: 72px; font-weight: 800; font-family: Montserrat; color: #fff; text-decoration: none; background-color: transparent; text-transform: uppercase; letter-spacing: 2px; border-width: 0; border-color: #000; border-style: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)} .tp-caption.small_clarity_text { font-size: 24px; line-height: 32px; font-weight: 400; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #000; border-style: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)} .tp-caption.small_clarity_dark_text { font-size: 24px; line-height: 32px; font-weight: 400; font-family: Raleway; color: #3a3a3a; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none} .btn-rev { background: 0 0; color: #fff!important; border: 2px solid #fff; font-size: 16px!important; background: rgba(0, 0, 0, .1)} .btn-rev:hover { color: #fff; background: #000; border: 2px solid #fff; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /*z-index:10002;*/} #status { width: 200px; height: 200px; position:fixed; left: 50%; top: 50%; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px} .scrollToTop { width: 42px; height: 42px; padding: 8px 10px; text-align: center; font-weight: 700; color: #a1a1a1; text-decoration: none; position: fixed; bottom: 10px; right: 10px; display: none; cursor: pointer; border: none; background-color: #111111; z-index: 1005; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; behavior: url(img/PIE.htc)} .scrollToTop:focus, .scrollToTop:hover, .scrollToTop:visited { text-decoration: none; color: #fff;} .scrollToTop i { line-height: 24px} .theme-icons { margin: 0 -10px 20px; overflow: hidden} .theme-icons-list { padding-left: 0; list-style: none} .theme-icons li { float: left; width: 16%; height: 100px; padding: 10px; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid #eee; margin: 2px} .theme-icons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px} .theme-icons .icons { margin-top: 5px; margin-bottom: 10px; font-size: 24px; line-height: 34px} .theme-icons .theme-icons-class { display: block; text-align: center; word-wrap: break-word; font-size: 12px} .owl-carousel .item { margin: 10px} .customNavigation { margin: 4px 15px} .owl-title { float: left; margin-left: 10px} .owl-title h3 { margin: 8px 0} pre.code-block { display: none} a.showcode { font-weight: 700; position: relative; color: #ff0000} a.showcode:after { top: -3px; right: -20px; font-size: 12px; content: "\f121"; font-weight: 400; display: inline-block; font-family: FontAwesome; position: absolute} ul#filter { margin: 0; padding: 0} ul#filter li { display: inline-block} ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0} ul#filter a { text-decoration: none; padding: 4px 10px; color: #444; margin: 5px 2px; display: block; font-size: 14px} ul#filter a:hover, ul#filter li.current a { color: #ff0000} ul#filter li.current a { font-weight: 600; text-decoration: none; color: #ff0000} ul#portfolio { list-style: none; padding: 0; margin: 0; display: block} ul#portfolio a:hover { text-decoration: none} ul#portfolio img { margin: 15px 0} ul#portfolio h4 { margin-bottom: 0} ul#portfolio .item-wrapper { position: relative; text-align: center} ul#portfolio .item-wrapper .overlay { position: absolute; text-align: center; width: 100%; padding: 20px; color: #fff; zoom: 1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)"; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; bottom: 0; background: url(../img/trans-dot.png) top left} ul#portfolio .item-wrapper .overlay h4 { color: #fff} ul#portfolio .item-wrapper:hover .overlay { zoom: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)"; filter: alpha(opacity=100); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: url(../img/trans-dot.png) top left} ul#portfolio .info { text-align: center} ul#portfolio .no-padd img { margin: 0} .pricing-tables { background-color: #fff; border: 1px solid #eee; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); text-align: center; margin: 20px 0} .pricing-tables.highlights { background: #ff0000} .pricing-tables.highlights .heading { background: #ff0000; color: #fff} .pricing-tables.highlights .heading h3 { color: #fff!important} .pricing-tables.style2 { } .pricing-tables.style2 .title { padding: 20px 0 10px; color: #3a3a3a!important} .pricing-tables.style2 .title h3 { margin: 0; color: #3a3a3a!important; font-size: 21px} .pricing-tables.style2 .circle { width: 136px; height: 136px; background-color: #fff; line-height: 136px; margin: 0 auto; border: 2px solid #ff0000} .pricing-tables.style2 .circle.highlights { background-color: #ff0000; color: #fff} .pricing-tables.style2 .heading { padding: 10px 0; font-size: 26px} .pricing-tables.style3 { text-align: left} .pricing-tables.style3 .heading { text-align: left; padding: 20px; background-color: #373737; color: #fff} .pricing-tables.style3 .heading.highlights { background-color: #ff0000} .pricing-tables.style3 .heading h3 { color: #fff!important} .pricing-tables.style3 .footer { text-align: left} .pricing-tables .heading { text-align: center; font-size: 32px; background-color: #fff; padding: 30px 20px!important; color: #3a3a3a; font-weight: 700} .pricing-tables .heading h3 { margin-top: 0; color: #3a3a3a!important; font-size: 24px; font-weight: 700} .pricing-tables .heading span { font-size: 24px; vertical-align: top; margin-right: 4px} .pricing-tables .content ul { padding: 0; margin: 0; list-style: none} .pricing-tables .content ul li { padding: 10px 20px; background-color: #fff; color: #222} .pricing-tables .content ul li i { margin-right: 15px; color: #ff0000} .pricing-tables .footer { padding: 20px; background-color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(img/PIE.htc)} .error { text-align: center} .error h1 { font-size: 130px} .error p { font-size: 18px} .client { min-height: 170px; margin: 30px 0} .client .client-logo { width: 200px; float: left; border: 1px solid #eee; padding: 20px; text-align: center} .client .client-logo:hover { border: 1px solid #ff0000} .client .client-logo img { text-align: center; margin: 0 auto} .client .client-content { margin-left: 220px} @media (max-width:767px) { .client .client-logo { float: none} .client .client-content { margin: 20px 0} } .client-v2 { margin: 0 0 30px; padding: 20px; border: 1px solid #eee} .client-v2:hover { border: 1px solid #ff0000} .career { margin: 40px 0} .career .career-title { margin-bottom: 10px; border-bottom: 1px solid #eee} .career .career-content { padding: 10px 0} .side-menu, .side-menu a, .side-menu li, .side-menu ul { margin: 0; padding: 0; border: 0; list-style: none; font-weight: 400; text-decoration: none; line-height: 1; position: relative} .side-menu { width: 100%} .side-menu ul li { border-bottom: 1px solid #eee} .side-menu ul li:hover a { color: #ff0000} .side-menu ul li a { font-size: 14px; color: #3a3a3a; border-top: none; display: block; padding: 12px 10px} .side-menu ul li a:hover { text-decoration: none} .side-menu ul li.active a { color: #ff0000} .side-menu ul li.has-sub>a span:after { position: absolute; right: 10px; top: 12px; height: 12px; width: 12px; text-align: center; line-height: 20px; font-family: fontawesome; content: "\f196"!important; color: #ff0000} .side-menu ul li.has-sub.active>a span:after { font-family: fontawesome; content: "\f147"!important; color: #ff0000} .side-menu a { line-height: 1.3} .side-menu ul ul { display: none; background: #fff} .side-menu ul ul li { padding: 0; background: #f9f9f9} .side-menu ul ul li:first-child { border-top: 1px solid #eee} .side-menu ul ul li:last-child { border: none} .side-menu ul ul a { padding: 10px 10px 10px 25px; display: block; color: #676767; font-size: 13px; font-weight: 400} .side-menu ul ul a:before { content: ">"; position: absolute; left: 10px; color: #ff0000} .side-menu ul ul a:hover { color: #ff0000} .result { margin: 25px 0; display: block} .result a { color: #3a3a3a} .result a:hover { color: #ff0000} .result img { width: 125px} @media (max-width:767px) { .invoice .text-right { text-align: left} } .blog-post-item { display: block; margin-bottom: 80px; padding-bottom: 60px; border-bottom: #eee 1px solid; position: relative} .blog-post-item.grid { background-color: #fff; padding: 20px; margin-bottom: 30px} .blog-post-item.medium .flexslider img, .blog-post-item.medium img { min-height: 154px} .blog-post-item.medium h1, .blog-post-item.medium h2, .blog-post-item.medium h3, .blog-post-item.medium h4, .blog-post-item.medium h5 { margin-top: 0} .blog-post-item .flexslider, .blog-post-item .flexslider img { margin-bottom: 0} .blog-post-item h1 a, .blog-post-item h2 a, .blog-post-item h3 a, .blog-post-item h4 a, .blog-post-item h5 a { color: #3a3a3a; font-size: 22px} .blog-post-item h1 a:hover, .blog-post-item h2 a:hover, .blog-post-item h3 a:hover, .blog-post-item h4 a:hover, .blog-post-item h5 a:hover { color: #ff0000} .blog-post-item img, .blog-post-item p { margin-bottom: 20px} .blog-post-item .blog-post-info { display: block; border-bottom: #eaeaea 1px dotted; padding-bottom: 20px; margin-bottom: 20px} .blog-post-item .blog-post-info li { margin-right: 5px} .blog-post-item .blog-post-info li a { color: #888; font-size: 13px} .blog-post-item .blog-post-info li a:hover { color: #ff0000} .blog-post-item .blog-post-info li i { color: #888; margin-right: 5px} @media (max-width:767px) { .blog-post-item.medium h1, .blog-post-item.medium h2, .blog-post-item.medium h3, .blog-post-item.medium h4, .blog-post-item.medium h5 { margin-top: 20px} } .media, .media:first-child { margin-top: 30px} .media .reply { float: right; font-size: 13px} .media .date { font-size: 12px; font-style: italic; display: block} .shop-item { background-color: #fff; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 30px} .shop-item:hover { border-bottom: 1px solid #ff0000} .shop-item .shop-item-image { position: relative} .shop-item .shop-item-image .promo { position: absolute; top: 10px; left: 10px; opacity: 1; color: #fff} .shop-item .shop-item-image .promo .sale { background-color: #e67e22; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; behavior: url(img/PIE.htc); width: 47px; height: 46px; line-height: 46px; font-weight: 700; text-transform: uppercase; font-size: 11px; margin-bottom: 5px; text-align: center} .shop-item .shop-item-image .promo .new { background-color: #ff0000; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; behavior: url(img/PIE.htc); width: 47px; height: 46px; line-height: 46px; font-weight: 700; text-transform: uppercase; font-size: 11px; margin-bottom: 5px; text-align: center} .shop-item.vertical { min-height: 306px; padding: 20px; text-align: left} .shop-item.vertical .shop-item-image { float: left} .shop-item.vertical .shop-item-image img { max-width: 200px} .shop-item.vertical .quick-info { margin-left: 200px} .shop-item.vertical .quick-info p { margin-top: 10px} .shop-item .quick-info { padding: 20px} .shop-item .quick-info a i { margin-right: 5px} .shop-item .quick-info .btn { margin-top: 10px} .shop-item .quick-info .cat { font-size: 12px; font-weight: 700; text-transform: uppercase} .shop-item .quick-info .cat a { border-bottom: 2px solid #f5f5f5; padding-bottom: 3px} .shop-item .quick-info .price { font-size: 18px; color: #3a3a3a} .shop-item .quick-info .price .del { text-decoration: line-through; color: #818181} @media (max-width:520px) { .shop-item.vertical { min-height: 306px; padding: 20px; text-align: left} .shop-item.vertical .shop-item-image { float: none} .shop-item.vertical .shop-item-image img { width: 100%} .shop-item.vertical .quick-info { margin-left: 0; padding: 20px 0} .shop-item.vertical .quick-info p { margin-top: 10px} } .sorting { margin: 20px 0} .sorting .type a { margin: 0 0 0 6px; color: #818181} .sorting .type a:hover { color: #ff0000} .shop-widget { margin: 0; padding: 0; list-style: none} .shop-widget li { display: block; min-height: 116px; border-bottom: 1px solid #eee; margin: 10px 0} .shop-widget li img { float: left; width: 80px} .shop-widget li span { display: block; margin-left: 90px} .shop-widget li span.cat { text-transform: uppercase; font-size: 12px} .shop-widget li span.price { font-weight: 700} .single-product .sku { color: #a1a1a1} .single-product .price { font-size: 32px; margin: 30px 0; color: #3a3a3a} .single-product .price .del { text-decoration: line-through; color: #818181} .single-product .rating { margin: 20px 0} .single-product .quantity { margin: 30px 0} .single-product .quantity input { width: 50px} .single-product a i { margin-right: 5px} .starRating:not(old) { display: inline-block; width: 7.5em; height: 1.5em; overflow: hidden; vertical-align: bottom} .starRating:not(old)>input { margin-right: -100%; opacity: 0} .starRating:not(old)>label { display: block; float: right; position: relative; background: url(../img/shop/star-off.svg); background-size: contain} .starRating:not(old)>label:before { content: ''; display: block; width: 1.5em; height: 1.5em; background: url(../img/shop/star-on.svg); background-size: contain; opacity: 0; transition: opacity .2s linear} .starRating:not(:hover)>:checked~label:before, .starRating:not(old)>label:hover:before, .starRating:not(old)>label:hover~label:before { opacity: 1} .cart-img { width: 60px; vertical-align: text-top; margin-right: 15px} .cart-input { width: 40px; display: inline-block; margin-right: 10px} .checkout-process { padding: 0; list-style: none; margin: 40px auto} .checkout-process li { float: left; margin: 10px; padding: 10px 20px; background: #fff; color: #aeaeae; min-width: 248px; border: 1px dashed #eee} .checkout-process li.active { color: #fff; background: #ff0000; border: 1px solid #ff0000} .checkout-process li.active h4 { color: #fff} .checkout-process li span { font-size: 36px; float: left} .checkout-process li h4 { margin-left: 56px; font-size: 16px; font-weight: 400} @media (max-width:989px) { .checkout-process li { margin: 2px} } @media (max-width:589px) { .checkout-process li { margin: 2px 0; width: 100%} } .shipping { display: none} .cards { position: relative; overflow: hidden; margin-bottom: 15px} .cards span { position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 26px; font-weight: 700; text-shadow: 1px 1px 5px rgba(0, 0, 0, .5); z-index: 999} .cards img { transition: all .4s ease-in-out; -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out} .cards img:hover { transform: scale(1.2) rotate(1deg); -webkit-filter: grayscale(0); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0); -o-transition: .5s ease-in-out} .embed-full { width: 100%} pre { word-wrap: normal} #contactForm .error { text-align: left} #contactForm .error p { font-size: 13px; color: red} #contactForm .form-group { text-align: left} #contactForm .help-block { color: red; font-size: 13px} /* show-banner */ .show-banner { padding:120px 0; text-align:center; background: url(../img/background_v2.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; } .show-banner h1 { color:#fff; font-size:56px; font-weight:bold; text-shadow:2px 2px 4px rgba(0,0,0,0.5); } .show-banner h4 { color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.9); } .show-item { padding:10px; margin-bottom:20px; } .show-item h4 { margin-bottom: 20px; font-size: 16px; color:#2ecc71; } .show-item img { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); border: 1px solid #eee; } .show-item:hover img { box-shadow: 4px 4px 10px rgba(0,0,0,0.3); } .floatleft{ float:left} /********* ico ************/ .feature-box4 img{ display: block; border-radius: 50%; border: 3px solid #ff0000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .feature-box4 img:hover { background:rgba(255, 0, 0, 0.30); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .feature-box4 img:hover .feature-box4 img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; transition-delay: 0s; background:#fff; -webkit-transition-delay: 0s; -webkit-box-shadow: inset 0 0 0 100px #ff0000; -moz-box-shadow: inset 0 0 0 100px #ff0000; box-shadow: inset 0 0 0 100px #ff0000; } @-webkit-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes serviceiconhover { 0% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes serviceicon { 0% { color: #ff0000; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 50% { color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { color: #fff; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .product_class img { max-width : 150px;} b { color: #ff0000; } .news,.index_news { padding-bottom:60px;} .news ul li { list-style:none; padding:20px 0px; border-bottom:1px dotted #818181} .news .time { background:#ee4547;width:70px;height:70px; float:left; text-align:center; font-weight:bold} .news .date { color:#fff;font-size:12px;display:block;} .index_news ul li { list-style:none; padding:20px 0px 0px 0px; border-bottom:1px dotted #818181} .index_news ul li span { text-align:right; display:block; max-width:100px; float:right;} .conts {float:left} .conts .title { font-size:24px; font-weight:bold; margin:0px;} .abstract { display: inline-block; font-family: Microsoft YaHei; font-size: 12px; padding-top: 10px; padding-left: 5px; color: #999999; font-weight: normal; line-height:140%;} .fw_content { width:1200px; margin: 0 auto; padding:20px 0 15px; } .fwmain_left { width:260px; float: left; color: #4a4a4a; } .fwmain_center { width:450px; float: left; margin-left:28px; display: inline; overflow: hidden; } .fwmain_right { width:230px; float: right; color: #4a4a4a; } .fwmain_right .index_company { float:left; width:435px; } .fwmain_right .index_news { width:262px; float:right; } .fwmain_right .index_pro { float:left; width:710px; } .fwmain_total { } .tab-pal { background:#FFFFFF; padding:10px; } /*内页区域*/ .fwmain_nleft { width:200px; float: left; color: #4a4a4a; padding-bottom:10px; position: relative; z-index:5; } .fwmain_nright { width: 950px; float: left; color: #4a4a4a; min-height:600px; margin-left:10px; /*background: url(../images/nright_bg.jpg) no-repeat left top #fff;*/ } .pc_img { display:block; border:1px solid #ccc; width:215px; height:215px; margin:10px 10px 15px 5px; text-align:center; line-height:215px; vertical-align:middle; font-family:Algerian; font-size:3em; font-weight:bold; } .pc_img:hover { box-shadow: 5px 5px 5px #888888;} .ps_img { display:block; border:1px solid #ccc; width:215px; height:215px; margin:10px 10px 15px 5px; text-align:center; line-height:215px; vertical-align:middle; font-size:2em; font-weight:bold; } .ps_img:hover { box-shadow: 5px 5px 5px #888888;} /*内页区域*/ .fwbottom { margin: 0 auto; height:120px; border-top: 2px solid #979797; padding-top:10px; color:#333; background:#CECECE; } .fwbottom_bottomInfo { width:990px; margin:0 auto; } .fwtop_mainNav { width:100%; background:#C30F12; } /*网站基本导航样式*/ .fwtop_nav { z-index:1; height:40px; width:990px; margin:0 auto; } .fwnavlink li { float: left; height:40px; } .fwnavlink a:link, .fwnavlink a:visited, .fwnavlink a:active { display: inline-block; height:40px; text-decoration: none; text-align: center; width:127px; color:#fff; line-height:40px; font-size:14px; } .fwnavlink a:hover { color:#FFF; background: #990000; font-weight:bold; } .fwnavlink .open a { color:#FFF; background: #990000; font-weight:bold; } .fwnavlink a:selected { background: #9D0A05; color: #FFFFFF; display:inline-block; text-decoration: none; } /*下拉导航样式*/ .fwtop_nav2 { } .fwnavlink2 { position:relative; z-index:5; height:35px; width:990px; margin:0 auto; } .fwnavlink2 li { /*background: url(../images/nav_line.jpg) no-repeat top right;*/ } .fwnavlink2 .m { float:left; position:relative; z-index:1; } .fwnavlink2 h3 a { display: inline-block; height: 35px; text-decoration: none; text-align: center; width:127px; color:#fff; line-height:35px; font-size:14px; font-weight:normal; } .fwnavlink2 .on h3 a { color:#FFF; background:#990000; font-weight:bold; } .fwnavlink2 .sub { display:none; /*默认隐藏*/ position:absolute; left:0; top:35px; z-index:1; width:117px; background:#b30710; padding:5px; } .fwnavlink2 .sub li { text-align:center; background:none; display:block; } .fwnavlink2 .sub li a { display:block; border-bottom:1px dashed #cd5e64; padding:0px 0 5px; height:25px; line-height:25px; color:#fff; } .fwnavlink2 .sub li a:hover { background:#fff; color:#333; } /*横向下拉导航样式*/ .fwtop_nav3 { position:relative; z-index:5; height:35px; width:990px; margin:0 auto; } .fwtop_nav3 li { /*background: url(../images/nav_line.jpg) no-repeat top right;*/ } .fwtop_nav3 .m { float:left; position:relative; z-index:1; } .fwtop_nav3 h3 a { display: inline-block; height: 35px; text-decoration: none; text-align: center; width:127px; color:#fff; line-height:35px; font-size:14px; font-weight:normal; } .fwtop_nav3 .on h3 a { color:#FFF; background: #990000; font-weight:bold; } .fwtop_nav3 .sub { display:none; /*默认隐藏*/ width:500px; position:absolute; left:0; top:35px; line-height:26px; padding:7px 0; background:#b30710; float:left; z-index:5; } .fwtop_nav3 .sub li { float:left; background:none; } .fwtop_nav3 .sub li a { display:block; padding:0 15px; margin:0 10px; color:#FFF; } .fwtop_nav3 .sub li a:hover { background:#fff; color:#333; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .navBar { position:relative; z-index:1; background:#4E4E4E; color:#fff; height:40px; line-height:40px; } /*多级下拉导航样式*/ .fwnavlink4 { position:relative; z-index:5; height:35px; width:990px; margin:0 auto; } .fwnavlink4 li { /*background: url(../images/nav_line.jpg) no-repeat top right;*/ } .fwnavlink4 .m { float:left; position:relative; z-index:1; } .fwnavlink4 h3 a { display: inline-block; height: 35px; text-decoration: none; text-align: center; width:127px; color:#fff; line-height:35px; font-size:14px; font-weight:normal; } .fwnavlink4 .on h3 a { color:#FFF; background: #990000; font-weight:bold; } .fwnavlink4 .sub { display:none; /*默认隐藏*/ width:117px; position:absolute; left:0; top:35px; background:#b30710; float:left; line-height:30px; padding:5px; } .fwnavlink4 .sub dl { zoom:1; vertical-align:top; line-height:26px; } .fwnavlink4 .sub dl dt a { color:#fff; display:block; text-align:left; border-bottom:1px dotted #dadada; padding-left:5px; } .fwnavlink4 .sub dl dd a span { color:#fff; padding-left:15px; display:block; border-bottom:1px dotted #dadada; } .fwnavlink4 .sub dl dt a:hover { background:#fff; color:#333; } .fwnavlink4 .sub dl dd span:hover { background:#fff; color:#333; } .clearfix:after { clear: both; content: "."; display:inline-block; height: 0; visibility: hidden; } /*竖型3级菜单*/ .fwtop_nav6 { width:100%; margin:auto; } .fwtop_nav6 h1 { border-bottom:5px solid #fff; padding-left:10px; background:#ddd; margin:5px 0px; } .fwtop_nav6 h1.selected { color:#74ac01; font-weight:bold; } .fwtop_nav6 h1 a:link, .fwtop_nav6 h1 a:visited, .fwtop_nav6 h1 a:active { clear:both; line-height:28px; height:28px; background: url(../images/sidebar_icon.jpg) no-repeat left center; color:#555; font-size:12px; display: block; padding-left:20px; font-weight:normal; text-align:left; } .fwtop_nav6 h1 a:hover,.fwtop_nav6 h1 a.current { color:#fff; background: #990000; font-weight:bold; } .fwtop_nav6 h2 { cursor:pointer; color:#000; font-size:12px; font-weight:normal; padding:5px 0 5px 70px; } .fwtop_nav6 h2.selected { color:#0145c0; font-weight:bold; } .fwtop_nav6 ul { border-top:none; overflow:auto; } .fwtop_nav6 ul li { padding:5px 0 5px 10px; } .fwtop_nav6 .selectCheck a:link, .fwtop_nav6 .selectCheck a:visited, .fwtop_nav6 .selectCheck a:active { color:#d60309; font-weight:bold; } .download p.title a, .download p.title a:visited{text-decoration:none; color:#5a5a5a;} .download p.title a:hover{text-decoration:none; color:#0064d4;} .download span.category a, .download span.category a:visited{text-decoration:none; color:#0064d4; margin-right:5px;} .download span.category a:hover{text-decoration:none; color:#2c90ff;} .download span.wp-new-ar-pro-time{ font-size:11px; color:#acacac;} .down { margin-top:60px;} .download ul li{overflow:hidden; list-style:none;} .download ul li p{ height:28px; line-height:28px;} .download .wpart-border-line { border-bottom:1px dashed #c6c6c6;} .download p.link{ float:left; margin-left:3px;} .download p.time{ float:right; margin-right:3px;} .download span.wp-new-ar-pro-time {color:#929292; font-size:11px;} .download ul li.wp-articlelist-morebtn {border:none;} .download ul li.wp-articlelist-morebtn a {display:inline-block;float:right;margin:10px 3px 0 0;} .download .wp-pager_link{clear:both;padding:5px 0;overflow:hidden;height:25px;} .download .article_list_more {padding-top:2px;padding-bottom:4px;} .download .wp-pager_link .pager_link {border:1px solid #D5D5D5;display:inline-block;padding:0 3px;height:18px;line-height:18px;margin:0 2px;} .download .wp-pager_link span.curlink {border:medium none transparent;color:#D00;} .download ul li p {height:28px;line-height:28px;} .download p.title > a {display:inline-block;font-family:Microsoft YaHei;font-size:14px;color:#5a5a5a;font-weight:normal;text-decoration:none;} .download span.category > a {display:none;font-family:SimSun;font-size:12px;color:#0064d4;font-weight:normal;text-decoration:none;} .download span.category > a:visited {display:none;font-family:SimSun;font-size:12px;color:#0064d4;font-weight:normal;text-decoration:none;} .download span.wp-new-ar-pro-time {display:inline-block;font-family:Microsoft YaHei;font-size:12px;color:#acacac;font-weight:normal;text-decoration:none;} .download p.abstract {display:none;font-family:SimSun;font-size:12px;color:#5A5A5A;font-weight:normal;text-decoration:none;} .download p.link {background:none;}.download .wpart-border-line {border-bottom:1px dashed #c6c6c6;} #about li{ float:left; margin-left:10px;} #about a:link{border:1px solid #ff0000; color:#ff0000; display:block; background:#fff; border-radius:5px; width:105px; height:32px; line-height:32px; font-weight:bold; vertical-align:middle; text-align:center;} #about a:hover{ color:#fff; display:block;border:1px solid #ff0000; background:rgba(255, 0, 0, 0.69); border-radius:5px; width:105px; height:32px;font-weight:bold; line-height:32px; vertical-align:middle; text-align:center;} #about li a.current:link, #about li a.current:visited, #about li a.current:active, #about li a.current:focus { background:#ff0000; color:#fff; } .dropdown i{ padding-left:5px;} .navbar-brand img { width:80px; margin-top:-20px;} .footer a img { width:100px;} .pic_list1 li { float: left; list-style:none; } .product li { list-style:none; } .pic_list1 li img { height: 100px; line-height: 20px; margin: 10px 10px 5px 5px; overflow: hidden; width: 150px; padding:3px; background:#fff; border:1px solid #dadada; } /**************** 产品详情 ***************/ .picshow { BORDER-BOTTOM: #d9e0ea 1px solid; BORDER-LEFT: #d9e0ea 1px solid; MARGIN: 0px auto; WIDTH: 958px; HEIGHT: 620px; BORDER-TOP: #d9e0ea 1px solid; BORDER-RIGHT: #d9e0ea 1px solid } #picarea { MARGIN: 0px auto; BACKGROUND: #fff; } #bigpicarea { POSITION: relative; MARGIN: 0px auto; WIDTH: 430px; HEIGHT: 430px; OVERFLOW: hidden } .image { TEXT-ALIGN: center } .image IMG { MARGIN: 0px auto; } #bigpicarea .word { TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333 } #bigpicarea .word H3 { TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px } #bigpicarea .ui-els-hide { DISPLAY: none } #thumbs { LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 830px; HEIGHT: 110px } * HTML #thumbs { HEIGHT: 100% } #thumbs LI { WIDTH: 60px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px; margin-left:15px; } #thumbs UL { MARGIN-TOP: 3px } #thumbs LI.last_img { MARGIN-RIGHT: 4px } #thumbs LI.first { MARGIN: 25px 0px 0px 10px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer } #thumbs LI.last { MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer } #thumbs LI A { BORDER-BOTTOM: #C30F12 2px solid; BORDER-LEFT: #C30F12 2px solid; WIDTH: 60px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #C30F12 2px solid; BORDER-RIGHT: #C30F12 2px solid } #thumbs LI A:hover { BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid } #thumbs LI A.current { BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid } #thumbs LI.first IMG { } #thumbs LI.last IMG { } .bigbtnPrev { Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 10px; opacity:0.5; } .bigbtnNext { Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 10px;opacity:0.5; } .bigbtnPrev:hover ,.bigbtnNext:hover { opacity:0.8; } #big_play_prev { BACKGROUND-IMAGE: url("http://d.lanrentuku.com/down/js/xiangce-848/images/leftbig.png"); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png') } #big_play_next { BACKGROUND-IMAGE: url("http://d.lanrentuku.com/down/js/xiangce-848/images/rightbig.png"); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png') } #smallpicarea { MARGIN: 0px auto; WIDTH: 400px; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 20px; float:left; } /*无购买产品内容页*/ .product_preview2 { overflow:hidden; } .product_info2 { float: left; width:40%; margin-left: 10px; } .product_preview_sub2 { border: 1px solid #DDDDDD; padding:5px; background:#fff; } .product_preview_sub3 { /* width:85px;*/ float:left; background:#dddddd; } .product_preview_sub3 ul { padding:0; margin:0; list-style:none; } .product_preview_sub3 li { padding:3px; } .product_name2 { border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px; font-size:14px; font-weight:bold; } /*详细内容tab菜单样式*/ .tab-hd li.on { border-top: 4px solid #990000; height: 28px; line-height:28px; width:70px; text-align:center; background:#ffffff; } .tab-hd li.on a { color:#990000; } .product_summary { float: left; padding: 10px 0;/*width:100%;*/ } .product_summary ul { padding:0; margin:0; list-style:none; } .product_summary li { clear: both; overflow: hidden; padding: 6px; } .product_summary li span { float:left; margin-right:10px; } .product_summary li img { border:0; } .product_detailmore { margin-top: 10px; border-color: #DEDFDE; border-image: none; border-style: solid; border-width: 1px; background: #f4f4f4; } .product_detailmore_title ul { padding: 0; margin: 0; list-style: none; } .product_intro { height: auto !important; } .clear { clear:both;} #proContent li{ list-style:none;} .heading a:link,.heading a:visited,.heading a:active,.heading a:focus { padding:0px;} .label_head { background:#ff0000; color:#fff; padding:30px; font-size:25px; } .label_head1 { background:#ff0000; color:#fff; padding:10px;} .product_detailmore_title ul { padding:0; margin:0; list-style:none; } .product_detailmore_title li { float: left; height: 28px; width:70px; line-height:28px; text-align:center; } ul,li { margin:0px; padding:0px;} .weiduduan{ width:690px; margin:15px auto 0 auto;} .slide{ width:690px; height:500px; border-radius:5px; overflow:hidden;} .slide .play{ float:left; height:500px; width:565px; overflow:hidden; position:relative;} .slide .play ul{ width:3500px; position:absolute; top:0;} .slide .play li{ float:left; height:500px; width:565px; overflow:hidden;} .slide .play li img{ display:block; width:565px; height:440px} .slide .tab{ float:right; width:125px; height:500px; overflow:hidden;} .slide .tab li{ width:108px; height:67px; margin-bottom:9px; overflow:hidden;} .slide .tab li.on{ background:url("../images/slide_arr.gif") 5px center no-repeat;} .slide .info{ color:#666; height:35px; line-height:35px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .slide .info a{ color:#e58a00; font-size:14px} .product_detailmore_content { padding-left:20px;} .product_detailmore_content table tr td{ border:1px solid #818181; padding:5px; font-weight:100;} .img-circle img { width:130px;} .newinfo h2 { text-align:center } .newinfo .small_text { text-align:center; padding:10px;} .newinfo .text { padding-top:20px;} /*下载内容页*/ .down_detail { width:98%; margin:0 auto; } .down_detail_title { font-size:20px; font-weight:bold; text-align:left; line-height:35px; margin-left:20px; padding:10px 0px; border-bottom:1px solid #DDDDDD; } .down_intro { height: auto !important; padding:20px; } .down_preview { width: 250px; float:right; } .down_info { padding-right: 270px; } .down_summary { float: left; padding: 10px 0; width:100%; } .down_summary ul { padding:0; margin:0; list-style:none; } .down_summary li { clear: both; overflow: hidden; padding: 6px; border-bottom: 1px dashed #DDDDDD; } .down_summary li span { float:left; margin-right:10px; } .down_summary li img { border:0; } .down_detailmore { margin:10px 20px; width:100%; border-color: #DEDFDE; border-image: none; border-style: solid; border-width: 1px; background:#f4f4f4; } .down_detailmore_title ul { padding:0; margin:0; list-style:none; } .down_detailmore_title li { float: left; height: 28px; width:70px; line-height:28px; text-align:center; } .downNavCurrent { border-top: 4px solid #B10000; height: 28px; line-height:28px; width:70px; text-align:center; background:#ffffff; } .down_detailmore_content { background:#FFFFFF; padding:10px; } .loginform { position: fixed; _position: absolute; _top: expression(documentElement.scrollTop + 340 + "px"); background: #fff; border: 1px solid #939395; width: 500px; height: 200px; top: 50%; left: 50%; margin: -200px 0 0 -230px; overflow: hidden; z-index: 999999; font-size: 14px; color: #000; display: none; border:3px solid #b00005; border-radius: 10px; } .loginform form { padding:20px;} .msgTitle { height:30px; text-align:center; font-weight:bold; font-size:16px; background:#B00005; line-height:30px; vertical-align:middle; color:#fff;} .loginform dl { overflow: hidden; padding: 20px; margin: 0; } .loginform dl dt { line-height: 30px; } .loginform dl dd { line-height: 25px; height: 25px; padding-left: 10px; margin: 0; } .loginform dl dd label { padding-left: 5px; } .loginform dl dd.cBtn { width: 102px; height: 28px; background: url(../images/member/chooseBtn.gif) no-repeat; margin-top: 10px; padding: 0; } .loginform dl dd.cBtn a { display: block; text-align: center; } .loginform dl dd.cBtn a:link, .loginform dl dd.cBtn a:visited { color: #000; } .loginform dl dd.lBtn { float: left; display: inline; } .loginform dl dd.rBtn { float: left; display: inline; margin-left: 10px; } #statuss { width: 100%; height:100%; background: #000; position: fixed; top: 0px; left: 0px; padding-top: 200px; z-index:9999; overflow:hidden; } .logo_top { background: url(../images/logo_footer.png) no-repeat; width: 200px; height: 130px; margin:0 auto; display: none; } .logo_text { background: url(../images/logo_footer.png) 0px -140px no-repeat; width: 200px; height: 100px; display: none; margin: 0 auto; } .hi_logo { background: url(../images/logo_footer.png) no-repeat; width: 200px; height: 200px; display: none; margin: 0 auto; } /* Custom */ #hi-there { width: 100%; stroke-width: 1; color: #ff0000; } .hi-there { fill:none; stroke:currentColor} .svglogo { fill:#ff0000;color: #ff0000;stroke-width: 1; width: 100%; } .pos { position:absolute;} .sub-nav { padding-left:30px;} .searchbox{ height:30px;} .searchbox input{ float:left} .searchbox .searchbox_txt{ width:232px; font-size:14px;font-family:Microsoft YaHei;color:#666;font-weight:normal; line-height:30px; height:30px;vertical-align: middle; border:#CCCCCC 2px solid; padding-left:5px; padding-right:5px; -webkit-appearance:none;-webkit-border-radius:0;display: block;} .searchbox .searchbox_btn{ background-color:#0e0f21;font-family:Microsoft YaHei;font-weight:normal; border:#fff 0px solid; float:left; width:100px; line-height:30px;cursor: pointer; color:#fff; font-size:14px; text-align:center;} .searchbox .searchbox_btn:hover{ background-color:#f52b00;font-family:Microsoft YaHei;font-weight:normal;border:#fff 0px solid; float:left; width:100px;cursor: pointer; color:#fff; font-size:14px; text-align:center; line-height:30px;}