/* @Author: ThemeMascot @URL: http:/ThemeMascot.com Necessary CSS Collection */ /** * Table of Contents: * * 1 -> Owl carousel * 2 -> isotope * 3 -> lightbox * 4 -> maximage * 5 -> ytplayer * 6 -> vertical timeline * 7 -> slick slider * 8 -> menufullpage * 9 -> megafolio * 10 -> flexslider * =============================================== */ /* * 1 -> Owl carousel * ----------------------------------------------- */ /* * Owl Carousel - Animate Plugin*/ .owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.owl-carousel .owl-animated-in {z-index: 0;}.owl-carousel .owl-animated-out {z-index: 1;}.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}/* * Owl Carousel - Auto Height Plugin*/.owl-height {-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;}/* * Core Owl Carousel CSS File*/.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.owl-carousel.owl-loaded {display: block;}.owl-carousel.owl-loading {opacity: 0;display: block;}.owl-carousel.owl-hidden {opacity: 0;}.owl-carousel .owl-refresh .owl-item {display: none;}.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}.owl-carousel.owl-rtl {direction: rtl;}.owl-carousel.owl-rtl .owl-item {float: right;}/* No Js */.no-js .owl-carousel {display: block;}/* * Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}.owl-carousel .owl-item img {transform-style: preserve-3d;}/* * Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("/template/wxdarang/images/owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3);-moz-transition: scale(1.3, 1.3);-ms-transition: scale(1.3, 1.3);-o-transition: scale(1.3, 1.3);transition: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}.owl-carousel .owl-video-frame {position: relative;z-index: 1;} /* * 2 -> isotope * ----------------------------------------------- */ .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1} /* * 3 -> lightbox * ----------------------------------------------- */ /* Preload images */ body:after {content: url(/template/wxdarang/images/close.png) url(/template/wxdarang/images/loading.gif) url(/template/wxdarang/images/prev.png) url(/template/wxdarang/images/next.png);display: none;}.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}.lightbox .lb-image {display: block;height: auto;max-width: inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}.lightbox a img {border: none;}.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}.lb-outerContainer:after {content: "";display: table;clear: both;}.lb-container {padding: 4px;}.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(/template/wxdarang/images/loading.gif) no-repeat;}.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}.lb-container > .nav {left: 0;}.lb-nav a {outline: none;background-image: url('/template/wxdarang/other/wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}.lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: url(/template/wxdarang/images/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(/template/wxdarang/images/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}.lb-dataContainer:after {content: "";display: table;clear: both;}.lb-data {padding: 0 4px;color: #ccc;}.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(/template/wxdarang/images/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} /* * 4 -> maximage * ----------------------------------------------- */ /*! Version: 2.0.73 (12-Oct-2012) */ .mc-hide-scrolls {overflow: hidden}body .mc-cycle {height: 100%;left: 0;overflow: hidden;position: fixed;top: 0;width: 100%;z-index: -1}div.mc-image {-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 100%;overflow: hidden;width: 100%}.mc-old-browser .mc-image {overflow: hidden}#home .maximage-slider #maximage {background-color: #000000;display: block;height: 100% !important;overflow: hidden;position: absolute;width: 100% !important;}#home .maximage-slider #maximage .mc-image {height: 100% !important;}#home .maximage-slider.static #maximage {position: fixed;}#home .maximage-slider .fullscreen-controls {margin-top: -64px;position: absolute;top: 50%;width: 100%;z-index: 5;}#home .maximage-slider .fullscreen-controls .img-prev,#home .maximage-slider .fullscreen-controls .img-next {color: #ffffff;filter: alpha(opacity=0);opacity: 0;position: absolute;}#home .maximage-slider .fullscreen-controls .img-prev i,#home .maximage-slider .fullscreen-controls .img-next i {font-size: 64px;}#home .maximage-slider .fullscreen-controls .img-prev:hover,#home .maximage-slider .fullscreen-controls .img-next:hover {cursor: pointer;text-decoration: none;}#home .maximage-slider .fullscreen-controls .img-prev {left: 15px;-webkit-transition: opacity 0.3s, left 0.3s;-o-transition: opacity 0.3s, left 0.3s;transition: opacity 0.3s, left 0.3s;}#home .maximage-slider .fullscreen-controls .img-next {right: 15px;-webkit-transition: opacity 0.3s, right 0.3s;-o-transition: opacity 0.3s, right 0.3s;transition: opacity 0.3s, right 0.3s;}#home:hover .maximage-slider .fullscreen-controls .img-prev,#home:hover .maximage-slider .fullscreen-controls .img-next {filter: alpha(opacity=100);opacity: 1;}#home:hover .maximage-slider .fullscreen-controls .img-prev {left: 25px;}#home:hover .maximage-slider .fullscreen-controls .img-next {right: 25px;} /* * 5 -> ytplayer * ----------------------------------------------- */ /*____________________________________________________________________________________________________________________________________________________ jquery.mb.components __ __ file: mb.YTPlayer.css __ last modified: 19/08/14 19.57 __ __ Open Lab s.r.l., Florence - Italy __ __ email: matteo@open-lab.com __ site: http:/pupunzi.com __ http:/open-lab.com __ blog: http:/pupunzi.open-lab.com __ Q&A: http:/jquery.pupunzi.com __ __ Licences: MIT, GPL __ http:/www.opensource.org/licenses/mit-license.php __ http:/www.gnu.org/licenses/gpl.html __ __ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); ____________________________________________________________________ ________________________________________________________________________________*/ @charset"UTF-8"; /* Generated by Font Squirrel (http:/www.fontsquirrel.com) on May 30, 2013 */ @font-face {font-family: 'ytpregular';src: url('/template/wxdarang/other/ytp-regular.eot');}@font-face {font-family: 'ytpregular';src: url(/template/wxdarang/other/9848f112580c4a2789f4b3280c3a334c.woff) format('woff'),url('/template/wxdarang/fonts/ytp-regular.ttf') format('truetype');font-weight: normal;font-style: normal;}.mb_YTPlayer :focus {outline: 0;}.mb_YTPlayer{display:block;transform:translateZ(0);transform-style: preserve-3d;perspective: 1000;backface-visibility: hidden;transform:translate3d(0,0,0);animation-timing-function: linear;box-sizing: border-box;}.mb_YTPlayer.fullscreen{display:block!important;position: fixed!important;width: 100%!important;height: 100%!important;top: 0!important;left: 0!important;margin: 0!important;border: none !important;}.mb_YTPlayer.fullscreen .mbYTP_wrapper{opacity:1 !important;}.mbYTP_wrapper iframe {max-width: 4000px !important;}.inline_YTPlayer{margin-bottom: 20px;vertical-align:top;position:relative;left:0;overflow: hidden;border-radius: 4px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);box-shadow: 0 0 5px rgba(0,0,0,.7);background: rgba(0,0,0,.5);}.inline_YTPlayer img{border: none!important;-moz-transform: none!important;-webkit-transform: none!important;-o-transform: none!important;transform: none!important;margin:0!important;padding:0!important}/*CONTROL BAR*/.mb_YTPBar .ytpicon{font-size: 20px;font-family: 'ytpregular';}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size: 30px;}.mb_YTPBar{transition: opacity 1s;-moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;display:block;width:100%;height:10px;padding:5px;background:#333;position:fixed;bottom:0;left:0;-moz-box-sizing:padding-box;-webkit-box-sizing:border-box;text-align:left;z-index: 1000;font: 14px/16px sans-serif;color:white;opacity:.1;}.mb_YTPBar.visible, .mb_YTPBar:hover{opacity:1;}.mb_YTPBar .buttonBar{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;background:transparent;font:12px/14px Calibri;position:absolute;top:-30px;left:0;padding: 5px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}.mb_YTPBar:hover .buttonBar{background: rgba(0,0,0,0.4);}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri, sans-serif;position:relative;width: 30px;height: 25px;vertical-align: middle;}.mb_YTPBar span.mb_YTPTime{width: 130px;}.mb_YTPBar span.mb_YTPUrl,.mb_YTPBar span.mb_OnlyYT {position: absolute;width: auto;display:block;top:6px;right:10px;cursor: pointer;}.mb_YTPBar span.mb_YTPUrl img{width: 60px;}.mb_YTPBar span.mb_OnlyYT {left:185px;right: auto;}.mb_YTPBar span.mb_OnlyYT img{width: 25px;}.mb_YTPBar span.mb_YTPUrl a{color:white;}.mb_YTPPlaypause,.mb_YTPlayer .mb_YTPPlaypause img{cursor:pointer;}.mb_YTPMuteUnmute{cursor:pointer;}/*PROGRESS BAR*/.mb_YTPProgress{height:10px;width:100%;background:#111;bottom:0;left:0;}.mb_YTPLoaded{height:10px;width:0;background:#444;left:0;}.mb_YTPseekbar{height:10px;width:0;background:#fff;bottom:0;left:0;box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;}.YTPOverlay{backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: "flat";box-sizing: border-box;}/*RASTER OVERLAY*/.YTPOverlay.raster{background: url("/template/wxdarang/images/raster.png");}.YTPOverlay.raster.retina{background: url("/template/wxdarang/images/raster_402x.png");}.YTPOverlay.raster-dot{background: url("/template/wxdarang/images/raster_dot.png");}.YTPOverlay.raster-dot.retina{background: url("/template/wxdarang/images/raster_dot_402x.png");} /* * 6 -> vertical timeline * ----------------------------------------------- */ .cd-container {width: 90%;max-width: 1170px;margin: 0 auto;}.cd-container::after {/* clearfix */content: '';display: table;clear: both;}.cd-timeline {position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}.cd-timeline::before {/* this is the vertical line */content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 2px;background: #eee;}@media only screen and (min-width: 1170px) {.cd-timeline {margin-top: 3em;margin-bottom: 3em;}.cd-timeline::before {left: 50%;margin-left: 0px;}}.cd-timeline-block {position: relative;margin: 2em 0;}.cd-timeline-block:after {content: "";display: table;clear: both;}.cd-timeline-block:first-child {margin-top: 0;}.cd-timeline-block:last-child {margin-bottom: 0;}@media only screen and (min-width: 1170px) {.cd-timeline-block {margin: 4em 0;}.cd-timeline-block:first-child {margin-top: 0;}.cd-timeline-block:last-child {margin-bottom: 0;}}.cd-timeline-img {background: none repeat scroll 0 0 #eee; position: absolute;top: 0;left: 0;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ddd;}.cd-timeline-img i {display: block;font-size: 24px; width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}@media only screen and (min-width: 1170px) {.cd-timeline-img {width: 60px;height: 60px;left: 50%;margin-left: -30px;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}.cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}.cssanimations .cd-timeline-img.bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s;animation: cd-bounce-1 0.6s;}}@-webkit-keyframes cd-bounce-1 {0% {opacity: 0;-webkit-transform: scale(0.5);}60% {opacity: 1;-webkit-transform: scale(1.2);}100% {-webkit-transform: scale(1);}}@-moz-keyframes cd-bounce-1 {0% {opacity: 0;-moz-transform: scale(0.5);}60% {opacity: 1;-moz-transform: scale(1.2);}100% {-moz-transform: scale(1);}}@keyframes cd-bounce-1 {0% {opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);}60% {opacity: 1;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}.cd-timeline-content {position: relative;margin-left: 60px;background: white;border-radius: 0.25em;padding: 1em;border: 2px solid #eee;}.cd-timeline-content:after {content: "";display: table;clear: both;}.cd-timeline-content h2 {}.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {/* font-size: 13px;font-size: 0.8125rem;*/}.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block;}.cd-timeline-content p {}.cd-timeline-content .cd-read-more {float: right;}.no-touch .cd-timeline-content .cd-read-more:hover {}.cd-timeline-content .cd-date {float: left;padding: .8em 0;opacity: .7;}.cd-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #eee;}@media only screen and (min-width: 768px) {/* .cd-timeline-content h2 {font-size: 20px;font-size: 1.25rem;}.cd-timeline-content p {font-size: 16px;font-size: 1rem;}.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 14px;font-size: 0.875rem;}*/}@media only screen and (min-width: 1170px) {.cd-timeline-content {margin-left: 0;padding: 1.6em;width: 45%;}.cd-timeline-content::before {top: 24px;left: 100%;border-color: transparent;border-left-color: #eee;}.cd-timeline-content .cd-read-more {float: left;}.cd-timeline-content .cd-date {position: absolute;width: 100%;left: 122%;top: 6px;/* font-size: 16px;font-size: 1rem;*/}.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}.cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: #eee;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}.cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}.cssanimations .cd-timeline-content.bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;-moz-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;}}@media only screen and (min-width: 1170px) {/* inverse bounce effect on even content blocks */.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {-webkit-animation: cd-bounce-2-inverse 0.6s;-moz-animation: cd-bounce-2-inverse 0.6s;animation: cd-bounce-2-inverse 0.6s;}}@-webkit-keyframes cd-bounce-2 {0% {opacity: 0;-webkit-transform: translateX(-100px);}60% {opacity: 1;-webkit-transform: translateX(20px);}100% {-webkit-transform: translateX(0);}}@-moz-keyframes cd-bounce-2 {0% {opacity: 0;-moz-transform: translateX(-100px);}60% {opacity: 1;-moz-transform: translateX(20px);}100% {-moz-transform: translateX(0);}}@keyframes cd-bounce-2 {0% {opacity: 0;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}60% {opacity: 1;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px);}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes cd-bounce-2-inverse {0% {opacity: 0;-webkit-transform: translateX(100px);}60% {opacity: 1;-webkit-transform: translateX(-20px);}100% {-webkit-transform: translateX(0);}}@-moz-keyframes cd-bounce-2-inverse {0% {opacity: 0;-moz-transform: translateX(100px);}60% {opacity: 1;-moz-transform: translateX(-20px);}100% {-moz-transform: translateX(0);}}@keyframes cd-bounce-2-inverse {0% {opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);}60% {opacity: 1;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px);}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}} /* * 7 -> slick slider * ----------------------------------------------- */ /* Slider */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track{position: relative;top: 0;left: 0;display: block;}.slick-track:before,.slick-track:after{display: table;content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} /* slick-theme.css */ @charset 'UTF-8';/* Slider */ .slick-loading .slick-list{background: #fff url('/template/wxdarang/images/ajax-loader.gif') center center no-repeat;}/* Icons */@font-face{font-family: 'slick';font-weight: normal;font-style: normal;src: url('/template/wxdarang/other/slick.eot');src: url('/template/wxdarang/other/slick.eot@#iefix') format('embedded-opentype'), url('/template/wxdarang/other/slick.woff') format('woff'), url('/template/wxdarang/other/slick.ttf') format('truetype'), url('/template/wxdarang/other/slick.svg#slick') format('svg');}/* Arrows */.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}.slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-prev{left: -25px;}[dir='rtl'] .slick-prev{right: -25px;left: auto;}.slick-prev:before{content: '←';}[dir='rtl'] .slick-prev:before{content: '→';}.slick-next{right: -25px;}[dir='rtl'] .slick-next{right: auto;left: -25px;}.slick-next:before{content: '→';}[dir='rtl'] .slick-next:before{content: '←';}/* Dots */.slick-slider{margin-bottom: 30px;}.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{opacity: .75;color: black;} /* * 8 -> menufullpage * ----------------------------------------------- */ /* ========================== MENU fullpage CSS ========================== */ #menu {background: rgba(255, 255, 255, 0.97);z-index: -1;position: fixed;/*left: -100%;*/ /*left or right and the width of your navigation panel*/left: 0 !important; /*left or right and the width of your navigation panel*/opacity: 0;width: 100%; /*should match the above value*/-webkit-transition: all .5s ease-in-out !important;-moz-transition: all .5s ease-in-out !important;-ms-transition: all .5s ease-in-out !important;-o-transition: all .2s ease-in-out !important;transition: all .5s ease-in-out !important;}.menu-link.menu-open + #menu {opacity: 1;z-index: 998;}.menu-link i {text-decoration: none;font-size: 40px;color: #fff;}#menu ul {margin-top: 50px;-webkit-transition: all .7s ease-in-out !important;-moz-transition: all .7s ease-in-out !important;-ms-transition: all .7s ease-in-out !important;-o-transition: all .7s ease-in-out !important;transition: all .7s ease-in-out !important;}.menu-link.menu-open + #menu ul {margin-top: 70px;}#menu li {text-align: center;transition: all 0.4s ease;padding: 20px 0;position: relative;}#menu li a {color: #111;font-size: 28px;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;text-decoration: none;font-weight: 400;text-transform: uppercase;padding: 0;position: relative;}#menu li a:hover{color: #888;-webkit-transition: color 2s time;-o-transition: color 2s time;transition: color 2s time;}#menu ul ul li a:hover {color: #888;}#menu li:hover:after a {position: absolute;content: '';color: #FFF;}#menu ul ul {display: none;}#menu ul ul li a {font-size: 13px;}.menu-link {z-index: 999;display: block;position: fixed;top: 0;right: 0;overflow: hidden;margin: 0;padding: 0;width: 70px;height: 70px;font-size: 0;text-indent: -9999px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;background-color: transparent;}.menu-link:focus {outline: none;}.menu-link span {display: block;position: absolute;top: 45px;left: 18px;right: 18px;height: 4px;border-radius: 2px;background: #888;-webkit-transition: background 0 0.3s;transition: background 0 0.3s;}.menu-link span::before, .menu-link span::after {position: absolute;display: block;left: 0;width: 100%;height: 4px;border-radius: 0;background-color: #888;content: "";-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;}.menu-link span::before {top: -12px;-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}.menu-link span::after {bottom: -12px;-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}/* active state, i.e. menu open */.menu-link.menu-open {background-color: transparent;}.menu-link.menu-open span {background: none;}.menu-link.menu-open span::before, .menu-link.menu-open span::after {background-color: #111;}.menu-link.menu-open span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.menu-link.menu-open span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}.menu-link.menu-open span::before, .menu-link.menu-open span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;} /* * 9 -> megafolio * ----------------------------------------------- */ /*----------------------------------------------------------------------------- - Megafolio PRO - Screen Stylesheet version: 1.0 date: 10/10/12 author: themepunch email: info@themepunch.com website: http:/www.themepunch.com -----------------------------------------------------------------------------*/ /**************************** - FANCY BOX TRICKS - *****************************/ .fancybox-lock .fancybox-overlay {overflow-x: auto;overflow-y: hidden !important;} /************************************************- BASIC CAPTIONS AND COVERS PER mega-entry -************************************************/ .mega-covercaption {padding: 21px 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;position: absolute;left: 0px;min-height: 0px;max-width: 100%;max-height: 100%;overflow: hidden;}.mega-white {background: #fff;}.mega-white.mega-transparent {background: rgba(255,255,255,0.80)}.mega-black {background: #000;}.mega-black.mega-transparent {background: rgba(0,0,0,0.80)}.mega-turquoise {background: #43a1a9;}.mega-orange {background: #de921a;}.mega-green {background: #9ab534;}.mega-red {background: #d74f35;}.mega-violet {background: #791869;}.mega-blue {background: #034e92;}.mega-yellow {background: #f1c40f;}/*** THE DIRECTIONS OF CAPTIONS **/.mega-square .mega-square-top {top: 0px;left: 0px;bottom: auto;}.mega-square .mega-square-bottom {bottom: 0px;left: 0px;top: auto;}.mega-square .mega-square-left {top: 0px;left: 0px;max-width: 50%;height: 100%}.mega-square .mega-square-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-portrait .mega-portrait-top {top: 0px;left: 0px;bottom: auto;}.mega-portrait .mega-portrait-bottom {bottom: 0px;left: 0px;top: auto;}.mega-portrait .mega-portrait-left {top: 0px;left: 0px;width: 50%;height: 100%}.mega-portrait .mega-portrait-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-landscape .mega-landscape-top {top: 0px;left: 0px;bottom: auto;}.mega-landscape .mega-landscape-bottom {bottom: 0px;left: 0px;top: auto;}.mega-landscape .mega-landscape-left {top: 0px;left: 0px;width: 50%;height: 100%}.mega-landscape .mega-landscape-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-title {text-align: left;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;font-size: 24px;line-height: 24px;color: #fff;font-weight: 400;}.mega-date {text-align: left;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;font-size: 15px;color: #666;font-weight: 300;margin-top: 0px;}.mega-covercaption p {text-align: left;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;font-size: 13px;color: #555;font-weight: 400;margin-top: 12px;}.mega-covercaption a {color: #fff;text-decoration: none;border-bottom: 1px dotted #fff;}.mega-covercaption a:hover {text-decoration: none;border-bottom: 0;}.mega-withsocialbar.mega-covercaption {margin-bottom: 16px;}.mega-smallcaptions .mega-title {font-size: 18px;font-weight: 700;text-transform: uppercase;}.mega-smallcaptions .mega-date {font-size: 12px;font-weight: 400;text-transform: uppercase;color: #888;}.mega-white .mega-title {color: #000;}.mega-white .mega-date {color: #666;}.mega-white p {color: #555;}.mega-white.mega-covercaption a {color: #555;text-decoration: none;border-bottom: 1px dotted #555;}.mega-white.mega-covercaption a:hover {text-decoration: none;border-bottom: 0;}.mega-black .mega-title {color: #fff;}.mega-black .mega-date {color: #fff;}.mega-black p {color: #fff;}.mega-turquoise .mega-title, .mega-turquoise .mega-date, .mega-turquoise p {color: #fff;}.mega-orange .mega-title, .mega-orange .mega-date, .mega-orange p {color: #fff;}.mega-green .mega-title, .mega-green .mega-date, .mega-green p {color: #fff;}.mega-red .mega-title, .mega-red .mega-date, .mega-red p {color: #fff;}.mega-violet .mega-title, .mega-violet .mega-date, .mega-violet p {color: #fff;}.mega-blue .mega-title, .mega-blue .mega-date, .mega-blue p {color: #fff;}.fatcaption-top {position: absolute;top: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 14px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.fatcaption-bottom {position: absolute;bottom: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 14px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.gallerycaption-bottom {position: absolute;bottom: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 17px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.gallerysubline {width: 100%;text-align: center;font-size: 13px;line-height: 20px;font-weight: 400;color: #ccc;margin-top: 2px;}/** SET THE CAPTION SETTIGS UNDER LOWSIZE ENTRIES **/.mega-lowsize .mega-covercaption p {display: none;}.mega-lowsize .mega-title {font-size: 18px;}.mega-lowsize .mega-date {font-size: 13px;}/********************************- CAPTION NORMAL LINKS*********************************/.mega-coverbuttons {max-width: 68px;max-height: 34px;position: absolute;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;-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;left: 0px !important;top: 0px !important;bottom: auto !important}.mega-entry-innerwrap:hover .mega-coverbuttons {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}.mega-link {background-image: url(/template/wxdarang/images/link_clean.png);background-repeat: no-repeat;background-position: center center;width: 34px;height: 34px;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;cursor: pointer;}.mega-view {background-image: url(/template/wxdarang/images/zoom_clean.png);background-repeat: no-repeat;background-position: center center;width: 34px;height: 34px;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;cursor: pointer;}.mega-link:hover, .mega-view:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} /*********************************************- SOCIAL BAR AT THE BOTTOM PER mega-entry -***********************************************/ .mega-square .mega-square-bottom.mega-withsocialbar, .mega-portrait .mega-portrait-bottom.mega-withsocialbar, .mega-landscape .mega-landscape-bottom.mega-withsocialbar {padding-bottom: 25px;}.mega-socialbar {position: absolute;height: 16px;z-index: 10;bottom: 0px;margin-left: 0px;margin-right: 0px;left: 0px;right: 0px;box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;background: url(/template/wxdarang/images/socialbar-bg.png) repeat-x;border-top: 0;border-bottom: 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;padding: 2px 10px;overflow: hidden;}.mega-socialbar span {text-align: left;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;font-size: 11px;color: #777;font-weight: 400;line-height: 16px;text-shadow: 0px 1px 0px #fff;}.mega-soc {cursor: pointer;background-position: left 2px !important;min-width: 16px;height: 18px;margin-top: -2px;}.mega-soc:hover {background-position: left -14px !important;}.mega-soc span {margin-left: 20px;margin-right: 20px;}.mega-facebook {background: url(/template/wxdarang/images/facebook.png) no-repeat;}.mega-comments {background: url(/template/wxdarang/images/comments.png) no-repeat;}.mega-twitter {background: url(/template/wxdarang/images/twitter.png) no-repeat;}.mega-more {background: url(/template/wxdarang/images/more.png) no-repeat;}.mega-like {background: url(/template/wxdarang/images/like.png) no-repeat;}.mega-leftfloat {float: left;margin-right: 5px;}.mega-rightfloat {float: right;}.ie8 .mega-socialbar .mega-rightfloat, .ie9 .mega-socialbar .mega-rightfloat {margin-right: 25px;} /****************************************************- BASIC SETTINGS FOR GALLERY GRIDS -******************************************************/ .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.noborder .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.noborder .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.light-bg-entries .mega-entry .mega-entry-innerwrap {background-color: #ccc !important;}.dark-bg-entries .mega-entry .mega-entry-innerwrap {background-color: rgb(0,0,0) !important;background-color: rgba(0,0,0,0.3) !important;}.mega-entry {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;position: absolute;z-index: 2;}.mega-entry .mega-entry-innerwrap {width: 100%;height: 100%;position: relative;overflow: visible;z-index: 2;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}.ie8 .mega-entry, .ie8 .mega-entry .mega-entry-innerwrap, .ie9 .mega-entry, .ie9 .mega-entry .mega-entry-innerwrap {overflow: hidden;}.mega-entry-innerwrap.pagetop {-webkit-transform-origin: 50% 0% 0;-moz-transform-origin: 50% 0% 0;transform-origin: 50% 0% 0;}.mega-entry-innerwrap.pagebottom {-webkit-transform-origin: 50% 100% 0;-moz-transform-origin: 50% 100% 0;transform-origin: 50% 100% 0;}.mega-entry-innerwrap.pagemiddle {-webkit-transform-origin: 50% 50% 0;-moz-transform-origin: 50% 50% 0;transform-origin: 50% 50% 0;}.megafolio-container.norounded .mega-entry .mega-entry-innerwrap {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.megafolio-container-splash.norounded .mega-entry .mega-entry-innerwrap {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.mega-lightbox, .oldmegalightbox {position: absolute;overflow: hidden;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);border: 1px solid #333;z-index: 1000;padding: 100px;background: url(/template/wxdarang/images/grain.png) repeat;background-color: rgba(20,20,20,0.9);margin-left: -100px;margin-top: -100px;}.mega-lightbox .mediaholder, .oldmegalightbox .mediaholder {border: 2px solid #fff;position: relative;width: 100%;height: 100%;box-shadow: 0px 0px 3px 1px rgba(40,40,40,0.6);}/** IE HACKS **/.ieimg {position: absolute;width: 100%;top: 0px;left: 0px;z-index: 0;}.mega-mega-entry-added {visibility: hidden;}.mega-mega-entry-added .mega-socialbar, .mega-mega-entry-added .mega-covercaption {visibility: hidden}/*********************************************************- MEGA PORTFOLIO HOVER EFFECTS -**********************************************************/ /****************************- BASIC SETTINGS -*****************************/ .mega-hover {width: 100%;height: 100%;position: absolute;background: url(/template/wxdarang/images/grain.png) repeat;background-color: rgba(0,0,0,0.8);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-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;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.norounded .mega-hover {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.mega-divider {position: absolute;top: 50%;width: 80%;left: 10%;border-bottom: 1px dashed #7b7c7e;border-top: 1px dashed #111;}.mega-hovertitle, .mega-hoverlink, .mega-hoverview {-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;transition-delay: 0.2s;-moz-transition-delay: 0.2s; /* Firefox 4 */-webkit-transition-delay: 0.2s; /* Safari and Chrome */-o-transition-delay: 0.2s; /* Opera */}.mega-hovertitle {position: absolute;color: #fff;font-family: 'Open Sans', "Microsoft YaHei",sans-serif;font-size: 14px;font-weight: 700;text-align: center;width: 60%;padding: 0px 0px 15px;left: 20%;bottom: 40%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.mega-hovertitle .mega-hoversubtitle {color: #aaa;font-size: 12px;line-height: 13px;font-weight: 400;margin-top: 5px;}.mega-hoverlink {right: 50%;margin-right: 33px;background: url(/template/wxdarang/images/link.png) no-repeat center;-webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}.mega-hoverview {left: 50%;margin-left: 33px;background: url(/template/wxdarang/images/lupe.png) no-repeat center;-webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}.mega-hoverlink, .mega-hoverview {width: 33px;height: 33px;position: absolute;top: 50%;text-align: center;margin-top: 0px;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.mega-hover.alone .mega-hoverview {margin-left: -16px;margin-top: -20px;}.mega-hover.alone .mega-hoverlink {margin-right: -16px;margin-top: -20px;}/********************************- THE HOVER EFFECT -**********************************/.mega-hover:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hovertitle {bottom: 50%;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hovertitle, .mega-hover:hover .mega-hoverlink, .mega-hover:hover .mega-hoverview {transform: rotate(0deg);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}.mega-hover:hover .mega-hoverlink {right: 50%;margin-right: 5px;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hoverview {left: 50%;margin-left: 5px;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover.alone:hover .mega-hoverview {margin-left: -16px;margin-top: 0px;}.mega-hover.notitle.alone:hover .mega-hoverview {margin-left: -16px;margin-top: -16px;}.mega-hover.notitle.alone:hover .mega-hoverlink {margin-right: -16px;margin-top: -16px;}.mega-hover:hover .mega-hoverlink:hover, .mega-hover:hover .mega-hoverview:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}.mega-hover.notitle .mega-hoverlink, .mega-hover.notitle .mega-hoverview {margin-top: -16px;}/******************************- THE FILTERS -********************************/.clear {clear: both;}.filter_padder {padding: 0px 30px;margin: 40px auto 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;}.filter_wrapper {background: url(/template/wxdarang/images/topgradient.png) repeat-x;background-color: #040404;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;padding: 0px 35px;position: relative;min-height: 40px;margin: auto;}.ie9 .filter_wrapper {max-width: 650px;}.filter_wrapper.floated {float: left;margin-right: 50px;}.filter_list_wrapper {width: 150px;position: relative;margin: auto;}.filter {line-height: 40px;margin-right: 30px;font-size: 14px;color: #999;float: left;font-weight: 700;cursor: pointer}.filter:hover, .filter.selected {color: #fff;}.filter.last-child {margin-right: 0px !important;}.filter_list_button {background: url(/template/wxdarang/images/list.png) no-repeat 15px center, url(/template/wxdarang/images/topgradient.png);background-color: #040404;border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;padding: 0px 30px 0px 60px;position: relative;min-height: 40px;margin: auto;width: 100%;z-index: 1;}ul.filter_list {background: #040404;padding: 0px 45px 0px 45px;position: absolute;z-index: 0;width: 100%;top: 15px;border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;-webkit-border-radius: 0px 0px 20px 20px;display: none;list-style: none;}li.filter {list-style: none;max-width: 156px;background: #040404;line-height: 30px;font-size: 14px;color: #999;font-weight: 700;cursor: pointer;float: none;margin-right: 0px !important;}.current-filter {max-width: 156px;line-height: 40px;font-size: 14px;color: #999;font-weight: 700;cursor: pointer;float: none;margin-right: 0px !important;}.filter_wrapper_list li.filter:hover, .current-filter, .filter_wrapper_list li.filter.selected {color: #fff;}@media only screen and (max-width: 961px) {.filter_wrapper.floated {margin: auto;float: none;}.filter_list_wrapper {width: 216px;float: none;clear: both;margin-top: 30px;}}@media only screen and (max-width: 420px) {.filter {float: none;text-align: center;margin-right: 0px;line-height: 30px;}}/***********************************************************- EXAMPLES FOR COLORED BG OF ENTRIES in Example 10 -************************************************************/.mega-entry.mega-bg-1 .mega-entry-innerwrap {background-color: #f32390 !important;}.mega-entry.mega-bg-2 .mega-entry-innerwrap {background-color: #d69b12 !important;}.mega-entry.mega-bg-3 .mega-entry-innerwrap {background-color: #7bce8b !important;} /* * 10 -> flexslider * ----------------------------------------------- */ /** jQuery FlexSlider v2.5.0* http:/www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 and later license.* http:/www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)* */* ====================================================================================================================* FONT-FACE* ====================================================================================================================*/ @font-face {font-family: 'flexslider-icon';src: url('/template/wxdarang/other/flexslider-icon.eot');src: url('/template/other/flexslider-icon.eot@#iefix') format('embedded-opentype'), url('/template/wxdarang/other/flexslider-icon.woff') format('woff'), url('/template/wxdarang/other/flexslider-icon.ttf') format('truetype'), url('/template/wxdarang/other/flexslider-icon.svg#flexslider-icon') format('svg');font-weight: normal;font-style: normal;}/* ====================================================================================================================* RESETS* ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus {outline: none;}.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}.flex-pauseplay span {text-transform: capitalize;}/* ====================================================================================================================* BASE STYLES* ====================================================================================================================*/ .flexslider {margin: 0;padding: 0;}.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}.flexslider .slides img {width: 100%;display: block;}.flexslider .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}html[xmlns] .flexslider .slides {display: block;}* html .flexslider .slides {height: 1%;}.no-js .flexslider .slides > li:first-child {display: block;}/* ====================================================================================================================* DEFAULT THEME* ====================================================================================================================*/ .flexslider {margin: 0;background: #ffffff;border: 4px solid #ffffff;position: relative;zoom: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}.flexslider .slides {zoom: 1;}.flexslider .slides img {height: auto;}.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.loading .flex-viewport {max-height: 300px;}.carousel li {margin-right: 5px;}.flex-direction-nav {*height: 0;}.flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;display: inline-block;content: '\f001';color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}.flex-direction-nav a.flex-next:before {content: '\f002';}.flex-direction-nav .flex-prev {left: -50px;}.flex-direction-nav .flex-next {right: -50px;text-align: right;}.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px;}.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 10px;}.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}.flex-direction-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default;}.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}.flex-pauseplay a:hover {opacity: 1;}.flex-pauseplay a.flex-play:before {content: '\f003';}.flex-control-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;}.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;*display: inline;}.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}.flex-control-thumbs li {width: 25%;float: left;margin: 0;}.flex-control-thumbs img {width: 100%;height: auto;display: block;opacity: .7;cursor: pointer;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}/* ====================================================================================================================* RESPONSIVE* ====================================================================================================================*/ @media screen and (max-width: 860px) {.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}.flex-direction-nav .flex-next {opacity: 1;right: 10px;}} /* FILE ARCHIVED ON 08:44:42 Jan 17, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:15:06 Oct 20, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms):  captures_list: 4.264  exclusion.robots: 0.028  exclusion.robots.policy: 0.017  esindex: 0.014  cdx.remote: 17.156  LoadShardBlock: 146.761 (3)  PetaboxLoader3.datanode: 173.934 (4)  load_resource: 96.614  PetaboxLoader3.resolve: 52.034 */