html, body, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}.body {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.menu li {
padding-left: 17px;
}
.tabs .menu a {
transition: color .20s ease-in-out;
-o-transition: color .20s ease-in-out;
-moz-transition: color .20s ease-in-out;
-webkit-transition: color .20s ease-in-out;
}
.tabs .menu a:hover h1 {
color: #d1384d;
}
/* 以上reset css-------------------------------------------------------------- */
.accordion {
width: 100%;
max-width: 360px;
margin: 37px auto 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 42px;
color: #4D4D4D;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #CCC;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #595959;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}
.accordion li.open .link { color: #11386a; }
.accordion li.open i { color: #4f4ab3; }
.accordion li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/*
* Submenu
-----------------------------*/
.submenu {
display: none;
background: #7371ae;
font-size: 14px;
}
.submenu li { border-bottom: 1px solid #EDE; }
.submenu a {
display: block;
text-decoration: none;
color: #fff;
padding: 12px;
padding-left: 42px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.submenu a:hover {
background-color: rgba(0,0,0,.1);
color: #FFF;
}
/*以上側邊欄------------------------------------------------------------------*/
.navbar-primary .navbar-brand,
.navbar-primary .navbar-nav>li>a,
.navbar-primary button,
.navbar-primary a {
color: #ddd;
}
.navbar-primary .navbar-brand:hover,
.navbar-primary .navbar-nav>li>a:hover,
.navbar-primary button:hover,
.navbar-primary a:hover {
color: #fff;
}
.navbar-primary .navbar-nav>.active>a,
.navbar-primary .navbar-nav>.active>a:focus,
.navbar-primary .navbar-nav>.active>a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
section.dark .navbar-default .navbar-brand,
section.dark .navbar-default .navbar-nav>li>a {
color: #999;
}
section.dark .navbar-default .navbar-brand:hover,
section.dark .navbar-default .navbar-nav>li>a:hover {
color: #ddd;
}
section.dark .navbar-default .navbar-nav>.open>a,
section.dark .navbar-default .navbar-nav>.open>a:focus,
section.dark .navbar-default .navbar-nav>.open>a:hover,
section.dark .navbar-default .navbar-nav>.active>a,
section.dark .navbar-default .navbar-nav>.active>a:focus,
section.dark .navbar-default .navbar-nav>.active>a:hover {
color: #ddd;
background-color: rgba(0, 0, 0, 0.2);
}
section.dark .navbar-default {
background-color: #555;
border-color: #555;
}
section.dark .navbar-inverse {
background-color: #111;
border-color: #111;
}
section.dark .nav-tabs>li.active>a,
section.dark .nav-tabs>li.active>a:focus,
section.dark .nav-tabs>li.active>a:hover {
color: #ddd;
background-color: #555;
border-color: #555;
}
section.dark .nav-tabs {
border-color: #555;
}
section.dark .nav-tabs>li>a:hover {
border-color: transparent;
background-color: #555;
}
/* small categories - like tags */
ul.categories>li {
margin: 0;
padding: 1px;
}
ul.categories>li>a {
letter-spacing: 0;
font-size: 12px;
color: #999;
}
ul.categories>li>a:hover {
color: #121212;
}
ul.categories>li:after {
content: ' , ';
}
ul.categories>li:last-child:after {
content: '';
}
section.dark ul.categories>li>a:hover {
color: #ccc;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"
}
.fa-won:before,
.fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before,
.fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
span.label-aqua,
span.badge-aqua,
.list-group-item.active>.badge.badge-aqua {
background: #27d7e7 !important;
}
/* corner */
.badge.badge-corner {
top: -8px !important;
right: -6px !important;
position: absolute !important;
color: #fff !important;
}
#topMain>li>a {
height: 96px;
line-height: 93px;
transition: height .20s linear;
-o-transition: height .20s linear;
-moz-transition: height .20s linear;
-webkit-transition: height .20s linear;
}
#topMain.nav-pills>li:first-child {
margin-top: 0px;
}
#topMain.nav-pills>li>a {
color: #222;
font-weight: bold;
background-color: transparent;
padding:10px 8px;
transition: all .20s linear;
-o-transition: all .20s linear;
-moz-transition: all .20s linear;
-webkit-transition: all .20s linear;
height: 96px;
}
#topMain.nav-pills>li:hover>a,
#topMain.nav-pills>li:focus>a {
color: #060269;
background-color: ;
}
#topMain.nav-pills>li.active>a {
color: #687482;
}
#topMain.nav-pills>li>a.dropdown-toggle {
padding-right: 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain.nav-pills>li>a.dropdown-toggle:after {
display: block;
content: "\f107";
position: absolute;
top: 57%;
color: #070071;
right: 10px;
margin: -5px 0 0;
font-family: FontAwesome;
font-size: 12px;
line-height: 1em;
-webkit-transition: -webkit-transform .2s ease-in;
-moz-transition: -moz-transform .2s ease-in;
-ms-transition: -ms-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
}
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {
content: "\f106";
}
#topNav .navbar-collapse {
float: right;
}
#topNav a.logo {
height: 96px;
line-height: 96px;
overflow: hidden;
display: inline-block;
transition: all .20s linear;
-o-transition: all .20s linear;
-moz-transition: all .20s linear;
-webkit-transition: all .20s linear;
}
@media only screen and (max-width: 1215px) {
#topMain.nav-pills>li>a {
font-size: 13px;
}
}
@media only screen and (max-width: 992px) {
/* Force 60px */
body #header {
height: 60px !important;
position: fixed;
top: 0;
background: #fff;
box-shadow: 0 7px 18px rgba(0,0,0,.2) !important;
}
#header #topNav a.logo {
height: 60px !important;
line-height: 50px !important;
}
#header #topNav a.logo>img {
height: 50px;
}
#header #topNav #topMain>li>a {
height: 40px !important;
line-height: 40px !important;
padding-top: 0;
}
body .sp1 {
margin-top: 34px;
}
#topMain>li {
border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}
#topMain>li:last-child {
border-bottom: 0;
}
#header li.search .search-box {
margin: 0 !important;
position: fixed;
left: 0;
right: 0;
top: 44px !important;
width: 100%;
background-color: #fff;
border-top: rgba(0, 0, 0, 0.1) 1px solid;
}
}
/** Top Nav
**************************************************************** **/
#header {
position: relative;
left: 0;
top: 0;
right: 0;
z-index: 1000;
border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1) !important;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1) !important;
box-shadow: 0 0 2px rgba(0, 0, 0, .1) !important;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
}
#header a.logo>img {
height: 70px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header a.logo.logo-responsive>img {
height: 100%;
/* used on center - example: page-coming-soon-1.html */
}
/* force links */
#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
text-transform: ;
}
/* two logo images : light & dark */
#header a.logo>img:first-child {
display: inline-block;
}
#header.fixed a.logo>img:first-child {
}
#header.fixed a.logo>img:last-child {
display: inline-block;
}
@media (min-width: 768px) {
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse {
padding: 0;
max-height: none;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul {
float: none;
border-top: #eee 1px solid;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
display: block;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
float: none;
display: block;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
padding-top: 8px;
padding-bottom: 8px;
color: #000;
-webkit-transition: all .10s;
-moz-transition: all .10s;
-o-transition: all .10s;
transition: all .10s;
}
body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
display: block;
}
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
left: -230px;
right: auto;
}
/* uncomment if you would like the menu to be fixed */
/* .navbar {
position: fixed;
width: 170px;
z-index: 2;
} */
}
@media (min-width: 992px) {
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
width: 212px;
}
}
@media only screen and (max-width: 1216px) {
body.menu-vertical .container {
width: 100%;
}
}
@media (min-width: 1200px) {
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
width: 262px;
}
}
@media (min-width: 768px) {
body.menu-vertical #mainMenu .navbar-default {
border: 0;
}
body.menu-vertical #mainMenu {
border-right: #d6d6d6 1px solid;
-webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
}
}
@media (max-width: 768px) {
body.menu-vertical #mainMenu {
position: relative;
width: 100%;
}
body.menu-vertical #mainMenu .navbar-nav {
margin-bottom: 0;
margin-top: 0;
}
body.menu-vertical #mainMenu .navbar-header {}
body.menu-vertical #middle {
padding: 15px !important;
}
body.menu-vertical #mainMenu .logo {
padding: 0;
margin: 15px 0;
}
body.menu-vertical #wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.menu-vertical #mainMenu.sidebar-vertical {
position: relative;
width: 100%;
}
body.menu-vertical .navbar {
margin-bottom: 0;
}
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
width: 100%;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
left: 0 !important;
right: 0;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
display: none;
}
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
width: 100% !important;
}
}
.sidebar-vertical .sidebar-nav .navbar-header {
float: none;
}
/** Mobile Button
********************** **/
#topNav button.btn-mobile {
display: none;
}
#topNav button.btn-mobile {
color: #333;
display: none;
padding: 6px 10px;
float: right;
margin-top: 13px;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topNav button.btn-mobile i {
padding: 0;
margin: 0;
font-size: 21px;
}
@media only screen and (max-width: 992px) {
#topNav button.btn-mobile {
display: inline-block;
}
}
#header li.search .search-box,
#header li.quick-cart .quick-cart-box {
border: rgba(0, 0, 0, 0.07) 1px solid;
border-top: 0;
}
/* Dark & Color Header */
#header.dark {
background-color: #333;
}
#header.dark #topMain.nav-pills>li>a {
color: #ccc;
}
#header.dark #topMain.nav-pills>li.active>a,
#header.dark #topMain.nav-pills>li>a:hover {
color: #fff;
}
/* DARK CART & SEARCH */
#header.dark li.search .search-box,
#header.dark li.quick-cart .quick-cart-box {
background-color: #333;
}
#header.translucent li.search .search-box,
#header.translucent li.quick-cart .quick-cart-box {
background-color: rgba(33, 33, 33, 0.80);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header.translucent li.search .search-box:hover,
#header.translucent li.quick-cart .quick-cart-box:hover {
background-color: rgba(33, 33, 33, 0.88);
}
#header.translucent ul.nav-second-main li i,
#header.translucent li.search i.fa,
#header.dark li.quick-cart .quick-cart-box a,
#header.dark li.quick-cart .quick-cart-box a h6,
#header.dark li.quick-cart .quick-cart-footer,
#header.dark li.quick-cart .quick-cart-box h4 {
color: #fff !important;
}
#header.dark li.quick-cart .quick-cart-box h4,
#header.dark li.quick-cart .quick-cart-box a {
border-bottom: rgba(255, 255, 255, 0.08) 1px solid;
}
#header.dark li.quick-cart .quick-cart-box a:hover {
background-color: rgba(255, 255, 255, 0.06);
}
#header.dark li.search .search-box input {
color: #999;
background-color: rgba(0, 0, 0, .2);
border-color: rgba(0, 0, 0, .25);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header.dark li.search .search-box input:focus,
#header.dark li.search .search-box textarea:focus {
background-color: rgba(0, 0, 0, .3);
}
/* Transparent Header */
#header.transparent {
position: absolute;
background-color: transparent;
border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
z-index: 999999999999999;
}
#header.transparent.color,
#header.transparent.dark {
border: 0;
}
#header.transparent #topMain.nav-pills>li>a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#header.transparent #topMain.nav-pills>li.active>a,
#header.transparent #topMain.nav-pills>li>a:hover {
color: #060268;
}
#header.transparent + section.page-header.page-header-lg,
#header.transparent + section.page-header {
/*margin-top:-100px;*/
padding: 180px 0;
}
#header.transparent + section.page-header.page-header-xlg {
padding: 280px 0;
padding-top: 350px;
}
#header.transparent + section.page-header.page-header-lg {
padding-top: 250px;
}
#header.transparent a.social-icon {
background-color: rgba(0, 0, 0, 0.2);
}
#header.transparent a.social-icon>i {
color: #eaeaea;
}
/* on scroll */
#header.fixed.transparent {
background-color: #fff;
}
#header.fixed.dark,
#header.fixed.dark.transparent {
background-color: #333;
border: 0;
}
#header.fixed.transparent #topMain.nav-pills>li>a:hover {
color:#060269;
}
#header.fixed.transparent #topMain.nav-pills>li>a:active {
color:#060269;
background: ;
}
#header.fixed.dark.transparent ul.nav-second-main li a,
#header.fixed.dark.transparent ul.nav-second-main li a>i,
#header.fixed.dark.transparent #topMain.nav-pills>li>a {
color: #222;
}
@media only screen and (max-width: 992px) {
#header.transparent.fixed #topNav button.btn-mobile {
color: #333 !important;
}
#header.transparent.dark.fixed #topNav button.btn-mobile {
color: #fff !important;
}
#header.transparent #topMain.nav-pills>li>a {
color: #fff;
}
#header.transparent.dark #topMain.nav-pills>li>a {
color: #fff;
}
}
@media only screen and (max-width: 768px) {
#header.transparent + section.page-header {
margin-top: 0;
}
/* force dark submenu */
#header.transparent #topMain {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7371ae+0,ffffff+100 */
background: rgb(115,113,174); /* Old browsers */
background: -moz-linear-gradient(left, rgba(115,113,174,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(115,113,174,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(115,113,174,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7371ae', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#header.transparent #topMain li.active>a {
color: #fff !important;
}
}
/* Transparent Header */
#header.translucent {
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#header.translucent #topMain.nav-pills>li>a {
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#header.translucent #topMain.nav-pills>li.active>a,
#header.translucent #topMain.nav-pills>li>a:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
}
#header.translucent + section.page-header {
margin-top: -100px;
padding: 180px 0;
}
#header.translucent + section.page-header.page-header-xlg {
padding: 280px 0;
padding-top: 420px;
}
#header.translucent + section.page-header.page-header-lg {
padding-top: 350px;
}
/* on scroll */
#header.fixed.translucent {
background-color: #fff;
}
#header.fixed.dark,
#header.fixed.dark.translucent {
background-color: #333;
border: 0;
}
#header.fixed.translucent ul.nav-second-main li a,
#header.fixed.translucent ul.nav-second-main li a>i,
#header.fixed.translucent #topMain.nav-pills>li>a {
color: #151515;
}
#header.fixed.dark.translucent ul.nav-second-main li a,
#header.fixed.dark.translucent ul.nav-second-main li a>i,
#header.fixed.dark.translucent #topMain.nav-pills>li>a {
color: #fff;
}
@media only screen and (max-width: 768px) {
#header.transparent + section.page-header {
margin-top: 0;
}
}
/* BOTTOM HEADER */
#header.bottom {
position: absolute;
top: auto;
bottom: 0;
}
#header.bottom.fixed {
top: 0;
bottom: auto;
}
#header.bottom.sticky {
position: absolute;
}
#header.bottom.fixed.sticky {
position: fixed;
}
#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
bottom: auto;
box-shadow: none;
}
#header.bottom.dropup ul.dropdown-menu {
bottom: 94px;
}
#header.header-md.bottom.dropup ul.dropdown-menu {
bottom: 68px;
}
#header.header-sm.bottom.dropup ul.dropdown-menu {
bottom: 58px;
}
#header.bottom.dropup.slim ul.dropdown-menu {
bottom: 53px;
}
#header.bottom.dropup .nav-second-main .quick-cart-box,
#header.bottom.dropup .nav-second-main .search-box {
top: auto;
bottom: 100%;
margin-bottom: 39px;
box-shadow: 5px -5px rgba(91, 91, 91, 0.2);
border-bottom: 0
}
#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,
#header.bottom.header-md.dropup .nav-second-main .search-box {
margin-bottom: 23px;
}
#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,
#header.bottom.header-sm.dropup .nav-second-main .search-box {
margin-bottom: 20px;
}
#header.bottom.dropup ul.dropdown-menu:before {
top: auto;
bottom: -10px !important;
border-bottom: 0 !important;
border-top: rgba(255, 255, 255, 1) 10px solid;
}
#header.bottom.dropup.dark ul.dropdown-menu:before {
border-top: rgba(33, 33, 33, 0.95) 10px solid !important;
}
#header.bottom + #slider {
margin-bottom: 94px;
}
#header.header-md.bottom + #slider {
margin-bottom: 70px;
}
#header.header-sm.bottom + #slider {
margin-bottom: 60px;
}
#header.header-sm.bottom.transparent + #slider,
#header.header-sm.bottom.translucent + #slider {
margin-bottom: 0;
}
#header.bottom + #slider > .swiper-container .swiper-pagination {
top: 0 !important;
bottom: auto;
}
@media only screen and (max-width: 992px) {
#header.bottom {
top: 0;
bottom: auto;
}
#header.bottom.sticky {
position: relative !important;
}
#header.bottom.transparent ul.nav-second-main li a,
#header.bottom.transparent ul.nav-second-main li a>i,
#header.bottom.transparent #topNav button.btn-mobile {
color: #212121;
}
#header.bottom + #slider > .swiper-container .swiper-pagination {
top: auto !important;
bottom: 10px;
}
#header.bottom.dropup .nav-second-main .quick-cart-box,
#header.bottom.dropup .nav-second-main .search-box {
bottom: auto;
}
}
/* STATIC HEADER */
#header.bottom.static + #slider {
margin-bottom: 0;
}
#header.bottom.static {
border-top: rgba(0, 0, 0, 0.15) 1px solid;
}
#header.bottom.static.dark {
border-top: rgba(255, 255, 255, 0.15) 1px solid;
}
#header.bottom.static .nav-second-main .quick-cart-box,
#header.bottom.static .nav-second-main .search-box,
#header.bottom.static .nav-second-main .quick-cart-box,
#header.bottom.static .nav-second-main .search-box {
border: rgba(0, 0, 0, 0.15) 1px solid;
border-bottom: 0;
}
#header.bottom.static.dark .nav-second-main .quick-cart-box,
#header.bottom.static.dark .nav-second-main .search-box,
#header.bottom.static.dark .nav-second-main .quick-cart-box,
#header.bottom.static.dark .nav-second-main .search-box {
border: rgba(255, 255, 255, 0.15) 1px solid;
border-bottom: 0;
}
@media only screen and (max-width: 992px) {
#header.static {
position: relative !important;
}
}
/* fullwidth container */
#topNav .full-container {
display: block;
margin: 0 15px;
}
/* remove bootstrap issue */
#topNav ul.dropdown-menu>li,
#topNav ul.dropdown-menu>li a {
background-color: transparent;
}
#topNav .nav-pills>li+li {
margin-left: 0;
}
/* search */
#header li.search .search-box form {
margin: 0;
}
/* Medium Height : 70 */
#header.header-md #topNav a.logo {
height: 70px;
line-height: 50px;
}
#header.header-md #topNav a.logo>img {
height: 70px;
}
#header.header-md #topNav #topMain>li>a {
height: 70px;
line-height: 50px;
}
@media only screen and (max-width: 992px) {
#header.header-md #topMain.nav-pills>li>a {
color: #212121;
}
#header.header-md #topMain.nav-pills>li.active>a,
#header.header-md #topMain.nav-pills>li>a:hover {
color: #212121;
background-color: rgba(0, 0, 0, 0.02);
}
}
/* Small Height : 60px */
#header.header-sm #topNav a.logo {
height: 60px;
line-height: 50px;
}
#header.header-sm #topNav a.logo>img {
height: 60px;
}
#header.header-sm #topNav #topMain>li>a {
height: 60px;
line-height: 40px;
}
@media only screen and (max-width: 992px) {
#header.header-sm #topMain.nav-pills>li>a {
color: #212121;
}
#header.header-sm #topMain.nav-pills>li.active>a,
#header.header-sm #topMain.nav-pills>li>a:hover {
color: #212121;
background-color: rgba(0, 0, 0, 0.02);
}
}
/* Sticky 60px */
#header.fixed {
position: fixed;
border-bottom: rgba(0, 0, 0, 0.08) 1px solid;
transition: all .20s linear;
-o-transition: all .20s linear;
-moz-transition: all .20s linear;
-webkit-transition: all .20s linear;
}
#header.fixed #topNav a.logo {
height: 60px;
line-height: 50px;
padding-top: 8px;
}
#header.fixed #topNav a.logo>img {
height: 70px;
margin-top: -10px;
transition: width .20s linear;
-o-transition: width .20s linear;
-moz-transition: width .20s linear;
-webkit-transition: width .20s linear;
}
#header.fixed #topNav #topMain>li>a {
height: 70px;
transition: all .20s linear;
-o-transition: all .20s linear;
-moz-transition: all .20s linear;
-webkit-transition: all .20s linear;
line-height: 60px;
}
#header.fixed #topNav {
background-color: #fff;
transition: background-color .50s linear;
-o-transition: background-color .50s linear;
-moz-transition: background-color .50s linear;
-webkit-transition: background-color .50s linear;
}
#header #topNav {
background-color: rgba(255,255,255,1);
transition: all .20s linear;
-o-transition: all .20s linear;
-moz-transition: all .20s linear;
-webkit-transition: all .20s linear;
padding-top: 0;
}
.fixed #topNav .navbar-collapse nav {
}
/* Static */
#header.static {
position: fixed;
border-bottom: rgba(0, 0, 0, 0.08) 1px solid;
}
@media only screen and (max-width: 992px) {
#header.header-sm #topMain.nav-pills>li>a,
#header.header-md #topMain.nav-pills>li>a {
color: #212121;
}
#header.header-sm #topMain.nav-pills>li.active>a,
#header.header-sm #topMain.nav-pills>li>a:hover,
#header.header-md #topMain.nav-pills>li.active>a,
#header.header-md #topMain.nav-pills>li>a:hover {
color: #212121;
background-color: rgba(0, 0, 0, 0.02);
}
#header.transparent.header-sm #topMain.nav-pills>li>a,
#header.transparent.header-md #topMain.nav-pills>li>a,
#header.transparent.header-sm #topMain.nav-pills>li.active>a,
#header.transparent.header-sm #topMain.nav-pills>li>a:hover,
#header.transparent.header-md #topMain.nav-pills>li.active>a,
#header.transparent.header-md #topMain.nav-pills>li>a:hover {
color: #fff;
}
#header.dark .submenu-dark #topMain {
background-color: #333;
}
#header.dark #topMain.nav-pills>li.active>a,
#header.dark #topMain.nav-pills>li:hover>a,
#header.dark #topMain.nav-pills>li>a {
color: #fff;
}
#header.dark #topMain.nav-pills>li.active>a {
background-color: rgba(0, 0, 0, 0.1);
}
}
/*
Top Bar
*/
#topBar {
display: block;
background-color: #fff;
border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
}
#topBar>.border-bottom {
border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
}
#topBar>.border-top {
border-top: rgba(0, 0, 0, 0.05) 1px solid;
}
#topBar.dark {
color: #ccc;
background-color: #363839;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
#topBar.dark .dropdown-menu a,
#topBar.dark ul.top-links>li>a {
color: #fff;
}
#topBar.dark .dropdown-menu a:hover {
color: #fff !important;
background-color: #333;
}
body.boxed #topBar.dark ul.top-links>li {
border-right: 0;
}
#topBar.dark .dropdown-menu {
background-color: #363839;
}
#topBar.dark .dropdown-menu .divider {
background-color: #444;
}
#topBar.dark>.border-bottom {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
#topBar.dark>.border-top {
border-top-color: rgba(255, 255, 255, 0.1);
}
/* Logo */
#topBar .logo {
display: inline-block;
}
#topBar .logo img {
-webkit-transition: width .4s ease, height .4s ease;
-o-transition: width .4s ease, height .4s ease;
transition: width .4s ease, height .4s ease;
}
#topBar .logo.has-banner {
height: 100px;
line-height: 100px;
}
/* banner */
#topBar .banner {
margin: 5px 0;
display: inline-block;
padding-left: 5px;
border-left: rgba(0, 0, 0, 0.05) 1px solid;
}
/* social Icon */
#topBar .social-icon {
margin: 3px 0 0 0;
}
/* Links */
#topBar ul.top-links {
float: left;
margin: 0;
}
#topBar ul.top-links>li {
padding: 0;
display: inline-block;
margin-left: -3px;
position: relative;
border-right: rgba(0, 0, 0, 0.1) 1px solid;
}
#topBar ul.top-links>li:hover >.dropdown-menu,
#mainMenu ul.top-links>li:hover >.dropdown-menu {
display: block !important;
}
#topBar ul.top-links>li .dropdown-menu {
z-index: 3000;
}
#topBar ul.top-links>li>a {
padding: 10px;
font-size: 12px;
color: #151515;
display: block;
text-decoration: none;
}
#topBar ul.top-links>li>a:hover {
background-color: rgba(0, 0, 0, 0.01);
}
#topBar ul.top-links>li>a>i {
margin-right: 5px;
filter: alpha(opacity=30);
opacity: 0.3;
}
@media only screen and (max-width: 768px) {
#topBar {
text-align: center;
}
#topBar ul.top-links {
display: inline-block;
float: none;
margin: 0 auto;
}
#topBar ul.top-links>li:last-child>a {
border-right: 0;
}
}
#topBar ul.top-links li.text-welcome {
padding: 0 15px;
font-size: 12px;
}
/* Drop Downs & Lang */
#topBar ul.dropdown-menu {
min-width: 50px;
margin: 0;
padding: 0;
margin-left: -1px;
}
#topBar ul.dropdown-menu>li>a {
padding: 8px 6px;
font-size: 12px;
}
#topBar ul.dropdown-langs>li>a {
padding: 3px 6px;
font-size: 12px;
}
#topBar ul.top-links>li>a>img.flag-lang {
float: left;
margin-top: 3px;
margin-right: 6px;
}
#topBar ul.dropdown-menu>li>a>i {
margin-right: 6px;
}
#topBar ul.dropdown-langs>li:hover>a {
color: #000 !important;
background-color: #eee;
}
#topBar ul.dropdown-menu>li.divider {
margin: 0;
padding: 0;
border-bottom: 0;
height: 1px;
}
/*
Nav Second Main
- search, etc
*/
#header ul.nav-second-main {
border-left: rgba(0, 0, 0, 0.1) 1px solid;
padding-left: 15px;
margin-top: 39px;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header.fixed ul.nav-second-main {
margin-top: 20px;
}
#header.header-sm ul.nav-second-main {
margin-top: 20px;
}
#header.header-md ul.nav-second-main {
margin-top: 23px;
}
#header ul.nav-second-main li {
padding-top: 33px;
padding: 0 5px 0px 5px;
}
#header ul.nav-second-main li>a {
background-color: transparent;
color: #666;
padding: 0 3px;
display: block;
}
#header ul.nav-second-main li i {
font-size: 18px;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#header ul.nav-second-main li:hover i {
opacity: 1;
filter: alpha(opacity=100);
}
#header ul.nav-second-main li .badge {
padding: 3px 6px;
}
/* dark & color menu */
#header.transparent ul.nav-second-main li a,
#header.transparent ul.nav-second-main li a>i,
#header.color ul.nav-second-main li a,
#header.color ul.nav-second-main li a>i,
#header.dark ul.nav-second-main li a,
#header.dark ul.nav-second-main li a>i {
opacity: 1;
filter: alpha(opacity=100);
}
@media only screen and (max-width: 992px) {
#header ul.nav-second-main {
margin: 15px 15px 0 0;
border: 0;
}
#header ul.nav-second-main li {
padding: 0;
padding-top: 6px;
}
#header ul.nav-second-main {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#header.fixed ul.nav-second-main li {
padding-top: 0;
}
#header.header-md ul.nav-second-main li>a,
#header.header-sm ul.nav-second-main li>a {
margin-top: -6px;
}
}
#s_one {
margin-top: 96px;
}
/** ************************************************************* **/
/* submenu */
#topNav ul.dropdown-menu {
text-align: left;
margin-top: -1px;
box-shadow: none;
border-top: #eee 0 solid;
list-style: none;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.2) 0 6px 12px;
min-width: 200px;
padding: 0;
-webkit-transition: top .4s ease;
-o-transition: top .4s ease;
transition: top .4s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topNav ul.dropdown-menu li {
position: relative;
border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
}
#topNav ul.dropdown-menu {
left:-48px;
}
#topNav .submenu-dark ul.dropdown-menu li {
border-bottom-color: rgba(0, 0, 0, 0.2);
}
#topNav ul.dropdown-menu li:last-child {
border-bottom: 0;
}
#topNav ul.dropdown-menu li a {
margin: 0;
padding: 7px 15px;
font-weight: 400;
line-height: 23px;
color: #666;
font-size: 15px;
display: block;
text-decoration: none;
}
#topNav ul.dropdown-menu>li a i {
margin-right: 6px;
font-size: 12px;
}
#topNav ul.dropdown-menu a.dropdown-toggle {
background-position: right center;
background-repeat: no-repeat;
}
#topNav ul.dropdown-menu li.active>a,
#topNav ul.dropdown-menu li.active:hover>a,
#topNav ul.dropdown-menu li.active:focus>a,
#topNav ul.dropdown-menu li:hover>a,
#topNav ul.dropdown-menu li:focus>a,
#topNav ul.dropdown-menu li:focus>a {
color: #000;
background-color: rgba(0, 0, 0, 0.05);
}
#topNav ul.dropdown-menu li.divider {
margin: 0 0 0 0;
padding: 0;
border: 0;
background-color: rgba(0, 0, 0, 0.1);
}
#topNav .nav li:hover>ul.dropdown-menu {
padding: 0;
display: block;
z-index: 99999;
}
#topNav ul.dropdown-menu li .label {
margin-top: 4px;
}
/* sub-submenu */
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
display: block;
position: absolute;
left: 100%;
top: 0;
padding: 0;
margin: 0;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
/** ************************************************************* **/
/* onepage active link */
#topMain.nav-onepage>li.active>a {
font-weight: bold;
}
/** Responsive Top Nav
********************* **/
@media only screen and (max-width: 992px) {
.navbar-collapse {
height: 100%;
}
form.mobile-search {
display: block;
}
#topNav div.nav-main-collapse {
padding: 0;
margin: 0;
}
#topNav button.btn-mobile {
display: block;
float: right;
margin-right: 0;
}
#header.dark #topNav button.btn-mobile,
#header.transparent #topNav button.btn-mobile,
#header.theme-color #topNav button.btn-mobile {
color: #fff;
background-color: #070071;
}
#topNav nav.nav-main {
background-color: #fff;
}
#topNav div.nav-main-collapse,
#topNav div.nav-main-collapse.in {
width: 100%;
margin: -1px 0 0 0;
}
#topNav div.nav-main-collapse {
float: none;
overflow-x: hidden;
max-height: 100vh;
}
#topNav div.nav-main-collapse.collapse {
display: none !important;
}
#topNav div.nav-main-collapse.in {
display: block !important;
}
#topNav div.nav-main-collapse {
position: relative;
}
#topMain>li>a>span {
display: none !important;
}
#topMain li {
display: block !important;
float: none;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain li a {
text-align: left;
border: 0;
height: auto;
line-height: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topMain>li:hover,
#topMain>li:hover>a {
border-top: 0 !important;
}
#topMain>li>a {
height: auto;
line-height: auto;
}
/* submenu */
#topMain ul.dropdown-menu {
position: static;
clear: both;
float: none;
display: none !important;
border-left: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
display: block !important;
margin-left: 30px;
margin-right: 30px;
padding: 20px 0;
border-right: 0;
}
#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
border-left: 0;
}
#topNav ul.nav>li:hover>a:before,
#topNav ul.nav>li.active>a:before {
background-color: transparent;
}
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
position: static;
}
#topNav div.submenu-dark ul.dropdown-menu {
border-top: 0;
}
/** sub menu */
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
margin: 0;
padding: 0;
}
#topNav nav.nav-main li > ul.dropdown-menu li a {
padding-left: 40px;
}
#topNav .dropdown-menu.pull-right,
#topNav .dropdown-menu.pull-left {
float: none !important;
}
}
@media only screen and (max-width: 500px) {
#topNav div.nav-main-collapse {
max-height: 80vh;
}
#topNav ul.dropdown-menu li ul li ul li a.dropdown-toggle {
padding-left: 70px;
}
body #topNav #topMain>li.mega-menu div.row div {
float: left;
}
}
/* Mega Menu */
#topNav #topMain>li.mega-menu {
position: inherit;
color: #fff;
}
#topNav #topMain>li.mega-menu>ul {
max-width: 100%;
width: 100%;
}
#topNav #topMain>li.mega-menu div.row {
display: table;
margin: 0;
padding: 0;
width: 100%;
}
#topNav #topMain>li.mega-menu div.row div {
display: table-cell;
border-left: rgba(0, 0, 0, 0.1) 1px solid;
margin-left: -1px;
display: table-cell;
vertical-align: top;
float: none;
margin: 0;
padding: 15px 0 0 0;
}
#topNav #topMain>li.mega-menu div.row>div:first-child {
border-left: 0 !important;
}
#topNav #topMain>li.mega-menu div.row div>ul>li>span {
color: #111;
font-weight: normal;
display: block;
padding: 6px 15px 15px 15px;
font-size: 12px;
letter-spacing: 1px;
}
#topNav #topMain>li.mega-menu div.row div:first-child {
border-left: 0;
}
#topNav div.submenu-dark ul.dropdown-menu li.active>a,
#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a,
#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a,
#topNav div.submenu-dark ul.dropdown-menu li:hover>a,
#topNav div.submenu-dark ul.dropdown-menu li:focus>a,
#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
color: #060269;
background-color: #fff;
}
#topNav div.submenu-dark ul.dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
#topNav div.submenu-dark ul.dropdown-menu>li a {
color: #222;
}
#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
color: #060269;
}
#topNav div.submenu-dark #topMain>li.mega-menu div.row div {
border-left: rgba(0, 0, 0, 0.2) 1px solid;
}
/** Page Menu
**************************************************************** **/
#page-menu {
position: relative;
height: 44px;
line-height: 46px;
background-color: #333;
color: #fff;
text-shadow: rgba(0, 0, 0, .1) 1px 1px 1px;
z-index: 100;
overflow: hidden;
}
#page-menu ul {
margin: 0;
line-height: 44px;
}
#page-menu ul>li {
line-height: 44px;
float: left;
}
#page-menu ul>li>a {
color: #fff;
height: 44px;
padding: 0 10px;
display: inline-block;
text-decoration: none;
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
}
#page-menu ul>li>a>i {
margin-right: 5px;
}
#page-menu ul>li:hover,
#page-menu ul>li.active {
background-color: rgba(0, 0, 0, 0.3);
}
#page-menu nav {
position: relative;
}
#page-menu ul.list-inline.dropdown-menu {
display: block;
}
#page-menu-mobile {
display: none;
font-size: 21px;
background-color: rgba(0, 0, 0, 0.2);
height: 44px;
width: 44px;
}
@media only screen and (min-width: 990px) {
#page-menu ul {
display: block !important;
}
}
@media only screen and (max-width: 992px) {
#page-menu {
overflow: visible;
}
#page-menu ul>li {
float: none !important;
}
#page-menu-mobile {
display: inline-block;
}
#page-menu ul {
display: none;
position: absolute;
min-width: 200px;
}
#page-menu nav.pull-right ul {
right: -15px;
top: 44px;
}
#page-menu nav.pull-left ul {
left: -15px;
top: 44px;
}
#page-menu nav.pull-right #page-menu-mobile {
margin-right: -15px;
}
#page-menu nav.pull-left #page-menu-mobile {
margin-left: -15px;
}
#page-menu ul>li,
#page-menu ul>li>a {
color: #fff !important;
display: block;
float: none;
}
#page-menu ul>li>a {
color: #ccc;
}
}
/* page menu light */
#page-menu.page-menu-light {
color: #151515;
text-shadow: rgba(255, 255, 255, .1) 1px 1px 1px;
background-color: rgba(0, 0, 0, 0.1);
}
#page-menu.page-menu-light ul {
background-color: rgba(0, 0, 0, 0.02) !important;
}
#page-menu.page-menu-light ul li {
border-left: rgba(0, 0, 0, 0.05) 1px solid;
}
#page-menu.page-menu-light ul li:hover {
background-color: rgba(0, 0, 0, 0.02);
}
#page-menu.page-menu-light ul li a {
color: #151515;
}
#page-menu.page-menu-light ul li.active a {
color: #fff;
}
/* page menu dark */
#page-menu.page-menu-dark {
background-color: #444;
}
#page-menu.page-menu-dark ul {
background-color: #666 !important;
}
#page-menu.page-menu-dark ul li {
border-left: #444 1px solid;
}
/*
page menu color
*/
#page-menu.page-menu-color ul li {
border-left: rgba(0, 0, 0, 0.1) 1px solid;
}
/* page menu transparent */
#page-menu.page-menu-transparent {
color: #151515;
border-top: rgba(0, 0, 0, 0.05) 1px solid;
border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
text-shadow: rgba(255, 255, 255, .1) 1px 1px 1px;
background-color: transparent;
}
#page-menu.page-menu-transparent ul {
background-color: transparent !important;
}
#page-menu.page-menu-transparent ul li {
border-left: #fafafa 1px solid;
}
#page-menu.page-menu-transparent ul li a {
color: #212121;
}
#page-menu.page-menu-transparent ul li:hover {
background-color: rgba(0, 0, 0, 0.01);
}
#page-menu.page-menu-transparent ul li.active {
background-color: rgba(0, 0, 0, 0.05);
margin-bottom: -1px;
}
@media only screen and (max-width: 992px) {
#page-menu.page-menu-light ul {
background-color: #777 !important;
}
#page-menu.page-menu-transparent ul {
background-color: #777 !important;
}
#page-menu.page-menu-transparent ul li.active {
margin-bottom: 0;
}
#page-menu ul li {
border-left: 0;
}
}
/** Quick Shop Cart
********************** **/
#header li.quick-cart .quick-cart-box {
display: none;
right: 0;
left: auto;
top: 100%;
padding: 10px 0;
background-color: #fff;
position: absolute;
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
width: 274px;
margin-top: 36px;
z-index: 22;
}
#header.fixed li.quick-cart .quick-cart-box {
margin-top: 18px;
}
#header.fixed.header-sm li.quick-cart .quick-cart-box {
margin-top: 18px;
}
#header.fixed.header-md li.quick-cart .quick-cart-box {
margin-top: 15px;
}
#header li.quick-cart .quick-cart-wrapper {
max-height: 400px;
overflow-y: auto;
}
#header li.quick-cart .quick-cart-box h4 {
font-size: 17px;
margin: 0;
padding: 0 10px 10px 10px;
border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}
#header li.quick-cart .quick-cart-box a {
display: block;
padding: 15px 10px;
border-bottom: rgba(0, 0, 0, 0.04) 1px solid;
}
#header li.quick-cart .quick-cart-box a:hover {
background-color: rgba(0, 0, 0, 0.1);
transition: background-color .20s linear;
-o-transition: background-color .20s linear;
-moz-transition: background-color .20s linear;
-webkit-transition: background-color .20s linear;
}
#header li.quick-cart .quick-cart-box a>img {
float: left;
margin-right: 10px;
}
#header li.quick-cart .quick-cart-box a h6 {
margin: 0;
padding: 4px 0 0 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #687482;
}
#header li.quick-cart .quick-cart-box a small {
color: #687482;
}
#header li.quick-cart .quick-cart-box a:hover {
text-decoration: none;
}
#header li.quick-cart .quick-cart-box a.btn {
background-color: #151515;
border: 0;
margin: 0;
padding-top: 6px;
padding-bottom: 4px;
}
#header li.quick-cart .quick-cart-footer {
padding: 10px 10px 0 10px;
}
#header li.quick-cart .quick-cart-footer>span {
display: inline-block;
padding-top: 3px;
background-color: rgba(0, 0, 0, 0.05);
padding: 4px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media only screen and (min-width: 992px) {
/* min-width */
#header li.quick-cart .quick-cart-box {
top: 21px;
}
#header.header-sm li.quick-cart .quick-cart-box {
margin-top: 19px;
}
#header.header-md li.quick-cart .quick-cart-box {
margin-top: 26px;
}
#header li.quick-cart .quick-cart-wrapper {
max-height: 300px;
overflow-y: auto;
}
}
@media only screen and (max-width: 992px) {
/* max-width */
#header li.quick-cart .quick-cart-box {
margin-top: 18px;
}
#header.dark li.search .search-box {
margin-top: 38px !important;
}
}
@media only screen and (max-width: 769px) {
#header li.quick-cart .quick-cart-box {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 60px;
margin-top: 0;
border: rgba(0, 0, 0, 0.08) 1px solid !important;
}
#header.dark li.quick-cart .quick-cart-box {
border: rgba(255, 255, 255, 0.08) 1px solid;
}
#header li.quick-cart .quick-cart-wrapper {
max-height: 200px;
overflow-y: auto;
}
/**
Quick Cart & top Search Fix (if #topBar exists).
.has-topBar - added by Javascript
**/
#header ul.has-topBar>li.quick-cart .quick-cart-box,
#header ul.has-topBar>li.search .search-box {
top: 98px !important;
}
}
/** Menu Vertical
********************** **/
body.menu-vertical.menu-vertical #wrapper .container {
width: 100%;
height: 100%;
}
body.menu-vertical.menu-vertical #wrapper {
margin-left: 48px;
}
body.menu-vertical.menu-vertical.menu-inverse #wrapper {
margin-right: 263px;
margin-left: 0;
}
body.menu-vertical #mainMenu.sidebar-vertical {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 263px;
background-color: #fff;
z-index: 100;
}
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical {
left: auto;
right: 0;
}
body.menu-vertical #mainMenu .navbar-collapse {
background-color: #transparent;
border-color: transparent;
}
body.menu-vertical #mainMenu .navbar-default {
background-color: transparent !important;
border: 0;
}
body.menu-vertical #mainMenu .logo {
display: block;
margin: 30px 0 30px 0;
padding: 30px 0;
}
/** Search - Default
********************** **/
#header li.search {
display: inline-block;
margin-top: 0;
}
#header li.search .search-box {
display: none;
right: 0;
left: auto;
top: 100%;
padding: 15px;
background-color: #fff;
position: absolute;
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
width: 274px;
margin-top: 37px;
z-index: 22;
}
#header.header-md li.search .search-box {
margin-top: 25px;
}
#header.header-sm li.search .search-box {
margin-top: 19px;
}
#header.fixed li.search .search-box {
margin-top: 18px;
}
#header.fixed.header-sm li.search .search-box {
margin-top: 18px;
}
#header.fixed.header-md li.search .search-box {
margin-top: 15px;
}
#header li.search i.fa {
color: #333;
cursor: pointer;
position: relative;
}
form.mobile-search {
display: none;
}
.dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
header ul li:first-child {
margin-top: 5px;
}
header ul li a {
display: block;
padding: 15px;
color: #222;
text-decoration: none;
font-family: "微軟正黑體", "LiHei Pro";
width: 100%;
text-align: center;
}
li span {
font-family: "微軟正黑體", "LiHei Pro";
}
header ul li ul li a {
font-size: 0.8em;
}
header ul li {
border: 1px solid rgba(0, 0, 0, .0);
/*border: 1px solid rgba(255,255,255,0.1);*/
-moz-transition: background 300ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}
.container {
position: relative;
}
/*以上NAV-------------------------------------------------------------------*/
/** Footer
**************************************************************** **/
#footer {
color: rgba(255,255,255,0.6);
font-family: "微軟正黑體", "LiHei Pro";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,cecece+29,c1c1c1+45,cecece+59,fefefe+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(206,206,206,1) 29%, rgba(193,193,193,1) 45%, rgba(206,206,206,1) 59%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(206,206,206,1) 29%,rgba(193,193,193,1) 45%,rgba(206,206,206,1) 59%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(206,206,206,1) 29%,rgba(193,193,193,1) 45%,rgba(206,206,206,1) 59%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );
}
#footer>.container {
padding-top:30px;
margin-bottom:30px;
}
#footer>.container.s {
padding-top:20px;
margin-bottom:20px;
}
#footer>.copyright {
border-top: 1px solid rgba(255,255,255,.8);
padding:15px 0;
font-size:13px;
display:block;
color: #555;
}
#footer>.copyright.has-social {
padding:8px;
}
#footer>.copyright.has-social .social-icon {
margin-top:8px;
margin-bottom:0;
line-height:0;
}
#footer>.copyright .copyright-text {
margin-top:14px;
}
#footer canvas {
width:auto !important;
height:auto !important;
}
#footer a {
font-size: 15px;
}
#footer .footer-posts.list-unstyled small {
color: #060268;
margin-top: 5px;
font-size: 10px;
}
#footer address li {
list-style: none;
font-size: 15px;
padding: 5px 0;
display: block;
letter-spacing: 1px;
}
#footer address ul {
margin-left: 0;
padding-left: 0;
margin-bottom: 20px;
}
/* Footer Logo */
#footer img.footer-logo {
margin-bottom:20px;
/*display:block;*/
}
#footer .s img.footer-logo {
display: inline !important;
}
#footer .footer-logo.footer-2 {
float:left;
margin:0 20px 10px 0;
border-right:rgba(255,255,255,0.1) 1px solid;
padding-right:20px;
}
/* Footer Typography */
#footer h2 {
font-size:26px;
text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
}
#footer h3 {
font-size:18px;
margin-bottom:25px;
}
#footer h4 {
font-size:17px;
margin-bottom:25px;
}
#footer a {
color: #060268;
font-weight: bold;
text-decoration:none;
}
#footer a:hover {
color: #2f2aa6;
}
#footer p {
margin-top:0;
}
#footer ul {
margin-bottom:0;
}
#footer hr {
border:0;
margin:20px 0;
border-bottom:rgba(255,255,255,0.1) 1px solid;
border-top:rgba(0,0,0,0.4) 1px solid;
}
#footer address {
margin-bottom:0;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
color: #555;
font-weight:600;
}
/* footer form */
#footer form input,
#footer form textarea {
color: #ddd;
background-color: rgba(0,0,0,.2);
border-color: rgba(0,0,0,.25);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#footer form input[type="submit"]:hover,
#footer form input:focus,
#footer form textarea:focus {
background-color: rgba(0,0,0,.3);
}
#footer form .input-group-addon {
color: #999;
background-color: rgba(0,0,0,.4);
border-color: rgba(0,0,0,.25);
}
#footer form .input-group input,
#footer form .input-group textarea {
margin-bottom:0;
}
@media only screen and (max-width: 480px) {
#footer h4 {
margin-top:60px;
display:block;
}
#footer .mobile-block {
margin-bottom:25px !important;
text-align: center;
}
#footer.footer-fixed .mobile-block {
margin-bottom:0 !important;
}
#footer .copyright {
text-align:center;
}
}
/* footer list links */
#footer ul.footer-links>li {
padding-bottom:10px;
font-weight:300;
}
#footer ul.footer-links>li>a {
color: #060268;
}
#footer ul.footer-links>li>a:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
padding-right:10px;
}
/* footer news list */
#footer ul.footer-list li {
padding:10px 0;
border-bottom:rgba(0,0,0,0.2) 1px solid;
}
#footer ul.footer-list li small {
display:block;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
color:#ddd;
}
#footer ul.footer-list.half-paddings li {
padding:6px 0;
}
#footer ul.footer-list.half-paddings.noborder li {
border:0;
}
/* footer posts */
#footer ul.footer-posts>li {
padding: 15px 0;
border-bottom:rgba(255,255,255,0.07) 1px solid;
}
#footer ul.footer-posts>li:first-child {
padding-top:0;
}
#footer ul.footer-posts>li:last-child {
border-bottom:0;
}
#footer ul.footer-posts>li>small {
display:block;
}
/* footer contact text */
#footer address {
color: #060268;
font-weight: bold;
}
#footer address .footer-sprite {
margin-bottom:20px;
padding-left:30px;
}
#footer address .footer-sprite:last-child {
margin-bottom:0;
}
#footer p {
line-height:18px;
}
#footer p.contact-desc {
margin:0 0 30px 0;
padding:0 0 10px 0;
border-bottom:#403E44 1px dashed;
}
#footer address .footer-sprite.address {
background-position:0 0;
}
#footer address .footer-sprite.phone {
background-position:0 -138px;
line-height:30px;
}
#footer address .footer-sprite.email {
background-position:0 -247px;
}
/* footer links - breadcrumbs like */
#footer ul.inline-links>li+li:before {
padding: 0 5px 0 0;
content: "/\00a0";
color:rgba(255,255,255,0.3);
}
/* footer images gallery */
#footer .footer-gallery>a {
display:inline-block;
margin-bottom:3px;
margin-right:3px;
float:left;
}
#footer .footer-gallery>a:hover {
opacity:0.8;
}
#footer .row>div {
margin-bottom:20px;
}
@media only screen and (max-width: 768px) {
#footer .footer-gallery {
text-align:center;
}
#footer .footer-gallery>a,
#footer .footer-gallery>img {
float:none;
margin-right:0;
}
body #footer img.footer-logo {
margin-bottom: 0;
width: 100%;
}
}
/* sticky footer */
footer.sticky {
width: 100%;
}
@media only screen and (max-width: 768px) {
footer.sticky {
top:auto !important;
position:relative !important;
}
}
#footer .btn {
height:36px;
}
#footer .btn-sm,
#footer .btn-xs,
#footer .btn-lg,
#footer .btn-xlg {
height:auto;
}
#footer .copyright ul.list-social-icons {
height:30px;
}
#footer .copyright ul.list-social-icons a.social-icon {
margin:0;
}
/** Footer Light
** ************************ **/
#footer.footer-light {
color:#666;
background-color:#ddd;
}
#footer.footer-light form input,
#footer.footer-light form textarea,
#footer.footer-light form .input-group-addon {
color:#eaeaea;
}
#footer.footer-light .copyright,
#footer.footer-light .copyright a {
color:#414141;
}
#footer.footer-light h1,
#footer.footer-light h2,
#footer.footer-light h3,
#footer.footer-light h4,
#footer.footer-light h5,
#footer.footer-light h6 {
color:#414141;
}
#footer.footer-light p,
#footer.footer-light a,
#footer.footer-light ul.footer-links>li>a {
color:#666;
}
#footer.footer-light a:hover,
#footer.footer-light ul.footer-links>li>a:hover {
color:#000;
}
#footer.footer-light ul.footer-posts>li {
border-bottom-color:rgba(0,0,0,0.07);
}
#footer.footer-light form textarea::-webkit-input-placeholder,
#footer.footer-light form input::-webkit-input-placeholder {
color: #eaeaea; /* WebKit browsers */
}
#footer.footer-light form textarea:-moz-placeholder,
#footer.footer-light form input:-moz-placeholder {
color: #eaeaea; /* Mozilla Firefox 4 to 18 */
}
#footer.footer-light form textarea::-moz-placeholder,
#footer.footer-light form input::-moz-placeholder {
color: #eaeaea; /* Mozilla Firefox 19+ */
}
#footer.footer-light form textarea:-ms-input-placeholder,
#footer.footer-light form input:-ms-input-placeholder {
color: #eaeaea; /* Internet Explorer 10+ */
}
/** Fixed Footer
** ************************ **/
#footer.footer-fixed {
position:fixed;
left:0; right:0;
bottom:0;
width:100%;
z-index:30;
padding:10px 0;
filter: Alpha(Opacity=95);
opacity:0.95;
}
#footer.footer-fixed .social-icon {
margin-top:0;
margin-bottom:0;
}
#footer.footer-fixed .footer-links>span,
#footer.footer-fixed .footer-links>a {
line-height:30px;
font-size:13px;
padding:6px 10px;
border-right:rgba(255,255,255,0.1) 1px solid;
}
#footer.footer-fixed.footer-light .footer-links>a {
border-right:rgba(0,0,0,0.1) 1px solid;
}
/*以上Footer---------------------------------------------------------*/
.bp-icon-next:after {
content: "\e000";
}
.bp-icon-drop:after {
content: "\e001";
}
.bp-icon-archive:after {
content: "\e002";
}
.bp-icon-about:after {
content: "\e003";
}
.bp-icon-prev:after {
content: "\e004";
}
@media screen and (max-width: 55em) {
.container > header h1,
.container > header nav {
float: none;
}
.container > header > span,
.container > header h1 {
text-align: center;
}
.container > header nav {
margin: 0 auto;
}
.container > header > span {
text-indent: 30px;
}
}
/* General style */
/*.grid-gallery {
margin-top: -25px;
}*/
.grid-gallery ul {
list-style: none;
margin: 0;
padding: 0;
}
.grid-gallery figure {
margin: 0;
}
.grid-gallery figure img {
display: block;
max-width: 100%;
}
.grid-gallery figcaption h3 {
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: bolder;
color: #060269;
text-align: center;
}
.grid-gallery figcaption p {
margin: 0;
}
/*.grid-wrap {
max-width: 69em;
margin: 0 auto;
padding: 0 1em 1.875em;
}*/
.grid {
margin: 0 auto;
}
.grid li {
width: 33.33%;
float: left;
cursor: pointer;
margin-bottom: 30px;
}
.grid figure {
padding: 15px 15px 0 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity:1;
}
.grid li:hover figure img {
opacity: 0.7;
}
.grid li figure img {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity:1;
}
.grid figcaption {
padding: 25px 0 10px 0;
}
/* Slideshow style */
.slideshow {
position: fixed;
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 500;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.slideshow-open .slideshow {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.slideshow ul {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate3d(0,0,150px);
transform: translate3d(0,0,150px);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.slideshow ul.animatable li {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.slideshow-open .slideshow ul {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slideshow li {
width: 660px;
height: 560px;
position: absolute;
top: 50%;
left: 50%;
margin: -280px 0 0 -330px;
visibility: hidden;
}
.slideshow li.show {
visibility: visible;
}
.slideshow li:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.8);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.slideshow li.current:after {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.slideshow figure {
width: 100%;
height: 100%;
background: #fff;
border: 50px solid #fff;
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.slideshow figcaption {
padding-bottom: 20px;
}
.slideshow figcaption h3 {
font-weight: 300;
font-size: 200%;
border-bottom: 3px solid rgba(0,0,0,0);
}
/* Navigation */
.slideshow nav span {
position: fixed;
z-index: 1000;
color: #59656c;
text-align: center;
padding: 3%;
cursor: pointer;
font-size: 2.2em;
}
.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slideshow nav span.nav-next {
right: 0;
}
.slideshow nav span.nav-close {
top: 0;
right: 0;
padding: 0.5em 1em;
color: #31373a;
}
.icon:before,
.icon:after {
font-family: 'fontawesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
span.nav-prev:before {
content: "\e601";
}
span.nav-next:before {
content: "\e600";
}
span.nav-close:before {
content: "\e602";
}
/* Info on arrow key navigation */
.info-keys {
position: fixed;
top: 10px;
left: 10px;
width: 60px;
font-size: 8px;
padding-top: 20px;
text-transform: ;
color: #fff;
letter-spacing: 1px;
text-align: center;
}
.info-keys:before,
.info-keys:after {
position: absolute;
top: 0;
width: 16px;
height: 16px;
border: 1px solid #fff;
text-align: center;
line-height: 14px;
font-size: 12px;
}
.info-keys:before {
left: 10px;
content: "\e603";
}
.info-keys:after {
right: 10px;
content: "\e604";
}
/* Example media queries (reduce number of columns and change slideshow layout) */
@media screen and (max-width: 60em) {
/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
.grid li {
width: 33.3%;
}
.slideshow li {
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
}
.slideshow li figure img {
width: auto;
margin: 0 auto;
max-width: 100%;
}
.slideshow nav span,
.slideshow nav span.nav-close {
font-size: 1.8em;
padding: 0.3em;
}
.info-keys {
display: none;
}
}
@media screen and (max-width: 35em) {
.grid li {
width: 50%;
}
}
@media screen and (max-width: 24em) {
.grid li {
width: 100%;
}
.grid-wrap {
padding: 0;
}
.grid figure {
padding: 0;
}
.slideshow figure {
border: 27px solid #fff;
}
.hvr-radial-out {
position: relative;
}
}
/*以上pdt-category-----------------------------------------------------*/
.tp-static-layers { position:absolute; z-index:505; top:0px;left:0px}
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important}
.tp-caption { z-index:1; white-space:nowrap}
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}
.tp-caption.whitedivider3px {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
min-width: 408px;
min-height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: #000000;
border-style: none;
}
.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: ;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: ;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}
.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.huge_thin_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}
.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}
.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}
.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color:#000;
text-shadow:none;
}
.tp-caption.noshadow {
text-shadow:none;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/***********************************************
- SPECIAL ALTERNATIVE IMAGE SETTINGS -
***********************************************/
img.tp-slider-alternative-image { width:100%; height:auto;}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top}
.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68}
.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212}
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00}
.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222}
.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthbanner{
width:100%;
position:relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img { max-width:none}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none}
.fullcoveredvideo video,
.fullscreenvideo video { background: #000}
.fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.html5vid.videoisplaying .tp-poster { display: none}
.tp-video-play-button { background:#000;
background:rgba(0,0,0,0.3);
padding:5px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer;
}
.html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop { display:none}
.html5vid.videoisplaying .revicon-right-dir { display:none}
.html5vid.videoisplaying .tp-revstop { display:block}
.html5vid.videoisplaying .tp-video-play-button { display:none}
.html5vid:hover .tp-video-play-button { display:block}
.fullcoveredvideo .tp-video-play-button { display:none !important}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(0,0,0)),
color-stop(1, rgb(50,50,50))
);
display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.tp-caption:hover .tp-video-controls {
opacity: .9;
}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
line-height:12px;
font-size:12px;
color:#fff;
padding:0px;
margin:0px;
outline: none;
}
.tp-video-button:hover {
cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; }
.tp-video-seek-bar-wrap { width:80%}
.tp-video-vol-bar-wrap { width:20%}
.tp-volume-bar,
.tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;}
/********************************
- FULLSCREEN VIDEO ENDS -
*********************************/
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tp-dottedoverlay.twoxtwo { background:url(../img/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite { background:url(../img/gridtile_white.png)}
.tp-dottedoverlay.threexthree { background:url(../img/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite { background:url(../img/gridtile_3x3_white.png)}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../img/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.navbar-old { background:url(../img/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../img/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../img/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../img/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../img/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../img/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../img/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left}
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5000px);
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
z-index:600;
position: relative;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../img/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../img/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../img/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../img/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../img/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../img/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px}
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px}
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../img/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../img/large_left.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../img/large_right.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%}
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(../img/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
list-style:none;
padding:0 !important;
margin:0 !important;
list-style:none !important;
overflow-x: visible;
overflow-y: visible;
background-image:none
}
.tp-simpleresponsive >ul >li{
list-style:none;
position:absolute;
visibility:hidden
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../img/coloredbg.png) repeat}
.tp-caption.slidelink a span { background:url(../img/coloredbg.png) repeat}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
.tparrows .tp-arr-imgholder { display: none}
.tparrows .tp-arr-titleholder { display: none}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after { content: '\e825'; }
.tp-leftarrow.preview1:after { content: '\e824'; }
.tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa}
.tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.tp-rightarrow.preview1 .tp-arr-imgholder { right:100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tp-leftarrow.preview1 .tp-arr-imgholder { left:100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview1,
.tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview1,
.tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview1,
.tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px}
}
/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 { height: 21px}
.tp-bullets.preview1 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.15) !important;
/*-webkit-border-radius: 10px;
border-radius: 10px;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last { margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255, 255, 255, 1) !important;
}
/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ;
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
overflow:hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
transition: width 0.3s, background-color 0.3s, opacity 0.3s;
backface-visibility: hidden;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after { content: '\e81e'; right:18px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:18px}
.tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: ;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding:0px 10px;
}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tparrows.preview2.hovered { width:300px}
.tparrows.preview2:hover { background:#fff}
.tparrows.preview2:hover:after { color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute;
}
/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 { height: 17px}
.tp-bullets.preview2 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last { margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tp-arr-titleholder.alwayshidden { display:none !important}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:11px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:11px}
.tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:35px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:35px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:25px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:25px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
.tparrows.preview2:hover { width:30px !important; height:30px !important}
}
/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after { color:#000}
.tp-rightarrow.preview3:after { content: '\e825'; }
.tp-leftarrow.preview3:after { content: '\e824'; }
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
display: table;min-height:90px;top:-10px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
position:relative;top:0px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 { height: 17px}
.tp-bullets.preview3 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last { margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
.tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px}
.tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px}
}
@media only screen and (max-width: 767px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
}
/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
.tp-rightarrow.preview4:after { content: '\e825'; }
.tp-leftarrow.preview4:after { content: '\e824'; }
.tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}
.tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px}
.tparrows.preview4 .tp-arr-iwrapper { position: relative}
.tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px;
position:relative;top:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px;
position:absolute;top:0px; left:180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px}
.tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
background: #000;
color: #FFF;
text-transform: ;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}
@media only screen and (min-width: 768px) {
.tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
.tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)}
.tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
}
/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 { height: 17px}
.tp-bullets.preview4 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last { margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (max-width: 767px) {
.tparrows.preview4 { width:20px; height:80px}
.tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px}
.tparrows.preview1 .tp-arr-allwrapper,
.tparrows.preview2 .tp-arr-allwrapper,
.tparrows.preview3 .tp-arr-allwrapper,
.tparrows.preview4 .tp-arr-allwrapper { display: none !important}
}
/******************************
- LOADER FORMS -
********************************/
.tp-loader {
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background:url(../img/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner5 { background:url(../img/loader.gif) no-repeat 10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2.0s infinite linear;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes tp-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-transparentimg { content:"url(../img/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
@font-face {
font-family: 'revicons';
src: url('../font/revicons.eot?5510888');
src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
url('../font/revicons.woff?5510888') format('woff'),
url('../font/revicons.ttf?5510888') format('truetype'),
url('../font/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'revicons';
src: url('../font/revicons.svg?5510888#revicons') format('svg');
}
}
*/
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before { content: '\e802'} /* '' */
.revicon-pencil-1:before { content: '\e831'} /* '' */
.revicon-picture-1:before { content: '\e803'} /* '' */
.revicon-cancel:before { content: '\e80a'} /* '' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* '' */
.revicon-right-dir:before { content: '\e818'} /* '' */
.revicon-down-open:before { content: '\e83b'} /* '' */
.revicon-left-open:before { content: '\e819'} /* '' */
.revicon-right-open:before { content: '\e81a'} /* '' */
.revicon-angle-left:before { content: '\e820'} /* '' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* '' */
.revicon-right-big:before { content: '\e81e'} /* '' */
.revicon-magic:before { content: '\e807'} /* '' */
.revicon-picture:before { content: '\e800'} /* '' */
.revicon-export:before { content: '\e80b'} /* '' */
.revicon-cog:before { content: '\e832'} /* '' */
.revicon-login:before { content: '\e833'} /* '' */
.revicon-logout:before { content: '\e834'} /* '' */
.revicon-video:before { content: '\e805'} /* '' */
.revicon-arrow-combo:before { content: '\e827'} /* '' */
.revicon-left-open-1:before { content: '\e82a'} /* '' */
.revicon-right-open-1:before { content: '\e82b'} /* '' */
.revicon-left-open-mini:before { content: '\e822'} /* '' */
.revicon-right-open-mini:before { content: '\e823'} /* '' */
.revicon-left-open-big:before { content: '\e824'} /* '' */
.revicon-right-open-big:before { content: '\e825'} /* '' */
.revicon-left:before { content: '\e836'} /* '' */
.revicon-right:before { content: '\e826'} /* '' */
.revicon-ccw:before { content: '\e808'} /* '' */
.revicon-arrows-ccw:before { content: '\e806'} /* '' */
.revicon-palette:before { content: '\e829'} /* '' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* '' */
.revicon-left-open-outline:before { content: '\e82e'} /* '' */
.revicon-left-open-2:before { content: '\e82c'} /* '' */
.revicon-right-open-outline:before { content: '\e82f'} /* '' */
.revicon-right-open-2:before { content: '\e82d'} /* '' */
.revicon-equalizer:before { content: '\e83a'} /* '' */
.revicon-layers-alt:before { content: '\e804'} /* '' */
.revicon-popup:before { content: '\e828'} /* '' */
/**********************************************************
***********************************************************
***********************************************************
SOME MORE LAYER EXAMPLES, USE ONLY WHICH YOU NEED,
TO SAVE LOAD TIME
***********************************************************
***********************************************************
***********************************************************/
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}
.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}
.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}
.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color:#000;
text-shadow:none;
}
.tp-caption.noshadow {
text-shadow:none;
}
.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.largeblackbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#000;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.black_heavy_60 {
font-size:60px;
line-height:60px;
font-weight:900;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.white_heavy_40 {
font-size:40px;
line-height:40px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.grey_heavy_72 {
font-size:72px;
line-height:72px;
font-weight:900;
font-family:Raleway;
color:rgb(213, 210, 210);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.grey_regular_18 {
font-size:18px;
line-height:26px;
font-family:"Open Sans";
color:rgb(119, 119, 119);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_thin_34 {
font-size:35px;
line-height:35px;
font-weight:100;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.arrowicon {
line-height:1px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.light_heavy_60 {
font-size:60px;
line-height:60px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_bold_40 {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.light_heavy_70 {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_heavy_70 {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_bold_bg_20 {
font-size:20px;
line-height:20px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:5px 8px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.greenbox30 {
line-height:30px;
text-decoration:none;
background-color:rgb(134, 181, 103);
padding:0px 14px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.blue_heavy_60 {
font-size:60px;
line-height:60px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(49, 165, 203);
padding:3px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.green_bold_bg_20 {
font-size:20px;
line-height:20px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(134, 181, 103);
padding:5px 8px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitecircle_600px {
line-height:1px;
width:800px;
height:800px;
text-decoration:none;
background:linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
filter:progid;
background-color:transparent;
border-radius:400px 400px 400px 400px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.fullrounded {
border-radius:400px 400px 400px 400px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.light_heavy_40 {
font-size:40px;
line-height:40px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.white_thin_34 {
font-size:35px;
line-height:35px;
font-weight:200;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.fullbg_gradient {
width:100%;
height:100%;
text-decoration:none;
background-color:#490202;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.light_medium_30 {
font-size:30px;
line-height:40px;
font-weight:700;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.red_bold_bg_20 {
font-size:20px;
line-height:20px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(224, 51, 0);
padding:5px 8px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.blue_bold_bg_20 {
font-size:20px;
line-height:20px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(53, 152, 220);
padding:5px 8px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.white_bold_bg_20 {
font-size:20px;
line-height:20px;
font-weight:900;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 8px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.white_heavy_70 {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.light_heavy_70_shadowed {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.light_medium_30_shadowed {
font-size:30px;
line-height:40px;
font-weight:700;
font-family:Raleway;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.blackboxed_heavy {
font-size:70px;
line-height:70px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:5px 20px;
text-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 7px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.bignumbers_white {
color:#ffffff;
background-color:rgba(0, 0, 0, 0);
font-size:84px;
line-height:84px;
font-weight:800;
font-family:Raleway;
text-decoration:none;
padding:0px 0px 0px 0px;
text-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 7px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none solid none none;
}
.tp-caption.whiteline_long {
line-height:1px;
min-width:660px;
background-color:transparent;
text-decoration:none;
border-width:2px 0px 0px 0px;
border-color:rgb(255, 255, 255) rgb(34, 34, 34) rgb(34, 34, 34) rgb(34, 34, 34);
border-style:solid none none none;
}
.tp-caption.light_medium_20_shadowed {
font-size:20px;
line-height:30px;
font-weight:700;
font-family:Raleway;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.fullgradient_overlay {
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter:progid;
width:100%;
height:100%;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.light_medium_20 {
font-size:20px;
line-height:30px;
font-weight:700;
font-family:Raleway;
color:#ffffff;
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.reddishbg_heavy_70 {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgba(100, 1, 24, 0.8);
padding:50px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.borderbox_725x130 {
min-width:725px;
min-height:130px;
background-color:transparent;
text-decoration:none;
border-width:2px;
border-color:rgb(255, 255, 255);
border-style:solid;
}
.tp-caption.light_heavy_34 {
font-size:34px;
line-height:34px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_thin_30 {
font-size:30px;
line-height:30px;
font-weight:100;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_thin_whitebg_30 {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:Raleway;
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.white_heavy_60 {
font-size:60px;
line-height:60px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.black_thin_blackbg_30 {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:5px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.light_thin_60 {
font-size:60px;
line-height:60px;
font-weight:100;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.greenbgfull {
background-color:#85b85f;
width:100%;
height:100%;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.bluebgfull {
text-decoration:none;
width:100%;
height:100%;
background-color:rgb(61, 164, 207);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.blackbgfull {
text-decoration:none;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.247059);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.wave_repeat1 {
width:100%;
height:600px;
background-repeat:repeat-x;
background-color:transparent;
text-decoration:none;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.wavebg2 {
width:200%;
height:300px;
text-decoration:none;
background-image:url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave21.png);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.wavebg1 {
width:200%;
height:300px;
text-decoration:none;
background-image:url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave11.png);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.wavebg3 {
width:200%;
height:300px;
text-decoration:none;
background-image:url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave3.png);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.wavebg4 {
width:200%;
height:300px;
text-decoration:none;
background-image:url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave4.png);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.greenishbg_heavy_70 {
font-size:70px;
line-height:70px;
font-weight:900;
font-family:Raleway;
color:rgb(255, 255, 255);
text-decoration:none;
padding:50px;
text-shadow:none;
background-color:rgba(40, 67, 62, 0.8);
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.wavebg5 {
width:200%;
height:300px;
text-decoration:none;
background-image:url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave51.png);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.deepblue_sea {
width:100%;
height:1000px;
background-color:rgba(30, 46, 59, 1);
text-decoration:none;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.largeredbtn {
font-family: "Raleway", sans-serif;
font-weight: 900;
font-size: 16px;
line-height: 60px;
color: #fff !important;
text-decoration: none;
padding-left: 40px;
padding-right: 80px;
padding-top: 22px;
padding-bottom: 22px;
background: rgb(234,91,31); /* Old browsers */
background: -moz-linear-gradient(top, rgba(234,91,31,1) 0%, rgba(227,58,12,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,91,31,1)), color-stop(100%,rgba(227,58,12,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b1f', endColorstr='#e33a0c',GradientType=0 ); /* IE6-9 */
}
.largeredbtn:hover {
background: rgb(227,58,12); /* Old browsers */
background: -moz-linear-gradient(top, rgba(227,58,12,1) 0%, rgba(234,91,31,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,58,12,1)), color-stop(100%,rgba(234,91,31,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33a0c', endColorstr='#ea5b1f',GradientType=0 ); /* IE6-9 */
}
.fullrounded img {
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
}
#s_zero {
margin-bottom: 0;
}
/*以上slider-------------------------------------------*/
figure.effect-apollo {
background: ;
width: calc(33.3333% - 10px);
}
figure.effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo p {
position: absolute;
left:50%;
margin-left: -70px;
bottom: 0;
margin-bottom: 40px;
padding: 0 1em;
width: 140px;
text-align: center;
opacity: 0;
font-size: 15px;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-apollo h2 {
text-align: left;
}
.grid.s figure.effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.grid.s figure.effect-apollo:hover h2 {
color: rgba(21,31,69,.5);
text-shadow: 1px 3px 5px rgba(255,255,255,.5);
}
figure.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
/*以上apollo---------------------------------------*/
.grid.s {
position: relative;
clear: both;
margin: 0 auto;
list-style: none;
text-align: center;
}
/* Common style */
.grid.s figure {
position: relative;
float: left;
overflow: hidden;
/* margin: 10px 1%;
min-width: 320px;*/
max-height: 360px;
/* width: 48%;*/
height: auto;
background: transparent;
text-align: center;
cursor: pointer;
margin: 5px;
padding: 0;
}
.grid.s figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 609px;
opacity: 0.8;
margin: 0 auto;
}
.grid.s figure figcaption {
padding: 2em;
color: #fff;
text-transform: ;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid.s figure figcaption::before,
.grid.s figure figcaption::after {
pointer-events: none;
}
.grid.s figure figcaption,
.grid.s figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid.s figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid.s figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.grid.s figure h2 span {
font-weight: 800;
text-shadow: 1px 3px 2px rgba(0,0,0,.2);
color: #fff;
}
.grid.s figure h2,
.grid.s figure p {
}
span.sp5 {
padding: 5px 10px;
border-radius: 3px;
background: rgba(0,0,0,.3);
font-size: 29px;
}
.grid.s figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/*以上card主css-----------------------------------------------------------*/
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
top: 15px;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-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);
}
.owl-carousel.featured .owl-controls .owl-prev {
margin-right:3px;
}
#progressBar {
width: 100%;
background: rgba(0,0,0,0.05);
}
#progressBar #bar {
height:3px;
width: 100%;
background-color:#333;
}
/* mouse grab icon */
.grabbing {
cursor:url(../images/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
/**
CUSTOM REWRITE
**/
.owl-carousel {
overflow:hidden;
margin-bottom:20px;
position:relative;
}
.owl-carousel.owl-padding-0 .owl-item {
padding:0 !important;
}
.owl-carousel.owl-padding-1 .owl-item {
padding:0 1px;
}
.owl-carousel.owl-padding-2 .owl-item {
padding:0 2px;
}
.owl-carousel.owl-padding-3 .owl-item {
padding:0 3px;
}
.owl-carousel.owl-padding-6 .owl-item {
padding:0 6px;
}
.owl-carousel.owl-padding-10 .owl-item {
padding:0 10px;
}
.owl-carousel.owl-padding-15 .owl-item {
padding:0 15px;
}
.owl-carousel.owl-padding-20 .owl-item {
padding:0 20px;
}
/* Cause width problems - better to leave left/right margins
.owl-carousel .owl-item:first-child {
padding-left:0;
}
.owl-carousel .owl-item:last-child {
padding-right:0;
}
*/
.owl-carousel img {
display:inline-block;
}
.owl-carousel.buttons-autohide .owl-buttons {
filter: Alpha(Opacity=0);
opacity:0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.owl-carousel.buttons-autohide:hover .owl-buttons {
filter: Alpha(Opacity=100);
opacity:1;
}
.owl-theme .owl-controls .owl-buttons div {
color:#121212;
opacity:1;
filter: Alpha(Opacity=100);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
section.dark .owl-theme .owl-controls .owl-buttons div {
color:#fff;
background:#212121;
border:#212121 1px solid;
}
.controlls-over .owl-controls .owl-prev {
position: absolute;
top: 50%;
margin-top: -28px;
right:auto;
left: -13px;
zoom: 1;
width: 36px;
height: 36px;
opacity: 0;
}
.controlls-over .owl-controls .owl-next {
position: absolute;
top: 50%;
margin-top: -28px;
left:auto;
right: -13px;
zoom: 1;
width: 36px;
height: 36px;
opacity: 0;
}
.controlls-over .owl-pagination {
text-align:center;
position:absolute; width:60%; margin:auto;
bottom:-20px; left:0; right:0; z-index:1;
}
.owl-theme.controlls-over .owl-controls .owl-page {
background:rgba(0,0,0,0.3);
margin-bottom:30px;
position:relative;
display:inline-block;
}
.owl-theme.controlls-over .owl-controls .owl-page:first-child {
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.owl-theme.controlls-over .owl-controls .owl-page:last-child {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.owl-theme.controlls-over .owl-controls .owl-page span {
background:#fff;
}
.bottom-pagination .owl-controls .owl-page {
margin-bottom:-40px !important;
}
/* top text caption */
.owl-carousel .owl-item div {
position:relative;
text-align:center;
}
.owl-carousel .owl-caption {
padding:10px;
position:absolute !important;
left:0; top:0; right:0;
margin-top:0; max-width:100%;
background:rgba(0,0,0,0.3);
display:block; color:#fff;
}
.owl-carousel .owl-caption p {
color:#fff;
font-size:13px;
line-height:20px;
padding:0; margin:0;
}
.owl-carousel .owl-caption h1,
.owl-carousel .owl-caption h1 a,
.owl-carousel .owl-caption h2,
.owl-carousel .owl-caption h2 a,
.owl-carousel .owl-caption h3,
.owl-carousel .owl-caption h3 a {
color:#fff;
font-size:21px;
line-height:21px;
font-weight:bold;
margin-bottom:10px;
}
.owl-carousel .owl-caption a {
color:#fff;
font-weight:bold;
}
.owl-carousel.controls-hover-only .owl-controls {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.slider:hover .owl-carousel.controls-hover-only .owl-controls,
.owl-carousel.controls-hover-only:hover .owl-controls {
filter: alpha(opacity=100);
opacity: 1;
}
/* Featured Item */
.owl-carousel.featured .owl-featured-item {
width:99%; padding-bottom:15px;
text-align:center;
display:block;
webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.owl-carousel.featured .owl-featured-item:hover {
background-color: #eaeaea;
}
.owl-carousel.featured .owl-featured-item a.figure {
margin:0; padding:0;
display:block;
width:100%;
height:auto;
overflow:hidden;
text-align:center;
z-index:0;
position:relative;
}
.owl-carousel.featured .owl-featured-item a.figure>img {
height:auto !important;
width:100% !important;
max-width: 100% !important;
vertical-align:top;
}
.owl-carousel.featured .owl-featured-detail {
position:relative;
padding-top:6px;
}
.owl-carousel.featured .owl-featured-detail:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
left: 50%;
margin-left: -10px;
top: -10px;
z-index:10;
webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after {
border-bottom: 10px solid #eaeaea;
}
.owl-carousel.featured .owl-featured-detail>a.featured-title {
color:#333;
margin-top:6px;
display:block;
}
.owl-carousel.featured .owl-featured-detail>span.price {
display:block;
margin-bottom:6px;
}
.owl-carousel.featured {
margin-top:6px;
}
.owl-carousel.featured .owl-controls.clickable {
top: 25px !important;
margin-top: -45px;
position: absolute;
right: 50%;
margin-right: -50px;
}
h2.owl-featured {
font-size:16px;
line-height:19px;
border-bottom:rgba(0,0,0,0.2) 1px dashed;
padding-bottom:6px;
margin-bottom:10px;;
}
.owl-carousel.featured a.figure>span {
position:absolute;
left:0; right:0; top:0; bottom:0;
background-color:rgba(0,0,0,0.3);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.owl-carousel.featured a.figure>span>i {
color:#333;
position:absolute;
left:50%; top:50%;
background:#fff;
font-size:21px;
width:50px; height:50px;
line-height: 50px !important;
text-align:center;
margin-left:-20px;
margin-top:-20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-topleft: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
}
.owl-carousel.featured a.figure:hover>span {
filter: alpha(opacity=100);
opacity: 1;
}
.owl-carousel.featured {
overflow:inherit !important;
}
.owl-carousel.featured .owl-prev,
.owl-carousel.featured .owl-next {
display:inline-block !important;
color:#999 !important;
width:30px !important;
height:30px !important;
line-height:30px !important;
font-size:20px !important;
}
.owl-carousel.featured .owl-prev:hover,
.owl-carousel.featured .owl-next:hover {
color:#121212 !important;
}
section.dark .owl-carousel.featured .owl-featured-detail>a.featured-title {
color:#fff;
}
section.dark .owl-carousel.featured .owl-featured-detail:after {
border-bottom-color: #212121;
}
section.dark .owl-carousel.featured .owl-featured-item:hover {
background-color: #111;
}
section.dark .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after {
border-bottom-color: #111;
}
section.dark .owl-carousel.featured .owl-prev,
section.dark .owl-carousel.featured .owl-next {
color:#999 !important
}
section.dark .owl-carousel.featured .owl-prev:hover,
section.dark .owl-carousel.featured .owl-next:hover {
color:#fff !important
}
section.dark h2.owl-featured {
border-bottom-color:#666;
}
@media only screen and (max-width: 768px) {
/*
.owl-carousel.featured .owl-controls {
display:none !important
}
*/
}
/* buttons bottom */
.owl-carousel.buttons-bottom .owl-controls{
top:auto !important;
}
.owl-carousel.buttons-bottom .owl-next,
.owl-carousel.buttons-bottom .owl-prev {
margin-top:-20px !important;
}
/* special carousel title */
.owl-carousel .owl-carousel-caption {
background-color:rgba(0,0,0,0.5);
position:absolute !important;
top:0; left:0; right:0;
color:#fff; padding:20px;
height:96px; overflow:hidden;
}
.owl-carousel .owl-carousel-caption.top {
top:0;
bottom:auto;
}
.owl-carousel .owl-carousel-caption.bottom {
top:auto;
bottom:29px;
}
.owl-carousel .owl-carousel-caption h2,
.owl-carousel .owl-carousel-caption h3,
.owl-carousel .owl-carousel-caption h4 {
color:#fff;
font-size:16px;
line-height:16px;
margin-bottom:10px;
font-weight:bold;
overflow:hidden;
display:block;
width:100%;
text-overflow:ellipsis;
white-space: nowrap;
}
.owl-carousel .owl-carousel-caption p {
color:#fff;
font-size:12px;
line-height:15px;
padding:0; margin:0;
}
.owl-theme .owl-controls .owl-buttons div {
/* padding:6px 13px; */
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.controlls-over .owl-controls .owl-prev {
margin-left:10px;
}
.controlls-over .owl-controls .owl-next {
margin-right:10px;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 20px;
height: 5px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
@media only screen and (max-width: 600px) {
.owl-pagination {
display:none;
}
}
@media only screen and (max-width: 767px) {
body .owl-item {
width: 55px !important;
}
}
/*以上owl --------------------------------------------------------------------------*/
.pagination-centered {
text-align: center;
}
.pagination {
margin: 20px 0;
}
.pagination ul {
display: inline-block;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul>li {
display: inline;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul>li>a, .pagination ul>li>span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: transparent;
border: 1px solid rgba(255,255,255,.1);
border-left-width: 0;
color: #222;
font-size: 13px;
}
.pagination ul>li>a, .pagination ul>li>span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: transparent;
border: 1px solid #dddddd;
border-left-width: 0;
}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination ul>li>a:hover {
color: #070071;
}
#topMain.nav-pills>li.sp34>a.dropdown-toggle:after {
display: none;
}
#topMain.nav-pills>li.sp34 a.dropdown-toggle {
padding-right:0;
line-height: 7em;
}