查看文件: style.css
大小: 44 KB
类型: text/css
.tp-opacity { opacity: .35 !important } .tp-nopointer { pointer-events: none !important } .tp-whiteshadow { text-shadow: -2px 1px white, -3px 2px white, -4px 3px white, -5px 4px white, -6px 5px white, -7px 6px white, -8px 7px white, -9px 8px white, -10px 9px white, -11px 10px white, -12px 11px white; } .tp-blackshadow { text-shadow: -2px 1px #222, -3px 2px #222, -4px 3px #222, -5px 4px #222, -6px 5px #222, -7px 6px #222, -8px 7px #222, -9px 8px #222, -10px 9px #222, -11px 10px #222, -12px 11px #222; } .blurslider-gradient { background: -webkit-linear-gradient(left, #ff557c 0%, #f3823c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #rev_slider_28_1 .uranus.tparrows { width: 50px; height: 50px; background: rgba(255, 255, 255, 0) } #rev_slider_28_1 .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all 0.3s; -webkit-transition: all 0.3s } #rev_slider_28_1 .uranus.tparrows:hover:before { opacity: .75 } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px rgb(255, 255, 255); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, .21) } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: rgb(255, 255, 255); box-shadow: 0 0 1px rgb(255, 255, 255); -webkit-transition: height 0.3s ease; transition: height 0.3s ease } .hermes .tp-bullet.selected:after { height: 100% } .tiny_bullet_slider .tp-bullet:before { content: ""; position: absolute; width: 100%; height: 25px; top: -12px; left: 0; background: transparent } .bullet-bar.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .bullet-bar .tp-bullet { width: 60px; height: 3px; position: absolute; background: #aaa; background: rgba(204, 204, 204, .5); cursor: pointer; box-sizing: content-box } .bullet-bar .tp-bullet:hover, .bullet-bar .tp-bullet.selected { background: rgba(204, 204, 204, 1) } .tp-gradientstyle { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(0, 0, 0, 0.75))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0) } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { padding: 3px; background-color: rgba(17, 17, 17, 1); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1); -moz-box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1); box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1) } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%) } .gyges .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: "roboto", sans-serif; border-bottom: 1px solid rgba(255, 255, 255, .15) } .gyges .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .gyges .tp-tab-content { background: rgba(0, 0, 0, 0); position: absolute; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: rgba(51, 51, 51, 0); display: inline-block; width: 100%; height: 100%; } .gyges .tp-tab-date { display: block; color: rgba(255, 255, 255, 0.5); font-weight: 500; font-size: 12px; margin-bottom: 0; } .gyges .tp-tab-title { display: block; text-align: left; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px; } .gyges .tp-tab:hover, .gyges .tp-tab.selected { background: rgba(0, 0, 0, .51); } .soundcloudwrapper iframe { width: 100% !important } .news-header .tp-tab-title { color: #fff; font-size: 17px; font-weight: 900; text-transform: uppercase; font-family: "Roboto"; margin-bottom: 5px; width: 350px; display: block; letter-spacing: 1px; } .news-header .tp-tab-desc { font-size: 17px; font-weight: 500; color: #ffcc00; line-height: 25px; font-family: "Roboto"; } .tp-caption.Video-Title, .Video-Title { color: rgba(255,255,255,1.00); font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Raleway; text-decoration: none; background-color: rgba(0,0,0,1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; } .tp-caption.Video-SubTitle, .Video-SubTitle { color: rgba(255,255,255,1.00); font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Raleway; text-decoration: none; background-color: rgba(0,0,0,0.35); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px; } .msp-cn-165-7 { font-family: "Oswald"; font-weight: 200; font-size: 16px; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-165-9 { background-color: #ffffff; font-weight: normal; line-height: normal; } .msp-cn-165-10 { font-family: "Oswald"; font-weight: 200; font-size: 12px; line-height: normal; color: #ffffff; } .msp-cn-165-11 { font-family: "Oswald"; font-weight: 200; font-size: 16px; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-165-12 { background-color: #f7bc6f; font-weight: normal; line-height: normal; } .msp-cn-165-13 { font-family: "Oswald"; font-weight: 200; font-size: 12px; line-height: normal; color: #ffffff; } .msp-cn-165-14 { font-family: "Oswald"; font-weight: 200; font-size: 16px; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-165-15 { background-color: #ffffff; font-weight: normal; line-height: normal; } .msp-cn-165-16 { font-family: "Oswald"; font-weight: 200; font-size: 12px; line-height: normal; color: #ffffff; } .msp-cn-165-17 { font-family: "Roboto"; font-weight: normal; font-size: 12px; letter-spacing: 3px; line-height: 80px; color: #e5e5e5; text-transform: uppercase; } .msp-cn-165-18 { font-family: "Oswald"; font-weight: 600; font-size: 82px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-165-19 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-20 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-21 { font-family: "Roboto"; font-weight: normal; font-size: 12px; letter-spacing: 3px; line-height: 80px; color: #e5e5e5; text-transform: uppercase; } .msp-cn-165-22 { font-family: "Oswald"; font-weight: 600; font-size: 82px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-165-23 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-24 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-25 { font-family: "Roboto"; font-weight: normal; font-size: 12px; letter-spacing: 3px; line-height: 80px; color: #e5e5e5; text-transform: uppercase; } .msp-cn-165-26 { font-family: "Oswald"; font-weight: 600; font-size: 82px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-165-27 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-28 { font-family: "Oswald"; font-weight: 200; font-size: 82px; line-height: normal; color: #ffffff; font-weight: light !important; } .msp-cn-165-29 { background-color: #f7bc6f; font-weight: normal; line-height: normal; } .msp-cn-165-30 { background-color: #ffffff; font-weight: normal; line-height: normal; } .msp-cn-165-31 { background-color: #f7bc6f; font-weight: normal; line-height: normal; } .msp-preset-21 { background-color: #a9a8a8; font-weight: normal; line-height: normal; } .msp-preset-22 { font-family: "Oswald"; font-weight: 700; font-size: 48px; line-height: 60px; color: #ffffff; } .msp-preset-23 { font-family: "Lato"; font-weight: normal; font-size: 16px; line-height: normal; color: #c0c0c0; } .msp-preset-25 { padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px; font-family: "Lato"; font-weight: normal; font-size: 10px; text-align: center; letter-spacing: 2px; line-height: normal; text-transform: uppercase; } .msp-preset-26 { font-family: "Lato"; font-weight: normal; font-size: 16px; line-height: normal; color: #ffffff; } .msp-preset-27 { background-color: #ffffff; font-weight: normal; line-height: normal; } .msp-preset-btn-187 { background-color: #ebebeb; color: #282828 } .msp-preset-btn-187:hover { background-color: #e6e6e6; color: #666 } .msp-preset-btn-187:active { left: 2px } .msp-cn-155-11 { font-family: "Lato"; font-weight: normal; font-size: 12px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-155-21 { font-family: "Lato"; font-weight: normal; font-size: 12px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-155-46 { font-family: "Lato"; font-weight: normal; font-size: 12px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #a9a8a8; } .msp-cn-155-48 { font-family: "Oswald"; font-weight: 700; font-size: 48px; line-height: 60px; white-space: nowrap; color: #ffffff; } .msp-cn-154-8 { font-family: "Lato"; font-weight: normal; font-size: 10px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #b7b7b7; } .msp-cn-154-9 { font-family: "Arimo"; font-weight: 700; font-size: 90px; line-height: normal; color: #faa568; } .msp-cn-154-10 { font-family: "Lato"; font-weight: 700; font-size: 14px; line-height: normal; white-space: nowrap; color: #b1b0b0; } .msp-cn-154-11 { background-color: #dcdcdc; font-weight: normal; line-height: normal; } .msp-cn-154-12 { font-family: "Lato"; font-weight: normal; font-size: 18px; line-height: normal; color: #878686; } .msp-cn-154-14 { font-family: "Lato"; font-weight: normal; font-size: 10px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #b7b7b7; } .msp-cn-154-15 { font-family: "Arimo"; font-weight: 700; font-size: 90px; line-height: normal; color: #faa568; } .msp-cn-154-16 { font-family: "Lato"; font-weight: 700; font-size: 14px; line-height: normal; white-space: nowrap; color: #b1b0b0; } .msp-cn-154-17 { background-color: #dcdcdc; font-weight: normal; line-height: normal; } .msp-cn-154-18 { font-family: "Lato"; font-weight: normal; font-size: 18px; line-height: normal; color: #878686; } .msp-cn-154-20 { font-family: "Lato"; font-weight: normal; font-size: 10px; letter-spacing: 2px; line-height: normal; white-space: nowrap; color: #b7b7b7; } .msp-cn-154-21 { font-family: "Arimo"; font-weight: 700; font-size: 90px; line-height: normal; color: #faa568; } .msp-cn-154-22 { font-family: "Lato"; font-weight: 700; font-size: 14px; line-height: normal; white-space: nowrap; color: #b1b0b0; } .msp-cn-154-23 { background-color: #dcdcdc; font-weight: normal; line-height: normal; } .msp-cn-154-24 { font-family: "Lato"; font-weight: normal; font-size: 18px; line-height: normal; color: #878686; } .msp-preset-btn-186 { color: #fff; border: solid 1px #fff !important } .msp-preset-btn-186:hover { text-decoration: none; border-color: #f0f0f0 !important; color: #f0f0f0 } .msp-preset-btn-186:active { text-decoration: none; top: 1px } .msp-cn-152-10 { font-family: "Playfair Display"; font-weight: normal; font-size: 48px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-152-11 { padding-top: 12px; padding-right: 52px; padding-bottom: 12px; padding-left: 52px; font-family: "Lato"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; } .msp-cn-152-12 { font-family: "Playfair Display"; font-weight: normal; font-size: 48px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-152-13 { padding-top: 12px; padding-right: 52px; padding-bottom: 12px; padding-left: 52px; font-family: "Lato"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; } .msp-cn-152-14 { font-family: "Playfair Display"; font-weight: normal; font-size: 48px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-152-15 { padding-top: 12px; padding-right: 52px; padding-bottom: 12px; padding-left: 52px; font-family: "Lato"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; white-space: nowrap; } .msp-preset-29 { font-family: "Raleway"; font-weight: 800; font-size: 120px; letter-spacing: 1px; line-height: normal; color: #ffffff; } .msp-preset-30 { font-family: "Source Code Pro"; font-weight: normal; font-size: 22px; line-height: normal; color: #ffffff; } .msp-preset-31 { font-family: "Source Code Pro"; font-weight: normal; font-size: 14px; letter-spacing: 1px; line-height: normal; color: #ba895d; } .msp-preset-32 { font-family: "Source Code Pro"; font-weight: normal; font-size: 14px; line-height: normal; color: #6a6a6a; } .msp-cn-156-35 { background-color: #272727; font-weight: normal; line-height: normal; color: #ffffff; background: rgba(39, 39, 39, 1); background: -moz-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#ffffff', GradientType=1); } .msp-cn-156-41 { background-color: #272727; font-weight: normal; line-height: normal; color: #ffffff; background: rgba(39, 39, 39, 1); background: -moz-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#ffffff', GradientType=1); } .msp-cn-156-45 { font-family: "Raleway"; font-weight: 800; font-size: 115px; letter-spacing: 1px; line-height: normal; color: #ffffff; } .msp-cn-156-49 { background-color: #272727; font-weight: normal; line-height: normal; color: #ffffff; background: rgba(39, 39, 39, 1); background: -moz-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#ffffff', GradientType=1); } .ms-slider-slide-gradient-bg { background: rgba(39, 39, 39, 1); background: -moz-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(39, 39, 39, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#ffffff', GradientType=1); } .ms-parent > .master-slider { background: #000000; } .master-slider .spinner-static { animation: none; } .master-slider .spinner-rotate { -webkit-animation: ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1); animation: ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1); } @-moz-keyframes ms-spin-grid { 100% { -moz-transform: rotate(-360deg); } } @-webkit-keyframes ms-spin-grid { 100% { -webkit-transform: rotate(-360deg); } } @keyframes ms-spin-grid { 100% { transform: rotate(-360deg); } } .msp-preset-btn-125 { background-color: #222; color: #fff } .msp-preset-btn-125:hover { text-decoration: none; background-color: #333; color: #fff } .msp-preset-btn-125:active { text-decoration: none; top: 1px } .msp-cn-134-4 { font-family: "Josefin Sans"; font-weight: 600; font-size: 17px; text-align: center; line-height: normal; white-space: nowrap; color: #3b3b3b; } .msp-cn-134-5 { font-family: "Lato"; font-weight: 900; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-7 { font-family: "Arvo"; font-weight: normal; font-size: 16px; line-height: 27px; color: #ffffff; } .msp-cn-134-8 { font-family: "Arvo"; font-weight: normal; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-9 { font-family: "Lato"; font-weight: normal; font-size: 16px; text-align: center; line-height: normal; white-space: nowrap; } .msp-cn-134-13 { font-family: "Pacifico"; font-weight: normal; font-size: 90px; text-align: center; line-height: normal; white-space: nowrap; color: #343434; } .msp-cn-134-16 { font-family: "Josefin Sans"; font-weight: 600; font-size: 17px; text-align: center; line-height: normal; white-space: nowrap; color: #3b3b3b; } .msp-cn-134-17 { font-family: "Lato"; font-weight: 900; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-18 { font-family: "Arvo"; font-weight: normal; font-size: 16px; line-height: 27px; color: #ffffff; } .msp-cn-134-19 { font-family: "Arvo"; font-weight: normal; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-20 { font-family: "Lato"; font-weight: normal; font-size: 16px; text-align: center; line-height: normal; white-space: nowrap; } .msp-cn-134-24 { font-family: "Pacifico"; font-weight: normal; font-size: 90px; text-align: center; line-height: normal; white-space: nowrap; color: #343434; } .msp-cn-134-27 { font-family: "Josefin Sans"; font-weight: normal; font-size: 17px; text-align: center; line-height: normal; white-space: nowrap; color: #f2a64e; } .msp-cn-134-28 { font-family: "Lato"; font-weight: 900; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-29 { font-family: "Arvo"; font-weight: normal; font-size: 16px; line-height: 27px; color: #ffffff; } .msp-cn-134-30 { font-family: "Arvo"; font-weight: normal; font-size: 30px; line-height: normal; color: #ffffff; text-transform: uppercase; } .msp-cn-134-31 { font-family: "Lato"; font-weight: normal; font-size: 16px; text-align: center; line-height: normal; white-space: nowrap; } .msp-cn-134-35 { font-family: "Pacifico"; font-weight: normal; font-size: 90px; text-align: center; line-height: normal; white-space: nowrap; color: #ec9b3c; } .msp-preset-btn-167 { background-color: transparent; color: #fff; border: 2px solid #fff } .msp-preset-btn-167:hover { text-decoration: none; border-color: #ddd; color: #ddd } .msp-preset-btn-167:active { text-decoration: none; top: 1px } .msp-cn-120-6 { font-family: "Lato"; font-weight: 700; font-size: 45px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-8 { font-family: "Lato"; font-weight: 300; font-size: 18px; line-height: normal; white-space: nowrap; color: #f2f2f2; } .msp-cn-120-9 { font-family: "Lato"; font-weight: 300; font-size: 18px; line-height: normal; white-space: nowrap; color: #f2f2f2; } .msp-cn-120-10 { font-family: "Lato"; font-weight: 700; font-size: 45px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-14 { font-family: "Lato"; font-weight: 300; font-size: 18px; text-align: center; line-height: normal; white-space: nowrap; color: #f2f2f2; } .msp-cn-120-17 { font-family: "Lato"; font-weight: 700; font-size: 48px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-24 { font-family: "Lato"; font-weight: 700; font-size: 48px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-28 { font-family: "Lato"; font-weight: 700; font-size: 48px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-30 { font-family: "Lato"; font-weight: 300; font-size: 18px; line-height: normal; white-space: nowrap; color: #f2f2f2; text-transform: lowercase; } .msp-cn-120-31 { font-family: "Lato"; font-weight: 300; font-size: 14px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-120-47 { font-family: "Lato"; font-weight: 300; font-size: 18px; text-align: center; line-height: normal; white-space: nowrap; color: #f2f2f2; } .msp-cn-120-48 { font-family: "Lato"; font-weight: 300; font-size: 18px; text-align: center; line-height: normal; white-space: nowrap; color: #f2f2f2; } .msp-preset-btn-132 { background-color: #dedede; color: #666 } .msp-preset-btn-132:hover { text-decoration: none; background-color: #d1d1d1; color: #666 } .msp-preset-btn-132:active { text-decoration: none; top: 1px } .msp-preset-btn-172 { background-color: #353434; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-weight: 200 } .msp-preset-btn-172:hover { text-decoration: none; background-color: #fff; color: #353434 } .msp-preset-btn-172:active { text-decoration: none; top: 1px } .msp-cn-121-2 { border-style: none; font-weight: normal; line-height: normal; max-width: 506px !important; height: auto !important; } .msp-cn-121-3 { font-weight: normal; line-height: normal; max-width: 364px !important; height: auto !important; } .msp-cn-121-4 { font-weight: normal; line-height: normal; max-width: 359px !important; height: auto !important; } .msp-cn-121-5 { font-weight: normal; line-height: normal; max-width: 478px !important; height: auto !important; } .msp-cn-121-6 { font-family: "Montserrat"; font-weight: normal; font-size: 42px; text-align: center; line-height: normal; white-space: nowrap; color: #474747; } .msp-cn-121-7 { font-family: "Montserrat"; font-weight: 700; font-size: 72px; text-align: center; line-height: normal; white-space: nowrap; color: #ffb88f; } .msp-cn-121-8 { font-family: "Montserrat"; font-weight: 700; font-size: 62px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-121-11 { font-family: "Montserrat"; font-weight: normal; font-size: 24px; line-height: normal; white-space: nowrap; color: #191919; } .msp-cn-121-12 { font-family: "Montserrat"; font-weight: normal; font-size: 24px; text-align: right; line-height: normal; white-space: nowrap; color: #191919; } .msp-cn-121-14 { font-family: "Montserrat"; font-weight: 700; font-size: 62px; text-align: right; line-height: normal; color: #ffb88f; } .msp-cn-121-16 { font-family: "Montserrat"; font-weight: 700; font-size: 72px; text-align: center; line-height: normal; white-space: nowrap; color: #ffb88f; } .msp-cn-121-17 { font-weight: normal; line-height: normal; max-width: 32px !important; height: auto !important; } .msp-cn-121-18 { font-family: "Montserrat"; font-weight: normal; font-size: 24px; text-align: center; line-height: normal; white-space: nowrap; color: #191919; } .msp-cn-121-21 { font-weight: normal; line-height: normal; } .msp-cn-121-23 { font-weight: normal; line-height: normal; max-width: 32px !important; height: auto !important; } .fs-slider .fullwidth-layers .ms-slide-layers { left: 0 !important; max-width: none !important; } @media screen and (min-width: 1280px) { .font-title-55 { font-size: 55px !important; } .font-desc-24 { font-size: 24px !important; } } .fs-slider .ms-wheel-icon { -webkit-animation: scroll-wheel 1.3s ease-out infinite forwards; -moz-animation: scroll-wheel 1.3s ease-out infinite forwards; animation: scroll-wheel 1.3s ease-out infinite forwards; } @-webkit-keyframes scroll-wheel { 0% { -webkit-transform: translateY(0); opacity: 1; } 50% { -webkit-transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 0; } } @-moz-keyframes scroll-wheel { 0% { -moz-transform: translateY(0); opacity: 1; } 50% { -moz-transform: translateY(10px); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 0; } } @keyframes scroll-wheel { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 0; } } .msp-preset-btn-164 { background-color: #fff; color: #222; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-transform: uppercase } .msp-preset-btn-164:hover { text-decoration: none; background-color: #222; color: #fff } .msp-preset-btn-164:active { text-decoration: none; top: 1px } .msp-preset-btn-165 { background-color: #222; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-transform: uppercase } .msp-preset-btn-165:hover { text-decoration: none; background-color: #fff; color: #222 } .msp-preset-btn-165:active { text-decoration: none; top: 1px } .msp-preset-btn-166 { background-color: transparent; border: 1px solid #222; color: #222; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-transform: uppercase } .msp-preset-btn-166:hover { text-decoration: none; background-color: #222; color: #fff } .msp-preset-btn-166:active { text-decoration: none; top: 1px } .msp-cn-12-1 { padding-top: 12px; padding-right: 45px; padding-bottom: 12px; padding-left: 45px; border-color: #ffffff; border-style: solid; font-family: "Roboto"; font-weight: normal; font-size: 60px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-68-2 { font-family: "Roboto"; font-weight: normal; font-size: 16px; text-align: center; line-height: 35px; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-12-3 { padding-top: 16px; padding-right: 36px; padding-bottom: 16px; padding-left: 36px; font-family: "Roboto"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; white-space: nowrap; } .msp-cn-68-6 { font-family: "Roboto"; font-weight: 300; font-size: 60px; letter-spacing: 4px; line-height: normal; white-space: nowrap; color: #222222; } .msp-cn-68-7 { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 35px; white-space: nowrap; color: #222222; text-transform: uppercase; } .msp-cn-12-8 { font-family: "Roboto"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; } .msp-cn-12-12 { font-family: "Roboto"; font-weight: 300; font-size: 16px; text-align: center; letter-spacing: 7px; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-12-13 { font-family: "Roboto"; font-weight: 300; font-size: 60px; text-align: center; letter-spacing: 10px; line-height: normal; white-space: nowrap; color: #ffffff; text-transform: uppercase; } .msp-cn-12-14 { font-family: "Roboto"; font-weight: normal; font-size: 12px; text-align: center; line-height: normal; } .msp-cn-68-18 { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: normal; white-space: nowrap; color: #222222; text-transform: uppercase; } .msp-cn-68-21 { font-family: "Roboto"; font-weight: 300; font-size: 60px; line-height: normal; color: #222222; text-transform: uppercase; } .msp-cn-68-22 { font-family: "Roboto"; font-weight: 500; font-size: 60px; line-height: normal; white-space: nowrap; color: #222222; text-transform: uppercase; } .msp-cn-12-23 { font-family: "Roboto"; font-weight: normal; line-height: normal; color: #222222; text-transform: uppercase; } .ms-fashion .ms-slide-layers { overflow: visible; } .msp-preset-btn-171 { background-color: #fff; color: #666; border: 2px solid #fff } .msp-preset-btn-171:hover { text-decoration: none; background-color: #f1f1f1; color: #666; border: 2px solid #f1f1f1 } .msp-preset-btn-171:active { text-decoration: none; top: 1px } .msp-cn-118-1 { font-family: "Kaushan Script"; font-weight: normal; font-size: 19px; text-align: center; line-height: normal; white-space: nowrap; color: #e8e8e8; } .msp-cn-118-2 { font-family: "Kaushan Script"; font-weight: normal; font-size: 58px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-3 { font-family: "Kaushan Script"; font-weight: normal; font-size: 24px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-4 { font-family: "Raleway"; font-weight: 600; font-size: 29px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-5 { font-weight: normal; line-height: normal; white-space: nowrap; } .msp-cn-118-9 { font-family: "Raleway"; font-weight: normal; font-size: 39px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-10 { font-family: "Kaushan Script"; font-weight: normal; font-size: 39px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-11 { font-family: "Raleway"; font-weight: 500; font-size: 11px; text-align: center; line-height: normal; white-space: nowrap; } .msp-cn-118-13 { font-family: "Raleway"; font-weight: normal; font-size: 39px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-118-15 { font-family: "Kaushan Script"; font-weight: normal; font-size: 39px; text-align: center; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-preset-7 { font-family: "Raleway"; font-weight: 600; font-size: 48px; text-align: center; line-height: normal; white-space: nowrap; color: #77cba9; } .msp-preset-btn-169 { background-color: transparent; color: #fff; border: 2px solid #fff } .msp-preset-btn-169:hover { text-decoration: none; background-color: #fff; color: #666 } .msp-preset-btn-169:active { text-decoration: none; top: 1px } .msp-preset-btn-170 { background-color: #fff; color: #666; border: 2px solid #fff } .msp-preset-btn-170:hover { text-decoration: none; background-color: #f1f1f1; color: #666; border: 2px solid #f1f1f1 } .msp-preset-btn-170:active { text-decoration: none; top: 1px } .ms-parent > .master-slider { background: #282e35; } .msp-cn-69-1 { font-family: "Kaushan Script"; font-weight: normal; font-size: 30px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .msp-cn-69-3 { font-family: "Raleway"; font-weight: 600; font-size: 48px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .msp-cn-69-4 { font-family: "Raleway"; font-weight: 600; font-size: 48px; text-align: center; line-height: normal; white-space: nowrap; color: #77cba9; } .msp-cn-69-6 { font-family: "Raleway"; font-weight: normal; font-size: 18px; text-align: center; line-height: normal; color: #666666; } .msp-cn-69-7 { font-family: "Raleway"; font-weight: normal; font-size: 18px; text-align: center; line-height: normal; color: #666666; } .msp-cn-69-8 { font-family: "Raleway"; font-weight: 600; font-size: 60px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .msp-cn-69-9 { font-family: "Raleway"; font-weight: 600; font-size: 30px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .msp-cn-69-10 { font-family: "Raleway"; font-weight: normal; font-size: 136px; text-align: center; line-height: normal; white-space: nowrap; color: #77cba9; } .msp-cn-69-11 { font-family: "Raleway"; font-weight: 300; font-size: 24px; text-align: center; line-height: normal; white-space: nowrap; color: #8b8b8b; } .msp-cn-69-12 { font-family: "Raleway"; font-weight: normal; font-size: 18px; line-height: normal; } .msp-cn-69-13 { font-family: "Raleway"; font-weight: 300; font-size: 48px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .msp-cn-69-16 { font-family: "Raleway"; font-weight: 100; font-size: 24px; text-align: right; line-height: normal; white-space: nowrap; color: #8b8b8b; } .msp-cn-69-18 { font-family: "Raleway"; font-weight: normal; font-size: 18px; text-align: center; line-height: normal; } .msp-cn-69-19 { font-family: "Raleway"; font-weight: 600; font-size: 38px; text-align: center; line-height: normal; white-space: nowrap; color: #d4d4d4; } .ms-parent > .master-slider { background: #232221; } .msp-cn-71-1 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-3 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-5 { font-family: "Montserrat"; font-weight: normal; font-size: 14px; line-height: normal; white-space: nowrap; color: #fbfbfb; } .msp-cn-71-6 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; letter-spacing: 6px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-8 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; letter-spacing: 6px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-10 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; letter-spacing: 6px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-11 { font-family: "Montserrat"; font-weight: normal; font-size: 14px; line-height: normal; } .msp-cn-71-13 { font-family: "Montserrat"; font-weight: normal; font-size: 14px; line-height: normal; } .msp-cn-71-15 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; line-height: normal; white-space: nowrap; color: #ffffff; } .msp-cn-71-16 { font-family: "Montserrat"; font-weight: 700; font-size: 36px; line-height: normal; white-space: nowrap; color: #ffffff; } .ms-container { background: url(../img/stage.jpg) no-repeat center 43%; background-size: 70% 25%; } .ms-showcase1 .master-slider, .ms-container, .ms-view { -moz-transform: translate3d(0, 0, 1px); position: relative; } .ms-showcase1 .ms-view { background: transparent; } .ms-showcase1 .ms-layer.product-title { margin: 0; font-size: 20pt; color: #222; font-weight: 300; } .ms-showcase1 .ms-slide { text-shadow: 0px 1px 0 white; font-family: "Lato", sans-serif; } .ms-showcase1 .ms-skin-default .ms-tooltip-cont { width: 250px; } .ms-showcase1 .ms-layer.product-size { font-size: 12pt; } .ms-showcase1 .product-desc { font-size: 9pt; width: 30%; } .ms-showcase1 .product-tt { font-size: 9pt; font-family: "Lato", sans-serif; padding: 5px; color: #222222; } .ms-showcase1 .product-tt h3 { font-size: 12pt; margin: 0 0 5px 0; font-weight: 400; } .ms-showcase1 .ms-layer.product-price { font-size: 20pt; font-weight: 600; color: #33acd9; } .ms-showcase1 .t-green .ms-layer.product-price { color: #11cf2c; } .ms-showcase1 .t-yellow .ms-layer.product-price { color: #dbba1f; } .ms-showcase1 .t-red .ms-layer.product-price { color: #f03838; } .ms-showcase1 .t-orange .ms-layer.product-price { color: #e77e21; } .ms-showcase1 .t-green .ms-layer.buy-btn { background-color: #11cf2c; } .ms-showcase1 .t-yellow .ms-layer.buy-btn { background-color: #dbba1f; } .ms-showcase1 .t-red .ms-layer.buy-btn { background-color: #f03838; } .ms-showcase1 .t-orange .ms-layer.buy-btn { background-color: #e77e21; } .ms-showcase1 .ms-layer.buy-btn { display: block; background: url(../img/buy-btn.png) no-repeat #33acd9; font-size: 14px; padding: 11px 29px; } .ms-showcase1 .ms-layer.buy-btn a { text-decoration: none; color: white; }
保存
取消
返回文件列表