/*
Theme Name: swap
Author: Dicky
Author URI: http://swwwap.hk
Description: This is a  bootstrap theme for wordpress. 
Version: 1.0
License: swwwap
*/

html{background: #FFF;overflow-x: hidden}

.site-wrapper{position: relative;padding: 1px;}
.border-right,.border-left,.border-top,.border-bottom{z-index: 99}
.border-right{position: fixed;top:0;right: 0;width: 10px ;height: 100%;background: #F1F1F1;z-index: 999}
.border-left{position: fixed;top:0;left: 0;width: 10px ;height: 100%;background: #F1F1F1;z-index: 999}
.border-top{position: fixed;top:0;left: 0;width: 100%;height: 10px ;background: #F1F1F1;z-index: 999}
.border-bottom{position: absolute;bottom:0;left: 0;width: 100%;height: 10px ;background: #F1F1F1;z-index: 999}

.table-wrapper{position: relative;width: 100%;height: 100%}
.table-inner{display: table;width: 100%;height: 100%;}
section{position: relative}
a:hover,a:focus,a:visited{outline: none;text-decoration: none}


.logo-wrapper{position: absolute;top:26px;left: 40px;z-index: 10}
.menu-wrapper{position: absolute;top:0;left: 0;z-index: 9;width: 100%;padding-top: 25px;background: #F1F1F1;padding-bottom:25px;text-align: right}
.menu-list{margin-right: 20px}
.menu-list li.active>h5 a{color: #019E97 !important}
.menu-list li {float: left;margin:20px 20px}
.menu-list li a  {color: #FFF}
.menu-list li a:hover{text-decoration: none}
.menu-list {display: inline-block}
.search-wrapper {position: absolute;top:38px;right:40px;z-index: 9}
.search-wrapper i {color: #FFF }
.black-menu.menu-list li a,.black-menu i{color: #333 }
.mobile-menu{position: absolute;top:32px;right:30px;z-index: 9;display: none}
.mobile-menu i{font-size: 32px}
.mobile-menu.active i{color: #FFF}

.site-content-wrapper{margin-top: 100px;background: #375E81}

.color-bottom{height: 2px ;width: 100px;background: #019E97;margin: 0 auto}

#header-menu{background: #E1e1e1;position: fixed;top:40px;z-index: -1;width: 100%;padding-top: 10px;padding-bottom: 10px;left: 0; -webkit-transition: all .6s ease-in-out;  -moz-transition: all .6s ease-in-out;  -o-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
#header-menu .container{padding: 0 120px}
#header-menu:hover{top:0}
.sub-menu{position: absolute;width: 400px;right: 0;top:115px;background: #7BCAD6; -webkit-transition: all .6s ease-in-out;  -moz-transition: all .6s ease-in-out;  -o-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;z-index: -1;padding-top: 0;padding-top:6px;color:#FFF;padding-right: 20px;background:  url(https://wyng.hk/wp/wp-content/themes/swap/img/couner.png) no-repeat left center;background-size: cover;z-index: 999}
.menu-list .sub-menu a{color: #FFF !important;z-index: 9999}
.sub-menu li{margin:4px 20px}

/* footer */
footer {background: #375E81; 
    bottom: 0;
    padding: 20px  0 0 0;
    left: 0;
    position: relative;
    width: 100%;}
footer h6{margin-bottom: 20px}
/* intro */
.intro{position: relative;overflow: hidden}
.home-about{padding: 60px 0;background: #F1F1F1}
.home-initiatives{padding: 60px 0 ;background: #CCC}
.home-mission{padding:120px 0 220px 0;background: #FFF}


/* home */
.home-inside{background: #FFF}
.intro-text.active{opacity: 0}
.slides.initiatives-list .project-wrapper{margin-right: 10px;margin-left: 10px}
.flexslider-home{width: 100%;}
.flexslider-home .slider-wrapper{width: 100%;height: 100%;padding: 0}
.intro.intro-slider{;width: 100%;left: 0;z-index: 0;background: #000;margin-top: 110px;position: relative;overflow: hidden}
.intro-bg{/* -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);*/}
.preloader{background:#000  url(https://wyng.hk/wp/wp-content/themes/swap/img/282.gif) no-repeat center center;;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99}

.intro-content,.down-arrow,.intro-text{-webkit-transition: all 600ms ease-in-out;  -moz-transition: all 600ms  ease-in-out;  -o-transition: all 600ms  ease-in-out;  transition: all 600ms  ease-in-out;}
.intro-bg{-webkit-transition: all 1200ms ease-in-out;  -moz-transition: all 1200ms ease-in-out;  -o-transition: all 1200ms ease-in-out;  transition: all 1200ms ease-in-out;}
.intro-bg{background-size: cover;margin-top:0;position: relative;width: 100%;height: 100%;opacity: 0;}
.intro-bg.active{margin: 0;opacity: 1}
.intro-text{display: none}

.intro-content{opacity: 0;z-index: 4;}
.intro-content.active{opacity: 1;}


.pattern-bg{background: url(https://wyng.hk/wp/wp-content/themes/swap/img/pattern-dark.svg) repeat center center;position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;z-index: 12;display: none}
.pattern-bg.active{opacity: .1}

.down-arrow{position: absolute;bottom:20px;width: 100%;text-align: center;opacity: 0;cursor: pointer;z-index: 9}
.down-arrow.active{opacity: 1}

.mission-overlay{background: rgba(0,0,0,0);position: absolute;top:0;left: 0;width: 100%;height: 100%}
.mission-wrapper{position: relative}
.home-in-list li{display: inline;float: right;display: inline;margin-left: 30px}
.home-in-list{width: 100%}
.slider-wrapper{padding: 10px}
.flexslider{margin-left: -10px}
.flex-direction-nav a::before,.flex-direction-nav a.flex-next::before{content: ""}
.flex-direction-nav a i{font-size: 42px}
.flex-direction-nav a{top:45%;opacity: 1}
.flexslider:hover .flex-next{right: -50px}
.flexslider:hover .flex-prev{left: -50px}


/* about */
.about-ss{padding: 60px 0 60px 0}
.about-top .container{padding: 80px 0 80px 0;background: #F1F1F1;margin-bottom: 120px}
.about-top{padding-bottom: 20px}
.about-middle{padding:120px 0 80px  0}
.about-bottom{background:#F1F1F1;padding: 60px 0 60px 0; }
.storke-line{width: 100px;height: 2px ;background: #333;margin: 30px 0}

/* news */
.site-content-wrapper.news{padding: 220px 0;background: #375E81}
.news-content{margin-top: 60px}
.news-list>li{padding: 40px 0; border-bottom: 1px solid #CCC}
.news-content i {font-size: 40px}
.news-inner{overflow: hidden;max-height: 0;  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.news-inner.active{max-height:9999px}
.news-title{cursor: pointer}
.news-inner p{margin:30px 140px}
.news-inner img {width: 100% !important;height: auto !important}
.news-inner ol{margin: 0 100px;text-align: left}
.news-inner ol li{list-style: decimal;margin-bottom: 20px;font-family: 'Varela Round', sans-serif;;color: #333;font-weight: normal;background: #EEE;padding: 6px}

/* initiatives */
.site-content-initiatives{padding-bottom: 120px;margin-top: 100px;background: #375E81}
.initiatives-banner-bg{position: absolute;width: 100%;height: 100%;background: #375E81 ;opacity: 0;z-index: 2;pointer-events: none}
.initiatives-intro{background: #CCC;}
.initiatives-content{padding: 60px 0 0 0 }
.initiatives-list-wrapper {padding: 60px 0}
.initiatives-list li{position: relative}
.project-wrapper{position: relative;border: 1px solid #F1F1f1}
.project-wrapper .img-overlay{padding: 10px;position: absolute;width: 100%;height: 100%;opacity: 0;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;}
.project-wrapper .img-inner{background: rgba(230,230,230,.95);width: 100%;height: 100%;padding: 0 20px}
.project-wrapper:hover .img-overlay{opacity: 1}
.initiatives-intro{height: 560px}
.news-title h3{padding: 0 240px}
/* contact */
.single-intro{background: #FFF;height: 360px;margin-top: 140px}
.single-content {padding:0 0 20px 0}
.single-border{width: 100px;height: 1px;background: #CCC;margin: 30px auto 20px auto;}

/* search */
.search-section{background: rgba(200,200,200,.9);width: 100%;height: 100%;top:0;left: 0;position:fixed;z-index: 999;display: none}
.screen-reader-text{display: none}
.search-field{}

.slider-wrapper img{width: 100%}

.news-inner p{color: #AAA}

/*
     FILE ARCHIVED ON 10:07:57 Nov 02, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:44:48 Dec 20, 2017.
     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)).
*/