/* Mercier Zeng CSS Document */ 
@import url(/css/font-awesome-4.6.3/css/font-awesome.min.css);
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @media(min-width:1000px) {
#header { overflow: hidden; }
}
body { font-family: 'Poppins', sans-serif; font-size: 15px; color: #d9d9d9; background: #f1f1f1; padding: 0; margin: 0; }
* { margin: 0; padding: 0; border: 0; outline: 0; }
h1 { font-size: 35px; font-weight: 300; margin: 0 0 5px 0; }
h2 { font-size: 30px; font-weight: 300; margin-bottom: 15px; margin-top: 50px; color: #fff; }
h2.marginTop0 { margin-top: 0 !important; }
h3 { font-size: 24px; font-weight: normal; }
p { line-height: 22px; margin-bottom: 20px; font-size: 15px; }
.lazy { display: none }
ul { list-style: none; }
a { text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; }
p a:hover { text-decoration: none; -moz-border-radius: 2px; background-color: #54ABCB; color: #fff; padding-bottom: 1px; }
sup { font-size: 11px; color: #c00; font-style: italic }
#header { background: #110b09; height: 60px; }
/* Website Layout Style */
.whiteBg { background: none repeat scroll 0 0 #fff; border-radius: 4px; margin-bottom: 30px; padding: 20px; }
@media(max-width:760px) {
#logo { margin-top: 0 !important }
#mainNav { text-align: left !important; background: #110b09; margin: 0 -20px; border-radius: 0 !important; z-index: 9999; }
#mainNav > li { padding: 8px !important; z-index: 9999 }
}
#logo { z-index: 9999; padding-top: 10px; padding-bottom: 10px; }
#logo:hover { background: #333; }
/* New Nav 12-13 */
.collapse { position: relative }
#mainNav { padding: 10px; border-radius: 4px; position: relative; z-index: 99999 !important; }
@media (min-width:768px) {
#mainNav { padding: 0 !important; border-radius: 0!important; margin: -2px 0 0 20px !important }
#mainNav > li { display: inline-block !important; height: 60px; text-transform: uppercase; }
#mainNav > li:last-child { text-align: right !important; }
}
#mainNav > li { cursor: pointer; margin-right: 7px; display: block; padding: 18px 8px 15px; font-size: 15px; letter-spacing: 0.06em; font-weight: 400; }
#mainNav > li:hover { background: #333; }
#mainNav > li .fa-home { font-size: 130%; }
#mainNav > li .fa-photo { font-size: 125%; }
#mainNav > li .fa-pied-piper-alt { font-size: 150%; }
#mainNav > li .fa-adjust { font-size: 130%; }
#mainNav > li .fa-battery-full { font-size: 130%; }
#mainNav > li a { text-decoration: none; color: #ffcd2d; text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.8); }
#mainNav > li a:hover { color: #fff; }
#mainNav > li a.home { background: url(/pic/home-icon.png) no-repeat 0 -29px; display: inline-block; width: 20px; height: 20px; margin-bottom: -7px; }
#mainNav > li a.home:hover { background: url(/pic/home-icon.png) no-repeat; }
.mercierZeng { text-align: right; text-transform: uppercase; display: block; margin-right: -15px; padding: 20px 10px; }
.mercierZeng img { border-radius: 50%; margin-right: 10px; }
.mercierZeng a { color: #ffcd2d; text-decoration: none; font-size: 13px; }
.mercierZeng:hover { background: #333; }
/***FOOTER***/
#footer { background: #e5e5e5; opacity: 0.9; padding: 23px 0 15px; color: #444; border-top: 1px solid #d1d1d1; margin-top: 20px; }
#footer p { margin-bottom: 5px; font-size: 14px; }
#footer a { color: #444; text-decoration: underline; }
#footer .fa { color: #444; font-size: 120%; margin-right: 10px; }
#footer .socialMedia i { margin-top: 5px !important; }
#footer .socialMedia a { display: block; padding: 0; }
@media(max-width:760px) {
.fa-home { margin-right: 10px; }
.fa-photo { margin-right: 9px; }
.fa-pied-piper-alt { margin-right: 4px; }
.fa-adjust { margin-right: 13px; }
.fa-battery-full { margin-right: 4px; }
.fa-pencil-square-o { font-size: 130% !important; margin-right: 11px; }
#footer .socialMedia a.five { display: none !important; }
.copyright { margin-top: 0 !important; }
}
#footer .blockTitle { display: block; text-transform: uppercase; color: #222; margin-bottom: 10px; font-weight: bold; }
#footer .footLinks { padding-left: 45px; }
/* SITE INFO - MENU */	
#footer ul { margin-top: 4px; margin-left: -5px; }
#footer ul li { margin-bottom: 12px; margin-left: 5px; }
#footer a { padding: 2px 0; text-decoration: none; font-size: 14px; }
/* photos display style */
.photoRight { width: auto; float: right; margin: 5px 0 5px 10px; border: 1px solid #999; padding: 3px; }
.photoRight img { margin-bottom: 5px; }
.copyright { margin-top: 5px; }