/* Theme Name: Mantis Theme URI: http://mantis.codiepie.com/ Author: Codie Pie, Inc. Author URI: https://www.codiepie.com/ Description: Mantis - The 2017 theme for WordPress is packed with the latest in web technologies. From jQuery and CSS3 to Bootstrap and the new AJAX experience. Anything is possible with Mantis. It's responsive and app-like, unlike traditional themes that act responsive, Mantis is designed with a practical interface and beautiful typography, icons, flexible layout and over 600 fonts to choose from in a live preview mode. Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Text Domain: Mantis Mantis WordPress Theme © 2017 Codie Pie, Inc. */ /* WordPress Emoji */ img.wp-smiley, img.emoji { display: inline!important; border: none!important; box-shadow: none!important; height: 1em!important; width: 1em!important; margin: 0 .07em!important; vertical-align: -0.1em!important; background: none!important; padding: 0!important; } .transform_container { position: static; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .slideUpSmoothly { -webkit-animation: slideUpSmoothly 5s ease-in-out forwards; animation: slideUpSmoothly 5s ease-in-out forwards; } .slideDownSmoothly { -webkit-animation: slideDownSmoothly 5s ease-in-out forwards; animation: slideDownSmoothly 5s ease-in-out forwards; } h1 { position: relative; } @keyframes slideUpSmoothly { 0% { transform: translateY(0%); } 100% { transform: translateY(-30%); } } @keyframes slideDownSmoothly { 0% { transform: translateY(0%); } 100% { transform: translateY(30%); } } .fadeInItem { -webkit-animation: fadeIn 1s ease-in forwards; animation: fadeIn 1s ease-in forwards; } .fadeOutItem { -webkit-animation: fadeOut 1s ease-out forwards; animation: fadeOut 1s ease-out forwards; } .zeroOpacity { opacity:0; } /* SVG Separators */ .cloudBottomAcross, .wavyTopAcross { -webkit-transform: rotateX(180deg)translateY(2px); -moz-transform: rotateX(180deg)translateY(2px); transform: rotateX(180deg)translateY(2px); } /* Magnific Popup CSS */ .cp_lightbox, .cp_lightbox_gallery { outline: none; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; } body button:not(.vjs-big-play-button):not(.cpfaqsubmit):not(.cpsubscribesubmit):not(.flickity-prev-next-button).mfp-close { margin: 0 auto; padding: 0; text-align: center; width: 100%; height: 64px; font-size:initial; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #f7f7f7; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .easyPieChart { position: relative; text-align: center } .easyPieChart canvas { position: absolute; top: 0; left: 0 } .chart { float: left; margin: 10px } .label, .percentage { text-align: center; color: #333; font-weight: 100; font-size: 1.2em; margin-bottom: .3em } .credits { padding-top: .5em; clear: both; color: #999 } .credits a { color: #333 } .chart .dark { background: #333 } .dark .label, .dark .percentage-light { text-align: center; color: #999; font-weight: 100; font-size: 1.2em; margin-bottom: .3em } .buttonpie { -webkit-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255, 255, 255, .2), 0 1px 1px -1px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255, 255, 255, .2), 0 1px 1px -1px rgba(0, 0, 0, .5); box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255, 255, 255, .2), 0 1px 1px -1px rgba(0, 0, 0, .5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px; font-weight: 700; text-transform: uppercase; display: block; margin: 0 auto 2em; max-width: 200px; text-align: center; background-color: #5c5c5c; background-image: -moz-linear-gradient(top, #666, #4d4d4d); background-image: -ms-linear-gradient(top, #666, #4d4d4d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#4d4d4d)); background-image: -webkit-linear-gradient(top, #666, #4d4d4d); background-image: -o-linear-gradient(top, #666, #4d4d4d); background-image: linear-gradient(top, #666, #4d4d4d); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0); color: #fff; text-shadow: 0 1px 1px #333 } .buttonpie:hover { color: #fff; text-decoration: none; background-color: #616161; background-image: -moz-linear-gradient(top, #6b6b6b, #525252); background-image: -ms-linear-gradient(top, #6b6b6b, #525252); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#525252)); background-image: -webkit-linear-gradient(top, #6b6b6b, #525252); background-image: -o-linear-gradient(top, #6b6b6b, #525252); background-image: linear-gradient(top, #6b6b6b, #525252); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#525252', GradientType=0) } .buttonpie:active { background-color: #575757; background-image: -moz-linear-gradient(top, #616161, #474747); background-image: -ms-linear-gradient(top, #616161, #474747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#616161), to(#474747)); background-image: -webkit-linear-gradient(top, #616161, #474747); background-image: -o-linear-gradient(top, #616161, #474747); background-image: linear-gradient(top, #616161, #474747); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#474747', GradientType=0); -webkit-transform: translate(0, 1px); -moz-transform: translate(0, 1px); -ms-transform: translate(0, 1px); -o-transform: translate(0, 1px); transform: translate(0, 1px) } .buttonpie:disabled { background-color: #ddd; background-image: -moz-linear-gradient(top, #e7e7e7, #cdcdcd); background-image: -ms-linear-gradient(top, #e7e7e7, #cdcdcd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#cdcdcd)); background-image: -webkit-linear-gradient(top, #e7e7e7, #cdcdcd); background-image: -o-linear-gradient(top, #e7e7e7, #cdcdcd); background-image: linear-gradient(top, #e7e7e7, #cdcdcd); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#cdcdcd', GradientType=0); color: #939393; text-shadow: 0 1px 1px #fff } /*! */ .clear { display: block; clear: both; width: 100%; padding: 1px; box-sizing: border-box; margin: 0 auto 1px; } /***Video Js***/ .audio-js, .video-js { width: 100%; } .item .audio-js.video-js, .item .video-js { height:347px; margin: 0px auto; overflow:hidden; background-color:transparent; } .audio_post-dimensions { margin: 70px auto 0; } body.single-post .audio_post-dimensions { margin: 0px auto 0; } .video-js .vjs-big-play-button, .video-js .vjs-captions-button, .video-js .vjs-chapters-button, .video-js .vjs-fullscreen-control, .video-js .vjs-mouse-display, .video-js .vjs-mute-control, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-play-control, .video-js .vjs-play-control.vjs-playing, .video-js .vjs-play-progress, .video-js .vjs-subtitles-button, .video-js .vjs-volume-level, .video-js .vjs-volume-menu-button, .video-js .vjs-volume-menu-button.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-2, .video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-audio-description, .vjs-icon-captions, .vjs-icon-chapters, .vjs-icon-circle, .vjs-icon-circle-inner-circle, .vjs-icon-circle-outline, .vjs-icon-cog, .vjs-icon-fullscreen-enter, .vjs-icon-fullscreen-exit, .vjs-icon-pause, .vjs-icon-play, .vjs-icon-play-circle, .vjs-icon-share, .vjs-icon-spinner, .vjs-icon-subtitles, .vjs-icon-volume-high, .vjs-icon-volume-low, .vjs-icon-volume-mid, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js, .vjs-no-js { color: #fff; background-color: #000 } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center } @font-face { font-family: VideoJS; src: url(lib/fonts/1.3.0/VideoJS.eot?) format('eot') } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format('truetype'); font-weight: 400; font-style: normal } .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before { content: '\f101' } .vjs-icon-play-circle:before { content: '\f102' } .video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before { content: '\f103' } .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before { content: '\f104' } .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before { content: '\f105' } .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before { content: '\f106' } .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before { content: '\f107' } .video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before { content: '\f108' } .video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before { content: '\f109' } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-square:before { content: '\f10a' } .vjs-icon-spinner:before { content: '\f10b' } .video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before { content: '\f10c' } .video-js .vjs-captions-button:before, .vjs-icon-captions:before { content: '\f10d' } .video-js .vjs-chapters-button:before, .vjs-icon-chapters:before { content: '\f10e' } .vjs-icon-share:before { content: '\f10f' } .vjs-icon-cog:before { content: '\f110' } .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: '\f111' } .vjs-icon-circle-outline:before { content: '\f112' } .vjs-icon-circle-inner-circle:before { content: '\f113' } .vjs-icon-audio-description:before { content: '\f114' } .video-js { display: block; vertical-align: top; box-sizing: border-box; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica Neue, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .video-js:-moz-full-screen { position: absolute } .video-js:-webkit-full-screen { width: 100%!important; height: 100%!important } .video-js .vjs-tech, .video-js.vjs-fill { width: 100%; height: 100% } .video-js *, .video-js:after, .video-js:before { box-sizing: inherit } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0 } .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0 } .video-js.vjs-16-9 { padding-top: 56.25% } .video-js.vjs-4-3 { padding-top: 75% } .video-js .vjs-tech { position: absolute; top: 0; left: 0 } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0 } .video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none } .vjs-hidden { display: none!important } .vjs-lock-showing { display: block!important; opacity: 1; visibility: visible } .vjs-no-js { padding: 20px; font-size: 18px; font-family: Arial, Helvetica Neue, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; z-index: 2; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, .7); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, .5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none } .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .vjs-menu-button { cursor: pointer } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none } .vjs-menu li { list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase } .vjs-menu li:focus, .vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em; font-weight: 700; cursor: default } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, .7) } .vjs-menu-button-popup .vjs-menu ul { background-color: #2B333F; background-color: rgba(43, 51, 63, .7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-menu-button-popup:hover .vjs-menu { display: block } .video-js .vjs-menu-button-inline { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; overflow: hidden } .video-js .vjs-menu-button-inline:before { width: 2.222222222em } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em } .video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 2.2222222em; top: 0; padding: 0; margin: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1 } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, .7) } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility .1s, opacity .1s; -moz-transition: visibility .1s, opacity .1s; -o-transition: visibility .1s, opacity .1s; transition: visibility .1s, opacity .1s } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none!important } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar:before { content: "" } } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table } .video-js .vjs-control { outline: 0; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67 } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle } .video-js .vjs-custom-control-spacer { display: none } .video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .vjs-live .vjs-progress-control { display: none } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: .3em } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em } .video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { display: block; font-size: .6em } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: .3em; margin: 0; padding: 0; width: 0; left: 0; top: 0 } .video-js .vjs-mouse-display:before { display: none } .video-js .vjs-play-progress { background-color: #fff } .video-js .vjs-play-progress:before { position: absolute; top: -.3333333333em; right: -.5em; font-size: .9em } .video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { display: none; position: absolute; top: -2.4em; right: -1.5em; font-size: .9em; color: #000; content: attr(data-current-time); padding: .2em .5em; background-color: #fff; background-color: rgba(255, 255, 255, .8); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em } .video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before { z-index: 1 } .video-js .vjs-load-progress { background: ligthen(#73859f, 25%); background: rgba(115, 133, 159, .5) } .video-js .vjs-load-progress div { background: ligthen(#73859f, 50%); background: rgba(115, 133, 159, .75) } .video-js.vjs-no-flex .vjs-progress-control { width: auto } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1 } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0 } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none } .video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .8) } .video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 .45em; background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff } .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .video-js .vjs-volume-bar { margin: 1.35em } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em } .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff } .video-js .vjs-volume-level:before { position: absolute; font-size: .9em } .vjs-slider-vertical .vjs-volume-level { width: .3em } .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em } .vjs-slider-horizontal .vjs-volume-level { height: .3em } .vjs-slider-horizontal .vjs-volume-level:before { top: -.3em; right: -.5em } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100% } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100% } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: .5em } .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden } .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content { height: 8em; width: 2.9em } .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content { height: 2.9em; width: 8em } .vjs-error .vjs-error-display, .vjs-poster { top: 0; height: 100%; left: 0; position: absolute } .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent!important } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; margin: 0; padding: 0; right: 0; bottom: 0 } .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100% } .vjs-has-started .vjs-poster { display: none } .vjs-audio.vjs-has-started .vjs-poster { display: block } .vjs-controls-disabled .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration { display: none } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em } .vjs-time-divider { display: none; line-height: 3em } .video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em; background-color: #000; background-color: rgba(0, 0, 0, .5) } .vjs-subtitles { color: #fff } .vjs-captions { color: #fc6 } .vjs-tt-cue { display: block } .video-js .vjs-fullscreen-control { width: 3.8em; cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center } .vjs-playback-rate .vjs-menu { width: 4em; left: 0 } .vjs-error-display { display: none } .vjs-error .vjs-error-display { display: block; width: 100% } .vjs-error .vjs-error-display:before { content: 'X'; font-family: Arial, Helvetica Neue, sans-serif; font-size: 4em; color: #fff; line-height: 1; text-shadow: .05em .05em .1em #000; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -.5em; width: 100% } .vjs-error-display div { position: absolute; bottom: 1em; right: 0; left: 0; font-size: 1.4em; text-align: center; padding: 3px; background-color: #000; background-color: rgba(0, 0, 0, .5) } .vjs-error-display a, .vjs-error-display a:visited { color: #66A8CC } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: .85; text-align: left; border: 6px solid rgba(43, 51, 63, .7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: #fff transparent transparent } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: .44s; animation-delay: .44s } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg) } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f } 35% { border-top-color: #fff } } @-webkit-keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f } 35% { border-top-color: #fff } } .vjs-chapters-button .vjs-menu { left: -10em; width: 0 } .vjs-chapters-button .vjs-menu ul { width: 24em } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control { display: none } .vjs-caption-settings { position: relative; top: 1em; background-color: #2B333F; background-color: rgba(43, 51, 63, .75); color: #fff; margin: 0 auto; padding: .5em; height: 15em; font-size: 12px; width: 40em } .vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 2em; left: 0; right: 0; position: absolute; overflow: auto } .vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left } .vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after { clear: both } .vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em } .vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px } .vjs-caption-settings .vjs-tracksetting label { display: block; width: 100px; margin-bottom: 5px } .vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px } .vjs-caption-settings .vjs-tracksetting>div { margin-bottom: 5px; min-height: 20px } .vjs-caption-settings .vjs-tracksetting>div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0 } .vjs-caption-settings label>input { margin-right: 10px } .vjs-caption-settings input[type=button] { width: 40px; height: 40px } .audio-js { width: 100% } /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { -webkit-text-size-adjust: none; -khtml-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-kerning: normal; -khtml-font-kerning: normal; -moz-font-kerning: normal; -o-font-kerning: normal; -ms-font-kerning: normal; font-kerning: normal; } body { line-height: 1; width: 100%; height: initial !important; -webkit-transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out; } body.cpcustomizer_on { -webkit-transition:initial; -moz-transition:initial; transition:initial; } body.freezeBodyScroll { width: 100%; height: 100%; overflow: hidden; } ol li { list-style-type: decimal; margin: 15px; display: list-item; } iframe { display: block } .video { position: absolute; object-fit: cover; } .video.title_container { position:relative; object-fit:initial; } .backgroundimage_overlaycolor, .videooverlaycolor { display: block; position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: -1% auto -1%; padding: 0; z-index: 0; } .videowrappper { right: -50% !important; height: 100vh; overflow: hidden; } .grid_section .section_inner { position: relative; display: block; width: 1100px; max-width: 100%; margin: 0 auto; /*overflow: hidden;*/ z-index: 1; } body.boxed .section .section_inner { position: relative; display: block; width: 100%; margin: 0 auto; /*overflow: hidden;*/ z-index: 1; } body.boxed .section_inner_margin.clearfix { padding: 0 15px; } .container_align, .boxed_layout { width: 1100px; max-width: 100%; margin: 0 auto; } .section.fullheight, .fullheight { min-height: 100vh; } .section.contentcenter .section_inner, .grid_section.contentcenter .section_inner { position: absolute; top: 50%; left: 50%; width: 1100px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .section.contentcenter .section_inner { width: 1100px; max-width: 100%; } .section.image_parent_static { overflow: hidden; } .parallax_outer { position: relative; height: 500px; } .parallax_inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .background_img_container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; -webkit-transform: translate(0, 0)translateZ(0)translate3d(0, 0, 0); -moz-transform: translate(0, 0)translateZ(0)translate3d(0, 0, 0); -o-transform: translate(0, 0)translateZ(0)translate3d(0, 0, 0); -ms-transform: translate(0, 0)translateZ(0)translate3d(0, 0, 0); transform: translate(0, 0)translateZ(0)translate3d(0, 0, 0); -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .background_img_container, .background_img { z-index: -1 } .titleparallax>img, .parallax_inner>img, .titleparallax .background_img, .background_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } body.single-teammember .background_img { bottom: -50%; opacity: 0.5; filter: alpha(opacity="50"); } .titleparallax .background_img, .cpparallax_sc .background_img { height: auto !important; background-attachment: fixed; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .image_static { position: absolute; top: 0; bottom: 0; left: 0; width: 101%; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team_member_backdrop .parallax_inner > img { width: initial; min-height: 690px; } /* .vc_row, section.section.grid_section { position:relative } .wpb_wrapper { position:relative; z-index:2; } */ .wpb_wrapper { width: 100%; clear: both; } .wpb_wrapper .wpb_text_column { width: 1100px; max-width: 100%; margin: 0 auto; display: block; } .cpparallax_sc { display: block; overflow: hidden !important; width: 100%; margin: 0px auto -2.2%; } .wrapper { width: initial; max-width: 100%; min-height:100vh; padding: 0; margin: 0 auto } body.boxed .wrapper { width: 1100px; max-width: 100%; } body.full-width .wrapper { width: 100%; } .section { position: relative; /* overflow: hidden; */ width: 100%; margin: 0 auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /* #cpslider .section, .cpslider { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } */ .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before, .vc_row:after, .vc_row:before { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } #pageData { display: none; } p { line-height: 1.8; -webkit-font-smoothing: auto; text-align: left; } .clearfix { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } strong, b { font-weight: 900; padding: 0 !important } .full_page_width { display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-image: url(http://www.twoimpulse.com/playground/samples/parallax-scrolling-ios/images/ny.jpg); } /***Flickity***/ .flickity-page-dots { bottom: -42px !important } /***SalesForce***/ .salesforce_w2l_lead form.w2llead { text-align: center; } .salesforce_w2l_lead .top-aligned .w2linput { clear: left; background: #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .salesforce_w2l_lead .w2linput.textarea, .salesforce_w2l_lead .w2linput.submit { width: 50% } .salesforce_w2l_lead .w2llabel { font-weight: bold } /***Alert Message***/ .alertmessagebox { display: block; visibility: hidden; opacity: 0; position: relative; margin: 0 auto; padding: 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: height, opacity, visibility, .3s ease-out; -khtml-transition: height, opacity, visibility, .3s ease-out; -moz-transition: height, opacity, visibility, .3s ease-out; -o-transition: height, opacity, visibility, .3s ease-out; -ms-transition: height, opacity, visibility, .3s ease-out; transition: height, opacity, visibility, .3s ease-out; z-index: 1; } a.alertmessagex { position: absolute; top: 50%; left: 50%; right: 35px; -webkit-transform: translate(100%, -50%); -khtml-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } /***Blockquote***/ .cpblockquote { position: relative; } .cpclosebutton { position: absolute; right: 2%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /***Blur Window***/ .cpblurwindow-bgparent, .cpblurwindow-bgchild { position: relative; background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; background-position: center top; } .cpblurwindow-container { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cpblurwindow-bgchild { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-filter: blur(12px); -khtml-filter: blur(12px); -moz-filter: blur(12px); -o-filter: blur(12px); -ms-filter: blur(12px); filter: url('lib/svgs/blur.svg#blur'); filter: blur(12px); z-index: 2; } .cpblurwindow-content { position: relative; padding: 20px; width: 100%; height: 100%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 3; } /* Search Post */ .search_query_posts { text-align: center; margin: 0 auto; } section.cp_search_posts.background_image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 280px; } section.cp_search_posts.background_image:after { content: ''; position: absolute; bottom: 0; height: 200px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); width: 100%; z-index: 0; } section.cp_search_posts form { position: relative; z-index: 1; } section.cp_search_posts.background_image form { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cp_search_posts.blog.boxed { padding: 0; margin: 0 auto; } .cp_search_posts h1 { text-align: center; margin: 20px auto; } .cp_search_posts form input[type="text"] { clear: both; } #cpSearchQuery, #cpSearchQueryBookmark { border: solid; display: block; width: 50%; margin: 0 auto; font-weight: 900; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .cp_search_posts.cp_bookmark_query #cpSearchQuery { display: inline-block; width: 47%; float: left; } .cp_search_posts.cp_bookmark_query #cpSearchQueryBookmark { display: inline-block; width: 47%; float: right; } .cp_bookmark_query.off #cpSearchQueryBookmark { display: none; } .cp_bookmark_query.off #cpSearchQuery { display: block; width: 50%; float: initial; } .bookmark_state.off { display: none; } .bookmark_state.on { display: inline-block; margin: 0 0 0 12px; } #bookmarkWindow { display: block; position: fixed; right: 12px; bottom: 13px; background-color: #f7f7f7; width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; z-index: 1; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); animation: fadeIn 2s ease-in; -webkit-transition: visibility 500ms cubic-bezier(0.680, 0, 0.265, 1), opacity 500ms cubic-bezier(0.680, 0, 0.265, 1), width 500ms cubic-bezier(0.680, 0, 0.265, 1), height 500ms cubic-bezier(0.680, 0, 0.265, 1), border-radius 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), width 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), height 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), border-radius 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), width 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), height 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), border-radius 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), width 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), height 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), border-radius 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), width 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), height 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), border-radius 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ } #bookmarkWindow.open { width: 300px; height: 70%; border-radius: 0; overflow: auto; } #bookmarkWindow.closed { overflow: hidden; } #bookmarkWindowList { visibility: hidden; opacity: 0; height: 50%; overflow: auto; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: visibility 500ms cubic-bezier(0.680, 0, 0.265, 1), opacity 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ } #bookmarkWindow.open #bookmarkWindowList { visibility: visible; opacity: 1; } #bookmarkWindow.closed #bookmarkWindowList { visibility: hidden; opacity: 0; } ul#bookmarkWindowList li { display: block; position: relative; margin: 0 0 12px; font-weight: initial; font-weight: 600; } ul#bookmarkWindowList li:first-of-type { margin: 12px 0 12px; } ul#bookmarkWindowList li.boomarkListItem:after { content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; border-bottom: solid 1px #d7d7d7; } span.bookmarkStatusBtn { display: inline-block; color: #999; margin: 0 9px 0 0; cursor: pointer; } span.bookmarkStatusBtn:hover i:before { content: '\F023'; } #bookmarkWindowList h2 { text-align: left; } #bookmarkWindow #initBookmarkQuery { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 50px; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: top .3s ease-in-out, left .3s ease-in-out; -moz-transition: top .3s ease-in-out, left .3s ease-in-out; transition: top .3s ease-in-out, left .3s ease-in-out; } #bookmarkWindow.open #initBookmarkQuery { top: 5%; left: 90%; } #boomarkListFooter { visibility: hidden; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: #ffffff; -webkit-transition: visibility 500ms cubic-bezier(0.680, 0, 0.265, 1), opacity 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: visibility 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550), opacity 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ } #bookmarkWindow.closed #boomarkListFooter { visibility: hidden; opacity: 0; } #bookmarkWindow.open #boomarkListFooter { visibility: visible; opacity: 1; } #shareBookmarks { display: block; background: #ffffff; margin: 0 0 6px; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #shareBookmarks h4 { width: 60%; max-width: 100%; text-align: center; border-bottom: solid 1px #f7f7f7; line-height: 2; margin: 0 auto 8px; } #shareBookmarks li { margin: 0 6px 6px; } #designedBy { background: #505050; color: #fff; font-weight: 700; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cp_search_posts article.article { display: block; width: 100%; clear: both; margin: 0 0 30px; float: left; } .cp_search_posts article.article:first-of-type { margin: 20px 0 30px; } .queryItem { text-align: left; clear: both; } .queryItem .image_container { width: 18%; margin: 0 0 12px; float: left; } .queryItem img { width: 100%; height: auto; padding: 0 12px 0 0; box-sizing: border-box; } .queryItem .contentTools { width: 81%; float: right; text-align: left; padding: 0; } .queryItem h1 { text-align: left; margin: 0; } .queryItem p { display: inline; } .queryItem .read_on { display: inline-block; width: 70px; text-decoration: underline; } .queryItem h4 span { font-weight: 900; } .queryCategory { display: inline-block; } .queryCategory:last-of-type { margin: 0 12px 0 0; } .queryItem li { display: inline-block; margin: 0 7px; } /***Revealer***/ .reveal_container { display: block; position: relative; max-width: 100%; min-height: 100vh; overflow: hidden; cursor: url(lib/images/transparent-px.png), none; } .reveal_content.reveal_content_center { position: absolute; top: 50%; left: 50%; width: 1100px; max-width: 90%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .reveal_content { position: relative; width: 100%; z-index: 3; } .reveal_content p, .reveal_content h1, .reveal_content h2, .reveal_content h3, .reveal_content h4 { pointer-events: none; } .reveal_container span { -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; transition: color .5s ease-in-out; } .reveal_background_image { display: inline-block; position: absolute; width: 100%; height: 100%; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; z-index: 2; left: 0; } .recreatedCursor { visibility: hidden; opacity: 0; display: block; position: absolute; top: 2%; left: 70%; padding: 8%; margin: -7% -8%; background-color: #ffffff; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, top .15s ease-in-out, left .15s ease-in-out, background .5s ease-in-out, background-color .5s ease-in-out, background-blend-mode .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, top .15s ease-in-out, left .15s ease-in-out, background .5s ease-in-out, background-color .5s ease-in-out, background-blend-mode .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out, top .15s ease-in-out, left .15s ease-in-out, background .5s ease-in-out, background-color .5s ease-in-out, background-blend-mode .5s ease-in-out; /*box-shadow: 0px 0px 50px #000 inset,0px 0px 50px #000 inset,0px 0px 50px #000 inset;*/ background-blend-mode: exclusion; z-index: 12; } .reveal_container:hover .recreatedCursor { visibility: visible; opacity: 1; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .text_content { position: relative; width: 100%; z-index: 1; } .position_center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .text_center { text-align: center; } /***Service Table***/ .cpservicetable_container { width: initial; margin: 0 auto; } .cpservicetable_container ul li { padding: 17px 12px; margin: 0 auto; display: block; text-align: center; line-height: 1.5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .cpservicetable_container ul ul li { border-bottom: solid 1px #dddddd } .cpservicetable_container ul ul li:last-child { border-bottom: none; } .cpservicetable_container .svg { width:auto; height: 40px; overflow: visible; } .svg.cp-1x {height:1em} .svg.cp-2x {height:2em} .svg.cp-3x {height:3em} .svg.cp-4x {height:4em} .svg.cp-5x {height:5em} .svg.cp-6x {height:6em} /***Stagger Animation***/ ul.cpstagger { opacity: 0; filter: alpha(opacity=0); visibility: hidden; display: block; position: relative; text-align: center; -webkit-transition: visibility, opacity, 1s ease-in-out; -khtml-transition: visibility, opacity, 1s ease-in-out; -moz-transition: visibility, opacity, 1s ease-in-out; -o-transition: visibility, opacity, 1s ease-in-out; -ms-transition: visibility, opacity, 1s ease-in-out; transition: visibility, opacity, 1s ease-in-out; } ul.cpstagger li { position: relative; text-align: center; } ul.cpstagger.process li .childitem { width: 200px; max-width: 100%; margin: 0 23px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.cpstagger .fa { width: 100%; -webkit-transition: color, background, .3s ease-in-out; -khtml-transition: color, background, .3s ease-in-out; -moz-transition: color, background, .3s ease-in-out; -o-transition: color, background, .3s ease-in-out; -ms-transition: color, background, .3s ease-in-out; transition: color, background, .3s ease-in-out; } .childitemextra { visibility: visible; opacity: 1; filter: alpha(opacity=100); position: absolute; left: 100%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility, opacity, .5s ease-in-out; -khtml-transition: visibility, opacity, .5s ease-in-out; -moz-transition: visibility, opacity, .5s ease-in-out; -o-transition: visibility, opacity, .5s ease-in-out; -ms-transition: visibility, opacity, .5s ease-in-out; transition: visibility, opacity, .5s ease-in-out; } /***CP Subscribe Form***/ .cpsubscribe_form { position: relative; width: 100%; max-width:100%; height: 100%; margin: 0 auto; z-index: 1; } form.cpsubscribeform #mc_embed_signup_scroll { width: 101%; } form.cpsubscribeform button, form.cpsubscribeform input { display: inline-block; font-size: inherit; text-transform: uppercase; padding: 12px; margin: 0; outline: none; border: none; -webkit-border-radius: 0; border-radius: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.cpsubscribeform input:hover, form.cpsubscribeform input:focus, form.cpsubscribeform input[type="submit"]:focus, form.cpsubscribeform button:focus, form.cpsubscribeform button[type="submit"]:focus { outline-offset: 0px; } form.cpsubscribeform input[type="email"] { width: 64%; background-color: #f7f7f7; } form.cpsubscribeform input[type="submit"], form.cpsubscribeform button[type="submit"], form.cpsubscribeform button { width: 35%; cursor: pointer; background-color: #ffffff; margin: initial; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } #mc_embed_signup div.mce_inline_error { position: absolute; } .mc-field-group { display: inline-block; } #mce-responses { display: initial; } #mce-success-response, #mce-error-response { position: absolute; top: 0; left: 0; right: 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.9); text-align: center; line-height: 3; } .reponse { -webkit-animation: fadeIn 1s ease-in; animation: fadeIn 1s ease-in; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(12) !important; animation: fa-spin 1s infinite steps(12) !important; } /***CodiePie Slider***/ ul.multi_fold { width: 100%; height: 100vh; background: #f7f7f7; } ul.multi_fold li { display: block; height: 100%; overflow: hidden; float: left; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; background-position: top center; box-sizing: border-box; -webkit-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } ul.multi_fold li .fold_content { position: relative; width: 100%; height: 100%; opacity: 0.5; -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; z-index: 1; } ul.multi_fold li .fold_content div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ul.multi_fold li .fold_content:hover { opacity: 1; background-color: transparent !important; } .centerprogress { -webkit-transition: opacity, visibility, 1s .5s ease-out; -khtml-transition: opacity, visibility, 1s .5s ease-out; -moz-transition: opacity, visibility, 1s .5s ease-out; -o-transition: opacity, visibility, 1s .5s ease-out; -ms-transition: opacity, visibility, 1s .5s ease-out; transition: opacity, visibility, 1s .5s ease-out; } .centerprogress canvas, .centerprogress div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Codie Slider */ .cpSliderFade .cpslideitem.cpSliderFadeIn { visibility:visible; opacity:1; filter:alpha(opacity="100"); -webkit-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; -moz-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; transition:visibility 1s ease-in-out, opacity 1s ease-in-out; } .cpSliderFade .cpslideitem.cpSliderFadeOut { visibility:hidden; opacity:0; filter:alpha(opacity="0"); -webkit-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; -moz-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; transition:visibility 1s ease-in-out, opacity 1s ease-in-out; } .cpSliderFade .cpslideitem { visibility:hidden; opacity:0; position:fixed; left:0; } .cpSliderFade .cpslideitem.cpSliderFirst { visibility:visible; opacity:1; -webkit-transition:initial; -moz-transition:initial; transition:initial; } ul.cpsliderpath.cpNoTransition { -webkit-transition:initial; -moz-transition:initial; transition:initial; } .cpSliderFade .cpslideitem.cpSliderFirst.cpSliderFadeOut { visibility:hidden; opacity:0; filter:alpha(opacity="0"); -webkit-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; -moz-transition:visibility 1s ease-in-out, opacity 1s ease-in-out; transition:visibility 1s ease-in-out, opacity 1s ease-in-out; } .cpSliderWipe { -webkit-transition:left 1s ease-in-out; -moz-transition:left 1s ease-in-out; transition:left 1s ease-in-out; } #cpslider { position: relative; width: 100%; height: 100vh; min-height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } .cpsliderloader { display: block; position: absolute; width: 100%; height: 100%; background: #ffffff; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity 1s ease-in-out; -khtml-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; visibility: visible; z-index: 2; } .cpsliderinit { position: relative; top: 30%; } .cpsliderlogo { position: relative; text-align: center; margin-bottom: 2%; } .cpsliderlogo img { width: 50px !important } .cpsliderloader .btb, .cpsliderloader .btl, .cpsliderloader .btm, .cpsliderloader .bts { position: relative; top: 0; left: 0; width: 100%; text-align: center; color: #333; } .cpslidercontainer { position: relative } .cpslider { position: relative; width: 100vw; height: 100vh; overflow: hidden; -webkit-overflow-scrolling: touch; margin: 0; z-index: 1 } .cpslider_outer { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); z-index: 1; } ul.cpsliderpath { position: relative; left: 0%; width: 100vw; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; list-style: none; margin: 0; padding: 0; } ul.cpsliderpath > li { display: inline-block; position: static; float: left; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; width: 100vw; height: 100vh; overflow: hidden; -webkit-overflow-scrolling: touch; } .cpslider #slider_arrows li, .cpslider #slider_buttons li, .cpslider #slider_states li, .cpslider .slider_arrows li, .cpslider .slider_buttons li, .cpslider .slider_states li { width: initial; height: initial; float: none; } #cpslider .cpslidevideo { opacity: 1; filter: alpha(opacity="100"); position: relative; top: -100%; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; pointer-events:none; z-index: 0; } .cp_vid_container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .cpslidevideo video { position: static; object-fit: cover; direction: ltr; clip: rect(0, 0, 0, 0); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .cpslidevideo iframe { position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; width: 100%; height: 110%; min-width: 1920px; min-height: 1080px; margin: 0 auto; object-fit: cover; z-index: -1; clip: rect(0, 0, 0, 0); } .cpslidecontent { position: relative; width: 100%; height: 100%; color: #333333; text-align: center; font-size: initial; padding: 0 32px; overflow: visible; visibility: visible; opacity: 0; filter: alpha(opacity="0"); -webkit-transition: visibility 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, top .5s ease-in-out; -moz-transition: visibility 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, top .5s ease-in-out; transition: visibility 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, top .5s ease-in-out; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .cpslidecontent_inner { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 90%; -webkit-transition: min-height .5s ease-in-out; -moz-transition: min-height .5s ease-in-out; transition: min-height .5s ease-in-out; z-index: 15; } .cpslider_buttons { position: absolute; width: 100%; height: 100%; } #bottom_content { position: relative; z-index: 4; } body.leftbarsquare .cpslidecontent_inner, body.leftbarsquareroundglass .cpslidecontent_inner { padding-right: 69px; } body.cpcustomizer_on .cpslidecontent_inner, body.cpcustomizer_on.leftbarsquare .cpslidecontent_inner, body.cpcustomizer_on.logged-in.leftbarsquareroundglass .cpslidecontent_inner { padding-right: 0; } body.logged-in.leftbarsquare .cpslidecontent_inner, body.logged-in.leftbarsquareroundglass .cpslidecontent_inner { padding-right: 69px; } body.logged-in.cpcustomizer_on.leftbarsquare .cpslidecontent_inner, body.logged-in.cpcustomizer_on.leftbarsquareroundglass .cpslidecontent_inner { padding-right: 0; } #slider_arrows, .slider_arrows { display: block; position: absolute; left: 0; right: 0; width: 1100px; max-width: 100%; padding: 0; margin: 0 auto; text-align: center; z-index: 4; } .slider_opacity { position: absolute; top: 0; left: 0; right: 0; opacity: 0; filter: alpha(opacity="0"); -webkit-transition: opacity .5s ease-in-out; -khtml-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; z-index: 2; } #cpslider:hover .slider_opacity { opacity: 1; filter: alpha(opacity="100") } .cpslidecontent:hover > #slider_arrows, .cpslidecontent:hover > .slider_arrows, #cpslider:hover > #slider_arrows, #cpslider:hover > .slider_arrows, .cpslider_buttons:hover > #slider_arrows, .cpslider_buttons:hover > .slider_arrows { opacity: 1; filter: alpha(opacity="100") } #slider_arrows li a, .slider_arrows li a { line-height: 100vh; width: 50px; height: 100vh; font-size: 45px; position: absolute; top: 0; color: #000000; opacity: 0.7; filter: alpha(opacity="70"); } #slider_arrows li a#cpprevarrow, .slider_arrows li a.cpprevarrow { left: 0; } #slider_arrows li a#cpnextarrow, .slider_arrows li a.cpnextarrow { right: 0; } body.boxed #slider_arrows li a#cpprevarrow, body.boxed .slider_arrows li a.cpprevarrow, body.boxed #slider_arrows li a#cpnextarrow, body.boxed .slider_arrows li a.cpnextarrow { padding: 15px; } .light #slider_arrows li a, .light .slider_arrows li a, .light #slider_states li a, .light .slider_states li a { color: #ffffff; } .light .cpslidecontent_inner, .light .cpslidecontent_inner h1, .light .cpslidecontent_inner h2, .light .cpslidecontent_inner h3, .light .cpslidecontent_inner h4, .light .cpslidecontent_inner h5, .light .cpslidecontent_inner h6, .light .cpslidecontent_inner p, .light .cpslidecontent_inner span { color: #ffffff; border-color: #ffffff; } .dark .cpslidecontent_inner, .dark .cpslidecontent_inner h1, .dark .cpslidecontent_inner h2, .dark .cpslidecontent_inner h3, .dark .cpslidecontent_inner h4, .dark .cpslidecontent_inner h5, .dark .cpslidecontent_inner h6, .dark .cpslidecontent_inner p, .dark .cpslidecontent_inner span { color: #000000; border-color: #000000; } .dark #slider_arrows li a, .dark .slider_arrows li a, .dark #slider_states li a, .dark .slider_states li a { color: #000000; } #slider_arrows li a:hover, .slider_arrows li a:hover { opacity: 1; filter: alpha(opacity="100") } #slider_states, .slider_states { display: block; position: absolute; width: 100%; padding: 0; margin: 0 auto; text-align: center; -webkit-animation: fadeIn 3s; -khtml-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; animation: fadeIn 3s; z-index: 4; } #slider_states li, .slider_states li { list-style-type: none; display: inline; margin: 0 3px } #slider_states li a, .slider_states li a { position: relative; text-decoration: none; color: rgba(0, 0, 0, 0.5); z-index: 1; } #slider_states li#cpplay, .slider_states li.cpplay { display: none; } #slider_buttons, .slider_buttons { display: block; position: absolute; width: 100%; padding: 0; margin: 0 auto; text-align: center; -webkit-animation: fadeIn 3s; -khtml-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; animation: fadeIn 3s; z-index: 4; } #slider_buttons li, .slider_buttons li { display: inline; list-style-type: none; width: initial; height: initial; margin: 0 3px; float: none; } #slider_buttons li a, .slider_buttons li a { text-decoration: none; } #slider_buttons li a, .slider_buttons li a { color: rgba(0, 0, 0, 0.5) } /***Codie Pie Customizer***/ #cpcustomizer { position: fixed; top: 65px; right: -300px; background: #F9F9F9; background: rgba(255, 255, 255, 0.8); width: 300px; height: auto; max-height: 86%; overflow-y: visible; -webkit-transition: right, top, .45s ease; -khtml-transition: right, top, .45s ease; -moz-transition: right, top, .45s ease; -o-transition: right, top, .45s ease; -ms-transition: right, top, .45s ease; transition: right, top, .45s ease; z-index: 11; } .cpctitle { font-size: 24px; width: 80%; margin: 36px auto 0; text-align: center; border-bottom: solid 1px rgba(37, 37, 37, 0.5); line-height: 1.5; } .close_cpcustomizer { position: absolute; top: 52px; left: -31px; font-family: Raleway, sans-serif, Lucida Grande, Arial; font-size: 24px; text-decoration: none; color: #000000; padding: 5px; } .close_cpcustomizer:hover { color: #333333; } #cpcustomizer .divider { height: 1px; background: #555555; background: rgba(37, 37, 37, 0.5); width: 50%; margin: 12px auto; } .wp-picker-container, .wp-picker-container:active { padding: 0 20px; } #cpcustomizer_form input { display: block; text-align: center; width: 80%; padding: 5px; margin: 0 auto; } #cpcustomizer_form select { display: block; width: auto; border: none; outline: none; padding: 5px; margin: 0 auto; } #cpcustomizer_form label { display: block; text-align: center; margin: 12px auto; } ul.pagelayout { width: 100%; text-align: center; margin: 12px auto; } ul.pagelayout li { display: inline; } ul.pagelayout li a { display: inline-block; width: 112px; text-align: center; color: #333333; background: #ffffff; background: rgba(255, 255, 255, 0.7); padding: 12px 0; } ul.bodySelectImage, ul.bodySelectCanvas { width: 270px; text-align: center; margin: 0 auto; overflow-y: scroll; } ul.bodySelectImage li, ul.bodySelectCanvas li { display: inline; } ul.bodySelectImage li img { display: inline; width: 50px; height: 50px; margin: 0px 2px; cursor: pointer; } ul.demoselectimage { height: 100px; overflow-y: scroll; text-align: center; } ul.demoselectimage li { display: inline; } ul.demoselectimage li img { width: 104px; height: 78px; cursor: pointer; } .cp_demo_flickity .flickity-prev-next-button { width: 25px; height: 25px; } .bodySelectCanvas li { position:relative; width:50px; height:50px; color:#f7f7f7; background:#555555; margin: 0px 2px; } .bodySelectCanvas li h3 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); font-weight:bolder; } #back_drop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; } #canvas_effect { position: fixed; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; z-index: 0; } #cpcustomizer h4 { display: block; width: 75%; color: #333333 !important; padding: 0 5px; margin: 12px auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .iris-border { position: absolute; } a.iris-square-value, a.ui-draggable, a.ui-draggable-handle { -webkit-transition: none !important; -khtml-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } /***UPDATEBROWSER***/ .updatebrowser img { display: block; width: 120px; height: auto; margin: 0 auto; } .updatebrowser span { display: block; width: 100%; text-align: center; padding: 12px 0 20px; margin: 0px auto 0px; box-sizing: border-box; } .updatebrowser ul { width: 100%; display: block; margin: 0 auto; text-align: center; } .updatebrowser ul li { display: inline; padding: 5px; } .updatebrowser ul li a span { display: block; color: #333; } .updatebrowser ul li a span:hover { color: #555; } .updatebrowser ul li a { display: inline-block; text-align: center; } .updatebrowser ul li a img { vertical-align: middle; } #bodyupdate { display: none !important; } /***Mobile Disable Highlight***/ * { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* prevent tap highlight color / shadow */ -webkit-tap-highlight-color: transparent; } /***Unordered List***/ ol, ul { list-style: none; } li { list-style-type: none; display: inline; } /***Headings***/ h1, h2, h3, h4, h5, h6 { margin: 0 auto; clear: both; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } hr { width: 30%; height: 1px; border: none; margin: 0px auto 30px; display: block; position: relative; background: #dddddd; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .singlepost .featured_postimage { display: block; margin: 0 auto; } .singlepost img { height: auto; padding: 12px 12px 12px 0; } .singlepost .featured_postimage img { display: block; max-width: 100%; height: auto; margin: 0 auto; padding: 0; } a { color: #686868; text-decoration: none; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out, line-height .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .3s ease-in-out, line-height .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out, line-height .3s ease-in-out; } a:hover { color: #333333; } a, input, button, textarea { touch-action: manipulation; -webkit-touch-action: manipulation; -khtml-touch-action: manipulation; -moz-touch-action: manipulation; -o-touch-action: manipulation; -ms-touch-action: manipulation; } .center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; max-height: 100%; } .cpic { display: inline-block; stroke: #A1D9DC; stroke-width: 0.3px; } #cpcontextMenu { display: none; font-size: 32px; background: #333333; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 12px; z-index: 20; } .cpwpml { background: #A1D9DC; width: 150px; height: 27px; position: absolute; right: 3%; z-index: 6; } .cpwpml span { text-align: right; float: right; margin-right: 10px; line-height: 1.3; font-size: 21px; } .cpwpml .fa { float: left; margin-left: 10px; line-height: 1.3; font-size: 21px; } /***CUP OF JOE***/ .cupofjoe { width: 100%; text-align: center; } .cupofjoeitem img { padding: 5px; border: solid 1px #aaaaaa } .cupofjoeitem { display: inline-block; width: 226px; vertical-align: top; padding: 12px; margin: 20px; line-height: 1.3; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cupofjoepopup { position: absolute; background: #F5F5F5; color: #333333; width: 100%; height: 100%; left: 0; right: 0; border-bottom: solid 12px #F5F5F5; text-align: left; overflow-y: scroll; overflow-x: hidden; padding: 12px; margin: 0 auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: opacity .45s ease; -webkit-transition: opacity .45s ease; -khtml-transition: opacity .45s ease; -moz-transition: opacity .45s ease; -o-transition: opacity .45s ease; -ms-transition: opacity .45s ease; opacity: 0; filter: alpha(opacity="0"); } .cupofjoeitem:hover .cupofjoepopup { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .cupofjoetitle { padding: 0px 0px 12px; font-size: 18px; font-weight: 600; border-bottom: solid 1px #ddd; } .cupofjoeexcerpt { font-size: 15px; padding: 12px 0px 0px; } .cupofjoeitem img { width: 160px; height: 246px; } /* Carousel */ ul.cpcarousel li { -webkit-transition: -webkit-filter .3s ease-in-out; -moz-transition: -webkit-filter .3s ease-in-out; transition: -webkit-filter .3s ease-in-out; } ul.cpcarousel.removefilter_onhover li:hover { -webkit-filter: none !important; -moz-filter: none !important; } /* Carousel Posts */ .cpcarouselposts { position: relative } .cpcarouselpost-item.gallery-cell { display: inline-block; position: relative; overflow: hidden } .carouselposts_contenthover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #F5F5F5; color: #333333; width: 100%; height: 100%; text-align: left; overflow-y: scroll; overflow-x: hidden; padding: 12px; margin: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: opacity .45s ease; -webkit-transition: opacity .45s ease; -khtml-transition: opacity .45s ease; -moz-transition: opacity .45s ease; -o-transition: opacity .45s ease; -ms-transition: opacity .45s ease; opacity: 0; filter: alpha(opacity="0"); } .cpcarouselpost-item:active .carouselposts_contenthover, .cpcarouselpost-item:focus .carouselposts_contenthover, .cpcarouselpost-item:hover .carouselposts_contenthover { opacity: 1; filter: alpha(opacity="100"); } /***Social Container***/ ul.social_container { text-align: center; padding: 0; margin: 0; } ul.social_container li { display: inline-block; position: relative; margin: 2px 1px 0 0px; } ul.social_container li a { display: inline-block; position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 50px; height: 50px; margin: 1.2px; vertical-align: top; } @-moz-document url-prefix() { ul.social_container li a { margin: 9px; } } .fa.sc_icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: none; -moz-transition: none; transition: none; } body .fa-facebook, body .fa-google-plus, body .fa-instagram, body .fa-linkedin, body .fa-pinterest, body .fa-pinterest-p, body .fa-twitter, body .fa-tumblr { float: initial; margin-top: initial; background-color: initial; width: initial; height: initial; text-align: initial; padding-top: initial; border-radius: initial; margin-left: initial; color: inherit; position: initial; right: initial; margin-top: initial; margin-right: initial; } /***Social Icon Sizes***/ /***WEBKIT***/ /***Small***/ .sc_icon_small li a { zoom: .7; } /***Medium***/ .sc_icon_medium li a { zoom: 1.3; } /***Large***/ .sc_icon_large li a { zoom: 1.8; } /***FIREFOX***/ @-moz-document url-prefix() { /***Small***/ .sc_icon_small li a { -moz-transform: scale(.7); margin: -7.5px } /***Medium***/ .sc_icon_medium li a { -moz-transform: scale(1.3); margin: 7.5px } /***Large***/ .sc_icon_large li a { -moz-transform: scale(1.8); margin: 20.1px } } /***OPERA***/ /***Small***/ doesnotexist:-o-prefocus, .sc_icon_small li a { -o-transform: scale(.7); margin: -7px } /***Medium***/ doesnotexist:-o-prefocus, .sc_icon_medium li a { -o-transform: scale(1.3); } /***Medium***/ doesnotexist:-o-prefocus, .sc_icon_large li a { -o-transform: scale(1.8); margin: 21px } ul.social_container li a:active .amazon_yellow, ul.social_container li a:focus .amazon_yellow, ul.social_container li a:hover .amazon_yellow { background-color: #F8981D; color: #ffffff; } ul.social_container li a:active .dropbox_blue, ul.social_container li a:focus .dropbox_blue, ul.social_container li a:hover .dropbox_blue { background-color: #1182DE; color: #ffffff; } ul.social_container li a:active .facebook_blue, ul.social_container li a:focus .facebook_blue, ul.social_container li a:hover .facebook_blue { background-color: #43609C; color: #ffffff; } ul.social_container li a:active .flickr_purple, ul.social_container li a:focus .flickr_purple, ul.social_container li a:hover .flickr_purple { background-color: #6F359C; color: #ffffff; } ul.social_container li a:active .googleplus_red, ul.social_container li a:focus .googleplus_red, ul.social_container li a:hover .googleplus_red { background-color: #DC4A3D; color: #ffffff; } ul.social_container li a:active .instagram_blue, ul.social_container li a:focus .instagram_blue, ul.social_container li a:hover .instagram_blue { background-color: #125688; color: #ffffff; } ul.social_container li a:active .linkedin_blue, ul.social_container li a:focus .linkedin_blue, ul.social_container li a:hover .linkedin_blue { background-color: #1A85BC; color: #ffffff; } ul.social_container li a:active .pinterest_red, ul.social_container li a:focus .pinterest_red, ul.social_container li a:hover .pinterest_red { background-color: #BD081C; color: #ffffff; } ul.social_container li a:active .skype_blue, ul.social_container li a:focus .skype_blue, ul.social_container li a:hover .skype_blue { background-color: #00AFF0; color: #ffffff; } ul.social_container li a:active .tumblr_blue, ul.social_container li a:focus .tumblr_blue, ul.social_container li a:hover .tumblr_blue { background-color: #34465D; color: #ffffff; } ul.social_container li a:active .twitter_blue, ul.social_container li a:focus .twitter_blue, ul.social_container li a:hover .twitter_blue { background-color: #659FCB; color: #ffffff; } ul.social_container li a:active .yelp_red, ul.social_container li a:focus .yelp_red, ul.social_container li a:hover .yelp_red { background-color: #C41200; color: #ffffff; } ul.social_container li a:active .youtube_red, ul.social_container li a:focus .youtube_red, ul.social_container li a:hover .youtube_red { background-color: #DD2826; color: #ffffff; } .sc_icon, ul.social_container .front, ul.social_container .back { -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, -moz-transform .3s ease-in-out; -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, -ms-transform .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out; -webkit-transform: perspective(800px); -khtml-perspective(800px); -moz-perspective(800px); -o-perspective(800px); -ms-perspective(800px); perspective: 800px; -webkit-transform-style: preserve-3d; -khtml-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; overflow: hidden; } /***FlipIt***/ ul.flipit .front { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 4; color: #686868; background: #ffffff; -webkit-transform: translateY(0px)rotateX(0deg); -khtml-transform: translateY(0px)rotateX(0deg); -moz-transform: translateY(0px)rotateX(0deg); -o-transform: translateY(0px)rotateX(0deg); -ms-transform: translateY(0px)rotateX(0deg); transform: translateY(0px)rotateX(0deg); } ul.flipit .back { visibility: hidden; opacity: 0.9; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 4; color: #686868; background: #dddddd; -webkit-transform: translateY(25px)rotateX(90deg); -khtml-transform: translateY(25px)rotateX(90deg); -moz-transform: translateY(25px)rotateX(90deg); -o-transform: translateY(25px)rotateX(90deg); -ms-transform: translateY(25px)rotateX(90deg); transform: translateY(25px)rotateX(90deg); } ul.social_container.flipit li a:hover .front { -webkit-transform: translateY(-25px)rotateX(90deg); -khtml-transform: translateY(-25px)rotateX(90deg); -moz-transform: translateY(-25px)rotateX(90deg); -o-transform: translateY(-25px)rotateX(90deg); -ms-transform: translateY(-25px)rotateX(90deg); transform: translateY(-25px)rotateX(90deg); visibility: hidden; opacity: .9; } ul.social_container.flipit li a:active .back, ul.social_container.flipit li a:focus .back, ul.social_container.flipit li a:hover .back { -webkit-transform: translateY(0)rotateX(0); -khtml-transform: translateY(0)rotateX(0); -moz-transform: translateY(0)rotateX(0); -o-transform: translateY(0)rotateX(0); -ms-transform: translateY(0)rotateX(0); transform: translateY(0)rotateX(0); visibility: visible; opacity: 1; } /***Simple Fade***/ ul.simple_fade .front { visibility: visible; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 3.5; color: #686868; background-color: #ffffff; } ul.simple_fade .back { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 3; color: #686868; background-color: #f7f7f7; } ul.social_container.simple_fade li a:active .front, ul.social_container.simple_fade li a:focus .front, ul.social_container.simple_fade li a:hover .front { visibility: hidden; opacity: 0; } ul.social_container.simple_fade li a:active .back, ul.social_container.simple_fade li a:focus .back, ul.social_container.simple_fade li a:hover .back { visibility: visible; opacity: 1; } /***casino***/ ul.casino .front { visibility: visible; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 3.5; color: #686868; background: #fff; } ul.casino .back { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 3; color: #686868; background: #dddddd; } ul.casino .back span { display: block; -webkit-transform: translateY(150px); -khtml-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -webkit-transition: -webkit-transform .3s ease-in-out; -khtml-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } ul.social_container.casino li a:active .front i, ul.social_container.casino li a:focus .front i, ul.social_container.casino li a:hover .front i { visibility: hidden; opacity: 0; -webkit-transform: translateY(-50px); -khtml-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } ul.social_container.casino li a:active .back, ul.social_container.casino li a:focus .back, ul.social_container.casino li a:hover .back { visibility: visible; opacity: 1; } ul.social_container.casino li a:active .back span, ul.social_container.casino li a:focus .back span, ul.social_container.casino li a:hover .back span { -webkit-transform: translateY(0px); -khtml-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /* * SmartView - https://www.codiepie.com/smartView * License: CodiePie Commercial License for commercial use only, please do not distribute. * Developer: David Israelian * Designer: Alice Ji Youn Jung * Company: Codie Pie, Inc. * Facebook: https://www.facebook.com/CodiePie * LinkedIn: https://www.linkedin.com/company/Codie-Pie-Inc-? * YouTube: https://www.youtube.com/c/CodiePie * Copyright (c) 2016 Codie Pie, Inc. */ body.sv_offline .bts, body.sv_offline .btb, body.sv_offline .btm, body.sv_offline .btl, body.sv_offline .fab { text-shadow: 0px 0px 0px #f7f7f7, 0px 0px 0px #f7f7f7, 0px 0px 0px #f7f7f7, 0px 0px 0px #f7f7f7; } body.sv_offline.sv_light .bts, body.sv_offline.sv_light .btb, body.sv_offline.sv_light .btm, body.sv_offline.sv_light .btl, body.sv_offline.sv_light .fab { -webkit-font-smoothing: auto; text-shadow: none; } #smartViewOverlay_keys { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; outline: solid 0px transparent; } .anchorShellFix { display: none !important; } /***Remove Below Style ".smartView" to prevent style override of your site's default button stylesheet***/ .smartView { -webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out; -moz-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out; transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out; } /***Remove Above Style ".smartView" to prevent style override of your site's default button stylesheet***/ .smartView:hover { color: #ffffff; background-color: #000000; } #smartViewOverlayMenu { visibility: hidden; opacity: 0; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.75); display: inline-block; width: 100%; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out; z-index: 7 } #smartViewOverlayMenu_phantom { z-index: 6; } body.sv_light #smartViewOverlayMenu { background-color: rgba(255, 255, 255, 0.75); } #smartViewOverlay { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.5); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out, background-color 1s 1s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out, background-color 1s 1s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out, background-color 1s 1s ease-in-out; z-index: 6; } #smartViewBackground { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(25px); -moz-filter: blur(25px); -ms-filter: blur(25px); filter: url(#blur); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='25'); opacity: 0; filter: alpha(opacity="0"); -webkit-transition: visibility 1s ease-in-out, opacity 1s ease-in-out; -moz-transition: visibility 1s ease-in-out, opacity 1s ease-in-out; transition: visibility 1s ease-in-out, opacity 1s ease-in-out; pointer-events: none; z-index: -1; } #smartViewOverlay.no_blur #smartViewBackground { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; } #smartViewOverlayClose { position: relative; width: 100%; height: 100%; z-index: -1; } /* SmartView Loader */ @-webkit-keyframes bracketAnim { 12% { stroke-dashoffset: 0; } 43% { stroke-dashoffset: 0; opacity: 1; filter: alpha(opacity="100"); } 85% { stroke-dashoffset: 0; opacity: 0; filter: alpha(opacity="0"); } 100% { stroke-dashoffset: 920; stroke-dasharray: 720, 0; opacity: 0; filter: alpha(opacity="0"); } } @-moz-keyframes bracketAnim { 12% { stroke-dashoffset: 0; } 43% { stroke-dashoffset: 0; opacity: 1; filter: alpha(opacity="100"); } 85% { stroke-dashoffset: 0; opacity: 0; filter: alpha(opacity="0"); } 100% { stroke-dashoffset: 920; stroke-dasharray: 720, 0; opacity: 0; filter: alpha(opacity="0"); } } @keyframes bracketAnim { 12% { stroke-dashoffset: 0; } 43% { stroke-dashoffset: 0; opacity: 1; filter: alpha(opacity="100"); } 85% { stroke-dashoffset: 0; opacity: 0; filter: alpha(opacity="0"); } 100% { stroke-dashoffset: 920; stroke-dasharray: 720, 0; opacity: 0; filter: alpha(opacity="0"); } } @-webkit-keyframes fadeInSmoothly { 0% { opacity: 0; filter: alpha(opacity="0"); rx: 0; ry: 0; } 100% { opacity: 1; filter: alpha(opacity="100"); stroke-dasharray: 20; stroke-dashoffset: 220; rx: 100; ry: 100; } } @-moz-keyframes fadeInSmoothly { 0% { opacity: 0; filter: alpha(opacity="0"); rx: 0; ry: 0; } 100% { opacity: 1; filter: alpha(opacity="100"); stroke-dasharray: 20; stroke-dashoffset: 220; rx: 100; ry: 100; } } @keyframes fadeInSmoothly { 0% { opacity: 0; filter: alpha(opacity="0"); rx: 0; ry: 0; } 100% { opacity: 1; filter: alpha(opacity="100"); stroke-dasharray: 20; stroke-dashoffset: 220; rx: 100; ry: 100; } } #smartViewLoader { display: none; visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #smartViewLoader svg { display: block; position: relative; width: 15px; height: 15px; overflow: visible; } #left_bracket { opacity: 0; stroke: #f7f7f7; stroke-width: 12px; stroke-dasharray: 220, 220; stroke-dashoffset: 220; -webkit-animation: bracketAnim 2s infinite; -moz-animation: bracketAnim 2s infinite; animation: bracketAnim 2s infinite; } #square_circle { opacity: 0; fill: none; stroke-width: 12px; stroke: #f7f7f7; stroke-dasharray: 220, 220; -webkit-animation: fadeInSmoothly 1s ease-in-out infinite alternate forwards; -moz-animation: fadeInSmoothly 1s ease-in-out infinite alternate forwards; animation: fadeInSmoothly 1s ease-in-out infinite alternate forwards; } #right_bracket { opacity: 0; stroke: #f7f7f7; stroke-width: 12px; stroke-dasharray: 220, 220; stroke-dashoffset: 220; -webkit-animation: bracketAnim 2s infinite; -moz-animation: bracketAnim 2s infinite; animation: bracketAnim 2s infinite; } body.sv_light #left_bracket, body.sv_light #square_circle, body.sv_light #right_bracket { stroke: #101010 } #smartViewOverlay.sv_light, #smartViewOverlay_phantom.sv_light { background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.5); } .right_side { float: right } ul#smartViewOverlayInner li a, ul#smartViewOverlayInner_phantom li a { display: inline-block; color: #f7f7f7; font-size: 16px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ul#smartViewOverlayInner li a:hover i { font-weight:900; } ul#smartViewOverlayInner li a#buttonOverlayClose:hover i, ul#smartViewOverlayInner li a#buttonImagePopUp:hover i { font-weight: initial; } */ body.sv_light ul#smartViewOverlayInner li a, body.sv_light ul#smartViewOverlayInner_phantom li a { color: #101010; } ul#smartViewOverlayInner li a:hover, ul#smartViewOverlayInner_phantom li a:hover { color: #ffffff; background-color: #000000; } body.sv_light ul#smartViewOverlayInner li a:hover, body.sv_light ul#smartViewOverlayInner_phantom li a:hover { color: #000000; background-color: #ffffff; } ul#smartViewImageName { position: absolute } ul#smartViewImageName li a, ul#smartViewImageName_phantom li a { display: inline-block; color: #f7f7f7; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #smartViewImageName_phantom li a svg, #smartViewOverlayInner_phantom li a svg { display: block; width: 3px; height: 15px; margin: 0 12px; overflow: visible; } #smartViewOverlayInner_phantom li a svg { margin: 0 -12px; } body.sv_light ul#smartViewImageName li a, body.sv_light ul#smartViewImageName_phantom li a { color: #101010; width: 260px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ul#smartViewImageName li a:hover, ul#smartViewImageName_phantom li a:hover { color: #ffffff; background-color: #000000; } body.sv_light ul#smartViewImageName li a:hover, body.sv_light ul#smartViewImageName_phantom li a:hover { color: #000000; background-color: #ffffff; } ul.smartViewTools, ul.smartViewTools_phantom { text-align: center; padding: 20px; margin-left: 12%; color: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.sv_light ul.smartViewTools, body.sv_light ul.smartViewTools_phantom { color: #101010; } #smartViewOverlayMenu ul, #smartViewOverlayMenu li { display: inline-block; background-color: transparent; } #buttonImageInfoWindow { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; width: 360px; max-width: 75%; background-color: rgba(0, 0, 0, 0.7); color: #f7f7f7; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; z-index: 9; } body.sv_light #buttonImageInfoWindow { color: #101010; background-color: rgba(255, 255, 255, 0.7); } #buttonImageInfoWindow a { color: #ffffff; } #buttonImageInfoWindow a:hover { color: #f7f7f7 } body.sv_light #buttonImageInfoWindow a { color: #333333; } body.sv_light #buttonImageInfoWindow a:hover { color: #101010; } #buttonImageInfoWindow ul li { display: block; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: solid 1px #808080; } #buttonImageInfoWindow ul li.sv_author { text-transform: capitalize; } #smartViewOverlay.sv_light #buttonImageInfoWindow ul li, #smartViewOverlay_phantom.sv_light #buttonImageInfoWindow_phantom ul li { border-bottom: solid 1px #d7d7d7; } #buttonImageInfoWindow ul li span, #buttonImageInfoWindow_phantom ul li span { text-align: right; display: inline-block; float: right; } /* SmartView Fade In */ @-webkit-keyframes svFadeIn { from { visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } } @-moz-keyframes svFadeIn { from { visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } } @keyframes svFadeIn { from { visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } } /* SmartView Fade Out */ @-webkit-keyframes svFadeOut { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } } @-moz-keyframes svFadeOut { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } } @keyframes svFadeOut { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } } #fileSourceContainer { display: block; visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: absolute; top: 50%; left: 50%; width: 600px; max-width: 78%; height: initial; padding: 30px; background-color: #101010; background-color: rgba(0, 0, 0, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #smartViewOverlay.sv_light #fileSourceContainer { background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.75); } #fileSourceContainer.vimeo-youtube { width: 600px; max-width: 75%; height: initial; } #fileSourceContainer.vimeo-youtube iframe { display: block; max-width: 100%; margin: 0 auto; } #fileSourceContainer img#imageContent { display: block; width: 100%; height: auto; margin: 0 auto; /* background-color:#101010; background-color:rgba(0, 0, 0, 0.75); */ } /* #smartViewOverlay.sv_light #fileSourceContainer img#imageContent { background-color:#f7f7f7; background-color: rgba(255, 255, 255, 0.75); } */ #imageIframe { display: none; } #fileSourceContainer.ajax, #fileSourceContainer.iframe { width: 992px; max-width: 78%; height: initial; overflow: auto; } #ajaxContent, #fileSourceContainer.iframe iframe { display: block; height: 55.3vh; min-height: 312px; position: relative; width: 100%; color: #f7f7f7; overflow: auto; } #smartViewOverlay.sv_light #fileSourceContainer.ajax #ajaxContent { color: #101010; } #fileSourceContainer.ajax #fileCaption { margin: 32px auto 0; } /*Social*/ #smartViewOverlayInner, #smartViewOverlayInner_phantom { position: relative; max-width: 35%; white-space: nowrap; overflow: auto; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } #sv_socials, #sv_socials_phantom { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 16.6%; margin: 0 auto; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } #sv_socials:active, #sv_socials:hover { visibility: visible !important; opacity: 1 !important; filter: alpha(opacity="100") !important; } #sv_socials li, #sv_socials_phantom li { display: block; padding: 0; margin: 0; } #sv_socials li a { display: block; padding: 18.6px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #f7f7f7; background-color: #101010; background-color: rgba(0, 0, 0, 0.75); } body.sv_light #social li a { color: #101010; } body.sv_light #sv_socials li a, body.sv_light #sv_socials_phantom li a { color: #101010; background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.75); } #sv_socials li a:hover, #sv_socials_phantom li a:hover { color: #ffffff; background-color: #000000; } body.sv_light #sv_socials li a:hover, body.sv_light #sv_socials_phantom li a:hover { color: #000000; background-color: #ffffff; } #sv_socials:hover, #sv_socials_phantom:hover { visibility: visible !important; opacity: 1 !important; } #smartViewOverlayInnerArrow, #smartViewOverlayInnerArrow_phantom { display: none; visibility: hidden; opacity: 0; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } ul#sv_arrows_wrapper { position: absolute; top: 50%; left: 50%; width: 1100px; max-width: 90%; text-align: center; background-color: transparent; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } ul#sv_arrows_wrapper li #cp_sv_arrow_prev { float: left; } ul#sv_arrows_wrapper li #cp_sv_arrow_next { float: right; } .cp_sv_arrows { visibility: hidden; opacity: 0; color: #f7f7f7; font-size: 23px; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } #smartViewOverlay.sv_light .cp_sv_arrows, #smartViewOverlay_phantom.sv_light .cp_sv_arrows { color: #101010; } .cp_sv_arrows:hover { visibility: visible; opacity: 1; color: #ffffff; } #smartViewOverlay.sv_light .cp_sv_arrows:hover, #smartViewOverlay_phantom.sv_light .cp_sv_arrows:hover { color: #000000; } #smartViewOverlay:hover .cp_sv_arrows { visibility: visible; opacity: 1; } #fileSourceContainer_phantom { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #fileSourceContainer_phantom .fa { color: #f7f7f7; z-index: 1; } #smartViewOverlay.sv_light #fileSourceContainer .fa, body.sv_light #smartViewOverlay_phantom #fileSourceContainer_phantom .fa { color: #101010; } #fileCaption { display: block; margin: 28px auto 0; color: #f7f7f7; } #smartViewOverlay.sv_light #fileCaption { color: #101010; } #fileCaption span { text-align: right; float: right; } #fileCaption span i { font-size: 12px; font-style: italic; } /*** SmartView Carousel***/ ul#sv_carousel { display: block; visibility: hidden; opacity: 0; position: fixed; bottom: 0; width: 100%; height: 56px; background-color: #101010; background-color: rgba(0, 0, 0, 0.75); padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: auto; text-align: center; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out; z-index: 7; } ul#sv_carousel.sv_light { color: #101010; background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.75); } #sv_carousel li { display: inline-block; position: relative; -webkit-transform: translateY(11%); -moz-transform: translateY(11%); transform: translateY(11%); color: #f7f7f7; background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.2); width: 45px; height: 45px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1%; cursor: pointer; } ul#sv_carousel.sv_light li { color: #101010; background-color: #101010; background-color: rgba(0, 0, 0, 0.2); } #sv_carousel li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 63px; vertical-align: top; } #sv_carousel li i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #sv_highlight { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: solid 3px #f7f7f7; -webkit-transition: left .2s linear, background-color .2s linear, border-color .2s linear; -moz-transition: left .2s linear, background-color .2s linear, border-color .2s linear; transition: left .2s linear, background-color .2s linear, border-color .2s linear; z-index: 1; } ul#sv_carousel.sv_light #sv_highlight { border: solid 3px #101012; } /***ToolTip***/ .sv_tooltip_item_div { visibility: hidden; opacity: 0; position: fixed; width: 95px; padding: 5px; margin: 6px -19.5px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #f7f7f7; background-color: #101010; text-align: center; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .sv_tooltip_item_div:before { content: ''; position: absolute; top: -6px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #101010; } body.sv_light .sv_tooltip_item_div { color: #101010; background-color: #f7f7f7; font-weight: 500; } body.sv_light .sv_tooltip_item_div:before { border-bottom: solid 6px #f7f7f7; } .sv_tooltip_item_div.close_position { width: 56px; margin: 6px 0px; } @media only screen and (max-width: 800px) { #smartViewOverlayInnerArrow { display: block; visibility: visible; opacity: 1; position: absolute; left: 60%; top: 0; color: #f7f7f7; padding: 20px 12px; z-index: 1; } body.sv_light #smartViewOverlayInnerArrow { color: #101010; } ul#smartViewImageName li a, ul#smartViewImageName_phantom li a { max-width: 65% } } /***Success Stories***/ .gridShowCase { width: 1100px; max-width: 100%; position: relative; margin: 0 auto; text-align: center; display: block; clear: both; } .gridShowCase li { display: inline-block; float: left; margin: 0 auto; background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; outline: groove 1px #CBCBCB; overflow: hidden; -webkit-transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; -khtml-transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; -moz-transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; -o-transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; -ms-transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; transition: width, height, top, .5s cubic-bezier(.17, .67, .43, .82), opacity, visibility, .5s ease-in-out; } .item_innercontent { position: relative; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); transition: opacity, visibility, background-color, .5s ease-in-out; } .center_content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 320px; height: initial; padding: 60px; -webkit-transition: background-color .5s ease-in-out; -khtml-transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -o-transition: background-color .5s ease-in-out; -ms-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out; } .center_content h1 { text-transform: uppercase; color: #000000; letter-spacing: 2px; margin: 0 auto; font-family: Raleway; font-size: 15px; -webkit-transition: color .5s ease-in-out; -khtml-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out; } .center_content a { display: none; visibility: hidden; opacity: 0; width: 150px; text-transform: uppercase; font-family: Raleway; text-decoration: none; padding: 12px; margin: 12px auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #333333; color: rgba(0, 0, 0, 0.6); border: solid 2px #333333; border: solid 2px rgba(0, 0, 0, 0.6); -webkit-transition: opacity, visibility, height, .5s ease-in-out; -khtml-transition: opacity, visibility, height, .5s ease-in-out; -moz-transition: opacity, visibility, height, .5s ease-in-out; -o-transition: opacity, visibility, height, .5s ease-in-out; -ms-transition: opacity, visibility, height, .5s ease-in-out; transition: opacity, visibility, height, .5s ease-in-out; } .center_content a:hover { background: #333333; color: #ffffff !important; } .center_content i { width: 100%; font-size: 42px; margin-top: 3px; -webkit-transition: color .5s ease-in-out; -khtml-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out; } .successtitle { text-align: center; display: block; width: 30%; color: #fff; padding: 0 0 30px; margin: 30px auto; font-size: 23px; text-transform: uppercase; line-height: normal; border-bottom: solid 1px #ddd; } .successtitle span { display: block; width: 100%; font-size: 14px; margin: 5px auto; } .success_container { width: 100%; height: 100%; overflow: hidden; position: relative; margin: 0 auto; } a.successpause { position: absolute; top: 8px; left: 0; right: 0; width: 40px; height: 0; overflow: visible; text-align: center; z-index: 1; } a.successplay { display: none; position: absolute; top: 8px; left: 0; right: 0; width: 40px; height: 0; overflow: visible; text-align: center; z-index: 1; } .success_container > ul { display: block; width: 100%; height: 100%; position: relative; left: 0; top: 0; bottom: 0; right: 0; text-align: center; padding: 0; margin: 0px auto; list-style: none; } .success_container ul.success_stories { min-height: 170px; -webkit-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .success_container ul li { display: block; position: absolute; width: 100%; opacity: 0; filter: alpha(opacity="0"); visibility: hidden; -webkit-transition: opacity .5s ease-in-out; -khtml-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .success_container ul.successcontrols li { height: 30px; } ul.success_stories li .success_item { display: inline-block; color: #ffffff; } ul.success_stories .successimage:before { content: ""; position: absolute; width: 250px; max-width: 90%; height: 0; left: 81%; top: 50%; } ul.success_stories .successimage:after { content: ""; position: absolute; width: 250px; max-width: 90%; height: 0; right: 81%; top: 50%; } ul.success_stories li .success_item .successimage img { position: relative; width: 250px; max-width: 90%; height: auto; margin: 0 auto; z-index: 1 } ul.success_stories li .success_item .successimage { position: relative; margin: 0 auto; z-index: 1; } .success_container:hover ul.successcontrols li { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } ul.success_stories li .success_item .success_testimonial { position: relative; width: 70%; font-size: 16px; font-weight: 500; color: #333333; padding: 0px 12px; margin: 20px auto; z-index: 1; } ul.success_stories li .success_item .success_testimonial span { display: block; width: 100%; font-size: 14px; margin: 12px auto 0; } ul.success_stories li .success_item .success_testimonial span.hidden { display:none; } ul.successcontrols { display: block; position: relative; top: 0; left: initial; right: initial; bottom: initial; width: 100%; height: 50px; padding: 0; margin: 5px auto; text-align: center; overflow: visible; } ul.successcontrols li { overflow: visible; transform: none !important; width: 100%; height: initial; margin: 0 auto; display: block; } ul.successcontrols li a { padding: 0; margin: 0 auto; vertical-align: top; text-decoration: none; } .success_container ul.cpRating li { display: inline-block; position: relative; width: initial; opacity: 1; visibility: visible; padding: 0 6px; } ul.successcontrols li a.prevsuccess { display: block; position: relative; right: 112px; width: 40px; margin: 0 auto; font-size: 25px; z-index: 1; } ul.successcontrols li a.nextsuccess { display: block; position: relative; left: 112px; width: 40px; margin: 0 auto; font-size: 25px; z-index: 1; } ul.successcontrols li a.prevsuccess:hover, ul.successcontrols li a.nextsuccess:hover { opacity: 1; filter: alpha(opacity="100"); } /***Success Story Block***/ .success_stories2 { margin: 0 auto; overflow: hidden } .ss_block_item { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center 20%; } h1#nameBlock { font-size: 19px !important; font-weight: 700; } .column_info { display: block; position: relative; background: #f7f7f7; width: 100%; max-width: 100%; height: 360px; min-height: 360px; max-height: 100%; vertical-align: top; padding: 42px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .column_faces { display: block; width: 100%; max-width: 100%; } #quoteBackground { position: absolute; bottom: 3%; left: 9%; font-size: 33px; opacity: 0.5; } #quoteBackgroundImage { background-blend-mode: darken; background-repeat: no-repeat; background-position: center 30%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: absolute; width: 30%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .success_stories2 p { position: absolute; left: 66%; top: 45%; width: 50%; height: 52%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 23px; line-height: normal; overflow: auto; overflow-x: hidden; z-index: 1; } .success_stories2 ul { width: 107.2%; } .success_stories2 ul li { display: inline-block; width: 19%; height: 180px; max-height: 100%; margin: -1px -3px; overflow: hidden; vertical-align: top } .success_stories2 ul li a img { width: 120%; height: auto } #nameContainer { position: absolute; right: 7%; bottom: 15%; width: 60%; text-align: right; } #nameBlock { display: inline-block; } #cp_readon { position: absolute; bottom: 5%; right: 5%; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } #member_position { display: inline-block; opacity: 0; visibility: hidden; position: relative; margin-right: 23px; font-size: 21px; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } /***Team Members***/ body.tax-teammember_category .blogcenter { margin: 58px auto 0; } ul.team_members { position: relative; margin: 0 auto; text-align: center; overflow: hidden; z-index: 1; } ul.team_members.tm_thumbnail, ul.team_members.tm_medium, ul.team_members.tm_large { width: initial; height: initial; } ul.team_members li { display: inline-block; position: relative; vertical-align: top; background-color: #fff; } ul.team_members.tm_thumbnail > li { min-height: 240px; margin: 15px; } ul.team_members.tm_medium > li { min-height: 320px; margin: 15px; } ul.team_members.tm_large > li { min-height: 590px; margin: 17px; } ul.team_members li .team_member_description { position: relative; min-height: 80px; overflow: auto; } .team_member_backdrop { display: block; position: relative; width: 100%; margin: 0 auto; overflow: hidden; z-index: 1; } .upperCase { text-transform:uppercase; } /* .team_member_backdrop:before { content:''; position:absolute; width:100%; height:100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#80000000',GradientType=0 ); } */ .cp-image-shadow { position: absolute; left: 0; bottom: 0; height: 150px; width: 100%; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65)); visibility: visible; opacity: 1; -webkit-transition: visibility 0.4s, opacity 0.4s; -moz-transition: visibility 0.4s, opacity 0.4s; -o-transition: visibility 0.4s, opacity 0.4s; transition: visibility 0.4s, opacity 0.4s; } .team_column_half { float: left; width: 78%; max-width: 100%; padding: 0 14px; margin: 58px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .team_info_section { position: relative; top: 0; width: 22% !important; min-height: 180px; padding: 0 12px; text-transform: uppercase; text-align: left; text-indent: 0; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .team_info_section:after { content: ''; position: absolute; top: 0; right: -1%; width: 1px; height: 100%; background-color: #d7d7d7; } .team_header_text { position: relative; width: 100%; line-height: normal; text-align:center; padding: 0; margin: 0 auto 25px; vertical-align: bottom; float: left; } body.single-teammember .singlepost .team_info_section .team_member_image { display: block; width: 100%; padding: 0 0 9px; margin: 0px auto 3px; border-bottom: solid 1px; } .team_info_section a { line-height: 1.3; outline: none; } .team_info_section h2 { margin: 7px auto 0; font-size:16px; text-transform: uppercase; text-align: center; text-indent: 0; letter-spacing: 3px; } .team_info_section .team_position { font-size: 18px; text-transform: none; margin: 5px auto; } .team_info_section .team_categories { display: block; font-size: 16px; text-transform: none; margin: 5px auto; } .team_info_section ul.team_social { margin: 5px -10px; } ul.team_social li { padding: 12px; box-sizing: border-box; } ul.team_social li a { font-size: 18px; } .team_item { display: inline-block; position: relative; width: 200px; margin: 0; text-align: center; vertical-align: top; } .bottomFadeContainer { display: block; position: absolute; top: 109%; width: 100%; pointer-events: none; } .team_item .bottomFade { display: block; visibility:visible; opacity:1; filter:alpha(opacity="100"); position: absolute; bottom:0; margin: 0px auto; background: #ffffff; width: 100%; height: 50px; -webkit-box-shadow: 0px -15px 23px #ffffff; -moz-box-shadow: 0px -15px 23px #ffffff; box-shadow: 0px -15px 23px #ffffff; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition:visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } .team_item:hover .bottomFade { position: absolute; visibility:hidden; opacity:0; filter:alpha(opacity="0"); } .team_item.no_fade .bottomFade { background-color: transparent; box-shadow: none !important; height: initial !important; } .team_image { position: relative; z-index: 1; width: 90%; overflow: hidden; margin: 0 auto 12px; } .team_image img { position: relative; top:0 !important; width: 100%; height: auto; z-index: 0; } .team_organization { font-weight: bolder; } .team_title { padding: 0 0 57px; } .singlepost .team_title { padding:0; } /* Team Flip Card */ ul.team_members.flipcard li { margin:0 1% 2%; } .team_flip_card { position: relative; -webkit-perspective: 1000; -moz-perspective: 1000px; perspective: 1000px; } .team_flip_card .team_image { width: 116px; vertical-align: middle; } .team_flip_card .team_image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .team_flip_card_front { opacity: 1; height:200px; background-color: #ffffff; padding: 50px 0 75px; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); -webkit-transition: all .6s cubic-bezier(.25, .1, .11, 1.33); -moz-transition: all .6s cubic-bezier(.25, .1, .11, 1.33); transition: all .6s cubic-bezier(.25, .1, .11, 1.33); } .team_flip_card_back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: #fdfdfd; background-size: cover; background-repeat: no-repeat; outline: transparent solid 1px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .1, .11, 1.33), opacity .35s; -moz-transition: -moz-transform .6s cubic-bezier(.25, .1, .11, 1.33), opacity .35s; transition: transform .6s cubic-bezier(.25, .1, .11, 1.33), opacity .35s; } .team_flip_card:hover .team_flip_card_front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .team_flip_card:hover .team_flip_card_back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); opacity: 1; } .team_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; } .team_icon, .team_phone, .team_email { margin: 0 auto 12px; } .team_bio { display:block; } .team_flip_card_back h2 { display: block; text-align: center; margin: 12px auto 20px; } ul.team_members.flipcard li ul { position: relative; bottom: initial; background-color: transparent; padding: 0; margin: 22px auto 0; box-shadow: initial; } ul.team_members.flipcard li ul li { margin: 0 5px; } ul.team_members.flipcard li { background-color: transparent; } ul.team_members.flipcard li .team_flip_card { width:240px; } ul.team_members li .team_flip_card .team_member_description { min-height: initial } .team_flip_card .name h2 { font-weight: 500; } .team_flip_card .team_title { display: inline-block; max-width: 70%; margin: 22px auto; padding: 6px 12px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /***Image Sizes***/ .team_item .team_image img { width: 100%; height: auto; } .tm_thumbnail { width: 145px; } .tm_thumbnail .team_image { display: block; width: 145px; height: 145px; } .tm_medium { width: 245px; } .tm_medium .team_image { display: block; width: 245px; height: 245px; } .tm_large { width: 515px; } .tm_large .team_image { display: block; width: 515px; height: 515px; } .team_bio { padding: 12px; box-sizing: border-box; } ul.team_members li ul { display: block; position: absolute; bottom: -7px; padding: 12px 3px; width: 100%; text-align: center; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px -17px 17px #ffffff; -moz-box-shadow: 0px -17px 17px #ffffff; box-shadow: 0px -17px 17px #ffffff; } ul.team_members li ul li { position: relative; padding: 0 5px; height: initial !important; min-height: initial !important; background: transparent; z-index: 1; } .team_position span { display: block; width: 80%; min-height: 80px; line-height: 1.2; margin: 7px auto 0; text-align: center; overflow: auto; } .team_item .name { text-transform: uppercase; letter-spacing: 2px; text-indent: 2px; font-weight: bold; } .team_position { margin: 2px auto 6px; } .tm_large .team_position span { font-size: 15px; } .tm_large h4 { font-size: 21px !important; } .team_cpdivider { display: block; width: 52px; height: 1px; background: #686868; background: rgba(0, 0, 0, 0.3); margin: 15px auto; } .team_member_image img { width: 100%; padding: 0 } .team_excerpt { padding: 0 12px; } /* body.single-teammember #heroUpdate, body.single-teammember #breadcrumbs {display:none;} */ body.single-teammember .singlepost h2, body.single-teammember .singlepost p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .singlepost, .singlepost.aligncenter, .singlepost.alignleft, .singlepost.alignright { margin: 85px auto; display: block; width: 1100px; max-width: 95%; } .single-teammember .singlepost, .single-teammember .singlepost.aligncenter, .single-teammember .singlepost.alignleft, .single-teammember .singlepost.alignright { margin: 0 auto; } /***Team Member Search***/ .search_directory_container { width: 100%; margin: 0 auto; } .search_directory { display: block; width: 100%; padding: 12px; margin: 0 auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 100%; text-align: center; outline: none; } ul.search_list { display: block; opacity: 0; visibility: hidden; position: relative; border: 1px solid #CCCCCC; margin: -1px auto; overflow: hidden; -webkit-transition: border, opacity, visibility, .5s ease-in-out; -khtml-transition: border, opacity, visibility, .5s ease-in-out; -moz-transition: border, opacity, visibility, .5s ease-in-out; -o-transition: border, opacity, visibility, .5s ease-in-out; -ms-transition: border, opacity, visibility, .5s ease-in-out; transition: border, opacity, visibility, .5s ease-in-out; } ul.search_list li { display: block; border-top: solid 1px #CCCCCC; } ul.search_list li:first-child { border: none; } ul.search_list li span { padding: 12px; display: block; text-align: left; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.search_list li a { display: inline-block; width: 50%; height: 40px; margin: 0; padding: 0; overflow: hidden; vertical-align: top; } ul.search_list li a img { width: 40px; height: auto; vertical-align: top; } ul.search_list li a span { font-family: Raleway; font-size: 12px; vertical-align: top; padding: 2px; margin: 12px 12px; text-align: center; display: inline-block; text-decoration: none; text-transform: uppercase; } ul.social_usr_list { display: inline-block; position: relative; right: 1%; width: 50%; margin: 0; text-align: right; } ul.social_usr_list li { display: inline-block; border: none; padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; } ul.social_usr_list li a { width: initial; height: initial; } /***Toggler***/ .cptogglers { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cptogglercontainer span { display: block; } /***Video Playlist***/ #video_playlist_container { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; text-align: center; z-index: 6; background: #ffffff; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; } #video_playlist_video { opacity: 0; visibility: hidden; margin: 7% auto 0; -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; } #video_playlist_close { position: absolute; z-index: 2; margin: 3.5% auto 20px; display: block; cursor: pointer; color: #686868; text-align: center; font-size: 30px; top: 0; left: 0; right: 0; } #video_playlist_close:hover { color: #333333; } ul.videoplaylist li { display: inline-block; margin: 0px; padding: 5px; box-sizing: border-box; } .youtube, .playlist_item, .youtube_inner { margin: 23px 0; min-height: 100px; } #video_playlist_inner { margin: 0 auto; white-space: nowrap; overflow: auto; } body.leftbarsquare #video_playlist_inner, body.leftbarsquareroundglass #video_playlist_inner { width: 90%; } body.boxed #video_playlist_inner, body.boxed.leftbarsquare #video_playlist_inner, body.boxed.leftbarsquareroundglass #video_playlist_inner { width: 1100px; max-width: 100%; } body.cpcustomizer_on.leftbarsquare #video_playlist_inner, body.cpcustomizer_on.leftbarsquareroundglass #video_playlist_inner { width: 100%; } /***Mobile***/ ul.mobileheader { display: none; } .mobile { display: none; } /***Image Box***/ .overflowHidden { overflow: hidden; } .cpimagebox { display: block; position: relative; height: auto; max-width: 100%; margin: 0px auto; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: initial; -moz-transition: initial; transition: initial; } .cpimagebox img { position: relative; width: 100%; height: auto; vertical-align: top; } .cpimagebox.text_top_absolute .cpimageboxtitle { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .cpimagebox.text_center_absolute .cpimageboxtitle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .cpimagebox.text_bottom_absolute .cpimageboxtitle { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; } .cpimagebox.img_absolute img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cpimagebox .cpimageboxtitle { -webkit-transition: visibility .45s ease-in-out, opacity .45s ease-in-out, background .45s ease-in-out, box-shadow .45s ease-in-out; -moz-transition: visibility .45s ease-in-out, opacity .45s ease-in-out, background .45s ease-in-out, box-shadow .45s ease-in-out; -o-transition: visibility .45s ease-in-out, opacity .45s ease-in-out, background .45s ease-in-out, box-shadow .45s ease-in-out; -ms-transition: visibility .45s ease-in-out, opacity .45s ease-in-out, background .45s ease-in-out, box-shadow .45s ease-in-out; transition: visibility .45s ease-in-out, opacity .45s ease-in-out, background .45s ease-in-out, box-shadow .45s ease-in-out; } .cpimagebox .cpimageboxtitle .text_content { -webkit-transition: visibility .25s ease-in-out, opacity .25s ease-in-out; -moz-transition: visibility .25s ease-in-out, opacity .25s ease-in-out -o-transition: visibility .25s ease-in-out, opacity .25s ease-in-out -ms-transition: visibility .25s ease-in-out, opacity .25s ease-in-out transition: visibility .25s ease-in-out, opacity .25s ease-in-out } .cpimagebox.text_center_absolute .cpimageboxtitle .text_content, .cpimagebox.text_center_absolute .cpimageboxhover .text_content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow-wrap: initial; z-index: 1; } .cpimageboxtitle p { padding: 0 1px !important; } /* Image Gallery */ .cp_image_gallery a img { width: 600px; max-width: 100%; height: auto; vertical-align: top; } .cp_image_gallery.fourth .item { width: 25%; } .cp_image_gallery.third .item { width: 33.3%; } .cp_image_gallery.half .item { width: 50%; } .cp_image_gallery.whole .item { width: 100%; } /***Image Text Grid***/ .cpimagetextgrid .two { position: relative; width: 50%; vertical-align: middle; } .cpimagetextgrid .two img { vertical-align: bottom; } .cpimagetextgrid .two div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); overflow-wrap: initial; } /***Notification***/ .notifreflect { position: absolute; top: -30px; right: 20px; z-index: 2; } .alertcloud { position: absolute; top: 66px; right: 15px; float: right; width: 60px; height: 40px; z-index: 7; } .alertcloud span i { bottom: 10px; left: 20px; position: absolute; color: #fff; z-index: -1; } .alertcloud i { position: relative; left: 10px; color: #333333; text-align: center; display: block; width: 100%; padding: 0; margin: 0; } .alertcloud .notifcount { position: absolute; right: -6px; } .cpnotifications { display: none; position: absolute; top: 93px; right: -10px; width: 210px; background: #eeeeee; background: rgba(255, 255, 255, 0.6); padding: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; } .cpnotifications:before { content: ''; position: absolute; top: -12px; right: 33px; border-left: solid 12px transparent; border-right: solid 12px transparent; border-bottom: solid 12px rgba(255, 255, 255, 0.6); width: 0; height: 0; } .cpnotifications img { width: 50px; height: auto; vertical-align: bottom; padding: 0 10px 0 0; float: left; } .cpnotifications ul li { display: block !important; clear: both; padding: 5px 0; width: 73% !important; margin: 0 !important; float: none !important; position: relative !important; } .cpnotifications ul li .title { font: 100 16px sans-serif; padding: 0px 9px 5px; } .cpnotifications ul li .excerpt { font: 100 13px sans-serif; padding: 0px 9px 5px; } .noposts { display: none; text-align: center; } .cp-notif { width: 100%; border-bottom: dashed 1px; display: block; padding: 3px 0; -webkit-box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); -khtml-box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: -1px 2px 3px 1px rgba(0, 0, 0, 0.1); } a.gonotif { position: absolute; font-size: 13px; margin: -43px 0 0 210px; background: #333333; background: rgba(0, 0, 0, 0.3); color: inherit; color: #ffffff; padding: 4px; } a.gonotif:hover { background: #555555; background: rgba(0, 0, 0, 0.5); } .notifeyeslash { position: absolute; margin: -59px 0px 0px 208px; background: #333333; background: rgba(0, 0, 0, 0.3); } /***Share This***/ #stservicewidget.stservicewidget-pos-left { display: none; } /***Initial Loader***/ #initial_loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 auto; text-align: center; background: #333333; -webkit-transition: opacity .5s ease-out, visibility .5s ease-out; -moz-transition: opacity .5s ease-out, visibility .5s ease-out; -o-transition: opacity .5s ease-out, visibility .5s ease-out; -ms-transition: opacity .5s ease-out, visibility .5s ease-out; transition: opacity .5s ease-out, visibility .5s ease-out; z-index: 11; } #initial_content { position: absolute; top: 50%; left: 50%; width: 1100px; max-width: 90%; margin: 0 auto; line-height: 1.3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #initial_content span { font-size: 32px; line-height: 2; } .initial_logotitle { display: inline; -webkit-animation: fadeInDownBig 1s; -khtml-animation: fadeInDownBig 1s; -moz-animation: fadeInDownBig 1s; -o-animation: fadeInDownBig 1s; -ms-animation: fadeInDownBig 1s; animation: fadeInDownBig 1s; } .initial_pagetitle { -webkit-animation: fadeInLeftBig 1s; -khtml-animation: fadeInLeftBig 1s; -moz-animation: fadeInLeftBig 1s; -o-animation: fadeInLeftBig 1s; -ms-animation: fadeInLeftBig 1s; animation: fadeInLeftBig 1s; } .initial_message { -webkit-animation: fadeInUpBig 1s; -khtml-animation: fadeInUpBig 1s; -moz-animation: fadeInUpBig 1s; -o-animation: fadeInUpBig 1s; -ms-animation: fadeInUpBig 1s; animation: fadeInUpBig 1s; } /***Wordpress Admin Bar***/ #wpadminbar { z-index: 11; } #wpadminbar .quicklinks>ul>li>a .dashit { display: initial; font-size: 20px; font-family: dashicons; color: #999999; float: left; padding-right: 5px; } #wpadminbar .ab-sub-wrapper, #wpadminbar ul, #wpadminbar ul li { display: block; } #wpadminbar .ab-top-menu>li>.ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, #wpadminbar .ab-top-menu>li:hover>.ab-item .dashit { color: #2ea2cc; } /***Ajax Loader***/ #cp_loader_container { visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 auto; background: #ffffff; -webkit-transition: opacity, visibility, 1s ease-in-out; -khtml-transition: opacity, visibility, 1s ease-in-out; -moz-transition: opacity, visibility, 1s ease-in-out; -o-transition: opacity, visibility, 1s ease-in-out; -ms-transition: opacity, visibility, 1s ease-in-out; transition: opacity, visibility, 1s ease-in-out; z-index: 3; } #cp_loader_line { display: block; opacity: 0; position: absolute; top: 49%; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 30%; height: 1px; background: #686868; -webkit-animation: CodiePieLoaderLine 1.2s infinite linear; -khtml-animation: CodiePieLoaderLine 1.2s infinite linear; -moz-animation: CodiePieLoaderLine 1.2s infinite linear; -o-animation: CodiePieLoaderLine 1.2s infinite linear; -ms-animation: CodiePieLoaderLine 1.2s infinite linear; animation: CodiePieLoaderLine 1.2s infinite linear; } #cp_loader_lightning { display: block; position: absolute; top: 0%; left: 0%; right: 0; bottom: 0%; margin: 0 auto; width: 0%; height: 100%; background: #fff; -webkit-animation: CodiePieLoaderLightning 1.2s infinite linear; -khtml-animation: CodiePieLoaderLightning 1.2s infinite linear; -moz-animation: CodiePieLoaderLightning 1.2s infinite linear; -o-animation: CodiePieLoaderLightning 1.2s infinite linear; -ms-animation: CodiePieLoaderLightning 1.2s infinite linear; animation: CodiePieLoaderLightning 1.2s infinite linear; } @-webkit-keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @-khtml-keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @-moz-keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @-o-keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @-ms-keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @keyframes CodiePieLoaderLine { 0% { width: 0%; opacity: 0; } 50% { width: 30%; opacity: 1; } 100% { width: 0%; opacity: 0; } } @-webkit-keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } @-khtml-keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } @-moz-keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } @-o-keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } @-ms-keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } @keyframes CodiePieLoaderLightning { 0% { opacity: 0; width: 0%; background: #fff; } 25% { width: 25%; background: #fff; } 50% { opacity: 1; width: 50%; background: #fff; } 75% { width: 100%; background: #fff; } 100% { width: 0%; background: #fff; } } #ajax-loader { position: fixed; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; -khtml-box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; -ms-box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 0px 777px rgba(0, 0, 0, 0.5) inset; background-color: transparent; background-size: 50px 50px; background-repeat: no-repeat; top: 0px; left: 0px; z-index: 2; } #canvasloader-container { visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: #ffffff; -webkit-transition: opacity, visibility, .3s ease-in-out; -khtml-transition: opacity, visibility, .3s ease-in-out; -moz-transition: opacity, visibility, .3s ease-in-out; -o-transition: opacity, visibility, .3s ease-in-out; -ms-transition: opacity, visibility, .3s ease-in-out; transition: opacity, visibility, .3s ease-in-out; z-index: 3; } #canvasloader { position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; } /***Page Elements***/ ul.inlineText { display: inline-block; width: 100%; margin:0 auto 5px; } ul.inlineText li { display: inline-block; } ul.inlineText li h5 { margin-right: 5px; } .featuresdesc { display: block; font-family: Raleway, sans-serif; font-size: 18px; width: 70%; text-align: center; padding-bottom: 22px; margin: 0 auto; } .hide, .hidden, .jsScript { display: none; } ul.homelisters { display: inline-block; margin: 20px 2% 0; width: 12%; vertical-align: top; padding: 0 30px 0 50px; font-weight: initial } ul.homelisters li { display: block; margin: 12px auto; text-align: left; width: 240px; } ul.homelisters li span { margin: 0; font-size: 15px; } ul.homelisters li i.fa { color: #507677; margin-right: 5px; font-size: 8px; vertical-align: bottom; padding: 4px 5px 4px 4px; border: solid 1px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } #breadcrumbs { margin: 0; position: relative; font-size: 1em; background: #fff; color: #ADADAD; border-bottom: solid 1px #dddddd; text-align: right; padding: 12px 20px 9px; width: auto; clear: both; overflow: hidden; z-index: 0; } #breadcrumbs a { color: #333333; } #breadcrumbs a:hover { color: #333333; } .breadcrumb_divider { display: initial; margin: 0px 12px; } .breadcrumb_position { display: initial; position: relative; top: -10px; width: 0px; height: 39px; padding: 0px 1px 39px 0px; margin: 0px 8px; background: #ddd; } /***Icon***/ .cpicon { margin:0 auto; max-width: 80%; } .iconbox { max-width: 100%; margin: 0 auto; } /***Icon List***/ ul.cpiconlist { position: relative; text-align: center; z-index: 2 } ul.cpiconlist li { display: inline-block; width: initial; margin: 3px; overflow: hidden; vertical-align: top; } ul.cpiconlist li .cpiconback .fa { display: block; text-align: center; padding: 12px 15px; margin: 12px 5px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } ul.cpiconlist li i.fa { -webkit-transition: all .3s ease-in-out !important; -khtml-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; -ms-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } ul.cpiconlist li .cpiconcontent { padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /***PARALLAX***/ .cpparrallax { background-size: cover; background-repeat: no-repeat; background-color: transparent; background-attachment: fixed; padding: 1px 0; } .crosswords { position: relative; float: left; z-index: 1; color: #fff; text-align: center; width: 100%; top: 440px; font-size: 32px; } .crosswords2 { position: relative; float: left; z-index: 1; color: #fff; text-align: center; width: 50%; top: 150px; font-size: 32px; } .crosswords3 { position: relative; float: right; z-index: 1; color: #fff; text-align: center; width: 50%; top: 150px; font-size: 32px; } .backimage { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; } .perctwidth { width: 0%; height: 40px; background: #A6AD6D; display: block; } /***STATUS***/ ul.status li { float: right; position: relative; z-index: 1; } #full-status { position: relative; left: 73.6%; top: 0px; width: 382px; } #status { display: block; position: relative; right: 0.2%; float: right; margin-top: 2%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; z-index: 1; } /***CLOSE WINDOW BUTTONS***/ #close-search { display: none; font-size: 23px; padding: 12px; background: #dddddd; color: #333333; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; -khtml-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; -o-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; -ms-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5)inset; border: solid 2px #555; text-align: center; position: relative; float: right; right: 0px; top: 10px; } .overlay-pt { visibility: hidden; opacity: 0; filter: alpha(opacity=0); background-color: rgb(0, 0, 0); width: 100%; *min-width: 100%; height: 100%; *min-height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .overlay-pt.overlayIn, body.loginIn .overlay-pt, body.lostPassIn .overlay-pt, body.signUpIn .overlay-pt { visibility:visible; opacity:0.8; z-index:4; } .close-pt, .close-social { color: #ddd; padding: 7px; cursor: pointer; margin-top: 0px; width: 20px; } .close-pt { padding: 0; float: right } #close-pt { font-family: Raleway, sans-serif; font-size: 21px; font-weight: 100; color: #ddd; padding: 7px; cursor: pointer; margin-top: 30px; margin-bottom: -10px; margin-left: -10px; } #close-pt2 { font-family: Raleway; font-size: 21px; font-weight: 100; color: #ddd; padding: 7px; cursor: pointer; position: fixed; bottom: 28%; left: 27.3%; z-index: 4; } #close-pt:hover, #close-pt2:hover, .close-pt:hover, .close-social:hover { /* color: #000000; */ } .closeme { display: none; text-align: center; color: #fff; position: fixed; z-index: 9; top: 37px; left: 45%; width: 10%; margin: 0px auto; font-size: 62px; cursor: pointer; font-family: Raleway, sans-serif; font-weight: 100; } #backup { display: block; position: fixed; bottom: 90px; right: -60px; -webkit-transition: opacity 300ms cubic-bezier(.694, .0482, .335, 1), right 300ms cubic-bezier(.694, .0482, .335, 1); -moz-transition: opacity 300ms cubic-bezier(.694, .0482, .335, 1), right 300ms cubic-bezier(.694, .0482, .335, 1); transition: opacity 300ms cubic-bezier(.694, .0482, .335, 1), right 300ms cubic-bezier(.694, .0482, .335, 1); opacity: 0; z-index: 3; } .backtop { position: absolute; right: 0; bottom: 0; font-size: 45px; text-align: center; -webkit-transition: opacity .3s ease-in-out, right .5s ease-in-out, color .3s ease-in-out, background .3s ease-in-out; -moz-transition: opacity .3s ease-in-out, right .5s ease-in-out, color .3s ease-in-out, background .3s ease-in-out; transition: opacity .3s ease-in-out, right .5s ease-in-out, color .3s ease-in-out, background .3s ease-in-out; opacity: 0.5; filter: alpha(opacity="50"); cursor: pointer; z-index: 5 } .backtop:hover { color: #ffffff; opacity: 1; filter: alpha(opacity="100"); } #backup.cp_backtop_in { opacity: 1; filter: alpha(opacity="100"); right: 16px; } #backup.cp_backtop_out { opacity: 0; filter: alpha(opacity="0"); right: -60px; } /***Landing Page***/ .landing_section { position: relative; overflow: hidden; width: 100%; margin: 0 auto; } /***Visual Composer***/ .wpb_content_element { position: relative; z-index: 5; } body .vc_column_container>.vc_column-inner { position: relative; /* padding:0; */ } body .wpb_button, body .wpb_content_element, body ul.wpb_thumbnails-fluid>li { margin-bottom: 0; } .vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 { padding: 0 !important; position: static !important; } /* .wpb_column { position:relative !important; z-index:2; } */ .vc_responsive .wpb_row .vc_span12 { padding: 0 !important; } body.popup #post-content { z-index: initial; } .cp_popup_container { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: visibility .5s ease-out, opacity .5s ease-out; -moz-transition: visibility .5s ease-out, opacity .5s ease-out; transition: visibility .5s ease-out, opacity .5s ease-out; z-index: 12; } a.close_popup { position: absolute; top: 0px; right: 0px; color: #000000; font-size: 20px; padding: 20px; z-index: 1; } .cp_popup_container .section.fullheight, .cp_popup_container .fullheight { height: 100vh; } /***CP Banner***/ .cpbanner { position: relative; line-height: initial; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); overflow: hidden; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .tipcontainer { position: absolute; width: 100%; left: 0; right: 0; top: -30px; } .tipicon { position: relative; top: 0px; margin: 0 auto; text-align: center; border-radius: 100%; padding: 12px; display: block; width: 56px; height: 56px; line-height: 48px; font-size: 30px; } /***FlipBox***/ .flipcontainer { position: relative; width: 100%; padding: 0; margin: 0px auto; -webkit-perspective: 1000; -khtml-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); z-index: 2; } .flipbox { width: auto; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -khtml-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: all .45s linear; -webkit-transition: all .45s linear; -khtml-transition: all .45s linear; -moz-transition: all .45s linear; -o-transition: all .45s linear; -ms-transition: all .45s linear; } .face { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -khtml-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; } .face.front { display: block; padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .face.back { display: block; padding: 12px; -webkit-transform: rotateY(180deg); -khtml-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cpflipy .face.back { -webkit-transform: rotateX(180deg); -khtml-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } a.flipforward, a.flipback { font-size: 18px !important; text-align: center; padding: 22px 0; display: block; float: left; outline: none; } .frontcontent, .backcontent { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 530px; max-width: 65%; } li.fliplist { display: inline-block; } .cpflipbox.cphover .flipcontainer a.flipforward, .cpflipbox.cphover .flipcontainer a.flipback { display: none; } .cpflipbox.cphover .flipcontainer .flipbox { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .cpflipbox.cphover .flipcontainer:hover .flipbox { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .cpflipbox.cpflipy.cphover .flipcontainer .flipbox { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .cpflipbox.cpflipy.cphover .flipcontainer:hover .flipbox { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } /***PrettyPhoto***/ div.ppt { display: none !important; color: #333333 !important; font: 100 23px sans-serif !important; } /***Author***/ .authorcontainer { display: block; text-align: center; width: 100%; } .authorcontainer h1.page-title { text-transform: uppercase; margin: 20px auto } .author-avatar { width: 70px; height: 70px; margin: 0 auto; overflow: auto; background: #fff; padding: 0; border: solid 1px #dddddd; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: All .45s ease; -khtml-transition: All .45s ease; -moz-transition: All .45s ease; -o-transition: All .45s ease; -ms-transition: All .45s ease; transition: All .45s ease; -webkit-animation: rubberBand 1s ease; -khtml-animation: rubberBand 1s ease; -moz-animation: rubberBand 1s ease; -o-animation: rubberBand 1s ease; -ms-animation: rubberBand 1s ease; animation: rubberBand 1s ease; } .author-avatar:hover, .author-avatar:focus { width: 45%; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation: none; -moz-animation: none; animation: none; } .author-avatar:hover img { margin: 20px auto 0; } .author-avatar img { display: block; width: 70px; height: auto; margin: 0 auto; padding: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .author-avatar p { width: 0%; height: 0; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity="0"); } .author-avatar:hover p, .author-avatar:focus p { width: initial; height: auto; padding: 20px !important; text-align: center; -webkit-transition: opacity .2s .45s ease; -khtml-transition: opacity .2s .45s ease; -moz-transition: opacity .2s .45s ease; -o-transition: opacity .2s .45s ease; -ms-transition: opacity .2s .45s ease; transition: opacity .2s .45s ease; opacity: 1; filter: alpha(opacity="100"); } .author-avatar:hover, .author-avatar:focus { height: 200px; margin: 0 auto 20px; } .authorlinks, .authorlinks a { display: inline-block; text-align: center; padding: 10px 0; font: 400 15px Raleway, sans-serif !important; line-height: 1.7 !important; } span.authorseparator { font-weight: 100 } .authorlinks { padding: 0 30px; } .authorposts { color: #333333; text-align: center; } .authorposts h3 { margin: 20px auto 0; font-size: 18px; font-weight: 500 } .authorpostscontent { display: inline-block; width: 25%; padding: 22px; margin: 10px 3px; white-space: initial; text-align: center; -webkit-transition: All .45s ease; -khtml-transition: All .45s ease; -moz-transition: All .45s ease; -o-transition: All .45s ease; -ms-transition: All .45s ease; transition: All .45s ease; } .authorpostscontent:hover { z-index: 1; } .authorpostscontent:after { content: ''; position: relative; border-bottom: solid 1px #ddd; width: 50%; display: block; margin: 6px auto; } /***Portfolio***/ .portfolioLoadmore a { display: block; position: relative; line-height: 1.5; font-size: 18px; font-weight: bold; text-align: center; width: 210px; /* height: 30px; */ background-color: transparent; /* background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); */ border: solid 3px; -webkit-border-radius: .5em; -khtml-border-radius: .5em; -moz-border-radius: .5em; -o-border-radius: .5em; -ms-border-radius: .5em; border-radius: .5em; /* -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.5), 0 .25em .25em hsla(0,0%,0%,.1); */ color: #333333; cursor: pointer; margin: 60px auto 0; padding: 12px /* .5em 1.5em .75em */ ; text-decoration: none; /* text-shadow: 0 1px 1px hsla(0,0%,100%,.25); */ vertical-align: middle; } .portfolioLoadmore a:hover, .portfolioLoadmore a:focus { outline: none; /* -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); */ } /* .portfolioLoadmore a:active { -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); margin-top: .25em; outline: none; padding-bottom: .5em; } */ .portfolioloader { color: #333333; padding: 0 0 0 20px; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; transition: all .45s ease; } .portfoliosingle { width: 60%; display: block; margin: 20px auto; padding: 12px; border: solid 1px #ddd; } .portfoliosingle img { width: 100%; height: auto; } /***PostIt***/ .postit_outer_container { display: block; text-align: center; width: 100%; } .postit_outer_container ul li { display: inline; display: inline-block; width: 29%; max-width: 90%; height: auto; margin: 20px; vertical-align: top; } .postit_outer_container ul li ul li { display: inline; margin: 0; } .postit_outer_container ul li .cppostit_item { display: inline-block; position: relative; text-align: left; vertical-align: top; overflow: hidden; } .cppostit_image { position: relative; height: 250px; margin: 0 auto 0px; overflow: hidden; } .postit_outer_container ul li .cppostit_item .cppostit_image img { width: auto; height: 135%; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .postit_outer_container ul li .cppostit_item .cppostit_text { padding: 12px; overflow: auto; height: 250px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .postit_outer_container ul li .cppostit_item .cppostit_title h1 { color: initial; color: inherit; font-weight: 900; letter-spacing: 2px; text-align: inherit; text-indent: 0px; text-transform: uppercase; } .postit_outer_container ul li .cppostit_item .cppostit_excerpt { color: initial; color: inherit; font-weight: 500; font-size: 16px; overflow: auto; height: 130px; max-height: 100%; } .postit_outer_container ul li .cppostit_item ul.cppostit_buttons { position: relative; border-top: solid; border-width: 4px; border-color: #F6F6F6; overflow: hidden; } .postit_outer_container ul.cppostit_buttons li { width: 100%; max-width: 100%; height: auto; margin: 0px auto; vertical-align: top; } .postit_outer_container ul li .cppostit_item ul.cppostit_buttons li a { width: 50%; height: 100%; vertical-align: middle; display: inline-block; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: 900; padding: 22px 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cppostit_divider { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 0px; height: 100%; border-style: solid; border-width: 2px; border-color: #F6F6F6; text-align: center; margin: 0 auto; overflow: hidden; } /***Tabs Container***/ ul.cptabs { position: relative; width: 100%; min-height: 250px; background: #333333; margin: 0; padding: 0; overflow: hidden; z-index: 0; } ul.cptabs li { display: inline; display: inline-block; position: relative; width: initial; padding: 2% 0; text-align: center; float: left; margin: 0 auto; cursor: pointer; z-index: 1; } ul.cptabs li.active { color: #fff; background: #777; } ul.cptabs .tabscontent { position: absolute; padding: 35px 20px; margin: 50px auto 0; clear: both; color: #fff; z-index: -1; } /***Unordered List***/ .cpunorderedlist_container { margin: 0 auto; } .cpunorderedlist_container ul li, .cpunorderedlist_container li { display: block; position:relative; line-height: normal; padding: 12px 0; margin: 0; } .cpunorderedlist_container ul ul li { width: 100%; line-height: normal; padding: 12px; margin:0 12px 0 8px; } .cpunorderedlist_container ul > li > h2 { white-space:nowrap; } .cpunorderedlist_container h3 { display: inline-block; } .cpunorderedlist_container li i { position: absolute; left: -9px; margin: 0; padding: 4px 0; } .cpunorderedlist_container li i.fa-1x { font-size: 9px; } .cpunorderedlist_container li i.fa-2x { font-size: 12px; } .cpunorderedlist_container li i.fa-3x { font-size: 15px; } /***Logo Image & Text***/ .desktop-logo { visibility: visible; opacity: 1; position: relative; width: initial; float: left; white-space: nowrap; height: 100%; z-index: 5; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .desktop-logo img { -webkit-transition: width .5s ease-in-out, height .5s ease-in-out, -webkit-filter .5s ease-in-out; -moz-transition: width .5s ease-in-out, height .5s ease-in-out, -moz-filter .5s ease-in-out; transition: width .5s ease-in-out, height .5s ease-in-out, -webkit-filter .5s ease-in-out; } .desktop-logo a { display: block } /* Detect Logo Color */ .logo_dark .desktop-logo img { -webkit-filter: invert(100%)brightness(115%); } .logo_light .desktop-logo img { -webkit-filter: invert(100%); } .logoimgtext { position: absolute; min-width: 300px; } .logoimgtext img { position: relative; width: 50px; height: auto; vertical-align: text-bottom; } /***Logo***/ #logoimg-desc { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } a#logo-img img { width: 90px; height: auto; } #logotxt-desc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: All .35s ease; -moz-transition: All .35s ease; transition: All .35s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #logo-txt { -webkit-transition: All .35s ease; -moz-transition: All .35s ease; transition: All .35s ease; z-index: 2; } #logo-txt, .logoimgtext a span { display: inline } *:first-child+html #logo-txt { -webkit-transition: All .35s ease; -khtml-transition: All .35s ease; -moz-transition: All .35s ease; -o-transition: All .35s ease; -ms-transition: All .35s ease; transition: All .35s ease; z-index: 2; background: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-animation: backgroundMotion 10s linear infinite; -moz-animation: backgroundMotion 10s linear infinite; -moz-text-fill-color: transparent; -moz-background-clip: text; -moz-animation: backgroundMotion 10s linear infinite; -o-text-fill-color: transparent; -o-background-clip: text; -o-animation: backgroundMotion 10s linear infinite; } @-moz-document url-prefix() { #logo-txt { background: transparent !important; } } .logoimgtext a span { position: relative; } #logoimg-desc, #logotxt-desc, #logo-txt { -webkit-transition: top .3s ease-in-out, left .3s ease-in-out, color .3s ease-in-out; -moz-transition: top .3s ease-in-out, left .3s ease-in-out, color .3s ease-in-out; transition: top .3s ease-in-out, left .3s ease-in-out, color .3s ease-in-out; } /******Full Logo*****/ #full-logo img { width: 220px; } #full-logo { display: block; position: relative; top: 20px; z-index: 2; } #full-logo { font-size: 5em; height: 150px; } .logo { font-family: sans-serif, Arial; font-size: 4em; letter-spacing: -1px; text-align: left; position: relative; top: 77px; float: left; padding-left: 80px; } .logo { font-family: sans-serif, Arial; font-size: 4em; letter-spacing: -1px; text-align: left; position: relative; top: 77px; color: #333333; margin: 0px; } .logo img { width: 170px; height: auto; margin-bottom: 0px; float: left; margin-top: -150px; position: relative; top: 89px; z-index: 2; margin-left: 148px; left: -7px; } .logo a { color: #333333; } .logo a:hover { color: #555; } body.cpcustomizer_on.boxed a#logo-img img { padding: 13px; display: block; } /***Site Header***/ #heroUpdate { -webkit-transition: opacity, visibility, 1.5s ease-in-out; -khtml-transition: opacity, visibility, 1.5s ease-in-out; -moz-transition: opacity, visibility, 1.5s ease-in-out; -o-transition: opacity, visibility, 1.5s ease-in-out; -ms-transition: opacity, visibility, 1.5s ease-in-out; transition: opacity, visibility, 1.5s ease-in-out; } .hero-title { font-size: 42px; position: relative; top: 0; left: 0; width: 100%; min-height: 300px; text-align: center; margin: 0; color: #333333; overflow: visible; z-index: 1; } .hero-title span { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; padding: 12px; margin: 0 auto; text-transform: uppercase; z-index: 2; } body.cp_header_absolute .hero-title span { -webkit-transform: translate(-50%, 30%); -moz-transform: translate(-50%, 30%); transform: translate(-50%, 30%); } .light .hero-title span, .light p.title_quote { color: #ffffff; } .dark .hero-title span, .dark p.title_quote { color: #000000; } p.title_quote { margin: 0 auto; white-space: nowrap; overflow: hidden; width: 100%; -webkit-animation: type 5s steps(60, end); -khtml-animation: type 5s steps(60, end); -moz-animation: type 5s steps(60, end); -o-animation: type 5s steps(60, end); -ms-animation: type 5s steps(60, end); animation: type 5s steps(60, end); } p.title_quote:nth-child(2) { -webkit-animation: type2 8s steps(60, end); -khtml-animation: type2 8s steps(60, end); -moz-animation: type2 8s steps(60, end); -o-animation: type2 8s steps(60, end); -ms-animation: type2 8s steps(60, end); animation: type2 8s steps(60, end); } @-webkit-keyframes type { from { width: 0; } } @-webkit-keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @-khtml-keyframes type { from { width: 0; } } @-khtml-keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @-moz-keyframes type { from { width: 0; } } @-moz-keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @-o-keyframes type { from { width: 0; } } @-o-keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @-ms-keyframes type { from { width: 0; } } @-ms-keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @keyframes type { from { width: 0; } } @keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } .description-background { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; padding: 98px 0 0; overflow: hidden; z-index: -1; } /***Custom Animation Keyframes***/ @-webkit-keyframes TextPulsate { 0% { text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.2); } 100% { text-shadow: 0 0 0px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); } } @-khtml-keyframes TextPulsate { 0% { text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); -khtml-transform: scale(1.2); } 100% { text-shadow: 0 0 0px rgba(0, 0, 0, 0.3); -khtml-transform: scale(1); } } @-moz-keyframes TextPulsate { 0% { text-shadow: 0 0 12px rgba(0, 0, 0, 0.3); -moz-transform: scale(1.2); } 100% { text-shadow: 0 0 0px rgba(0, 0, 0, 0.3); -moz-transform: scale(1); } } @-o-keyframes TextPulsate { 0% { text-shadow: 0 0 15px #000; -o-transform: scale(1.5); } 100% { text-shadow: 0 0 0px #000; -o-transform: scale(1); } } @-ms-keyframes TextPulsate { 0% { text-shadow: 0 0 15px #000; -ms-transform: scale(1.5); } 100% { text-shadow: 0 0 0px #000; -ms-transform: scale(1); } } @keyframes infinite-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-ms-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-khtml-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes backgroundMotion { 0% { background-position: right bottom; } 100% { background-position: left top; } } @-khtml-keyframes backgroundMotion { 0% { background-position: right bottom; } 100% { background-position: left top; } } @-moz-keyframes backgroundMotion { 0% { background-position: right bottom; } 100% { background-position: left top; } } @-o-keyframes backgroundMotion { 0% { background-position: right bottom; } 100% { background-position: left top; } } @-ms-keyframes backgroundMotion { 0% { background-position: right bottom; } 100% { background-position: left top; } } @-webkit-keyframes Ken-Burns-In { 0% { -webkit-transform: scale(0.1)rotateX(180deg); } 100% { -webkit-transform: scale(1)rotateX(0deg); } } @-khtml-keyframes Ken-Burns-In { 0% { -khtml-transform: scale(0.1)rotateX(180deg); } 100% { -khtml-transform: scale(1)rotateX(0deg); } } @-moz-keyframes Ken-Burns-In { 0% { -moz-transform: scale(0.1)rotateX(180deg); } 100% { -moz-transform: scale(1)rotateX(0deg); } } @-o-keyframes Ken-Burns-In { 0% { -o-transform: scale(0.1)rotateX(180deg); } 100% { -o-transform: scale(1)rotateX(0deg); } } @-ms-keyframes Ken-Burns-In { 0% { -ms-transform: scale(0.1)rotateX(180deg); } 100% { -ms-transform: scale(1)rotateX(0deg); } } @-keyframes Ken-Burns-In { 0% { transform: scale(0.1)rotateX(180deg); } 100% { transform: scale(1)rotateX(0deg); } } /***Layer Slider -> e.g. Light Rays***/ .rotate-rays { animation: spin 5s infinite linear; -webkit-animation: spin 5s infinite linear; -moz-animation: spin 5s infinite linear; -o-animation: spin 5s infinite linear; -ms-animation: spin 5s infinite linear; -khtml-animation: spin 5s infinite linear; } /***Youtube Loader***/ #youtube-loader { opacity: 0; filter: alpha(opacity="0"); visibility: hidden; width: 0%; height: 3px; position: fixed; top: 0px; left: 0px; z-index: 999; -webkit-transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; -khtml-transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; -moz-transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; -ms-transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; -o-transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; transition: width 500ms ease-out, opacity 400ms linear, visibility 400ms linear; } #youtube-loader .yt2, #youtube-loader .yt1 { position: absolute; top: 0; height: 2px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } #youtube-loader .yt2 { opacity: 1; width: 20px; right: 0; clip: rect(-6px, 22px, 14px, 10px); } #youtube-loader .yt1 { opacity: 1; width: 180px; right: -80px; clip: rect(-6px, 90px, 14px, -6px); } #youtube-loader.wait .yt2, #youtube-loader.wait .yt1 { animation: pulse 2s ease-out 0s infinite; -webkit-animation: pulse 2s ease-out 0s infinite; -moz-animation: pulse 2s ease-out 0s infinite; -ms-animation: pulse 2s ease-out 0s infinite; -o-animation: pulse 2s ease-out 0s infinite; } /***VIDEO/VIDEO JS***/ .vjs-default-skin .vjs-control-bar { font-size: 123%; } .fixed_centered { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); overflow: auto; -webkit-transition: opacity, visibility, 1s ease-in-out; -khtml-transition: opacity, visibility, 1s ease-in-out; -moz-transition: opacity, visibility, 1s ease-in-out; -o-transition: opacity, visibility, 1s ease-in-out; -ms-transition: opacity, visibility, 1s ease-in-out; transition: opacity, visibility, 1s ease-in-out; z-index: 11; } .fixed_centered .relative_cpvideo { position: relative; } .cpvideo_close { position: absolute; top: 5%; right: 5%; color: inherit; cursor: pointer; } .callActionVideoContent { visibility: hidden; opacity: 0; } .cpvideo { position: relative; } .fixed_centered .relative_cpvideo { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin-top: 5%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #video, #videofixed { width: 150%; height: 150%; position: fixed; top: -170px; left: -418px; z-index: -1; } video#stickyback { position: relative; top: -120px; width: 100%; z-index: -11; overflow: hidden; } video#titleback { position: relative; top: -120px; width: 100%; z-index: -11; overflow: hidden; } #video_html5_background { position: fixed; z-index: 0; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 1; overflow: hidden; z-index: -1; } .vidtitle { text-align: center; background: #333333; width: 200px; margin: 0 auto; color: #ddd; font: 200 23px Abel; } #video-player div.scrollableArea * { position: relative; display: block; float: left; margin: 0; padding: 0; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } #vd-overlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.3; } #video_background { position: fixed; top: 0px; left: -420px; min-width: 150%; min-height: 150%; width: auto; height: auto; overflow: hidden; z-index: -1; } .video-html5-back { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #000; } /***Blog***/ .blogcenter { width: 100%; text-align: center; } .blogsearchcenter { padding-left: 25px; } /***Blog Tile-Packery***/ .blog_container, .blog_container_sc { display: block; margin: 0 auto; width: 100%; text-align: center; } .blog.boxed { display: block; width: 1100px; max-width: 90%; margin: 0 auto; } .blog.full-width { display: block; width: 90%; margin: 0 auto; } body.page-template-blog-masonry .blog, body.page-template-blog-normal .blog, body.page-template-blog-packery .blog, body.page-template-blog-tile .blog { margin: 55px auto 35px; } .blog_container.packery, .blog_container.tile, .blog_container_sc.packery, .blog_container_sc.tile { display: block; position: relative; margin: 12px auto 0; width: 94%; text-align: center; -webkit-transform: translate(8.5%, 0%); -khtml-transform: translate(8.5%, 0%); -moz-transform: translate(8.5%, 0%); -o-transform: translate(8.5%, 0%); -ms-transform: translate(8.5%, 0%); transform: translate(8.5%, 0%); } .blog_container article, .blog_container_sc article { display: inline; } .blog_container.normal_post article, .blog_container_sc.normal_post article { display: inline-block; padding: 0 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blog_container article .item, .blog_container_sc article .item, .blog_container.normal_post article .item, .blog_container_sc.normal_post article .item { display: inline-block; position: relative; text-align: left; padding: 0; margin: 0 auto 1.4%; border: none; vertical-align: top; } article.item { -webkit-transition: -webkit-filter 1s ease-in-out; -moz-transition: -moz-filter 1s ease-in-out; transition: -webkit-filter 1s ease-in-out; } a.title_container { display: block; text-transform: uppercase; font-weight: 600; margin: 34px auto 12px; float: left; } .blog_container.masonry a.title_container, .blog_container_sc.masonry a.title_container, .blog_container.normal_post a.title_container, .blog_container_sc.normal_post a.title_container { margin: 12px auto; } /***Events Calendar***/ .summary a { text-transform: uppercase; font-weight: 600; } .normal_date_container { display: block; float: right; width: 50%; padding: 12px 0; text-align: right; } .blog_container.packery .item, .blog_container.tile .item, .blog_container_sc.packery .item, .blog_container_sc.tile .item { position: relative; display: inline-block; float: left; text-align: left; padding: 0px; margin: 1px 10px 12px 2px; vertical-align: top; overflow: hidden; opacity: 0.9; filter: alpha(opacity="90"); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .blog_container.packery .item:hover, .blog_container.tile .item:hover, .blog_container_sc.packery .item:hover, .blog_container_sc.tile .item:hover { opacity: 1; filter: alpha(opacity="100") } .blog_container.packery .contentTools, .blog_container_sc.packery .contentTools, .blog_container.tile .contentTools, .blog_container_sc.tile .contentTools, .cpcarouselposts .contentTools { padding: 12px; box-sizing: border-box; position: absolute; top: 60%; left: 50%; width: 100%; text-align: center; display: block; right: 0; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .blog_container_sc.packery .contentTools .excerpt_container, .blog_container.packery .contentTools .excerpt_container, .blog_container.tile .contentTools .excerpt_container, .blog_container_sc.tile .contentTools .excerpt_container { display: none } /***Item Sizes***/ .itemSmall { width: 20%; height: 250px; } .itemSmall .image_parent_container .image_container:before { min-height: 300px } .itemMedium { width: 40.9%; height: 512px; } .itemMedium .image_parent_container .image_container:before { min-height: 600px } .itemLarge { width: 801px; } .itemFull { width: 100%; } .blog_container article .item .content, .blog_container_sc article .item .content, .blog_container.normal_post article .item .content, .blog_container_sc.normal_post article .item .content { padding: 12px; } /***Blog Container Shortcode***/ .blog_container .mix, .blog_container_sc .mix { display: block; float: left; vertical-align: top; position: relative; } .postLoadmore a { display: inline-block; font-family: inherit; line-height: 1.5; font-size: 18px; text-align: center; width: 150px; border: solid 1px #CACACA; -webkit-border-radius: .5em; -khtml-border-radius: .5em; -moz-border-radius: .5em; -o-border-radius: .5em; -ms-border-radius: .5em; border-radius: .5em; color: #333333; cursor: pointer; margin: 0px auto; padding: 9px 12px; text-decoration: none; vertical-align: middle; } .postLoadmore a:hover { outline: none; } .postLoadmore a:hover { background: #333333; color: #fff; border-color: #333333; } .postsloader { color: #333333; padding: 0 0 0 20px; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; transition: all .45s ease; } .blog_container.packery .item .content, .blog_container.tile .item .content, .blog_container_sc.packery .item .content, .blog_container_sc.tile .item .content { position: relative; } .blog_container.packery .item .contentdata, .blog_container.tile .item .contentdata, .blog_container_sc.packery .item .contentdata, .blog_container_sc.tile .item .contentdata { visibility: hidden; position: absolute; text-align: center; line-height: normal; width: 100%; height: 100%; padding: 20px 0; background: #333333; background: rgba(0, 0, 0, 0.5); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); background: -khtml-radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); background: -o-radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); background: -ms-radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); background: radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7)100%); left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity="0"); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 2; } .blog_container.packery .item .contentdata_align, .blog_container.tile .item .contentdata_align, .blog_container_sc.packery .item .contentdata_align, .blog_container_sc.tile .item .contentdata_align { position: absolute; top: 31%; height: 100%; width: 100%; text-align: center } .blog_container.packery .item .content .image_container, .blog_container.tile .item .content .image_container, .blog_container_sc.packery .item .content .image_container, .blog_container_sc.tile .item .content .image_container, .image_container { margin-bottom: -6px; -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; height: 100%; width: 100%; position: relative; overflow: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .blog_container.packery .item:hover .contentdata, .blog_container.tile .item:hover .contentdata, .blog_container_sc.packery .item:hover .contentdata, .blog_container_sc.tile .item:hover .contentdata { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .cp_background_image { min-height: 350px; background-repeat: no-repeat; background-position:center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } /* .blog_container.packery > .item:hover .image_container,.blog_container.tile > .item:hover .image_container,.blog_container_sc.packery > .item:hover .image_container,.blog_container_sc.tile > .item:hover .image_container { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } */ .blog_container.packery .item ul.toolsets li > ul li, .blog_container.tile .item ul.toolsets li > ul li, .blog_container_sc.packery .item ul.toolsets li > ul li, .blog_container_sc.tile .item ul.toolsets li > ul li { background: transparent !important; } .blog_container article .item .image_container a img, .blog_container_sc article .item .image_container a img, .blog_container.normal_post article .item .image_container a img, .blog_container_sc.normal_post article .item .image_container a img { width: 100%; height: 100%; position: relative; z-index: initial; } .image_container { position: relative; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat:no-repeat; } .blog_container_sc .image_container { position:relative; width:100% !important; } .footer-container .blog_container_sc .image_container { position:absolute; width:100% !important; } .footer-container .blog_container_sc .cp_background_image { position:absolute; min-height:initial } .image_container a, .image_container { display: block; } .image_parent_container { position: relative; background: #ffffff; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 1; } .blog_container_sc image_parent_container { min-height: 300px; } article.item .image_container { display: block; opacity: 1; position: relative; width: 100%; min-height: 300px; background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -webkit-filter .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -webkit-filter .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -webkit-filter .5s ease-in-out; } article.item .overlay_container { position: absolute; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } article.item:hover .overlay_container { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .blog_container .image_container, .blog_container_sc .image_container, .blog_container.normal_post .image_container, .blog_container_sc.normal_post.image_container { overflow: hidden; } .showavatar { display: block; position: absolute; bottom: 12px; right: 12px; width: 38px; overflow: hidden; padding: 0; margin: 0; z-index: 1; } .showavatar img { display: block; width: 100%; min-width: initial !important; height: auto; padding: 0; margin: 0; } .blog_container.packery .showavatar, .blog_container_sc.packery .showavatar, .blog_container.tile .showavatar, .blog_container_sc.tile .showavatar { display: block; position: absolute; top: 1%; left: 2%; right: initial; bottom: initial; text-align: center; width: 38px; overflow: hidden; padding: 0; margin: 0; z-index: 1; } .blog_container.packery .item .image_container a img, .blog_container_sc.packery .item .image_container a img { position: relative; width: 100%; height: 100%; -webkit-transform: translate(-20%, -12%); -khtml-transform: translate(-20%, -12%); -moz-transform: translate(-20%, -12%); -o-transform: translate(-20%, -12%); -ms-transform: translate(-20%, -12%); transform: translate(-20%, -12%); z-index: 1; } .blog_container.tile .item .image_container a img, .blog_container_sc.tile .item .image_container a img { position: relative; width: 100%; height: 100%; -webkit-transform: translate(-20%, -12%); -khtml-transform: translate(-20%, -12%); -moz-transform: translate(-20%, -12%); -o-transform: translate(-20%, -12%); -ms-transform: translate(-20%, -12%); transform: translate(-20%, -12%); z-index: 1; } .blog_container.packery .itemSmall img, .blog_container.tile .itemSmall img, .blog_container_sc.packery .itemSmall img, .blog_container_sc.tile .itemSmall img { min-width: 33.5vw } .blog_container.packery .itemMedium img, .blog_container.tile .itemMedium img, .blog_container_sc.packery .itemMedium img, .blog_container_sc.tile .itemMedium img { min-width: 66.5vw } .footer-section .blog_container article .item .image_parent_container { float: left; margin: 0px 10px 0px 0px; } .footer-section .blog_container article .item, .footer-section .blog_container article, .footer-section .blog_container_sc article, .footer-section .blog_container_sc article .item, .footer-section .blog_container.normal_post article .item, .footer-section .blog_container.normal_post article, .footer-section .blog_container_sc.normal_post article .item, .footer-section .blog_container_sc.normal_post article { width: 100%; background-color: transparent !important; margin: 3px -8px 0px; padding: 0px 6px; box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; border: none; } .footer-section .blog_container.normal_post article .item .image_parent_container, .footer-section .blog_container_sc.normal_post article .item .image_parent_container { float: left; height: auto; padding-right: 12px; margin-right: 8px; } .footer-section .blog_container article .item ul.toolsets, .footer-section .blog_container_sc article .item ul.toolsets, .footer-section .blog_container.normal_post article .item ul.toolsets, .footer-section .blog_container_sc.normal_post article .item ul.toolsets { display: none; } .footer-section .blog_container .title_container, .footer-section .blog_container_sc .title_container, .footer-section .blog_container.normal_post .title_container, .footer-section .blog_container_sc.normal_post.title_container { padding: 0px !important; float: none; width: initial; } .footer-section .blog_container article .item .image_container a img, .footer-section .blog_container_sc article .item .image_container a img, .footer-section .blog_container.normal_post article .item .image_container a img, .footer-section .blog_container_sc.normal_post article .item .image_container a img { padding: 0; height: auto; } .footer-section .excerpt_container { clear: initial; line-height: 1.2 } .footer-section .footer_datecontainer { position: absolute; right: 15px; margin: -30px auto; } .footer-container .blog_container_sc .title_container, .footer-container .blog_container_sc.normal_post .title_container { margin: 0px auto; } .footer-container .blog_container_sc h2 { font-size: 11.6px; clear: initial; margin: 0; padding: 0; } .footer-container .blog_container_sc p { font-size: 12px; } .blog_container article .item .date_container, .blog_container_sc article .item .date_container, .blog_container.normal_post article .item .date_container, .blog_container_sc.normal_post article .item .date_container { position: absolute; left: 0; top: 0; padding:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color: #000000; background-color: #ffffff; font-size: 23px; font-weight: 500; text-align: center; overflow: hidden; z-index: 2; } .blog_container.packery article .item .date_container, .blog_container_sc.packery article .item .date_container, .blog_container.tile article .item .date_container, .blog_container_sc.tile article .item .date_container { background-color: transparent; } .date_container { padding: 3px; line-height: 1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .date_container .day { font-size: 24px; line-height: normal } .date_container .month { font-size: 14px; padding-top: 5px; } .datesplit { width: 50%; display: block; background-color: #ddd; height: 1px; margin: 0px auto 0px; } .blog_container ul.cpsharelistpost, .blog_container_sc ul.cpsharelistpost, .blog_container.normal_post ul.cpsharelistpost, .blog_container_sc.normal_postul.cpsharelistpost { top: initial; } .blog_container ul.cpsharelistpost li a, .blog_container_sc ul.cpsharelistpost li a, .blog_container.normal_post ul.cpsharelistpost li a, .blog_container_sc.normal_postul.cpsharelistpost li a { padding: 0; color: #333; } .footer-section .blog_container.normal_post article .item .date_container, .footer-section .blog_container_sc.normal_post article .item .date_container { right: 0; bottom: 0; left: initial; top: 50%; font-size: 11px; background-color: transparent; border: none; text-align: left; overflow: visible; } .footer-section .blog_container.normal_post article .item .excerpt_container a.readon, .footer-section .blog_container_sc.normal_post article .item .excerpt_container a.readon { font-style: italic; font-size: initial !important; } .blog_container article .item ul.toolsets, .blog_container_sc article .item ul.toolsets, .blog_container.normal_post article .item ul.toolsets, .blog_container_sc.normal_post article .item ul.toolsets { text-align: center; padding: 18px 0 3px; clear: both } .blog_container.packery ul.cpsharelistpost li a, .blog_container.tile ul.cpsharelistpost li a, .blog_container_sc.packery ul.cpsharelistpost li a, .blog_container_sc.tile ul.cpsharelistpost li a { text-shadow: none; color: #333333; color: rgba(105, 105, 105, 0.7) !important padding: 6px; } .blog_container.packery ul.cpsharelistpost, .blog_container.packery ul.cpsharelistpost li, .blog_container.tile ul.cpsharelistpost, .blog_container.tile ul.cpsharelistpost li, .blog_container_sc.packery ul.cpsharelistpost, .blog_container_sc.packery ul.cpsharelistpost li, .blog_container_sc.tile ul.cpsharelistpost, .blog_container_sc.tile ul.cpsharelistpost li { top: initial; bottom: initial; } ul.toolsets { padding: 3px 0; width: 100%; margin: 12px auto; } .blog_container.masonry ul.toolsets, .blog_container_sc.masonry ul.toolsets, .blog_container.normal ul.toolsets, .blog_container_sc.normal ul.toolsets { position: absolute; bottom: 0px; left: 0; right: 0; } .blog_container.packery .item ul.toolsets li a, .blog_container.packery .item ul.toolsets li a ul li a, .blog_container.tile .item ul.toolsets li a, .blog_container.tile .item ul.toolsets li a ul li a { background: transparent; background-color: transparent } .blog_container article .item ul.toolsets li, .blog_container_sc article .item ul.toolsets li, .blog_container.normal_post article .item ul.toolsets li, .blog_container_sc.normal_post article .item ul.toolsets li { padding: 5px; display: inline; } .blog_container.packery .item ul.toolsets li, .blog_container.tile .item ul.toolsets li, .blog_container_sc.packery .item ul.toolsets li, .blog_container_sc.tile .item ul.toolsets li, .cpcarouselposts .item ul.toolsets li { background: transparent; padding: 0 5px; display: inline; } .blog_container.packery .item .title_container, .blog_container.tile .item .title_container, .blog_container_sc.packery .item .title_container, .blog_container_sc.tile .item .title_container, .cpcarouselposts .item .title_container { display: block; width: 100%; font-weight: 600; } .blog_container.packery .item .date_container, .blog_container.tile .item .date_container, .blog_container_sc.packery .item .date_container, .blog_container_sc.tile .item .date_container, .cpcarouselposts .item .date_container { position: absolute; left: 0; right: 0; top: -30%; font-weight: 400; width: 50%; margin: 0 auto; } .cpcarouselposts { font-size: 1.1em; } .text.title_container { margin: 52px auto 0; } /***Hover Zoom Effects***/ .hover .item .image_container a img, .hover .item .image_container, .hover .item .vjs-poster { -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .hover .item:active .image_container a img, .hover .item:focus .image_container a img, .hover .item:hover .image_container a img, .hover .item:hover .image_container.cp_background_image { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .hover .item .vjs-poster { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .hover .item:hover .vjs-poster { -webkit-transform: scale(1.3); -khtml-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /***Hover Show Content Effect***/ .contenthover .item .contentTools { visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; } .contenthover .item:active .contentTools, .contenthover .item:focus .contentTools, .contenthover .item:hover .contentTools { visibility: visible; opacity: 1; } .cpcarouselposts.hover .item:active .image_container a img, .cpcarouselposts.hover .item:focus .image_container a img, .cpcarouselposts.hover .item:hover .image_container a img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /***Content Hover Opacity Down Image***/ .overlayimage .item .image_container a img { -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .overlayimage .item:hover .image_container a img { opacity: 0.3; filter: alpha(opacity="30"); } .blog_container.packery.hover .item:active .image_container a img, .blog_container.packery.hover .item:focus .image_container a img, .blog_container.packery.hover .item:hover .image_container a img, .blog_container_sc.packery.hover .item:active .image_container a img, .blog_container_sc.packery.hover .item:focus .image_container a img, .blog_container_sc.packery.hover .item:hover .image_container a img { -webkit-transform: translate(-20%, -12%)scale(1.2); -khtml-transform: translate(-20%, -12%)scale(1.2); -moz-transform: translate(-20%, -12%)scale(1.2); -o-transform: translate(-20%, -12%)scale(1.2); -ms-transform: translate(-20%, -12%)scale(1.2); transform: translate(-20%, -12%)scale(1.2); } .blog_container.tile.hover .item:active .image_container a img, .blog_container.tile.hover .item:focus .image_container a img, .blog_container.tile.hover .item:hover .image_container a img, .blog_container_sc.tile.hover .item:active .image_container a img, .blog_container_sc.tile.hover .item:focus .image_container a img, .blog_container_sc.tile.hover .item:hover .image_container a img { -webkit-transform: translate(-20%, -12%)scale(1.2); -khtml-transform: translate(-20%, -12%)scale(1.2); -moz-transform: translate(-20%, -12%)scale(1.2); -o-transform: translate(-20%, -12%)scale(1.2); -ms-transform: translate(-20%, -12%)scale(1.2); transform: translate(-20%, -12%)scale(1.2); } .blog_container article .item ul.toolsets li .iconButton, .blog_container_sc article .item ul.toolsets li .iconButton, .blog_container.normal_post article .item ul.toolsets li .iconButton, .blog_container_sc.normal_post article .item ul.toolsets li .iconButton { background: transparent; padding: 0; margin: 0; } .blog_container.packery .item ul.toolsets li .iconButton, .blog_container.tile .item ul.toolsets li .iconButton, .blog_container_sc.packery .item ul.toolsets li .iconButton, .blog_container_sc.tile .item ul.toolsets li .iconButton { background: transparent; padding: 0; margin: 0; } span.heartstateBefore { opacity: 0; filter: alpha(opacity="0"); visibility: hidden; position: absolute; box-sizing: border-box; visibility: hidden; margin: -48px -43px; text-shadow: none; color: inherit; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.87); font-size: 27px; border: none; font-family: inherit; font-weight: 500; width: 70px; max-width: 160px; height: 41px; padding: 0; line-height: normal; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } span.heartstateBefore:after { content: ''; position: absolute; bottom: -11px; left: 32%; right: 0; text-align: center; width: 0; height: 0; border-top: solid 12px rgba(255, 255, 255, 0.87); border-right: solid 12px transparent; border-left: solid 12px transparent; z-index: -1 } .blog_container.packery .commentthisblog a, .blog_container.tile .commentthisblog a { color: #333333; font-size: 27px } .blog_container.packery ul.cpsharelistpost li, .blog_container.tile ul.cpsharelistpost li, .blog_container_sc.packery ul.cpsharelistpost li, .blog_container_sc.tile ul.cpsharelistpost li { background: transparent; padding: 0px !important; } .st_facebook_large, .st_sharethis_large, .st_linkedin_large, .st_facebook_large, .st_pinterest_large { -webkit-filter: saturate(30%); } .sharethisblog { visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: absolute; right: 0; left: 0; width: 216px; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.87); padding: 9px 0; max-width: 250px; margin: -75px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 2; } .sharethisblog:after { content: ''; position: absolute; bottom: -11px; left: 43%; right: 0; text-align: center; width: 0; height: 0; border-top: solid 12px rgba(255, 255, 255, 0.87); border-right: solid 12px transparent; border-left: solid 12px transparent; z-index: -1 } .shareblog:hover + .sharethisblog { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .sharethisblog:hover { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } /***Shape***/ .cpshape { display: block; clear: both; } .shape_dot { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .shape_square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /***CP Divider***/ .cpdivider { max-width: 100%; } /***CpShare Desktop***/ #cpsharedesktop_update { display: block; clear: both; } a.cpshare { position: absolute; top: 0; right: 0; bottom: 0; height: auto; margin: 0 auto; padding: 12px; color: #333333; } a.cpshare i.cpsharepointer { position: absolute; right: 46px; color: #fff; } ul.cpsharelistdesktop { position: absolute; right: 60px; bottom: 3.6px; font-family: FontAwesome; } ul.cpsharelistdesktop li { position: relative; bottom: 6px; font-size: 20px; padding: 0; } ul.cpsharelistdesktop li a { padding: 10px; color: rgba(255, 255, 255, 0.7); text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1), -1px -1px 1px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.1); } /***CpShare Post***/ ul.cpsharelistpost { position: relative; top: 2px; margin:10px 0 20px; } ul.cpsharelistpost li { font-size: 20px; padding: 0; } ul.cpsharelistpost li a { padding: 0 30px 0 0px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: FontAwesome !important; } /***ShareIt***/ ul.cpsharelistshortcode { position: relative; } ul.cpsharelistshortcode li { font-size: 20px; padding: 0; } ul.cpsharelistshortcode li a { padding: 10px; font-family: FontAwesome !important; } .blog_container article .item ul.toolsets li ul li.cpshareit, .blog_container_sc article .item ul.toolsets li ul li.cpshareit, .blog_container.normal_post article .item ul.toolsets li ul li.cpshareit, .blog_container_sc.normal_post article .item ul.toolsets li ul li.cpshareit { background: transparent !important; background-color: transparent !important; } .commentthisblog { visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: absolute; right: initial; left: initial; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.87); color: #333333; padding: 0; margin: -48px -43px; display: inline-block; width: 70px; max-width: 160px; height: 41px; line-height: normal; text-align: center; font-size: 27px; -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 2; } .checkcomment:hover + .commentthisblog { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .commentthisblog:hover { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } .commentthisblog:after { content: ''; position: absolute; bottom: -11px; left: 34%; right: 0; text-align: center; width: 0; height: 0; border-top: solid 12px rgba(255, 255, 255, 0.86); border-right: solid 12px transparent; border-left: solid 12px transparent; z-index: -1 } .commentthisblog a { color: #333; font-size: 27px; border: none; font-weight: 500; } .commentthisblog a:hover { color: #555; } .commentthisblog span.heartstateBefore { line-height: 1.5; } .excerpt_container { line-height: 1.8; clear: both; } .excerpt_container p { display: initial; } .contentTools { padding: 12px 12px 52px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .footer-section .contentTools { padding: 0; } .blog-container { margin: 0; padding: 10px; width: auto; } .blog-image { border: solid 1px #000; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } .blog_container article .item .authornormal, .blog_container_sc article .item .authornormal { width: 100%; position: relative; left: 0; display: block; box-shadow: none; padding: 12px 0; color: #333333; } .blog_container.normal_post article .item .authornormal, .blog_container_sc.normal_post article .item .authornormal { width: 100%; position: relative; left: 0; display: block; box-shadow: none; padding: 12px 0; color: #333333; } .blog_container article .item .authornormal a, .blog_container_sc article .item .authornormal a, .blog_container.normal_post article .item a.authornormal, .blog_container_sc.normal_post article .item a.authornormal { width: 100%; position: relative; left: 0; display: block; padding: 11.7px 0; color: #333333; } .thumbnailcustom a img { width: 100%; height: auto; } /***Social***/ ul.cpsocial { text-align: center; } ul.cpsocial li { display: inline-block; } ul.cpsocial li a { padding: 5px 9px; margin: 5px; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .45s ease; -khtml-transition: opacity .45s ease; -moz-transition: opacity .45s ease; -o-transition: opacity .45s ease; -ms-transition: opacity .45s ease; transition: opacity .45s ease; cursor: pointer; } ul.cpsocial li a:hover { opacity: 1; filter: alpha(opacity=100); } ul.cpsocial li .icontitle { position: absolute; width: 120px; margin: 33px -42px; padding: 8px; box-sizing: border-box; background: #333333; color: #fff; text-align: center; visibility: hidden; } ul.cpsocial li .icontitle:after { content: ''; position: absolute; left: 50px; bottom: -12px; width: 0; height: 0; } /***Single Post***/ h1.singlepost_title { font-size:36px; text-transform: uppercase; text-indent: 0; line-height:1.1; margin: 12px auto; } #respond h2 { text-transform: uppercase; } ul.singleposttags { margin: 20px auto; } ul.singleposttags li { padding: 12px; margin-left: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } ul.singleposttags h3 { display: initial; padding: 0px !important; margin: 0; font-weight: 600; text-transform: uppercase; } ul.singlepostinfo { margin: 12px auto 0 } ul.singlepostinfo li { padding: 0px 30px 0px 0px; position: relative; vertical-align: bottom; } ul.singlepostinfo li:last-child { padding: 3px; } ul.singlepostinfo li:not(:last-child):after { content: '|'; padding: 0px 0px 0px 10px; position: absolute; } ul.singlepostinfo li a .fa { color: #676767; font-size: 18px; vertical-align: middle; } /***Blog Cover Size***/ .Ten { width: 10%; } .Twenty { width: 20%; } .Thirty { width: 30%; } .Fourty { width: 40%; } .Fifty { width: 50%; } .Sixty { width: 60%; } .Seventy { width: 70%; } .Eighty { width: 80%; } .Ninety { width: 90%; } .Hundred { width: 100%; } /***Space***/ .cpspace { display: block; width: 100%; height: 1px; } /* Scroll To */ @-webkit-keyframes bt-pulsate { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes bt-pulsate { 0% { -moz-transform: scale(1); transform: scale(1); } 50% { -moz-transform: scale(1.5); transform: scale(1.5); } 100% { -moz-transform: scale(1); transform: scale(1); } } @keyframes bt-pulsate { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .cp_scrollto_container { opacity:0; display: block; width: 100%; height: 100%; padding: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: absolute; top: 350px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .cp_scrollto_container.scroll-background { top: initial !important; left: 0 !important; width: 100%; height: initial; padding: 0; bottom: 0; transform: initial !important; } .bt-pulsate { -webkit-animation: bt-pulsate 2s infinite linear; animation: bt-pulsate 2s infinite linear } .cp_scrollto { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cp_scrollto_container svg { vertical-align: middle; } .scroll-mouse { width: 26px; height: 38px; cursor: pointer; z-index: 2; color: #c7c4b8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scroll-background .scroll-mouse { position: relative; left: 0; top: 0; margin-left: -20px; width: 40px; height: 35px; bottom: 35px; padding-left: 7px; cursor: pointer; z-index: 2; color: #c7c4b8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scroll_background_container { position: relative; width: 100%; height: 69px; text-align: center; } .scroll-mouse.svg svg { width: 25px; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .scroll-mouse.svg .scroller { -webkit-animation: updown 1s infinite; -moz-animation: updown 1s infinite; -o-animation: updown 1s infinite; animation: updown 1s infinite; } @-webkit-keyframes updown { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } 50% { -webkit-transform: translate(0, 5px); transform: translate(0, 5px) } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @-moz-keyframes updown { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0) } 50% { -moz-transform: translate(0, 5px); transform: translate(0, 5px) } 100% { -moz-transform: translate(0, 0); transform: translate(0, 0) } } @-o-keyframes updown { 0% { -o-transform: translate(0, 0); transform: translate(0, 0) } 50% { -o-transform: translate(0, 5px); transform: translate(0, 5px) } 100% { -o-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes updown { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } 50% { -webkit-transform: translate(0, 5px); transform: translate(0, 5px) } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } /*****Screen Saver****/ .screensaver { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: #000; z-index: 12; } .alert-comebacksoon { color: #A6AD6D; text-align: center; margin: 340px auto; font-size: 2em; width: 100%; height: auto; } .alert-comebacksoon span { color: #ddd; cursor: pointer; } .alert-comebacksoon span:hover { color: #A6AD6D; } .turn-off { display: none; background: #333333; position: fixed; bottom: 100px; width: 220px; color: #fff; text-align: center; padding: 10px 0px 10px 0px; cursor: pointer; z-index: 3; } /***Button***/ .button-status { padding: 12px 12px 7px; font-size: 13px; text-align: center; margin-left: 5px; position: relative; text-transform: uppercase; float: right; } .mobile-status { position: relative; top: 19px; left: -30px; font-size: 3em; clear: both; } #signup-mobile-button { float: right; z-index: 3; } .mobile-button { background: #333; padding: 12px; text-align: center; border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; position: relative; margin-left: 19px; } .boxed-button-status { background: #333; padding: 12px; text-align: center; margin-left: 4px; border-radius: 12px; position: relative; top: 46px; } /******Phone Number*****/ #phone-number { position: relative; font-size: 1.5em; padding: 0; width: auto; float: right; z-index: 4; } /******Full Avatar*****/ .full-avatar-link { position: relative; top: 3px; width: 30px; height: 30px; display: inline-block; right: 6px; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } .full-avatar-link img { width: 30px; height: 30px } .full-avatar-tooltip { border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; -khtml-border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; -o-border-radius: 12px 12px 0px 0px; -ms-border-radius: 12px 12px 0px 0px; background: rgba(255, 255, 255, 0.6); padding: 12px 24px; position: absolute; right: 0px; width: 190px; height: 136px; z-index: 2; margin: 55px auto; } .full-avatar-tooltip:before { content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 12px solid rgba(255, 255, 255, 0.6); bottom: 160px; right: 11px; position: absolute; } .full-avatartooltip-content { position: relative; display: inline; float: right; left: 12px; top: -4px; } .full-avatar-img { position: relative; top: -4px; left: -6px; } .full-avatar-info { width: 210px; line-height: 1.3; } .full-avatar-footer { width: 238px; background: #ffffff; background: rgba(255, 255, 255, 0.5); display: inline-block; position: absolute; left: 0px; top: 160px; padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px 0px 12px 12px; -khtml-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; -o-border-radius: 0px 0px 12px 12px; -ms-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; } .full-avatar-footer ul { display: block; text-align: center; width: 100%; } .full-avatar-footer ul li { float: none !important; padding: 0 !important; margin: 0 !important; float: none !important; } .full-avatar-footer ul li a { padding: 2px 12px !important } .full-avatar-change { height: 48px; width: 100px; border-radius: 0 0 100px 100px; -moz-border-radius: 0 0 100px 100px; -webkit-border-radius: 0 0 100px 100px; background: rgba(0, 0, 0, 0.5); font-size: 14px; text-align: center; line-height: 1.2; position: absolute; top: -44px; left: 6px; z-index: 1; } .full-avatar-button { background: #dddddd; background: rgba(255, 255, 255, 0.5); color: #333333; margin: 0; padding: 12px; text-align: center; border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; } .full-avatar-button:hover { color: #222222; } .scrolldownbtn { position: absolute; bottom: 12px; width: 100%; text-align: center; margin: 0; font-size: 45px; color: #686868; cursor: pointer; animation: TextPulsate 800ms ease-out infinite alternate; -webkit-animation: TextPulsate 800ms ease-out infinite alternate; -khtml-animation: TextPulsate 800ms ease-out infinite alternate; -moz-animation: TextPulsate 800ms ease-out infinite alternate; -o-animation: TextPulsate 800ms ease-out infinite alternate; -ms-animation: TextPulsate 800ms ease-out infinite alternate; z-index: 1; } body.logged-in .scrolldownbtn { bottom: 43px; } #login-signup-retrieve { visibility: hidden; opacity:0; filter:alpha(opacity="0"); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 5; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } body.loginIn #login-signup-retrieve, body.lostPassIn #login-signup-retrieve, body.signUpIn #login-signup-retrieve { visibility: visible; opacity:1; filter:alpha(opacity="100"); } .searchhead { display: block; position: relative; top: 0; width: 100%; height: 0; border:solid 0; background-color: #ffffff; overflow: hidden; transition: height .45s ease; -webkit-transition: height .45s ease, border .45s ease; -moz-transition: height .45s ease, border .45s ease; z-index: 7; } .searchmobile { display: none; position: relative; top: 0; width: 100%; height: 0; border:solid 0; background-color: #ffffff; overflow: hidden; transition: height .45s ease; -webkit-transition: height .45s ease, border .45s ease; -khtml-transition: height .45s ease, border .45s ease; -moz-transition: height .45s ease, border .45s ease; -o-transition: height .45s ease, border .45s ease; -ms-transition: height .45s ease, border .45s ease; z-index: 7; } #searchsubmit { position: relative; right: 40px; bottom: 40px; float: right; width: 100px; height: 70px; background-color: transparent !important; } #searchform { display: block; position: relative; margin: 0px auto; } .sticky_search_content { display: block; position: absolute; top: 58%; left: 0; right: 0; width: 1100px; max-width: 100%; margin: 0 auto; padding: 0 20px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.logged-in.safari .sticky_search_content { top: 26%; } form#searchform input { display: inline; width: 70%; outline: none; padding: 0px 0px 9px 1px; margin: 0 auto; font-size: 13px; text-align: left; line-height: 1.3; } form#searchform input, #searchsubmit { border: none; font-size: 13px; background: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; -webkit-transition: All .5s ease; -khtml-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; -ms-transition: All .5s ease; transition: All .5s ease; box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; border-top: none; } input#searchbar::-webkit-input-placeholder { color: #333333; } input#searchbar::-khtml-input-placeholder { color: #333333; } input#searchbar::-moz-input-placeholder { color: #333333; } input#searchbar::-o-input-placeholder { color: #333333; } input#searchbar::-ms-input-placeholder { color: #333333; } a.searchclose { position: absolute; right: 0px; } a.searchclose:hover { color: #000000; } .searchlabel { display: inline; padding-right: 12px; font-size: 13px; color: #686868; } .searchlabel span { padding-left: 12px; } .searchlabel span .bt-minus { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .status-btns { z-index: 2; position: relative; } /***Forms***/ button, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="submit"], textarea { width: 100%; font-family: inherit; font-size: inherit; font-weight: inherit; display: block; background-color: #f7f7f7; margin-bottom: 1em; padding: 12px; resize: none; border: 0; outline: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button:not(.vjs-control) { padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FCFCFC; padding: 12px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.cpcontactinputs button, ul.cpcontactinputs input[type="text"], ul.cpcontactinputs input[type="email"], ul.cpcontactinputs input[type="tel"], ul.cpcontactinputs input[type="password"], ul.cpcontactinputs input[type="submit"], textarea { margin-bottom: 0; } /***Login,Lost Password, Sign Up Form***/ #login, #signup, #lostpass { display: none; position: relative; width: 280px; margin: 6% auto; padding: 20px; background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.3); -webkit-border-radius: 12px; border-radius: 12px; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out; z-index: 12; } body.loginIn #login, body.lostPassIn #lospass, body.signUpIn #signup { display:block; } body.loginOut #login, body.lostPassOut #lostpass, body.signUpOut #signup { visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; margin: 1.4% auto; -webkit-transition: visibility 1s ease-out, opacity 1s ease-out; -moz-transition: visibility 1s ease-out, opacity 1s ease-out; transition: visibility 1s ease-out, opacity 1s ease-out; } .login_fields { clear: left } form#login span, #lostpass form span, #signup form span { background-color: #333333; color: #ddd; display: block; float: left; height: 48px; line-height: 48px; text-align: center; width: 50px; } form#login input, #lostpass form input, #signup form input { height: 48px; } form#login input[type="checkbox"], #lostpass form input[type="checkbox"], #signup form input[type="checkbox"] { display: none; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background: transparent !important; background-color: transparent !important; } form#login input[type="text"], form#login input[type="password"], #lostpass form input[type="text"], #lostpass form input[type="password"], #signup form input[type="text"], #signup form input[type="password"] { background: #E7E7E7; background: rgba(255, 255, 255, 0.7); box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; color: #606468; margin-bottom: 5px; padding: 0 16px; width: 230px; border: none; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .form_spacing { display: block; width: 100%; margin: 6px auto; } form#login button, form#login input[type="submit"], #lostpass form button, #lostpass form input[type="submit"], #signup form button, #signup form input[type="submit"] { font-weight: bold; text-transform: uppercase; width: 280px; font-weight: normal; text-transform: uppercase; border-color: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; } form#login input[type="submit"]:hover, #lostpass form input[type="submit"]:hover, #signup form input[type="submit"]:hover { opacity: 0.9; filter: alpha(opacity=90); } form#login > p, #lostpass form > p, #signup form > p { text-align: center; font-weight: 700; color: #f7f7f7; line-height: normal; } #lostpass form > p { padding: 9px 0; } /* form#login a,#lostpass form a,#signup form a { color:#dddddd; padding: 2px 0; display: inline-block; } form#login a:hover,#lostpass form a:hover,#signup form a:hover { color:#ffffff; } */ form#login > p span, #lostpass form > p span, #signup form > p span { padding-left: 5px; } form#login>h1, #lostpass form > h1, #signup form > h1 { font-size: 23px; text-transform: uppercase; margin: 10px auto 0px; color: #ddd; } .login-status { padding-bottom: 10px; } label.usernamereset { text-align: center; display: block; padding: 12px 0px 0; } textarea { color: #606468; margin-bottom: 1em; padding: 10px 16px; } .center_form { width: 95%; margin: 0 auto; } /***BUDDYPRESS***/ .bp-wrapper .register-section input, .bp-wrapper .create-form input { padding: 20px 0px; } .activity p, .bp-wrapper ul.item-list li, .activity-content p, .activity-header p a { color: #f1f1f1 !important; font-size: initial !important } .activity-header p a:hover { color: #ffffff !important } .activity-greeting { color: #333333 !important } form#signup_form button, form#signup_form input[type="submit"] { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: transparent; background-color: transparent; color: #fff; font-weight: 900; text-transform: uppercase; width: 50%; margin: 0px auto; display: block; border: solid 2px; box-shadow: none; cursor: pointer; padding: 12px 0; word-wrap: break-word; } form#signup_form button:hover, form#signup_form input[type="submit"]:hover { background: #333333; color: #fff; } form#loginform input { padding: 12px; border: solid 1px #333333; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } form.signup_form { width: 50%; max-width: 90%; margin: 25px auto } /***PAGE CONTENT STYLES***/ #primary { min-height:45.5rem; -webkit-transition: visibility 1.5s ease-in-out, opacity 1.5s ease-in-out; -moz-transition: visibility 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: visibility 1.5s ease-in-out, opacity 1.5s ease-in-out; } #screen { position: relative; width: 100%; padding: 0; margin: 0 auto; background-repeat: no-repeat; background-position: center top; } #screen:before, #screen:after { content: ""; position: absolute; z-index: -2; } /* Corners Lifted */ .cornerlifted { border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; -khtml-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -o-border-radius: 0px 0px 4px 4px; -ms-border-radius: 0px 0px 4px 4px; } .cornerlifted:before, .cornerlifted:after { bottom: 21px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -khtml-box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -o-box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 21px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .cornerlifted:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* Curled Corners */ .curledcorners { border: 0px solid #efefef; -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px; border-radius: 0 0 120px 120px / 0 0 6px 6px; } .curledcorners:before, .curledcorners:after { bottom: 12px; left: 10px; width: 50%; height: 55%; max-width: 200px; max-height: 100px; box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 18px 12px rgba(0, 0, 0, 0.5); -webkit-transform: skew(-8deg) rotate(-3deg); -moz-transform: skew(-8deg) rotate(-3deg); -ms-transform: skew(-8deg) rotate(-3deg); -o-transform: skew(-8deg) rotate(-3deg); transform: skew(-8deg) rotate(-3deg); } .curledcorners:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /* Depth Left */ .depthleft:before { left: 80px; bottom: 5px; width: 50%; height: 35%; max-width: 200px; max-height: 50px; -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform: skew(50deg); -moz-transform: skew(50deg); -ms-transform: skew(50deg); -o-transform: skew(50deg); transform: skew(50deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .depthleft:after { display: none; } /* Depth Right */ .depthright:before { right: 80px; bottom: 5px; width: 50%; height: 35%; max-width: 200px; max-height: 50px; box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -o-box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -ms-box-shadow: 80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform: skew(-50deg); -moz-transform: skew(-50deg); -ms-transform: skew(-50deg); -o-transform: skew(-50deg); transform: skew(-50deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .depthright:after { display: none; } /* Horizontal/Vertical Shadow */ .horizontal:before, .vertical:before { top: 10px; bottom: 10px; left: 0; right: 50%; box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 35px rgba(0, 0, 0, 0.6); border-radius: 10px / 100px; -webkit-border-radius: 10px / 100px; -khtml-border-radius: 10px / 100px; -moz-border-radius: 10px / 100px; -o-border-radius: 10px / 100px; -ms-border-radius: 10px / 100px; } .horizontalbottomshadow:before { top: 50%; bottom: 0; left: 10px; right: 10px; border-radius: 100px / 10px; -webkit-border-radius: 100px / 10px; -khtml-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; -o-border-radius: 100px / 10px; -ms-border-radius: 100px / 10px; } .horizontaltopshadow:before { top: 0; bottom: 50%; left: 10px; right: 10px; border-radius: 100px / 10px; -webkit-border-radius: 100px / 10px; -khtml-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; -o-border-radius: 100px / 10px; -ms-border-radius: 100px / 10px; } .horizontalshadow:before { top: 0; bottom: 0; left: 10px; right: 10px; border-radius: 100px / 10px; -webkit-border-radius: 100px / 10px; -khtml-border-radius: 100px / 10px; -moz-border-radius: 100px / 10px; -o-border-radius: 100px / 10px; -ms-border-radius: 100px / 10px; } .verticalshadow:before { right: 0; } .verticalleftshadow:before { left: 0; } .verticalrightshadow:before { right: 0; left: 10px; } /* Raised Effect */ .raisedeffect { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /*****Mobile Menu Hide****/ .mobile-menu { display: none; } .mobile { display: none; } .desktop-menu { display: block; } .desktop { display: block; } /****Menu Panel Link****/ .menupanellink { display: block; float: right; color: #333333; font-size: inherit; text-align: center; padding: 10px 17px; cursor: pointer; z-index: 2; } .menupanellink.left_side { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menupanellink span { position: absolute; top: 2px; right: 37px; font-weight: 500; font-size: 17px; font-family: Raleway, Lucide Grande, sans-serif; } .menupanellink .fa { -webkit-transition: background .45s ease; -khtml-transition: background .45s ease; -moz-transition: background .45s ease; -o-transition: background .45s ease; -ms-transition: background .45s ease; transition: background .45s ease; } .menupanellink:active .fa { transform: rotate(360deg); -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .floatingHeader { position: fixed; top: 0; visibility: hidden; } #left-panel, #right-panel { visibility: hidden; opacity: 0; filter: alpha(opacity="0"); display: block; position: fixed; top: 0px; width: 260px; height: 100%; overflow: auto; background: #333333; font-size: 24px; -webkit-transition: visibility 500ms cubic-bezier(.694, .0482, .335, 1), opacity 500ms cubic-bezier(.694, .0482, .335, 1), transform 500ms cubic-bezier(.694, .0482, .335, 1); -moz-transition: visibility 500ms cubic-bezier(.694, .0482, .335, 1), opacity 500ms cubic-bezier(.694, .0482, .335, 1), transform 500ms cubic-bezier(.694, .0482, .335, 1); transition: visibility 500ms cubic-bezier(.694, .0482, .335, 1), opacity 500ms cubic-bezier(.694, .0482, .335, 1), transform 500ms cubic-bezier(.694, .0482, .335, 1); z-index: 12; } #left-panel { right: initial; left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } #right-panel { left: initial; right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } #menuPanelUpdate { clear: both; } #left-panel.menuPanelIn, #right-panel.menuPanelIn { visibility: visible; opacity: 1; filter: alpha(opacity="100"); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } body.megamenu #left-panel, body.megamenu #right-panel { display: none; visibility: hidden; } body.cpcustomizer_on #left-panel, body.cpcustomizer_on #right-panel { display: block; visibility: visible; } ul.menu li, ul.menu li a, ul.settingsmenu li, ul.settingsmenu li a { display: block; width: 100%; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; } ul.settingsmenu li, ul.settingsmenu li a { -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out; } ul.menu li a, ul.settingsmenu li a { text-indent: 12px; } .menutop-inout { display: none; } .close-this { font-family: Arial; font-size: 37px; width: 30px; height: 28px; background: #238183; line-height: 16px; text-align: center; border: solid 3px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; -ms-border-radius: 22px; -khtml-border-radius: 22px; cursor: pointer; margin-top: 45px; float: left; position: relative; top: 60px; left: 60px; } .close-this:hover { background: #539E97; } .logged-in li.current-menu-item a:hover { color: #fff; } #left-panel .titleheading, #right-panel .titleheading, .panel-title { display: inline-block; width: initial; font-size: 17px; margin-top: 12px; margin-left: 12px; margin-bottom: 12px; border-bottom: solid 1px #ddd; line-height: 1.6; } .notif-widget { position: relative; margin: 0px auto; padding-left: 12px; } .panel-title span { font-size: 1.2em; line-height: 2; padding-left: 0px; color: rgb(77, 77, 77); } /***Header***/ .header, .stickyheader { display: block; position: absolute; right: 0; left: 0; float: left; z-index: 3; width: 100%; height: inherit; margin: 0px auto; -webkit-transition: height .5s ease-in-out, background .5s ease-in-out, top .3s ease-in-out; -moz-transition: height .5s ease-in-out, background .5s ease-in-out, top .3s ease-in-out; transition: height .5s ease-in-out, background .5s ease-in-out, top .3s ease-in-out; } /***Header Color Detect***/ .light .header.light #nav ul.meganav > li a.menu-item-has-children, .light .header.light #nav ul.meganav li a span, .light .header.light .menupanellink, .light .close_cpcustomizer, .light .header.light .desktop-logo a, .light .header.cpslider_light .desktop-logo a, .light .header.light #nav ul.meganavother > li a { color: #ffffff; } .dark .header.dark #nav ul.meganav > li.menu-item-has-children a, .dark .header.dark #nav ul.meganav li a span, .dark .header.dark .menupanellink, .dark .close_cpcustomizer, .dark .header.dark .desktop-logo a, .dark .header.cpslider_dark .desktop-logo a, .dark .header.dark #nav ul.meganavother > li a { color: #000000; } .header.light #nav ul.meganav > li.menu-item-has-children a:hover, .header.light #nav ul.meganav > li a:hover span, .header.light .menupanellink:hover, .header.light #nav ul.meganavother > li a:hover, .light .close_cpcustomizer:hover, .dark .close_cpcustomizer:hover, .header.dark #nav ul.meganav > li a:hover, .header.dark .menupanellink:hover, .header.dark #nav ul.meganavother > li a:hover, .header.dark #nav ul.meganavother > li a:hover { color: initial; } /***StickyHeader Positioning***/ .stickyheader.cp_relative { position: relative; } .stickyheader.cp_absolute { position: absolute; } .stickyheader.cp_fixed { position: fixed; } .stickyheader.cp_scrolled_down.cp_fixed { height: 60px; } .stickyheader.cp_scrolled_down.cp_fixed #nav { position: absolute; top: 0px; right: 0; } .stickyheader.cp_scrolled_down #logoimg-desc, .stickyheader.cp_scrolled_down #logo-txt, .stickyheader.cp_scrolled_down #logotxt-desc, .stickyheader.cp_scrolled_down .logoimgtext img { top: 50%; /* left: 0; */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .stickyheader.cp_scrolled_down a#logo-img img { width: auto; height: 60px; -webkit-filter:initial !important; filter:initial !important; } /* StickyHeader Menu Color Detect */ .stickyheader.cpslider_dark #nav ul.meganav > li.menu-item-has-children > a, .stickyheader.cpslider_dark #nav ul.meganav > li > a span, .stickyheader.cpslider_dark #nav ul.meganavother > li > a { color: #000000; } .stickyheader.cpslider_light #nav ul.meganav > li.menu-item-has-children > a, .stickyheader.cpslider_light #nav ul.meganav > li > a span, .stickyheader.cpslider_light #nav ul.meganavother > li > a { color: #ffffff; } .stickyheader.cpslider_dark.cp_scrolled_down #nav ul.meganav > li > a, .stickyheader.cpslider_light.cp_scrolled_down #nav ul.meganav > li > a, .stickyheader.cpslider_dark.cp_scrolled_down #nav ul.meganavother > li > a, .stickyheader.cpslider_light.cp_scrolled_down #nav ul.meganavother > li > a { color: initial; } .stickyheader.cpslider_dark #nav ul.meganav > li > a:hover, .stickyheader.cpslider_light #nav ul.meganav > li > a:hover, .stickyheader.cpslider_dark #nav ul.meganav > li > a:hover span, .stickyheader.cpslider_light #nav ul.meganav > li > a:hover span, .stickyheader.cpslider_dark #nav ul.meganavother > li a:hover, .stickyheader.cpslider_light #nav ul.meganavother > li a:hover { color: initial; } /* Sideline Menu */ #sideLineMenu .header_width_layout { width:100%; } #sideLineMenu .desktop-logo { padding: 0px 10px; } #sideLineMenu { background-color: transparent; } #sideLineMenu ul.meganavother { display: block; position: fixed; right: 0; width: 77px; height: 100%; border-left: solid 1px #000000; } #sideLineMenu .sticky_search_content { width: 98.5%; } #sideLineMenu #nav ul.meganavother li { display: block !important; clear: both; width: 100%; text-align: center; float: none !important; margin: 0 !important; } #sideLineMenu ul.meganavother li a { float: none; } body.boxed .stickyheader { width: 1100px; max-width: 100%; } .sticky_height { overflow: hidden; -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .header_width_layout { display: block; position: relative; width: 1100px; height: 100%; margin: 0 auto; } .header_width_layout.cp_header_fullwidth { width: 100%; max-width: 100%; } .stickybackcolor { width: 100%; height: 100%; z-index: -2; position: absolute; top: 0; } .stickybackground { position: absolute; top: 0px; width: 100%; height: 100%; display: block; overflow: hidden; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: -1; } .stickybackgroundmobile { content: ""; z-index: -2; position: absolute; top: -250px; left: 0; width: 100%; height: 120%; } #pageheader { display: block; position: relative; height: 0; overflow: hidden; -webkit-transition: All 1s ease-in-out; -khtml-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out; -ms-transition: All 1s ease-in-out; transition: All 1s ease-in-out; z-index: 7; } body.header1 #pageheader, body.header2 #pageheader, body.header3 #pageheader { height: 0px; visibility: hidden; } #pageheader #pageheadercontent ul { display: block; padding: 11px 20px; } #pageheader #pageheadercontent ul li { display: inline; } #pageheader #pageheadercontent ul li ul li { display: inline-block; } /*****Menu Left Panel*****/ .closeleftpanel, .closerightpanel { font: 400 20px Raleway, Helvetica Neue, Arial; margin: 0; padding: 12px; display: block; width: initial; text-align: right; } .closeleftpanel { float:left; } .closerightpanel { float:right; } ul.menu, ul.settingsmenu { overflow: hidden; display: block; padding-bottom: 24px; } .menu li a, .settingsmenu li a { height: 50px; line-height: 50px; display: block; overflow: hidden; position: relative; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #686868; } .menu [class^="icon-"]:before, .menu [class*=" icon-"]:before, .settingsmenu [class^="icon-"]:before, .settingsmenu [class*=" icon-"]:before { font-size: initial; display: block; } .menu i, .settingsmenu i { text-indent: 0; margin-right: 15px; -webkit-transition: All 0.2s linear; -khtml-transition: All 0.2s linear; -moz-transition: All 0.2s linear; -o-transition: All 0.2s linear; -ms-transition: All 0.2s linear; transition: All 0.2s linear; } .menu em, .settingsmenu em { font-size: 10px; background: #ea4f35; padding: 3px 5px; font-style: normal; color: #fff; margin-top: 17px; margin-right: 15px; line-height: 10px; height: 10px; float: right; } .titleheading { display: block; width: 100%; margin: 12px auto; font-weight: 700; white-space: initial; clear: both; } .titleheading:after { content: ''; position: relative; width: 30%; height: 0px; border-bottom: solid 1px; border-color: inherit; display: block; margin: 20px auto 0; clear: both; opacity: 0.3; filter: alpha(opacity="30") } #left-panel .titleheading:after, #right-panel .titleheading:after { content: none; display: none; border: none; } #stickynavlogo { visibility: hidden; opacity: 0; display: block; position: absolute; margin: 0; font-size: 1.5em; text-transform: uppercase; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } #stickynavlogo a span { float: right; } /****Dropdown****/ .menu .sub-menu, .settingsmenu .sub-menu { position: relative; top: 0px; left: 0px; z-index: 100; display: none; width: 100%; padding: 0; margin: 0; } .menuclickSub > .sub-menu { display: block; height: 100%; } .menu .sub-menu li, .settingsmenu .sub-menu li { display: block; display: inline-block; position: relative; top: 0px; height: auto; width: 100%; margin: 0; padding: 0; } .menu .sub-menu a, .settingsmenu .sub-menu a { width: 100%; display: block; overflow: hidden; position: relative; text-decoration: none; text-transform: uppercase; } .menu-subhover > .sub-menu { display: inline; } ul.menu ul li a span { line-height: normal; display: block; } /****Arrow Icon****/ .menu li.em-arrow a { padding-right: 0px; margin-left: -2px; left: 2px; margin-right: 2px; margin-top: 7px; } .menu li.em-arrow > a:after { content: "\f063"; font-family: FontAwesome; position: absolute; right: 20px; speak: none; } .menu li .sub-menu .em-arrow a { margin-left: -2px; left: 4px; margin-right: -11px; width: 91%; } .menu li .sub-menu .em-arrow > a:after { content: "\f063"; font-family: FontAwesome; position: absolute; right: 20px; speak: none; } .menu a [class^="fa-"], .menu a [class*=" fa-"], .settingsmenu a [class*=" fa-"], .settingsmenu a [class^="fa-"] { display: inline-block; } .menu li.menu-item-has-children { position: relative; } .menu li.menu-item-has-children:before { content: "\f107"; font-family: FontAwesome; font-size: 14px; position: relative; float: right; top: 40px; padding-right: 0; color: inherit; right: 0; left: 0; margin: -28px auto; line-height: 1.7; text-align: center; width: 90px; height: 27px; cursor: pointer; z-index: 1; } .menu li.menuArrowUp { position: relative; } .menu li.menuArrowUp:before { content: "\f106"; } /***Contact Form***/ div.wpcf7-validation-errors { width: 100%; text-align: center; white-space: normal; padding: 10px 0px; margin: 20px auto; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } a.showcontact { padding: 12px; margin: 20px auto; text-align: center; display: inline-block; } a.hidecontact { font: 40px sans-serif !important; font-weight: 100; float: left; } .iconbadge { display: block; font-size: 24px; float: right; border-style: solid; border-width: inherit; border-color: inherit; -webkit-border-radius: inherit; border-radius: inherit; } .social_connections { float: right; padding: 20px 0 0; } ul.contactsocial { display: block; width:300px; max-width: 70%; text-align: right; float: right; margin:12px 0; } ul.contactsocial li { display: inline-block; list-style-type: none; padding: 10px 0px 0px 20px; margin-right: 6px; } ul.contactsocial li a { display: inline-block; font-size: 17px; padding: 8px 0px 0px 3px; } form.cpcontact { display: block; padding: 32px 15px 53px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cpcontact span { display: block; font-weight: 600; text-align: left; padding: 0; margin: 0 auto; } .cpcontactsubmit span { padding: 0; margin: 0; } .contactinfo { display: inline-block; line-height: 1.5; text-align: left; margin: 0; padding: 20px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contactinfo.cp_social_present { width:55%; float: left; } h1.contacttitle { width: 80%; margin:0 5px; font-size:18px; text-align: left; display: inline-block; float: left; clear: left; } ul.contactsocial h2 { margin: 0 5px; } .cpcontacttxt { width: 100% !important; text-indent: 30px; position: relative; display: block; outline: none; padding: 7px !important; font-style: normal; font-weight: normal; line-height: 1.5; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .cpcontacttxt:hover { color: #000; opacity: 0.7; } .cpcontacttxt:focus { opacity: 1; } .cpcontacttxt::-webkit-input-placeholder, .cpcontacttxt::-khtml-input-placeholder, .cpcontacttxt::-moz-input-placeholder, .cpcontacttxt::-o-input-placeholder, .cpcontacttxt::-ms-input-placeholder { color: #ddd; } .cpcontactkey { display: block; position: relative; left:2px; text-indent: 30px; outline: none; padding: 7px !important; margin-bottom: 20px !important; font-size: 17px; font-style: normal; font-weight: normal; line-height: 1; border: none; width: initial !important; float: left; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .cpcontactkey:hover { color: #000; opacity: 0.7; } .cpcontactkey:focus { opacity: 1; } .cpcontactkey::-webkit-input-placeholder, .cpcontactkey::-khtml-input-placeholder, .cpcontactkey::-moz-input-placeholder, .cpcontactkey::-o-input-placeholder, .cpcontactkey::-ms-input-placeholder { color: #ddd; } .cpcajx { -webkit-animation: spin 1s 5 alternate backwards; -khtml-animation: spin 1s 5 alternate backwards; -moz-animation: spin 1s 5 alternate backwards; -o-animation: spin 1s 5 alternate backwards; -ms-animation: spin 1s 5 alternate backwards; animation: spin 1s 5 alternate backwards; } .cpcontacticon { position: relative; padding: 0; margin: 0; clear: both } .cpcontact_textarea_container { display: inline-block; width: 100%; padding: 2.6px 1.6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cpcontacticon i { display: block; position: absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding: 0px 0px 0px 12px; line-height: 2.5; font-size: 14px; color: #000000; text-align: left; width: auto; height: auto; z-index: 2; -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; transition:visibility .3s ease-in-out, opacity .3s ease-in-out; } .cpcontacticon.cpcontact_textarea_container i { top: 3px; -webkit-transform:initial; -moz-transform:initial; transform:initial; } .cpcontacticon.cpcontacticon_key i { top: -2px; -webkit-transform: initial; -moz-transform: initial; transform: initial; } .cpcontacticon i.validcheckname, .cpcontacticon i.validcheckemail, .cpcontacticon i.validchecknumber, .cpcontacticon i.validchecksubject { visibility:hidden; opacity:0; filter:alpha(opacity="0"); right: 3%; color: darkgreen; } .cpcontacticon i.validcheckmessage { visibility:hidden; opacity:0; filter:alpha(opacity="0"); right: 2%; color: darkgreen; } .cpcontacticon i.validcheckkey { visibility:hidden; opacity:0; filter:alpha(opacity="0"); left: 168px; color: darkgreen; } .cpcontacticon i.fadeIn { visibility:visible; opacity:1; filter:alpha(opacity="100"); } ul.cpcontactinputs { display: block; padding: 0; margin: 0; clear: both; } ul.cpcontactinputs li { display: inline-block; width: 50%; max-width: 100%; padding: 2.3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } ul.cpcontactinputs li.hidden { display:none; } form.cpcontact.cp_full_width_input ul.cpcontactinputs li { width:100%; } textarea.cpcontacttxt { padding: 7px 37px 7px 7px !important; margin: 0; } button.cpcontactsubmit { float: right; width: auto; padding: 7px 22px; margin: 0 2px 0; color: #333333; background-color: #fff; outline: none; overflow: hidden; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } button.cpcontactsubmit:hover { opacity: 0.6; filter: alpha(opacity="60"); } .cpcf-ajax { display: none; } .cpcajx { visibility:hidden; opacity:0; filter:alpha(opacity="0"); position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.5); -webkit-transition:visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition:visibility .5s ease-in-out, opacity .5s ease-in-out; transition:visibility .5s ease-in-out, opacity .5s ease-in-out; z-index: 1; } .cpcontactsubmit .cpcajx.sending { visibility:visible; opacity:1; filter:alpha(opacity="100"); } .cpcontactsubmit .cpcajx .btb, .cpcontactsubmit .cpcajx .btl, .cpcontactsubmit .cpcajx .btm, .cpcontactsubmit .cpcajx .bts, .cpcontactsubmit .cpcajx .fa { display: block; position: absolute; top: 34%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: spin 1s 5 alternate backwards; -moz-animation: spin 1s 5 alternate backwards; animation: spin 1s infinite linear; } /***Contact Form 7***/ form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="password"], form.wpcf7-form textarea, form.wpcf7-form button { color: white; font-family: Helvetica Neue, Arial, sans-serif; font-weight: 500; font-size: 15px; border-radius: 5px; line-height: 22px; background-color: transparent; border: 2px solid #2B81D0; transition: all 0.3s; padding: 13px; margin-bottom: 15px; width: 100%; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; -khtml-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset; } form.wpcf7-form input[type="submit"] { font-family: 'Montserrat', Arial, Helvetica Neue, sans-serif; width: 100%; border-radius: 5px; cursor: pointer; color: white; font-size: 24px; padding-top: 10px; padding-bottom: 10px; transition: all 0.3s; margin-top: -4px; font-weight: 700; } form.wpcf7-form input[type="submit"]:hover { background: #CC4949; } /***Contact Form 7 in Mega Menu***/ #nav form p { padding: 0px; } /***FAQ Form***/ form.cpfaq { display: block; width: 506px; margin: 0 auto 30px; text-align: left; background: crimson; padding: 22px 22px 72px 22px; } .faqtitle { font: 35px sans-serif; padding: 0; margin: 0 auto 24px; text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.35); } .cpfaqtxt { width: 100% !important; text-indent: 30px; position: relative; display: block; outline: none; padding: 7px !important; font-size: 17px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .cpfaqtxt:hover { color: #000; opacity: 0.7; filter: alpha(opacity="70"); } .cpfaqtxt:focus { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity="100"); } .cpfaqtxt::-webkit-input-placeholder, .cpfaqtxt::-khtml-input-placeholder, .cpfaqtxt::-moz-input-placeholder, .cpfaqtxt::-o-input-placeholder, .cpfaqtxt::-ms-input-placeholder { color: #ddd; } .cpfaqkey { text-indent: 30px; position: relative; display: block; outline: none; padding: 7px !important; font-size: 17px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .cpfaqkey:hover { color: #000; opacity: 0.7; filter: alpha(opacity="70"); } .cpfaqkey:focus { border: solid 1px #000; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); opacity: 1; filter: alpha(opacity="100"); } .cpfaqkey::-webkit-input-placeholder, .cpfaqkey::-khtml-input-placeholder, .cpfaqkey::-moz-input-placeholder, .cpfaqkey::-o-input-placeholder, .cpfaqkey::-ms-input-placeholder { color: #ddd; } .cpfaqicon { position: relative; padding: 14px 0px 0; margin: 0; } form.cpfaq a { color: #333333 !important; } form.cpfaq a:hover { color: #000 !important; } .cpfaqicon i { text-align: left; display: block; position: absolute; padding: 0px 0px 0px 12px; line-height: 2.5; font-size: 14px; width: initial; height: auto; z-index: 2; color: #777; } .cpfaqicon i.validcheckname { right: 0; color: darkgreen; display: none; } .cpfaqicon i.validcheckemail { right: 18px; color: darkgreen; display: none; } .cpfaqicon i.validchecknumber { right: 0; color: darkgreen; display: none; } .cpfaqicon i.validchecksubject { right: 0; color: darkgreen; display: none; } .cpfaqicon i.validcheckmessage { right: 18px; top: 20px; color: darkgreen; display: none; } .cpfaqicon i.validcheckkey { left: 156px; top: 17px; color: darkgreen; display: none; } ul.cpfaqinputs { display: block; padding: 0; margin: 0; } ul.cpfaqinputs li { display: inline-block; padding: 0 18px 0px 0px; width: 232px; } textarea.cpfaqtxt { margin-bottom: 20px; } button.cpfaqsubmit { position: relative; float: right; width: initial; right: 0; padding: 22px; margin: 0px auto 20px; background-color: #fff !important; color: #333333 !important; background: #fff !important; outline: none; font: 17px sans-serif; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } button.cpfaqsubmit:hover { opacity: 0.9; } .cpfq-ajax { display: none; } /***Modal***/ .cpmodalclose { text-decoration: none; font: 400 23px Raleway, sans-serif; background: #ffffff; color: #333333; border: solid 1px #333; padding: 12px; display: block; text-align: center; clear: both; } .cpmodalbtn { text-decoration: none; font: 200 23px sans-serif; color: #333333; display: block; text-align: center; clear: both; } .cpmodalcontainer { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; text-align: center; overflow: auto; z-index: 14; } .cpmodal { position: relative; color: #333333; height: auto; margin: 5% auto 0; overflow: hidden; z-index: 1; } .cpmodalclosefill { position: relative; width: 100%; min-height: 40px; padding: 14px; } .hidemodal { position: relative; font-size: 14px; float: right; color: #333333; text-transform: uppercase; margin-right: 24px; margin-top: 0px; } .cpmodalheader { background: #a1d9dc; color: #fff; padding: 12px; text-align: left; font: 100 22px sans-serif; border-bottom: solid 1px; cursor: move; } .cpmodalcontent { padding: 12px; line-height: initial; text-align: initial; } .cpmodalmask { position: relative; } /***Modal Window Sizes***/ .smallwindow { width: 300px; } .mediumwindow { width: 600px; } .largewindow { width: 900px; } .xlargewindow { width: 1200px; } /***Modal Button Sizes***/ .xbtn { width: intial; margin: 0px 1px 0px 0px; font-size: 21px; } .xsmallbtn, .xsmallbtn:active, .xsmallbtn:focus, .xsmallbtn:hover { width: 135px !important; font-size: .9em !important; } .smallbtn, .smallbtn:active, .smallbtn:focus, .smallbtn:hover { width: 170px !important; font-size: 1.2em !important; } .mediumbtn, .mediumbtn:active, .mediumbtn:focus, .mediumbtn:hover { width: 220px !important; font-size: 1.5em !important; } .largebtn, .largebtn:active, .largebtn:focus, .largebtn:hover { width: 270px !important; font-size: 1.9em !important; } .xlargebtn, .xlargebtn:active, .xlargebtn:focus, .xlargebtn:hover { width: 320px !important; font-size: 2.3em !important; } .overlaymodal { background-color: rgb(0, 0, 0, 0.5); width: 100%; *min-width: 100%; height: 100%; *min-height: 100%; position: fixed; top: 0px; left: 0px; z-index: 12; display: none; } /* Codie Pie Default */ .text_content.text_top_absolute { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .text_content.text_center_absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .text_content.text_bottom_absolute { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; } .content_group_center i { width: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content_icon { display:block; text-align: center; } .content_group_center, .content_icon.center_icon .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* =WordPress Core -------------------------------------------------------------- */ .floatleft { float: left; } .floatright { float: right; } .alignnone { margin: 0 auto; } .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .textcenter { text-align: center; } .alignright { float: right; margin: 0 auto; } .alignleft { float: left; margin: 0 auto; } .aligncenter { display: block; margin: 0 auto; } a img.alignright { float: right; margin: 0 auto; } a img.alignnone { margin: 0 auto; } a img.alignleft { float: left; margin: 0 auto; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 0 auto; } .wp-caption.alignleft { margin: 0 auto; } .wp-caption.alignright { margin: 0 auto; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /******Menu Border Color Presets******/ /***Aqua***/ .aqua { box-shadow: -1px 0px 0px #45b3c8; -webkit-box-shadow: -1px 0px 0px #45b3c8; -khtml-box-shadow: -1px 0px 0px #45b3c8; -moz-box-shadow: -1px 0px 0px #45b3c8; -o-box-shadow: -1px 0px 0px #45b3c8; -ms-box-shadow: -1px 0px 0px #45b3c8; } .aqua-last { border-right: solid 1px #45b3c8; } .aqua-background { background: #45b3c8; } /***Beige***/ .beige { box-shadow: -1px 0px 0px #F5F5DC; -webkit-box-shadow: -1px 0px 0px #F5F5DC; -khtml-box-shadow: -1px 0px 0px #F5F5DC; -moz-box-shadow: -1px 0px 0px #F5F5DC; -o-box-shadow: -1px 0px 0px #F5F5DC; -ms-box-shadow: -1px 0px 0px #F5F5DC; } .beige-last { border-right: solid 1px #F5F5DC; } .beige-background { background: #F5F5DC; } /***Black***/ .black { box-shadow: -1px 0px 0px #000000; -webkit-box-shadow: -1px 0px 0px #000000; -khtml-box-shadow: -1px 0px 0px #000000; -moz-box-shadow: -1px 0px 0px #000000; -o-box-shadow: -1px 0px 0px #000000; -ms-box-shadow: -1px 0px 0px #000000; } .black-last { border-right: solid 1px #000000; } .black-background { background: #000000; } /***Blue***/ .blue { box-shadow: -1px 0px 0px #4A6F90; -webkit-box-shadow: -1px 0px 0px #4A6F90; -khtml-box-shadow: -1px 0px 0px #4A6F90; -moz-box-shadow: -1px 0px 0px #4A6F90; -o-box-shadow: -1px 0px 0px #4A6F90; -ms-box-shadow: -1px 0px 0px #4A6F90; } .blue-last { border-right: solid 1px #4A6F90; } .blue-background { background: #4A6F90; } /***Crimson***/ .crimson { box-shadow: -1px 0px 0px #DC143C; -webkit-box-shadow: -1px 0px 0px #DC143C; -khtml-box-shadow: -1px 0px 0px #DC143C; -moz-box-shadow: -1px 0px 0px #DC143C; -o-box-shadow: -1px 0px 0px #DC143C; -ms-box-shadow: -1px 0px 0px #DC143C; } .crimson-last { border-right: solid 1px #DC143C; } .crimson-background { background: #DC143C; } /***Gray***/ .gray { box-shadow: -1px 0px 0px #444444; -webkit-box-shadow: -1px 0px 0px #444444; -khtml-box-shadow: -1px 0px 0px #444444; -moz-box-shadow: -1px 0px 0px #444444; -o-box-shadow: -1px 0px 0px #444444; -ms-box-shadow: -1px 0px 0px #444444; } .gray-last { border-right: solid 1px #444444; } .gray-background { background: #444444; } /***Green***/ .green { box-shadow: -1px 0px 0px #A6AD6D; -webkit-box-shadow: -1px 0px 0px #A6AD6D; -khtml-box-shadow: -1px 0px 0px #A6AD6D; -moz-box-shadow: -1px 0px 0px #A6AD6D; -o-box-shadow: -1px 0px 0px #A6AD6D; -ms-box-shadow: -1px 0px 0px #A6AD6D; } .green-last { border-right: solid 1px #A6AD6D; } .green-background { background: #A6AD6D; } /***Indigo***/ .indigo { box-shadow: -1px 0px 0px #00416A; -webkit-box-shadow: -1px 0px 0px #00416A; -khtml-box-shadow: -1px 0px 0px #00416A; -moz-box-shadow: -1px 0px 0px #00416A; -o-box-shadow: -1px 0px 0px #00416A; -ms-box-shadow: -1px 0px 0px #00416A; } .indigo-last { border-right: solid 1px #00416A; } .indigo-background { background: #00416A; } /***Ivory***/ .ivory { box-shadow: -1px 0px 0px #FFFFF0; -webkit-box-shadow: -1px 0px 0px #FFFFF0; -khtml-box-shadow: -1px 0px 0px #FFFFF0; -moz-box-shadow: -1px 0px 0px #FFFFF0; -o-box-shadow: -1px 0px 0px #FFFFF0; -ms-box-shadow: -1px 0px 0px #FFFFF0; } .ivory-last { border-right: solid 1px #FFFFF0; } .ivory-background { background: #FFFFF0; } /***Jade***/ .jade { box-shadow: -1px 0px 0px #00A86B; -webkit-box-shadow: -1px 0px 0px #00A86B; -khtml-box-shadow: -1px 0px 0px #00A86B; -moz-box-shadow: -1px 0px 0px #00A86B; -o-box-shadow: -1px 0px 0px #00A86B; -ms-box-shadow: -1px 0px 0px #00A86B; } .jade-last { border-right: solid 1px #00A86B; } .jade-background { background: #00A86B; } /***Kelly Blue***/ .kellyblue-background { background: #A1DCD9; } .kellyblueborder { box-shadow: -1px 0px 0px #A1DCD9; -webkit-box-shadow: -1px 0px 0px #A1DCD9; -khtml-box-shadow: -1px 0px 0px #A1DCD9; -moz-box-shadow: -1px 0px 0px #A1DCD9; -o-box-shadow: -1px 0px 0px #A1DCD9; -ms-box-shadow: -1px 0px 0px #A1DCD9; } .kellyblueborder-last { border-right: solid 1px #A1DCD9; } /***Lavender***/ .lavender { box-shadow: -1px 0px 0px #B57EDC; -webkit-box-shadow: -1px 0px 0px #B57EDC; -khtml-box-shadow: -1px 0px 0px #B57EDC; -moz-box-shadow: -1px 0px 0px #B57EDC; -o-box-shadow: -1px 0px 0px #B57EDC; -ms-box-shadow: -1px 0px 0px #B57EDC; } .lavender-last { border-right: solid 1px #B57EDC; } .lavender-background { background: #B57EDC; } /***Lemon***/ .lemon { box-shadow: -1px 0px 0px #FFFACD; -webkit-box-shadow: -1px 0px 0px #FFFACD; -khtml-box-shadow: -1px 0px 0px #FFFACD; -moz-box-shadow: -1px 0px 0px #FFFACD; -o-box-shadow: -1px 0px 0px #FFFACD; -ms-box-shadow: -1px 0px 0px #FFFACD; } .lemon-last { border-right: solid 1px #FFFACD; } .lemon-background { background: #FFFACD; } /***Moss***/ .moss { box-shadow: -1px 0px 0px #ADDFAD; -webkit-box-shadow: -1px 0px 0px #ADDFAD; -khtml-box-shadow: -1px 0px 0px #ADDFAD; -moz-box-shadow: -1px 0px 0px #ADDFAD; -o-box-shadow: -1px 0px 0px #ADDFAD; -ms-box-shadow: -1px 0px 0px #ADDFAD; } .moss-last { border-right: solid 1px #ADDFAD; } .moss-background { background: #ADDFAD; } /***Olive***/ .olive { box-shadow: -1px 0px 0px #808000; -webkit-box-shadow: -1px 0px 0px #808000; -khtml-box-shadow: -1px 0px 0px #808000; -moz-box-shadow: -1px 0px 0px #808000; -o-box-shadow: -1px 0px 0px #808000; -ms-box-shadow: -1px 0px 0px #808000; } .olive-last { border-right: solid 1px #808000; } .olive-background { background: #808000; } /***Orange***/ .orange { box-shadow: -1px 0px 0px #FF7F00; -webkit-box-shadow: -1px 0px 0px #FF7F00; -khtml-box-shadow: -1px 0px 0px #FF7F00; -moz-box-shadow: -1px 0px 0px #FF7F00; -o-box-shadow: -1px 0px 0px #FF7F00; -ms-box-shadow: -1px 0px 0px #FF7F00; } .orange-last { border-right: solid 1px #FF7F00; } .orange-background { background: #FF7F00; } /***Peach***/ .peach { box-shadow: -1px 0px 0px #FFE5B4; -webkit-box-shadow: -1px 0px 0px #FFE5B4; -khtml-box-shadow: -1px 0px 0px #FFE5B4; -moz-box-shadow: -1px 0px 0px #FFE5B4; -o-box-shadow: -1px 0px 0px #FFE5B4; -ms-box-shadow: -1px 0px 0px #FFE5B4; } .peach-last { border-right: solid 1px #FFE5B4; } .peach-background { background: #FFE5B4; } /***Pear***/ .pear { box-shadow: -1px 0px 0px #D1E231; -webkit-box-shadow: -1px 0px 0px #D1E231; -khtml-box-shadow: -1px 0px 0px #D1E231; -moz-box-shadow: -1px 0px 0px #D1E231; -o-box-shadow: -1px 0px 0px #D1E231; -ms-box-shadow: -1px 0px 0px #D1E231; } .pear-last { border-right: solid 1px #D1E231; } .pear-background { background: #D1E231; } /***Periwinkle***/ .periwinkle { box-shadow: -1px 0px 0px #CCCCFF; -webkit-box-shadow: -1px 0px 0px #CCCCFF; -khtml-box-shadow: -1px 0px 0px #CCCCFF; -moz-box-shadow: -1px 0px 0px #CCCCFF; -o-box-shadow: -1px 0px 0px #CCCCFF; -ms-box-shadow: -1px 0px 0px #CCCCFF; } .periwinkle-last { border-right: solid 1px #CCCCFF; } .periwinkle-background { background: #CCCCFF; } /***Plum***/ .plum { box-shadow: -1px 0px 0px #CC99CC; -webkit-box-shadow: -1px 0px 0px #CC99CC; -khtml-box-shadow: -1px 0px 0px #CC99CC; -moz-box-shadow: -1px 0px 0px #CC99CC; -o-box-shadow: -1px 0px 0px #CC99CC; -ms-box-shadow: -1px 0px 0px #CC99CC; } .plum-last { border-right: solid 1px #CC99CC; } .plum-background { background: #CC99CC; } /***Pumpkin***/ .pumpkin { box-shadow: -1px 0px 0px #FF7518; -webkit-box-shadow: -1px 0px 0px #FF7518; -khtml-box-shadow: -1px 0px 0px #FF7518; -moz-box-shadow: -1px 0px 0px #FF7518; -o-box-shadow: -1px 0px 0px #FF7518; -ms-box-shadow: -1px 0px 0px #FF7518; } .pumpkin-last { border-right: solid 1px #FF7518; } .pumpkin-background { background: #FF7518; } /***Purple***/ .purple { box-shadow: -1px 0px 0px #D044FD; -webkit-box-shadow: -1px 0px 0px #D044FD; -khtml-box-shadow: -1px 0px 0px #D044FD; -moz-box-shadow: -1px 0px 0px #D044FD; -o-box-shadow: -1px 0px 0px #D044FD; -ms-box-shadow: -1px 0px 0px #D044FD; } .purple-last { border-right: solid 1px #D044FD; } .purple-background { background: #D044FD; } /***Red***/ .red { box-shadow: -1px 0px 0px #994545; -webkit-box-shadow: -1px 0px 0px #994545; -khtml-box-shadow: -1px 0px 0px #994545; -moz-box-shadow: -1px 0px 0px #994545; -o-box-shadow: -1px 0px 0px #994545; -ms-box-shadow: -1px 0px 0px #994545; } .red-last { border-right: solid 1px #994545; } .red-background { background: #994545; } /***Saffron***/ .saffron { box-shadow: -1px 0px 0px #F4C430; -webkit-box-shadow: -1px 0px 0px #F4C430; -khtml-box-shadow: -1px 0px 0px #F4C430; -moz-box-shadow: -1px 0px 0px #F4C430; -o-box-shadow: -1px 0px 0px #F4C430; -ms-box-shadow: -1px 0px 0px #F4C430; } .saffron-last { border-right: solid 1px #F4C430; } .saffron-background { background: #F4C430; } /***Scarlet***/ .scarlet { box-shadow: -1px 0px 0px #FF2400; -webkit-box-shadow: -1px 0px 0px #FF2400; -khtml-box-shadow: -1px 0px 0px #FF2400; -moz-box-shadow: -1px 0px 0px #FF2400; -o-box-shadow: -1px 0px 0px #FF2400; -ms-box-shadow: -1px 0px 0px #FF2400; } .scarlet-last { border-right: solid 1px #FF2400; } .scarlet-background { background: #FF2400; } /***Steel***/ .steel { box-shadow: -1px 0px 0px #4682B4; -webkit-box-shadow: -1px 0px 0px #4682B4; -khtml-box-shadow: -1px 0px 0px #4682B4; -moz-box-shadow: -1px 0px 0px #4682B4; -o-box-shadow: -1px 0px 0px #4682B4; -ms-box-shadow: -1px 0px 0px #4682B4; } .steel-last { border-right: solid 1px #4682B4; } .steel-background { background: #4682B4; } /***Tangerine***/ .tangerine { box-shadow: -1px 0px 0px #F28500; -webkit-box-shadow: -1px 0px 0px #F28500; -khtml-box-shadow: -1px 0px 0px #F28500; -moz-box-shadow: -1px 0px 0px #F28500; -o-box-shadow: -1px 0px 0px #F28500; -ms-box-shadow: -1px 0px 0px #F28500; } .tangerine-last { border-right: solid 1px #F28500; } .tangerine-background { background: #F28500; } /***Teal***/ .teal { box-shadow: -1px 0px 0px #008080; -webkit-box-shadow: -1px 0px 0px #008080; -khtml-box-shadow: -1px 0px 0px #008080; -moz-box-shadow: -1px 0px 0px #008080; -o-box-shadow: -1px 0px 0px #008080; -ms-box-shadow: -1px 0px 0px #008080; } .teal-last { border-right: solid 1px #008080; } .teal-background { background: #008080; } /***Viridian***/ .viridian { box-shadow: -1px 0px 0px #40826D; -webkit-box-shadow: -1px 0px 0px #40826D; -khtml-box-shadow: -1px 0px 0px #40826D; -moz-box-shadow: -1px 0px 0px #40826D; -o-box-shadow: -1px 0px 0px #40826D; -ms-box-shadow: -1px 0px 0px #40826D; } .viridian-last { border-right: solid 1px #40826D; } .viridian-background { background: #40826D; } /***Wheat***/ .wheat { box-shadow: -1px 0px 0px #F5DEB3; -webkit-box-shadow: -1px 0px 0px #F5DEB3; -khtml-box-shadow: -1px 0px 0px #F5DEB3; -moz-box-shadow: -1px 0px 0px #F5DEB3; -o-box-shadow: -1px 0px 0px #F5DEB3; -ms-box-shadow: -1px 0px 0px #F5DEB3; } .wheat-last { border-right: solid 1px #F5DEB3; } .wheat-background { background: #F5DEB3; } /***White***/ .white { box-shadow: -1px 0px 0px #FFFFFF; -webkit-box-shadow: -1px 0px 0px #FFFFFF; -khtml-box-shadow: -1px 0px 0px #FFFFFF; -moz-box-shadow: -1px 0px 0px #FFFFFF; -o-box-shadow: -1px 0px 0px #FFFFFF; -ms-box-shadow: -1px 0px 0px #FFFFFF; } .white-last { border-right: solid 1px #FFFFFF; } .white-background { background: #FFFFFF; } /***Wisteria***/ .wisteria { box-shadow: -1px 0px 0px #C9A0DC; -webkit-box-shadow: -1px 0px 0px #C9A0DC; -khtml-box-shadow: -1px 0px 0px #C9A0DC; -moz-box-shadow: -1px 0px 0px #C9A0DC; -o-box-shadow: -1px 0px 0px #C9A0DC; -ms-box-shadow: -1px 0px 0px #C9A0DC; } .wisteria-last { border-right: solid 1px #C9A0DC; } .wisteria-background { background: #C9A0DC; } /***Yellow***/ .yellow { box-shadow: -1px 0px 0px #BD9C4D; -webkit-box-shadow: -1px 0px 0px #BD9C4D; -khtml-box-shadow: -1px 0px 0px #BD9C4D; -moz-box-shadow: -1px 0px 0px #BD9C4D; -o-box-shadow: -1px 0px 0px #BD9C4D; -ms-box-shadow: -1px 0px 0px #BD9C4D; } .yellow-last { border-right: solid 1px #BD9C4D; } .yellow-background { background: #BD9C4D; } /***Mobile Header Setup***/ ul.mobheaderbuttons { display: none; } #social-content, #share-content { visibility: hidden; opacity: 0; position: fixed; left: 0; right: 0; width: 90%; margin: 0 auto; text-align: center; z-index: 8; -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } #share-content h1 { margin-bottom: 65px; margin-top: 55px; } ul.cpsharelistmobile { display: block; position: relative; font-family: FontAwesome; text-align: center; } ul.cpsharelistmobile li { display: inline; font-size: 38px; margin: 20px auto 60px; } ul.cpsharelistmobile li a { padding: 23px; } .close-social { color: #333333; color: rgba(1, 1, 1, 0.7); margin: 3% auto 0; font-size: 24px; padding: 0; text-indent: 0; position: relative; width: 100%; text-align: center; display: block; } #sharethis > .stButton .stLarge { height: 32px !important; width: 32px !important; background-size: 100% !important; } #sharethis > .stButton:hover, .stLarge:hover { height: 32px !important; width: 32px !important; background-position: 100% !important; } #sharethis { display: block; position: relative; right: 70px; bottom: 13px; float: right; } .stButton { transition: All .25s ease; -webkit-transition: All .25s ease; -moz-transition: All .25s ease; -o-transition: All .25s ease; -ms-transition: All .25s ease; -khtml-transition: All .25s ease; } .stButton:hover { top: -10px; } .social li, .social-full li { margin: 3px; list-style-type: none; padding: 5px; transition: All .25s ease; -webkit-transition: All .25s ease; -moz-transition: All .25s ease; -o-transition: All .25s ease; -ms-transition: All .25s ease; -khtml-transition: All .25s ease; float: left; display: block; width: 20px; height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .social li a, .socialmobile li a { padding: 1px; text-align: center; line-height: 1.4; display: block; } .social li:hover, .social-full li:hover, .socialmobile li:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -khtml-transform: scale(1.2); filter: alpha(opacity=100); opacity: 1; } ul.socialmobile { width: 390px; text-align: center; margin: 0 auto; } ul.socialmobile h1 { margin: 12% auto; } ul.socialmobile li { display: inline-block; list-style-type: none; width: 14%; font-size: 38px; height: 100%; margin: 20px; padding: 10px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: All .25s ease; -moz-transition: All .25s ease; -o-transition: All .25s ease; -ms-transition: All .25s ease; -khtml-transition: All .25s ease; transition: All .25s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } ul.social { position: relative; right: 0px; top: -16px; z-index: 5; clear: both; } ul.social li { float: right; margin-left: 2px; } ul.social li.number { background: transparent; box-shadow: none; width: initial; padding: 0; } ul.social li.number:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -khtml-transform: scale(1); } ul.social li.number a#phone-number span { margin: 0px 9px 0px 15px; position: relative; top: 2px; } /***Left Bar Menu***/ body.logged-in .leftbar-menu { top: 32px } body.vc_editor .leftbar-menu { top: 0 } body.leftbarsquare #nav { left: 59px } body.cpcustomizer_on #nav { left: initial } /* body.logged-in.cpcustomizer_on #nav { left:59px } */ .minidevicemenu { display: none; } .leftbar-menuX { position: relative; bottom: 60px; left: 0px; display: none; } .leftbar_bottom { top: 35vh; margin-bottom: 40px; } .leftbar-menu:hover { width: 171px; overflow: auto; z-index: 11 !important; } .leftbar-menu:hover > .overlay-pt { display: block; } .leftbar-menu { display: block; background: transparent; position: fixed; top: 0; height: 100%; left: -1px; width: 60px; overflow: hidden; transition: width .10s linear; -webkit-transition: width .10s linear; -khtml-transition: width .10s linear; -moz-transition: width .10s linear; -o-transition: width .10s linear; -ms-transition: width .10s linear; transform: translateZ(0) scale(1, 1); -webkit-transform: translateZ(0) scale(1, 1); -khtml-transform: translateZ(0) scale(1, 1); -moz-transform: translateZ(0) scale(1, 1); -o-transform: translateZ(0) scale(1, 1); -ms-transform: translateZ(0) scale(1, 1); z-index: 10; } .leftbar-menu .fa, .leftbar-menu a [class^="icon-"], .leftbar-menu a [class*=" icon-"] { position: relative; display: table-cell !important; width: 60px; height: 36px; text-align: center; vertical-align: middle; font-size: 15px; } .icon-x2 { font-size: 1.2em !important; } .leftbar-menu>ul { margin: 7px 0; text-align: center; } .leftbar-menu li { position: relative; display: block; width: 187px; } .leftbar-menu li>a { position: relative; display: table; border-collapse: collapse; border-spacing: 0; color: #ddd; font-size: 13px; text-decoration: none; -webkit-transform: translateZ(0) scale(1, 1); -webkit-transition: all .1s linear; transition: all .1s linear; } .leftbar-menu .nav-icon { position: relative; display: table-cell; width: 60px; height: 36px; text-align: center; vertical-align: middle; font-size: 18px; } .leftbar-menu .nav-text { position: relative; display: table-cell; vertical-align: middle; width: 111px; font-weight: 500; text-align: center; } .leftbar-menu>ul.logout { position: relative; left: 0; top: 60px; margin-bottom: 40px; } li.tabletleftbar-menu { display: none; } .no-touch .scrollable.hover { overflow-y: hidden; } .no-touch .scrollable.hover:hover { overflow-y: auto; overflow: visible; } a:hover, a:focus { text-decoration: none; } nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } nav ul, nav li { outline: 0; margin: 0; padding: 0; } .leftbar-menu li:hover>a, nav.leftbar-menu li.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a { color: #764D3B; background-color: #F4D17C; } .leftbar-menu:hover .leftbarback { opacity: 1; } /***Footer Section***/ #footer { display: block; position: relative; bottom: 0; width: 100%; background: #1C1C1C; padding: 12px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; z-index: 1; } /* body.shortHeightDocument #footer { position:fixed; bottom:0; } */ ul.footer-links li, ul.footer-links-nt li { display: block !important; width: 100%; float: none } ul.footer-links li a i, ul.footer-links-nt li a i { letter-spacing: 5px } ul.footer-links li a, ul.footer-links-nt li a { color: #dddddd; } ul.footer-links li a:hover, ul.footer-links-nt li a:hover { color: #ffffff; } ul.footer-controls { display: block; position: relative; right: 0; top: 0; width: 100%; height: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); white-space: nowrap; padding: 0; margin: 0; } a.minimize, a.maximize { display: block; position: relative; top: 0px; text-align: center; float: right; margin: 0px auto; color: #333333; padding: 0px 15px; font-size: 27px; transition: All .35s ease; -webkit-transition: All .35s ease; -khtml-transition: All .35s ease; -moz-transition: All .35s ease; -o-transition: All .35s ease; -ms-transition: All .35s ease; filter: alpha(opacity="50"); opacity: 0.5; z-index: 1; } a.minimize { border-right: solid 1px; } a.minimize:hover, a.maximize:hover { opacity: 1; } a.minimize:active, a.maximize:active { box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; -khtml-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; -o-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; -ms-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5)inset; } ul.footercontent { display: block; width: 95%; margin: 0 auto; } ul.footercontent li { display: inline; } ul.footercontent li > a { display: inline-block } ul.footercontent li a { color: #ddd; } ul.footercontent li a:hover { color: #ffffff; } ul.footercontent h1 { letter-spacing: 3px; text-indent: 0px; text-transform: uppercase; } .footer-container { width: 1100px; max-width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .footer-section { display: block; position: relative; background-color: #282828; bottom: 0px; overflow: hidden; clear: both; z-index: 1 } .footer-section p, .footer-section a { font-weight: 500 } .footer-container li { display: block; float: left; color: #fff; padding: 2.5% 1%; width: 25%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .footer-container .wpb_wrapper li { width: 330px; float: none; max-width: 100%; } .copyright { display: block; width: 100%; color: #ffffff; font-size: 14px; text-align: center; } .copyright a { color: #00f3d7; } .copyright a:hover { color: #90f3d7; } /***CONTACT FORM***/ #contact-form .textfield_label { display: initial; } /***CONTENT/COMMENT FORM INPUTt***/ #post-content > #comments { width: 1100px; max-width: 100%; margin: 0 auto; } #post-content #comments p { display: initial; } #post-content #comments h2 { margin: 0 0 20px; } #post-content { position: relative; margin: 0 auto; clear: both; overflow: hidden; z-index: 1 } .content > img { width: 100%; height: 60%; } .singlepost .cpsharelistshortcode { margin-left: -6px; } #respond input[type="text"], #respond input[type="email"], #respond input[type="password"], #comments input[type="text"], #comments input[type="email"], #comments input[type="password"] { font-size: 15px; padding: 12px; border: solid 1px #E7E7E7; } textarea#comment, #respond textarea { display: block; width: 100%; font-size: 15px; padding: 20px; margin: 13px auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: solid 1px #E7E7E7; } #respond #submit { border: solid 1px #E7E7E7; text-transform: uppercase; margin: 0 auto 12px; } .comment-container { background: #ffffff; padding: 22px; box-sizing: border-box; margin: 6px auto 22px; } .comment-avatar img { width: 70px; height: auto; float: left; margin: 0px 8px 0px 0px; padding: 0; } .comment-body { width: 50%; margin: 0 20px; text-align: left; display: inline-block; } .post-author h1 { display: inline-block; margin: 0px auto 3px; text-transform: uppercase; letter-spacing: 2px; text-indent: -1px; } span.post-author h1 a { font-weight: 600 !important; } .comment-date { font-weight: initial; margin: 0px auto 3px; display: block; } #submit { display: block; width: 170px; padding: 10px 0; margin: 0 auto; font-size: 18px; float: right; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #edit-post-button { color: #ddd; background: #444; padding: 12px; position: fixed; z-index: 99; top: -5px; left: 292px; line-height: 1; width: auto; height: 9px; font: 400 13px/16px sans-serif; letter-spacing: normal; } #edit-post-button:hover { background: #333; } /***Sticky Post***/ .sticky { background: #FAFAFA; border: 3px solid #E6E6E6; padding: 15px; } .category-sticky { background: #FAFAFA; border: 3px solid #E6E6E6; padding: 15px; } #video-player { width: 100%; height: auto; position: relative; float: right; white-space: nowrap; margin-bottom: 32px; z-index: 1; transition: all 1s ease; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; } #video-player:hover { -webkit-filter: none; -kthml-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; opacity: 1; filter: alpha(opacity=100); } #utubenailscpplayer { text-align: center; position: fixed; width: 100%; top: 12%; left: 0; z-index: 6; } #utubenailscpplayer iframe { display: none; position: relative; top: 13%; left: 0; margin: 0 auto; z-index: 4; background: black; padding: 2% 3%; border: solid 5px #555; border-radius: 12px; box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); -khtml-box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); -o-box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); -ms-box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.3); } .trigger img { position: relative; width: 120px; height: 90px; margin: 9px 20px 6px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; display: inline-block; transition: All .35s ease; -webkit-transition: All .35s ease; -khtml-transition: All .35s ease; -moz-transition: All .35s ease; -o-transition: All .35s ease; -ms-transition: All .35s ease; } .trigger img:hover { -webkit-filter: brightness(110%)contrast(150%); } .trigger img:before { content: ''; position: relative; bottom: 31px; left: 93px; width: 0; height: 0; display: inline-block; z-index: 2; } #utubenails { width: 100%; height: 100%; position: relative; z-index: 5; overflow: scroll; } .utubevids { display: inline-block; vertical-align: top; height: 108px; overflow: scroll; } span.click-play { display: inline-block; position: relative; bottom: 39px; left: 90px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #C32405; } span.click-play:hover { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #dddddd; } x:-o-prefocus, #ytThumbs { cursor: move; } /*** Remember ***/ .roundremember { width: 168px; height: 28px; margin: 0 auto 20px; border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; position: relative; } .roundremember label { cursor: pointer; position: absolute; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 4px; top: 4px; background: -webkit-linear-gradient(top, #222 0%, #45484d 100%); background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d', GradientType=0); } .roundremember label span { position: absolute; padding-left: 21px; width: 135px !important; height: 20px !important; border-radius: 100% !important; font-weight: 500; top: -15px; background: transparent !important; background-color: transparent !important; } .roundremember label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 5px; left: 4px; border: 3px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .roundremember label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .roundremember input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /****Ad Widget****/ div#tag_cloud-2.ad-widget.widget_tag_cloud { margin: 5% auto; max-width: 300px; min-width: 100%; } .sidebarlocation .widgettitle + ul li { display: block; margin: 0px auto 25px; } .sidebarlocation .widgettitle + ul.tags_container li { position: relative; display: inline-block; margin: 0 auto 16px; padding: 0 5px 0 0; } ul.tags_container li:not(:last-of-type):after { content: ', '; position: relative; } .ad-widget img, .notif-widget img { width: 84%; height: auto; border-radius: 5px; padding: 3px; display: inline-block; } .ad-widget img, .notif-widget img.avatar { width: 35px; height: auto; border-radius: 5px; padding: 3px; display: inline-block; } .panel-top-title { top: 16px; position: relative; text-align: center; } #top-notif { width: 170px; float: right; position: absolute; margin-bottom: 80px; right: -240px; z-index: 1; } #top-sponsors { width: 170px; float: right; position: absolute; margin-bottom: 80px; right: -240px; z-index: 1; } /***Widget + Sidebar***/ .sidebarlocation { padding: 0 30px; box-sizing: border-box; } .ad-widget { display: block; width: 300px; min-width: 100%; margin: 0 auto 15%; } .widget_recent_entries ul li a { display: block; } h2.widgettitle { font-size: 17px !important; font-weight: 600; display: inline-block; margin: 0 0 20px 0; width: 100%; text-align: left; } /***Columns***/ .column { position: relative; line-height: 1.4; display: inline-block; vertical-align: top; margin: 12px auto; clear: both; } .columncontent { display: block; } .one { width: 100%; display: inline-table; } .two { width: 48%; display: inline-table; } .three { width: 29.5%; display: inline-table; } .four { width: 23.35%; display: inline-table; } .five { width: 15.1%; display: inline-table; } .onethird { width: 32%; display: inline-table; } .twothirds { width: 66%; display: inline-table; } .onefourth { width: 23.5%; display: inline-table; } .threefourths { width: 74.5%; display: inline-table; } .last { clear: right; margin-right: 0; } .column-1 { padding: 0; margin: -2px auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1 textarea { width: initial; } .column-3 { width: 33.33%; float: left; padding: 0 6px 0 0; margin: 0px auto -9px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-3:nth-child(3) { padding: 0; } .columns_two_75_25 .column-1-left { display: inline-block; width: 66%; vertical-align: top; } .columns_two_75_25 .column-1-right { display: inline-block; width: 66%; vertical-align: top; } .columns_two_75_25 .column-2-left { display: inline-block; width: initial; vertical-align: top; } .columns_two_75_25 .column-2-right { display: inline-block; width: initial; vertical-align: top; } /***Dividers***/ .sc-divider { content: ""; border-width: 2px; border-color: #555; border-style: inset; clear: both; width: 70%; height: 0px; padding: 0; margin: 30px auto 0px; position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .sc-divider.top a { font-size: 8px; float: right; width: 20px; position: absolute; top: -20px; right: 0; color: #808080; text-align: right; cursor: pointer; } .sc-divider.small { margin: 0; } .sc-divider.clear { border: 0; margin: 20px 0; } .sc-divider.small.clear { border: 0; margin: 0; } /***The Events Caldendar***/ #tribe-bar-views .tribe-bar-views-list { z-index: 1; } /***Body Class Determine***/ body.full-width.leftbarsquare, body.full-width.leftbarsquareroundglass { /* overflow: hidden; */ } body.full-width.leftbarsquare #wrapper, body.full-width.leftbarsquareroundglass #wrapper { padding-left: 59px } body.full-width.leftbarsquare .searchhead, body.full-width.leftbarsquareroundglass .searchhead { margin-right: -59px } body.cpcustomizer_on.logged-in .leftbar-menu { display: none; } body.cpcustomizer_on.logged-in #wrapper { width: initial; padding-left: 0; } @media only screen and (max-width: 1270px) { .footer-section .blog_container.normal_post article .item .footer_datecontainer, .footer-section .blog_container_sc.normal_post article .item .footer_datecontainer { display: none } } span.posted_in a { color: #555; } span.posted_in a:hover { color: #333; } /**********Display None*********/ #mobavatar-link { display: none; } .input-text { background-color: #fff; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; color: #606468; margin-bottom: 1em; padding: 10px 16px !important; width: 198px; } .cart-contents { display: inline-block; position: relative; top: 0px; right: 0px; padding: 12px 12px 7px 32px; text-align: right; float: right; z-index: 4; } .cart-contents:before { content: "\f07a"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; left: 10px; position: absolute; } /********BuddyPress********/ #buddypress button, #buddypress input[type="text"], #buddypress input[type="password"], #buddypress input[type="email"] { border-bottom: solid 1px; padding: 10px 16px; outline: none; min-width: 210px; margin: 20px 0px 20px 10px; } #buddypress div.item-list-tabs#subnav ul li label { font-size: 1.2em; } form#loginform button, form#loginform input[type="submit"] { color: #fff; } form#loginform input#rememberme { -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; } .bp-wrapper div.item-list-tabs ul li.selected { z-index: 1; } .bp-wrapper ul.item-list > li:first-child, .bp-wrapper .item-list li, .bp-wrapper .item-list li.mini { display: block; } .jcrop-holder { z-index: 2; } .avatar-link { position: relative; top: 0px; width: 40px; height: 40px; display: inline-block; right: 0; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } .avatar-tooltip { border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; -khtml-border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; -o-border-radius: 12px 12px 0px 0px; -ms-border-radius: 12px 12px 0px 0px; background: rgba(255, 255, 255, 0.6); padding: 12px 24px; position: absolute; right: -97px; width: 190px; height: 136px; z-index: 2; margin: 55px auto; } .avatar-tooltip:before { border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; bottom: 160px; content: ''; left: 50%; margin-left: -19px; position: absolute; } .avatartooltip-content { position: relative; display: inline-block; left: 0; top: 0; width: 140px; text-align: left; } .avatar-img { position: relative; top: 1px; left: 0px; } .avatar-info { width: auto; line-height: 1.1; padding-top: 2px; } .avatar-footer { width: 238px; background: #ffffff; background: rgba(255, 255, 255, 0.5); display: inline-block; position: absolute; left: 0px; top: 160px; padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 0px 0px 12px 12px; -webkit-border-radius: 0px 0px 12px 12px; -khtml-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; -o-border-radius: 0px 0px 12px 12px; -ms-border-radius: 0px 0px 12px 12px; } .avatar-footer ul { display: block; text-align: center; width: 100%; } .avatar-footer ul li { float: none; } .avatar { position: relative; display: block; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } .avatar-link:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; -khtml-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; -o-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; -ms-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9) inset; z-index: 1; } #avaimg { display: block position: relative; z-index: 1; } .avatar-change { height: 48px; width: 100px; border-radius: 0 0 100px 100px; -moz-border-radius: 0 0 100px 100px; -webkit-border-radius: 0 0 100px 100px; background: rgba(0, 0, 0, 0.5); font-size: 14px; text-align: center; line-height: 2.5; position: absolute; top: -44px; left: 6px; z-index: 1; } /***Avatar Buttons***/ .avatarprofile-link { bottom: 0px; left: 115px; position: absolute; display: inline-block; margin: 30px; width: 50px; height: 50px; border-radius: 50px; background: #aaa; box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; -webkit-box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; -khtml-box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; -moz-box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; -o-box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; -ms-box-shadow: inset 0 0 3px #fff, 0 0 3px #fff, 0 5px 13px #888, 0 -5px 13px #fff; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .avatarprofile-link:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; -webkit-box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; -khtml-box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; -moz-box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; -o-box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; -ms-box-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; } .avatarprofile-link:nth-of-type(1):after { content: "\f007"; font-family: FontAwesome; font-size: 30px; margin: -8px 0 0 -12px; line-height: 14px; color: #555; box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; text-shadow: 0 -3px 8px #999, 0 3px 8px #ccc; } .avatarprofile-link:active, .avatarprofile-link:active:after { color: #666; transform: scale(0.9); -webkit-transform: scale(0.9); -khtml-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -khtml-box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; -ms-box-shadow: 0px 0px 0px; } .avatar-button { background: #dddddd; background: rgba(255, 255, 255, 0.5); color: #333333; margin: 0; padding: 12px; text-align: center; border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; } .avatar-button:hover { color: #222222; } .effect { position: absolute; display: block; width: 100%; height: 100%; border-radius: 100%; box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.9) inset; -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.9) inset; z-index: 1; } .bp-wrapper .item-list .activity-meta a span, .bp-wrapper .item-list .activity-meta a:hover span { background-color: #444; } /****Mobile Avatar****/ #mobavatar-link { display: none; margin-top: 70px; margin-left: 20px; cursor: pointer; } #mobavatar-link img { width: 90px; height: auto; z-index: 3; } #mobavatar-content { display: none; font-size: .5em; width: 100%; height: 100%; min-height: auto; color: #333333; position: fixed; top: 0px; z-index: 11; } ul.mobavatar-menu { position: absolute; width: 100%; } .mobbackground { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.2; } .mobblur { visibility: hidden; opacity: 0; background: url(lib/images/cpls_back.jpg)no-repeat; width: 100%; height: 100%; background-size: 100% 100%; position: fixed; top: 0; z-index: -1; opacity: 0.9; filter: alpha(opacity=90); -webkit-filter: grayscale(50%); -khtml-filter: grayscale(50%); -moz-filter: grayscale(50%); -o-filter: grayscale(50%); -ms-filter: grayscale(50%); -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .socialblur { visibility: hidden; opacity: 0; background: #ffffff; background: rgba(255, 255, 255, 0.97); width: 100%; height: 100%; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: 7; opacity: 0.9; filter: alpha(opacity=90); -webkit-filter: grayscale(50%); -khtml-filter: grayscale(50%); -moz-filter: grayscale(50%); -o-filter: grayscale(50%); -ms-filter: grayscale(50%); -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out; } .hide { display: none; } .hide-alert { display: none; } .show { display: block; } .show-alert { display: block; color: yellowgreen; text-align: center; margin: 300px auto; font-size: 2em; width: 100%; height: auto; } .mob-button { position: relative; background: rgba(0, 0, 0, 0.5); padding: 1em; font-size: 2em; top: 60px; float: left; width: 31%; text-align: center; border-radius: 0px 12px 12px 0px; } .mob-button:last-child { float: right; border-radius: 12px 0px 0px 12px; } .mob-title { position: relative; margin-top: 60px; margin-bottom: 60px; width: 100%; font-size: 35px; text-align: center; font-variant: small-caps; text-transform: lowercase; color: rgba(0, 0, 0, 0.2); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } #mobavatar-change { width: 250px; margin: -30px auto; top: -30px; position: relative; } .mobavatar-change { height: 114px; width: 80%; border-radius: 0 0 118px 118px; -moz-border-radius: 0 0 118px 118px; -o-border-radius: 0 0 118px 118px; -webkit-border-radius: 0 0 118px 118px; background: rgba(0, 0, 0, 0.5); font-size: 2em; text-align: center; line-height: 2.5; position: relative; top: 200px; left: 10.3%; z-index: 1; display: inline-table; } #mobavatar-change img { width: 200px; height: 200px; margin: 0 auto; } .mobavatar-close { position: absolute; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 1em 0em 0em 0em; font-size: 2.7em; text-align: center; width: 100%; height: 80px; cursor: hand; cursor: grab; cursor: -webkit-grab; cursor: -khtml-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; bottom: 0px; clear: both; line-height: 0; } .mobavatar-close span { position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; font-size: 50px; text-shadow: 0 0 23px rgba(0, 0, 0, 0.6); } .mobavatar-close:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } /***CP Button***/ a.cpbutton, input[type="submit"].cpbutton { display: inline; display: block; position: relative; max-width:100%; color: #333333; font-family: Raleway, sans-serif, Lucida Grande, Arial; font-size: 1em; font-weight: normal; line-height: 1.5; padding: .5em 1em .5em; margin: 0 auto; outline: none; text-align: center; text-decoration: none; vertical-align: middle; -webkit-transition: color .1s linear, background-color .1s linear, border-color .1s linear; -moz-transition: color .1s linear, background-color .1s linear, border-color .1s linear; transition: color .1s linear, background-color .1s linear, border-color .1s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } a.cpbutton .text.center { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:90%; } a.cpbutton .text p { padding: 0 !important; margin: 0 !important; } .cp3d_button { display: block; -webkit-border-radius: inherit; -khtml-border-radius: inherit; -moz-border-radius: inherit; -o-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; -webkit-box-shadow: 0 8px 0 #555; -khtml-box-shadow: 0 8px 0 #555; -moz-box-shadow: 0 8px 0 #555; -o-box-shadow: 0 8px 0 #555; -ms-box-shadow: 0 8px 0 #555; box-shadow: 0 8px 0 #555; -webkit-transition: -webkit-box-shadow .1s ease-in-out; -moz-transition: -moz-box-shadow .1s ease-in-out; -o-transition: -o-box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out; font-size: 50px; color: #fff; -webkit-transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); -khtml-transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); -moz-transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); -o-transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); -ms-transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); transform: perspective(1000px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 30deg); } .cp3d_button .text { display: block; line-height: 1; -webkit-transition: letter-spacing .1s ease-in-out, -webkit-transform .1s ease-in-out; -khtml-transition: letter-spacing .1s ease-in-out, -webkit-transform .1s ease-in-out; -moz-transition: letter-spacing .1s ease-in-out, -moz-transform .1s ease-in-out; -o-transition: letter-spacing .1s ease-in-out, -o-transform .1s ease-in-out; transition: letter-spacing .1s ease-in-out, transform .1s ease-in-out; letter-spacing: 0; } .cp3d_button:active { -webkit-box-shadow: 0 0px 0 #555; -khtml-box-shadow: 0 0px 0 #555; -moz-box-shadow: 0 8px 0 #555; -o-box-shadow: 0 0px 0 #555; -ms-box-shadow: 0 0px 0 #555; box-shadow: 0 0px 0 #555; -webkit-transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); -khtml-transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); -moz-transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); -o-transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); -ms-transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); transform: perspective(1000px)translate(0, 6px)translate3d(0px, 0px, 0px)rotate3d(1, 0, 0, 27deg); } .cp3d_button:active .text { -webkit-transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); -khtml-transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); -moz-transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); -o-transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); -ms-transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); transform: perspective(1000px)translate(0, 0)translate3d(0, 0px, 0px)scale(0.9); letter-spacing: 3px; } /* .cp3d_button { text-shadow: 0 1px 1px hsla(0,0%,100%,.25); box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); -webkit-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); -khtml-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); -moz-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); -o-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); -ms-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -0.2em 0 hsla(0,0%,100%,.1), inset 0 -0.25em 0 hsla(0,0%,0%,.12), 0 0.25em 0.25em hsla(0,0%,0%,.0); } .cp3d_button:hover { box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); -webkit-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); -khtml-box-shadow:inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); -moz-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); -o-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); -ms-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 -.2em 0 hsla(0,0%,100%,.1), inset 0 -.25em 0 hsla(0,0%,0%,.2), inset 0 0 0 3em hsla(0,0%,100%,.2), 0 .25em .25em hsla(0,0%,0%,.0); } .cp3d_button:active, .cp3d_button:focus { margin-top: .25em; padding-bottom: .5em; box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); -webkit-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); -khtml-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); -moz-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); -o-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); -ms-box-shadow: inset 0 0 0 0px hsla(0,0%,0%,.25), inset 0 2px 0 hsla(0,0%,100%,.1), inset 0 1.2em 0 hsla(0,0%,100%,.1), inset 0 0 0 3em hsla(0,0%,100%,.2), inset 0 .25em .5em hsla(0,0%,0%,.05), 0 -1px 1px hsla(0,0%,0%,.1), 0 1px 1px hsla(0,0%,100%,.25); }*/ a.cpbutton:hover, input[type="submit"].cpbutton:hover { outline: none; } a.cpbutton:hover, a.cpbutton:focus, input[type="submit"].cpbutton:hover, input[type="submit"].cpbutton:focus, input[type="submit"].cpbutton:active { color: #333333; } /*************************** Buttons ***************************/ #buddypress a.button, .button.submit, #buddypress .generic-button a, #buddypress ul.button-nav li a, #buddypress .item-list a.button, #buddypress .item-list .activity-meta a, #buddypress .item-list .acomment-options a, #buddypress .activity-meta a:hover span, .widget .item-options a { cursor: pointer; font-family: Helvetica Neue, Arial, sans-serif; font-size: 9px; font-weight: normal; line-height: 1; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #dddddd; border: 1px solid #dddddd; background-color: transparent; background: transparent; } #buddypress a.button:hover, .button.submit:hover, #buddypress .generic-button a:hover, #buddypress ul.button-nav li a:hover, #buddypress .item-list a.button:hover, #buddypress .item-list .activity-meta a:hover, #buddypress .item-list .acomment-options a:hover, #buddypress .acomment-options a:hover, #buddypress .activity-meta a span, .widget .item-options a:hover, .widget .item-options a.selected { border: 1px solid #d6d6d6; background-color: #dddddd; color: #333333; } #buddypress .item-list .activity-meta a span, #buddypress .item-list .activity-meta a:hover span { display: inline; background-color: #dddddd; background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 3px; padding: 0 3px; } .widget .item-options a:hover, .widget .item-options a.selected { color: #218df3; } #buddypress .item-list .acomment-options, #buddypress div.activity-meta { clear: none; min-height: 20px; } #buddypress .accepted a, #buddypress .accepted a:hover, #buddypress .pending a, #buddypress .pending a:hover, #buddypress .disabled a, #buddypress .disabled a:hover { cursor: default !important; background: #eee !important; color: #999 !important; } a.mention { color: #333333; } a.mention:hover { color: #555555; } #buddypress .generic-button.group-button { margin-bottom: 10px; } /*************************** BuddyPress Groups And Members ***************************/ #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; font-weight: normal; width: 75%; margin: 0 0 5px 0; } #buddypress ul.item-list h5 { font-family: Helvetica Neue, Arial, sans-serif; margin-bottom: 5px; font-size: 13px; } #buddypress ul.item-list div.action .meta { font-size: 11px; } #buddypress ul.item-list div.action .generic-button { margin-left: 3px; } #buddypress ul.item-list .item-desc { margin: 5px 0 0; width: 50%; font-size: 11px; } #buddypress ul.item-list div.action { position: absolute; text-align: right; top: 20px; right: 20px; } /* Group Admin Settings */ #buddypress #group-settings-form ul.item-list li { padding: 15px 0; } #buddypress #group-settings-form ul.item-list li img.avatar { width: 30px; height: 30px; } #buddypress ul.item-list li h5 span.small { float: right; font-size: 11px; font-weight: normal; } #buddypress ul.item-list li h5 span.small a { font-size: 11px; padding: 4px 8px; } /*************************** Create Groups And Invitiations ***************************/ /* Send Invites Form */ #buddypress form#send-invite-form { margin-top: 20px; } #buddypress .left-menu { float: left; width: 150px; margin-right: 30px; } #buddypress #invite-list { border-right-width: 1px; border-style: solid; border-color: #323232; height: 400px; overflow: auto; padding-top: 1px; } #buddypress #invite-list li { list-style: none; background-image: none; margin: 0; } #buddypress .main-column { margin-left: 180px; } #buddypress .main-column #message { clear: none; } #buddypress #avatar-upload-form #avatar-crop-pane img, #buddypress #create-group-form #avatar-crop-pane img, #buddypress #group-settings-form #avatar-crop-pane img, #buddypress #avatar-upload-form .jcrop-holder img, #buddypress #create-group-form .jcrop-holder img, #buddypress #group-settings-form .jcrop-holder img { max-width: none; padding: 0; } #buddypress #group-creation-next { float: right; } /*************************** Group Forums ***************************/ /* Forums */ #buddypress div.pagination { font-size: 11px; margin: 10px 0; } #buddypress table.forum { border: 1px solid #323232; margin: 20px 0; width: 100%; } #buddypress table.forum tr th { padding: 10px; vertical-align: middle; background: #323232; border-bottom: 1px solid #323232; } #buddypress #th-postcount, #buddypress #th-freshness, #buddypress .td-postcount, #buddypress .td-freshness { text-align: center; } #buddypress table.forum tr td { vertical-align: middle; padding: 10px; border: 1px solid #323232; background-color: #000; } #buddypress .forumTitle { float: left; } #buddypress .createForumButton { float: left; line-height: 33px; } #buddypress .forum-list-container { margin: 10px 0 20px; padding: 0; border: 1px solid #323232; background: #323232; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #buddypress ul.forum-list { margin: 0; padding: 0; } #buddypress ul.forum-list .thread-poster, #buddypress ul.forum-list .thread-info { float: left; } #buddypress ul.forum-list .thread-history { float: right; text-align: right; } #buddypress ul.forum-list .thread-poster .avatar { margin: 0 15px 0 0; } #buddypress ul.forum-list li { list-style-type: none; background-image: none; padding: 12px 16px; border-top: 1px solid #323232; border-bottom: 1px solid #323232; } #buddypress ul.forum-list li:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #buddypress ul.forum-list li:last-child { border-bottom-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #buddypress table.forum tr td.td-title a.topic-title { font-size: 13px; } #buddypress table.forum tr.sticky td { background: #242424; } #buddypress table.forum td img.avatar { display: none; float: none; padding: 3px; margin: 0 5px -8px 0; } #buddypress table.forum p.topic-meta { font-size: 11px; margin: 5px 0 0 0; } #buddypress table.forum td.td-freshness span.time-since { font-size: 11px; } /* Topics */ #buddypress #item-body h3 { font-size: 26px; } #buddypress div#topic-meta { position: relative; padding: 0; } #buddypress div.topic-tags { float: none; margin: 0 0 20px 0; font-size: 11px; } #buddypress #post-topic-reply { float: left; width: 100%; margin-top: 20px; } #buddypress #post-topic-reply h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; } #buddypress #topic-meta .sub-tabs.admin-links { line-height: 200%; } #buddypress #topic-meta .sub-tabs.admin-links a { padding: 0 3px 0 4px; } #buddypress div.admin-links { position: relative; font-size: 11px; margin-bottom: 10px; } #buddypress div#new-topic-post { margin: 20px 0 0 0; } /*************************** Messages (Inbox) ***************************/ /* Message List */ #buddypress #message-threads { margin: 0 0 10px 0; } #buddypress #message-threads tr td { border: 1px solid #323232; border-bottom: 0; background-color: #000; } #buddypress #message-threads tr:last-child td { border-bottom: 1px solid #323232; } #buddypress #message-threads.notice-threads td { vertical-align: top; } #buddypress #message-threads td { vertical-align: top; padding: 10px; line-height: 19px; } #buddypress #message-threads tr.unread td { background-color: #fff4d5; } #buddypress #message-threads .m-sender, #buddypress #message-threads .m-recipient, #buddypress #message-threads .m-date, #buddypress #message-threads .m-subject, #buddypress #message-threads .thread-excerpt { overflow: hidden; } #buddypress #message-threads .thread-count { text-align: right; } #buddypress #message-threads .thread-avatar { width: 14%; } #buddypress #message-threads .thread-info { width: 30%; } #buddypress #message-threads .thread-info p { margin-bottom: 5px; } #buddypress #message-threads .thread-options { width: 20%; } #buddypress #message-threads .thread-select { line-height: 1; } #buddypress #message-threads .thread-select input { margin: 0; } #buddypress #message-threads .m-date, #buddypress #message-threads .m-from, #buddypress #message-threads .m-to { text-transform: uppercase; font-size: 11px; color: #999; } #buddypress #message-threads .m-sender .m-from { display: none; } /* Message Single */ #buddypress #message-thread .message-date { font-size: 10px; color: #666; text-transform: uppercase; font-weight: bold; float: right; } #buddypress #message-thread .message-metadata { margin-bottom: 5px; } #buddypress #message-thread #message-subject { font-size: 12px; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; margin-bottom: 5px; } #buddypress #message-thread #MessageContainers .message-box { border: 1px solid #323232; } #buddypress #message-thread .envelope-info { border: 1px solid #323232; background: #fff; padding: 2px 8px 3px 8px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /*************************** Register Page ***************************/ #buddypress .register-section .textInput, #buddypress .register-section input[type="text"], #buddypress .create-form .textInput, #buddypress .create-form input[type="text"] { width: 250px; } #register-page { width: 50%; margin: 0px auto; } #register-page h2, #register-page p { text-align: center; } #register-page h4, #register-page h4 a { text-align: center; } #buddypress .register-section, #buddypress .create-form { padding: 20px; margin: 15px 0; background: #000; border: 1px solid #323232; } #buddypress .register-section h4, #buddypress .create-form h4 { font-size: 20px; line-height: 1; } #buddypress .create-form label { font-weight: bold; } #buddypress .standard-form#signup_form div div.error { color: #8a1f11; margin: 10px 0 5px 0; } /*************************** Notices ***************************/ #message { margin: 15px 0; padding: 10px; overflow: hidden; clear: both; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; color: #333; border: 1px solid #e1ca82; background-color: #ffeaa6; background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); -pie-background: linear-gradient(rgba(255, 255, 255), rgba(255, 255, 255)); } #buddypress #message.updated { background-color: #e3f8bf; border-color: #9bd23a; color: #5e8a11; } #buddypress #message.error { background-color: #FBE3E4; border-color: #FBC2C4; color: #8a1f11; } #message.info.notice { margin: 0 0 30px 0; } #message p { margin-bottom: 0; } #buddypress div.message-box { border-bottom: 1px solid #323232; padding: 15px 0; } #buddypress div#message-thread div.message-content { margin-left: 50px; } /*************************** Tables ***************************/ #buddypress table { width: 100%; } #buddypress table tr td, #buddypress table tr th { padding: 10px; } #buddypress table tr td.label { border-right: 1px solid #323232; font-weight: bold; width: 25%; } /*************************** Forms ***************************/ #buddypress form.standard-form .button-nav li, #buddypress #send_message_form.standard-form li { float: left; margin: 0 4px 4px 0; padding: 5px 0 5px 0; border: 0; list-style: none; background-image: none; } #buddypress .profile .data p { margin-bottom: 0; } #buddypress form.standard-form label, #buddypress form.standard-form span.label { display: block; margin: 15px 0 5px 0; } #buddypress form.standard-form div.checkbox label, #buddypress form.standard-form div.radio label { font-weight: normal; margin: 15px 0 0 0; } #buddypress .standard-form div.radio ul { margin: 10px 0 15px 0; } #buddypress .standard-form div.radio ul li { margin-bottom: 5px; } #buddypress form.standard-form textarea { width: 75%; height: 120px; } #buddypress .standard-form input[type="password"] { margin-bottom: 5px; } #buddypress form.standard-form .submit { margin-top: 10px; } /*************************** Notifications ***************************/ #buddypress #settings-form .notification-settings { width: 100%; margin: 15px 0; border: 1px solid #323232; } #buddypress #settings-form .notification-settings thead { background: #323232; } #buddypress #settings-form .notification-settings .yes, #buddypress #settings-form .notification-settings .no { width: 50px; text-align: center; } #buddypress #settings-form .notification-settings .icon { width: 1px; padding: 0; } #buddypress table.notification-settings { margin-bottom: 20px; } #buddypress table.notification-settings th.icon, #buddypress table.notification-settings td:first-child { display: none; } #buddypress #settings-form .submit { margin: 1em 0; clear: both; } #buddypress #send_message_form #subject { width: 400px; } #buddypress hr { margin: 15px 0 !important; } /*************************** SUMS *****************************/ a.hidehey { position: absolute; top: 20px; right: 20px; font: 100 40px sans-serif; } .sumsoverlay-pt { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 11; filter: alpha(opacity=50); opacity: 0.5; } .heycontainer { display: none; width: 100%; position: fixed; left: 0; top: 0; text-align: center; z-index: 12; } .hey { position: relative; top: 170px; background: #333333; color: #fff; line-height: 1.5; box-shadow: 0 0 12px rgba(255, 255, 255, 0.5); width: 50%; height: 500px; margin: 0 auto; padding: 22px; font: 30px sans-serif; } /***Widgets***/ .logged_in_fr { right: 0; position: fixed; bottom: -1px; } .logged_out_fr { right: 0; position: fixed; bottom: -1px; } .logged_in_hrw { width: 27%; display: block; float: right; margin: 0px auto 20px; z-index: 2; position: relative; } .logged_out_hrw { width: 27%; display: block; float: right; margin: 0px auto 20px; z-index: 2; position: relative; } .logged_in_hrb { width: auto; display: block; float: right; margin-right: 12px; } .logged_out_hrb { width: auto; display: block; float: right; margin-right: 12px; } .logged_in_fr h2.widgettitle { display: block; width: 93%; text-align: right; margin: 0; padding: 0; position: relative; left: 0; top: 0; line-height: .5; font-size: 20px; } .logged_out_fr h2.widgettitle { display: block; width: 93%; text-align: right; margin: 0; padding: 0; position: relative; left: 0; top: 0; line-height: .5; font-size: 20px; } /* Lists */ .widget ul.item-list { clear: both; margin-top: 5px; } .widget ul.item-list .item { margin-left: 50px; } .widget ul.item-list li { background: none !important; padding: 15px 0 0 0 !important; margin: 15px 0 0 0 !important; overflow: hidden; line-height: 15px; } .widget.widget_display_views li, .widget.widget_display_replies li { font-size: 11px; line-height: 15px; padding-left: 0; width: 100%; background: none; overflow: hidden; } .widget .avatar-block .item-avatar img { float: left; width: 28px; height: 28px; margin: 4px; padding: 3px; border: 1px solid #323232; } /* Titles */ .widget.buddypress h3 { float: left; margin-right: 10px; margin-bottom: 10px; } .widget ul.item-list li div.item-title, .widget ul.item-list li h4 { font-family: Helvetica Neue, Arial, sans-serif; margin: 0; font-size: 12px !important; line-height: 16px; } .widget.bbp_widget_login h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; } /* Meta */ .widget .item-options { display: inline-block; color: transparent; line-height: 19px; font-size: 11px; margin: 2px 0 5px 0; } .widget span.activity { font-size: 11px; opacity: 1 !important; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; color: #808080 !important; } .widget.bbp_widget_login fieldset { padding: 0; border: 0; } /*************************** bbPress Site-wide Forums 2.1+ ***************************/ /* General Styling */ #content .bbp-forum-topic-count, #content .bbp-forum-reply-count, #content .bbp-topic-voice-count { text-align: center; } #content #bbpress-forums ul li { margin: 0; padding: 0; background-image: none; } #content #bbpress-forums li.bbp-header, #content #bbpress-forums li.bbp-footer { padding: 8px; } #content .bbp-forums, #content .bbp-topics, #content .bbp-replies { border: 1px solid #323232; margin: 0 0 10px 0; } #content span.bbp-admin-links, #content span.bbp-admin-links a, #content table a.bbp-topic-permalink, #content table a.bbp-reply-permalink, #content table.bbp-replies tr.bbp-reply-header td, #content table.bbp-topic tr.bbp-topic-header td, #content .bbp-author-ip { font-weight: normal; font-size: 11px; text-transform: none; color: #666; } #content span.bbp-admin-links a:hover { color: #999; } #content .bbp-template-notice .bbp-author-avatar, #content .bbp-forums .bbp-author-avatar, #content .bbp-topics .bbp-author-avatar, #content .bbp-template-notice .avatar, #content .bbp-forums .avatar, #content .bbp-topics .avatar { display: none; } #content #bbpress-forums div.bbp-search-form { margin-bottom: 20px; } #content .bbp-search-results h3 { font-size: 13px; } /* Topics */ #content .bbp-topic-started-by { font-weight: normal; } #content .bbp-topic-meta { font-size: 11px; line-height: 15px; margin-top: 5px; } /* Forums */ #content .bbp-forums .bbp-forum-description { font-size: 11px; line-height: 15px; margin-top: 5px; } #content p.bbp-topic-meta span { white-space: normal; } /* Replies */ #content .bbp-author-ip { line-height: 20px; font-size: 9px; } #content .bbp-reply-revision-log li { border: 0; background: none; color: #666; padding: 0 0 10px 0; } #content .bbp-replies .bbp-author-avatar img { width: 80px; height: 80px; background: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #content .bbp-replies .bbp-author-name { display: block; font-size: 11px; margin-top: 5px; } #content .form-allowed-tags { width: 100% !important; } #content p.form-allowed-tags code { overflow-y: hidden; width: 100% !important; } /* Forms */ #content .bbp-form { border: 1px solid #323232; padding: 10px 20px; clear: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .bbp-form legend { padding: 5px; } #content tbody .bbp-topic-content, #content tbody .bbp-reply-content { vertical-align: top; overflow: auto; } #content fieldset.bbp-form label, #content #container fieldset.bbp-form label, #content #wrapper fieldset.bbp-form label { width: 275px; } #content .bbp-submit-wrapper { margin: 10px 0 0 0; } #content .bbp-submit-wrapper .button.submit { font-weight: bold; font-size: 12px; padding: 8px 12px; } #content .bbp-pagination { font-size: 11px; margin-bottom: 10px; } /* Breadcrumbs */ #content .bbp-breadcrumb p { margin-bottom: 30px; } #content .bbp-breadcrumb, #content .bbp-breadcrumb a { font-size: 11px; color: #fff; } /* Tags */ #content div.bbp-topic-tags { font-size: 11px; } #content .wp_themeSkin *, #content .wp_themeSkin a:hover, #content .wp_themeSkin a:link, #content .wp_themeSkin a:visited, #content .wp_themeSkin a:active { color: #000; } #content #bbpress-forums table tr td, #content #bbpress-forums table tr th { padding: 0; } /* Widgets */ .widget .bbp-login-links { float: left; width: 100%; } .widget .bbp-login-form .bbp-username label, .widget .bbp-login-form .bbp-password label { min-width: 70px; width: auto; } .widget .bbp-login-form .bbp-submit-wrapper { float: left; } .widget .bbp-login-form .bbp-submit-wrapper button { font-size: 11px; font-weight: bold; } .widget .bbp-login-form .bbp-username input, .widget .bbp-login-form .bbp-email input, .widget .bbp-login-form .bbp-password input { padding: 7px; } .widget .bbp-login-form .bbp-login-links a { clear: none; margin: 10px 10px 0 0; } /* Alignment */ .right { float: right !important; } /***WooCommerce**/ .woocommerce .woocommerce-message { z-index: 6 } body.single-product #post-content > .product { margin: 12% auto 0; } body.product_cat-shoes .product_cat-shoes, body.single-product #post-content > .product { visibility: visible !important; opacity: 1 !important; filter: alpha(opacity="100") !important } .woocommerce-tabs.wc-tabs-wrapper { width: 45%; float: right; margin: 0 20px; } /***Related***/ .related { width: 100%; margin: 0 auto; } body.single-product #post-content .related ul { width: 100%; margin: 0 auto; white-space: nowrap; overflow: scroll } body.single-product #post-content .related ul li { width: 25%; min-height: float: none; } /***Share***/ body.woocommerce #post-content .product ul.cpsharelistpost { text-align: center; padding: 32px; margin: 0px auto -30px; box-sizing: border-box; } body.woocommerce #post-content .product ul.cpsharelistpost li a { padding: 22px; color: #333333; box-sizing: border-box; } /***Product Items***/ body.single-product ul.products li.product { min-height: 360px; } .product_meta { margin: 20px auto 30px; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price { font-weight: 500; line-height: 1; } span.amount, span.tagged_as a { color: #555; font-size: 18px; font-weight: 900; } span.amount:hover, span.tagged_as a:hover { color: #555 !important; } #reply-title { margin: 12px auto !important; } .product_cp_info { visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f7f7f7; background: rgba(247, 247, 247, 0.66); padding: 12px; box-sizing: border-box; z-index: 1; -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; } .product_cp_info_text { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body.post-type-archive-product.woocommerce ul.products li { margin: 30px auto 0; -webkit-transition: opacity .5s ease-in-out; -khtml-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } body.post-type-archive-product .woocommerce-pagination { margin: 30px auto } .woocommerce ul.products li.product:active .product_cp_info, .woocommerce ul.products li.product:focus .product_cp_info, .woocommerce ul.products li.product:hover .product_cp_info { visibility: visible; opacity: 1; } body.post-type-archive-product ul.products li { -webkit-transition: transform .3s ease-in-out; -khtml-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } body.post-type-archive-product ul.products li:active, body.post-type-archive-product ul.products li:focus, body.post-type-archive-product ul.products li:hover { -webkit-transform: scale(1.05); -khtml-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { color: #333333; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #333333; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 45%; height: 310px; max-height: initial; overflow: hidden; margin: 0 20px; clear: both; } .woocommerce div.product div.images img { margin-top: -37%; height: auto; } #shop_parallax_container { display: block; position: relative; width: 100%; height: 120px; background: #333333; clear: both; } #shop_parallax_text { display: block; position: absolute; top: 50%; left: 50%; width: 100%; font-size: 21px; text-align: center; text-transform: uppercase; color: #dddddd; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body.single-product .products ul, body.single-product ul.products { width: 40%; } .woocommerce-tabs.wc-tabs-wrapper { clear: initial !important } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { display: none } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; border-radius: 0; } .woocommerce div.product .product_title { clear: none; margin-top: 0px; padding: 0px; display: inline-block; text-indent: 0; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 45%; margin: 0 20px; } .woocommerce .quantity .qty { border: none; outline: none; margin: 20px 0; } .woocommerce div.product form.cart .button { float: none; width: 35.3%; display: block; clear: left; } .shop_landingcontainer { display: block; position: relative; overflow: hidden; } .shop_landingcontent { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shop_landing { opacity: 0; background-attachment: fixed; width: 100%; min-height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center top; } ul.shop_gridchoice { display: none; position: fixed; bottom: 0; left: 0; right: 0; opacity: 1; overflow: hidden; z-index: 0; } ul.shop_gridchoice li { display: inline; } ul.shop_gridchoice li a { display: block; float: left; font-size: 15px; color: #686868; border: solid 1px #fff; padding: 6px 12px; cursor: pointer; } ul.shop_gridchoice li a.shop_filter { float: right; letter-spacing: 5px; font-size: 12px; padding: 8px 12px; } ul.shop_gridchoice li a:hover { background: #fff; } ul.products { text-align: center; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: inline-block; position: relative; float: initial; width: 25%; padding: 12px; margin: 0 auto; vertical-align: top; } .woocommerce ul.products li.product h3 { padding: 0; margin: 0 } .woocommerce ul.products li.product .price { margin-top: 12px; margin-bottom: 0; } /***Catalog Page***/ #shop_filter { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; text-align: center; line-height: 50; width: 100%; height: 100%; background-color: #333333; background-color: rgba(29, 29, 31, .97); -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; z-index: 11; } .scrolldownbtn { z-index: 1; } #shop_filter li { margin: 0 25px; } #shop_filter li a { color: #dddddd; } #shop_filter li a:active, #shop_filter li a:focus, #shop_filter li a:hover { color: #ffffff; } ul.shop_gridchoice li div { display: block; float: left; font-size: 15px; color: #686868; border: solid 1px #fff; padding: 6px 12px; cursor: pointer; -webkit-transition: color, background, .3s ease-in-out; -khtml-transition: color, background, .3s ease-in-out; -moz-transition: color, background, .3s ease-in-out; -o-transition: color, background, .3s ease-in-out; -ms-transition: color, background, .3s ease-in-out; transition: color, background, .3s ease-in-out; } ul.shop_gridchoice li div:active, ul.shop_gridchoice li div:focus, ul.shop_gridchoice li div:hover { color: #333333; background: #ffffff; background: rgba(255, 255, 255, 0.5); } ul.shop_gridchoice li div i { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform .3s ease-in-out; -khtml-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } ul.shop_gridchoice li div:active i, ul.shop_gridchoice li div:focus i, ul.shop_gridchoice li div:hover i { -webkit-transform: scale(.7); -khtml-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .shop_one { display: block !important; float: none !important; width: 50% !important; vertical-align: top !important; } .shop_two { display: inline-block !important; float: initial !important; width: 36% !important; padding: 12px !important; vertical-align: top !important; } .shop_three { display: inline-block !important; float: initial !important; width: 25% !important; padding: 12px !important; vertical-align: top !important; } .shop_activecolumn { color: #000000 !important; background: #ffffff; } .shop_activecolumn i { -webkit-transform: scale(.7) !important; -khtml-transform: scale(.7) !important; -moz-transform: scale(.7) !important; -o-transform: scale(.7) !important; -ms-transform: scale(.7) !important; transform: scale(.7) !important; } #overlay_container, .overlay_container { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; width: 100%; height: 100%; } #closefilter { display: block; position: absolute; top: 250px; width: 100%; height: 50px; font-size: 21px; line-height: normal; color: #dddddd; cursor: pointer; } #closefilter:active, #closefilter:focus, #closefilter:hover { color: #ffffff; } ul.shop_gridchoice { left: 0 } body.leftbarsquare ul.shop_gridchoice, body.leftbarsquareroundglass ul.shop_gridchoice { left: 59px; } body.leftbarsquare.cpcustomizer_on ul.shop_gridchoice, body.leftbarsquareroundglass.cpcustomizer_on ul.shop_gridchoice, body.leftbarsquare.logged-in.cpcustomizer_on ul.shop_gridchoice, body.leftbarsquareroundglass.logged-in.cpcustomizer_on ul.shop_gridchoice { left: 0; } /***Single Product***/ .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; } /***Cart Section***/ body.woocommerce-cart .woocommerce p { width: 100%; display: block; margin: 20px auto 0 !important; clear: both; text-align: center; } body.woocommerce-cart .woocommerce { padding: 20px; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; width: 170px; background-color: #f7f7f7 !important; display: inherit; } .woocommerce .cart .button, .woocommerce .cart input.button:active, .woocommerce .cart .button, .woocommerce .cart input.button:focus, .woocommerce .cart .button, .woocommerce .cart input.button:hover { background-color: #EAEAEA; } body.woocommerce-cart span.amount { font-weight: 500; } body.wommerce-cart .cart_totals th { padding: 0px 17px 0px 0px; vertical-align: middle; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #F7F7F7; color: #333; width: 190px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #dddddd; color: #555555; } /***Coupon Code Input Text***/ .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 130px; } /***Navs***/ /* #nav ul.meganav .right ul, #nav ul.blognav .right ul { right: -6px; z-index: 1; left: initial; } */ #nav ul.meganav .right ul li, #nav ul.blognav .right ul li { text-align: right; } #nav ul.meganav li:hover #nav .sub-menu, #nav ul.meganavother li:hover #nav .sub-menu, #nav ul.blognav li:hover #nav .sub-menu, { display: inline-block; } #nav ul.meganav li:hover .threecolumn, .threecolumn:hover, #nav ul.meganav li:hover .fourcolumn, .fourcolumn:hover { z-index: 6 !important; } #nav { display: block; position: relative; top: 0; width: 1100px; max-width: 100%; height: 100%; margin: 0 auto; float: right; -webkit-transition: top .5s ease-in-out; -moz-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; -ms-transition: top .5s ease-in-out; transition: top .5s ease-in-out; } #nav ul { z-index: 1; } ul.sub-menu { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.sub-menu:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ z-index: -1; } #nav ul.sub-menu { top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nav ul.meganav, #nav ul.meganavother { display: block; margin: 0; padding: 0; list-style: 0; float: right; } #nav ul.blognav { float: none; padding: 5px 0 0 0; list-style: none } #nav ul.meganav a, #nav ul.meganavother a, #nav ul.blognav a { text-transform: uppercase; } #nav ul.meganav li, #nav ul.meganavother li, #nav ul.blognav li { display: block; position: relative; float: left; margin-left: 8px; -webkit-transition: background .45s ease; -khtml-transition: background .45s ease; -moz-transition: background .45s ease; -o-transition: background .45s ease; -ms-transition: background .45s ease; transition: background .45s ease; } #nav ul.blognav li { margin-left: 0; padding: 6px 0px; } #nav ul.blognav li:last-child { float: right; } body.blogmenu #nav ul.meganavother { float: right; } body.blogmenu .stickyheader { left: 0 !important; right: 0px !important; } body.blogmenu #logo-txt, body.blogmenu .logoimgtext a span { font-weight: bold !important } body.blogmenu .desktop-logo { margin: 0px auto; position: absolute; float: none; width: 230px; display: block; left: 0px; right: 0px; } body.blogmenu #stickynavlogo { left: 0 !important; right: 0; width: 124px; margin: 0 auto; } body.blogmenu #stickynavlogo a span { font-weight: bold; margin: -30px 30px !important; float: left; } body.blogmenu #stickynavlogo a img { margin: 0 !important; } li.avatar_link { background: transparent !important; background-color: transparent !important } #nav ul li ul li ul, #nav ul li ul li, #nav ul li ul li a { -webkit-transition: visibility 0s ease, color 1s ease, background 1s ease; -khtml-transition: visibility 0s ease, color 1s ease, background 1s ease; -moz-transition: visibility 0s ease, color 1s ease, background 1s ease; -o-transition: visibility 0s ease, color 1s ease, background 1s ease; -ms-transition: visibility 0s ease, color 1s ease, background 1s ease; transition: visibility 0s ease, color 1s ease, background 1s ease; } #nav ul li ul { -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; } #nav ul.meganav li ul li, #nav ul.meganavother li ul li, #nav ul.blognav li ul li { margin: 0; /* opacity: 0.8; filter: alpha(opacity="80"); */ } #nav ul.meganav li ul li:hover, #nav ul.meganavother li ul li:hover, #nav ul.blognav li ul li:hover { opacity: 1; filter: alpha(opacity="100"); } #nav ul.meganav li ul li:first-child, #nav ul.meganavother li ul li:first-child, #nav ul.blognav li ul li:first-child { margin-left: 0px; } #nav ul.meganav li .cart-contents { padding: 12px 12px 7px 32px !important; } #nav ul.meganav .sub-menu li, #nav ul.meganavother .sub-menu li, #nav ul.blognav .sub-menu li { min-width: 182px; padding: 3px 21px 3px 21px; white-space: nowrap; text-align: left; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #nav ul.meganav .onecolumn .sub-menu li { width: 100%; } #nav ul.meganav .threecolumn .sub-menu li, #nav ul.meganav .fourcolumn .sub-menu li { min-width: 212px; padding: 3px 0; } #nav ul.meganav .sub-menu li a .fa, #nav ul.meganavother .sub-menu li a .fa, #nav ul.blognav .sub-menu li a .fa { padding: 0px 10px 0px 0px; } #nav ul.meganav .sub-menu li .wpcf7, #nav ul.blognav .sub-menu li .wpcf7 { box-shadow: none !important; -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; } #nav ul.meganav li a, #nav ul.meganavother li a, #nav ul.meganav .menu-item-has-children:before, #nav ul.blognav .menu-item-has-children:before { display: block; color: #333; text-decoration: none; line-height: 36px; } #nav ul.meganav li a span, #nav ul.meganavother li a, #nav ul.blognav li a { padding: 0 20px } #nav ul.meganav ul.sub-menu li a, #nav ul.blognav ul.sub-menu li a { padding: 0 } #nav ul.meganav li:hover > .mega, #nav ul.meganavother li:hover > .mega, #nav ul.blognav li:hover > .mega { display: block; } #nav ul.meganav .menu-item-has-children, #nav ul.blognav .menu-item-has-children { position: relative; } #nav ul.meganav .menu-item-has-children:before, #nav ul.blognav .menu-item-has-children:before { font-family: FontAwesome; position: absolute; top: 0; right: 0; color: #fff; } #nav ul.meganav li ul li.menu-item-has-children:before, #nav ul.blognav li ul li.menu-item-has-children:before { content: '\f105'; padding-right: 10px; } ul.meganav, ul.meganavother { padding: 5px 0px 6px 12px; list-style: none; } ul.meganav ul, ul.meganavother ul, ul.blognav ul { margin: 0; padding: 0; list-style: none; position: relative; clear: left; white-space: normal; } ul.meganav ul li, ul.meganavother ul li, ul.blognav ul li { /* width: 100%; */ display: block; } ul.meganav ul li a:hover, ul.meganavother ul li a:hover, ul.blognav ul li a:hover { color: #fff; background: none; } ul.meganav ul li:first-child a:hover, ul.meganavother ul li:first-child a:hover, ul.blognav ul li:first-child a:hover { color: #fff; } #nav ul li ul li ul { top: 0px !important; left: 100% } /***TRANSITIONS DROP-DOWN***/ @-webkit-keyframes fadeInSoftlySoftly { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInSoftly { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInSoftly { -webkit-animation-name: fadeInSoftly; animation-name: fadeInSoftly; } @-webkit-keyframes fadeOutSoftly { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutSoftly { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOutSoftly { -webkit-animation-name: fadeOutSoftly; animation-name: fadeOutSoftly; } /* clearfix */ #nav ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } * html #nav ul { height: 1%; } #content { z-index: 1; position: relative; } .normal { -webkit-columns: 1 !important; -moz-columns: 1 !important; columns: 1 !important; width: 20vh !important; } .onecolumn ul.meganav ul li a, .onecolumn ul.blognav ul li a { float: none; width: auto; } .twocolumn ul.meganav ul li a, .twocolumn ul.blognav ul li a, .threecolumn ul.meganav ul li a, .threecolumn ul.blognav ul li a, .fourcolumn ul.meganav ul li a, .fourcolumn ul.blognav ul li a { float: left; height: auto; line-height: 1.3em; color: #ddd; text-decoration: none; padding: 6px 24px 10px 0px; background: transparent !important; width: 100%; } ul.meganav li > .onecolumn > .sub-menu, ul.blognav li > .onecolumn > .sub-menu { width: auto; height: auto; } ul.meganav li > .twocolumn > .sub-menu, ul.blognav li > .twocolumn > .sub-menu { height: auto; } ul.meganav li > .threecolumn > .sub-menu, ul.blognav li > .threecolumn > .sub-menu { height: auto; } ul.meganav ul, ul.meganav ul ul, ul.meganav ul ul ul, ul.meganav ul ul ul ul, ul.meganav ul ul ul ul ul, ul.blognav ul, ul.blognav ul ul, ul.blognav ul ul ul, ul.blognav ul ul ul ul, ul.blognav ul ul ul ul ul { position: absolute; } #nav ul.meganav .twocolumn .sub-menu li { padding: 0; text-align: center } ul.meganav .twocolumn > .sub-menu, ul.blognav .twocolumn > .sub-menu { width: 368px; position: absolute; right: 0 } ul.meganav .twocolumn > .sub-menu li, ul.blognav .twocolumn > .sub-menu li { width: auto; padding: 0; } ul.meganav .twocolumn > .sub-menu li a, ul.blognav .twocolumn > .sub-menu li a { display: block; padding: 0; } ul.meganav .twocolumn > .sub-menu li .sub-menu li, ul.blognav .twocolumn > .sub-menu li .sub-menu li { width: auto; float: right; } .twocolumn.right_column { right: 0; left: initial; width: 368px; } .threecolumn > .sub-menu { width: 530px; position: absolute; left: 0; } #nav .threecolumn > .sub-menu li { width: auto; text-indent: 10px; } #nav .threecolumn > .sub-menu li a { width: 100%; padding: 0; display: block; } .onecolumn, .twocolumn { display: block; visibility: hidden; opacity: 0; filter: alpha(opacity="0"); position: absolute; top: 76px; min-width: 182px; min-height: 15px; -webkit-transition: opacity, visibility, .5s ease-in-out; -khtml-transition: opacity, visibility, .5s ease-in-out; -moz-transition: opacity, visibility, .5s ease-in-out; -o-transition: opacity, visibility, .5s ease-in-out; -ms-transition: opacity, visibility, .5s ease-in-out; transition: opacity, visibility, .5s ease-in-out; z-index: 2; } #left-panel .onecolumn, #right-panel .onecolumn, #left-panel .twocolumn, #right-panel .twocolumn, #left-panel .threecolumn, #right-panel .threecolumn, #left-panel .fourcolumn, #right-panel .fourcolumn { display: block; visibility: visible; opacity: 1; filter: alpha(opacity="100"); position: relative; top: initial !important; width: 100%; height: 0px; min-height: 0px; text-align: left; margin: 0; overflow: hidden; } #left-panel .onecolumn ul.sub-menu, #right-panel .onecolumn ul.sub-menu, #left-panel .twocolumn ul.sub-menu, #right-panel .twocolumn ul.sub-menu, #left-panel .threecolumn ul.sub-menu, #right-panel .threecolumn ul.sub-menu, #left-panel .fourcolumn ul.sub-menu, #right-panel .fourcolumn ul.sub-menu { display: block !important; position: relative; } #left-panel p, #right-panel p { font-size: .7em; text-align: center; margin: 0px 12px; } .onecolumn:hover, .twocolumn:hover, .threecolumn:hover { z-index: 1 } .onecolumn ul.sub-menu, .twocolumn ul.sub-menu { position: absolute; top: 0; } .threecolumn, .fourcolumn { display: block; visibility: hidden; opacity: 0; filter: alpha(opacity="0"); width: 80%; position: fixed; left: 0; right: 0; margin: 0 auto; text-align: center; -webkit-transition: opacity, visibility, .5s ease-in-out, top .01s ease; -khtml-transition: opacity, visibility, .5s ease-in-out, top .01s ease; -moz-transition: opacity, visibility, .5s ease-in-out, top .01s ease; -o-transition: opacity, visibility, .5s ease-in-out, top .01s ease; -ms-transition: opacity, visibility, .5s ease-in-out, top .01s ease; transition: opacity, visibility, .5s ease-in-out, top .01s ease; z-index: 1; } .threecolumn:hover, .fourcolumn:hover { z-index: 3; } .threecolumn ul.sub-menu, .fourcolumn ul.sub-menu { position: relative; display: inline-block; width: 100%; } #nav ul.meganav li .threecolumn li, #nav ul.meganav li .fourcolumn li { text-align: center; } #nav .twocolumn > .sub-menu li, #nav .threecolumn > .sub-menu li, #nav .fourcolumn > .sub-menu li { display: inline-block; width: 24.7%; clear: both; float: none; vertical-align: top; background: inherit; margin: 0; overflow: hidden; z-index: 1; } #nav .threecolumn > .sub-menu li { width: 33% } #nav .twocolumn > .sub-menu li a, #nav .threecolumn > .sub-menu li a, #nav .fourcolumn > .sub-menu li a { width: initial; padding: 0; display: block; } .twocolumn ul.sub-menu, .threecolumn ul.sub-menu, .fourcolumn ul.sub-menu { position: relative; white-space: normal; left: initial !important; } #nav ul.meganav li:hover .twocolumn ul ul, #nav ul.meganav li:hover .threecolumn ul ul, #nav ul.meganav li:hover .fourcolumn ul ul { display: inline-block; visibility: visible; white-space: normal; width: initial; min-width: 182px; background: transparent; -webkit-transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; -khtml-transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; -moz-transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; -o-transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; -ms-transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; transition: opacity 1s ease-in-out, visibility 1s ease-in-out, top 0s, ease-in-out, left 0s, ease-in-out; } #nav ul.meganav li:hover .onecolumn, #nav ul.meganav li:hover .twocolumn, #nav ul.meganav li:hover .threecolumn, #nav ul.meganav li:hover .fourcolumn { visibility: visible; opacity: 1; filter: alpha(opacity="100"); } #left-panel .twocolumn ul.sub-menu, #right-panel .twocolumn ul.sub-menu { display: block; } .sub-menu button, .sub-menu input[type="text"], .sub-menu input[type="password"], .sub-menu input[type="email"], .sub-menu textarea, .sub-menu input[type="submit"] { width: 100%; padding: 5px 0px; margin: 5px auto; display: block; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .sub-menu p { margin-top: 10px; } .sub-menu .wpcf7 { width: 90%; margin: 0 auto; line-height: .6; } .notitle { display: none; } ul.meganav li ul.sub-menu, ul.meganav li ul li ul.sub-menu, ul.meganav li ul li ul li ul.sub-menu, ul.meganav li ul li ul li ul li ul.sub-menu, ul.blognav li ul.sub-menu, ul.blognav li ul li ul.sub-menu, ul.blognav li ul li ul li ul.sub-menu, ul.blognav li ul li ul li ul li ul.sub-menu { visibility: hidden; } ul.meganav li:hover ul, ul.blognav li:hover ul { visibility: visible; } ul.meganav li ul li:hover ul, ul.blognav li ul li:hover ul { visibility: visible; } ul.meganav li ul li ul li:hover ul, ul.blognav li ul li ul li:hover ul { visibility: visible; } ul.meganav li ul li ul li ul li:hover ul, ul.blognav li ul li ul li ul li:hover ul { visibility: visible; } ul.meganav li ul li ul li ul li ul li:hover ul, ul.blognav li ul li ul li ul li ul li:hover ul { visibility: visible; } #nav ul.meganav .menu-item-has-children:hover ul.meganav li ul li ul.sub-menu, #nav ul.blognav .menu-item-has-children:hover ul.blognav li ul li ul.sub-menu { display: none; } /****Sideline Menu****/ #sideLineMenu .sideLineMenuContainer { position:fixed; top:initial; right:0; width:80px; height:100%; -webkit-transition:width .3s ease-in-out, border .3s ease-in-out, transform .3s ease-in-out; -moz-transition:width .3s ease-in-out, border .3s ease-in-out, transform .3s ease-in-out; transition:width .3s ease-in-out, border .3s ease-in-out, transform .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer #navElements { height: 100vh; border-left:solid 1px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition:background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .3s ease-in-out; -moz-transition:background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .3s ease-in-out; transition:background-color .3s ease-in-out, padding .3s ease-in-out, box-shadow .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer.menuOpened #navElements { padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*Temp*/ background-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 150px rgba(255,255,255,0.9) inset; } body.sidelinemenu .wrapper { margin-left:0px; -webkit-transition: margin-left .3s ease-in-out; -moz-transition: margin-left .3s ease-in-out; transition: margin-left .3s ease-in-out; } body.sidelinemenu .wrapper.menuOpened { margin-left:-400px; } #sideLineMenu .sideLineMenuContainer.menuOpened { width:400px; max-width:100%; } #openMenu { cursor:pointer; } #menuTopInfo { visibility:hidden; opacity:0; position:aboslute; top:50%; left:50%; height:0; text-align:left; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer.menuOpened #menuTopInfo { visibility:visible; opacity:1; } #sideLineMenu .sideLineMenuContainer ul li:not(.fadeInRight) { position:relative; width:100%; text-align:center; padding:20px; box-sizing:border-box; border-bottom:solid 1px; clear:both; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, width .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, width .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, width .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer ul li { display:block; } #sideLineMenu .sideLineMenuContainer ul li a { -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer ul li { cursor:pointer; } #nav.sideLineMenuContainer ul li:hover ul { display:block; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#openSearch { pointer-events:none; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#openSearch a { visibility:hidden; opacity:0; } #openSearch > a { position: relative; z-index: -1; } #goToTop { display:block; position: relative; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; pointer:cursor; } #hiddenHorizontalText { visibility:hidden; opacity:0; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer ul li i { -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#openMenu #menuIcon { visibility:hidden; opacity:0; } #openMenu > a, #openLogin > a { display: block; position: relative; margin: 0; z-index: -1; } #openLogin_container > a { display: block; position: relative; margin: 0; } .menuOpened #openLogin a, .menuOpened #openLogin_container a { display: block; position: relative; padding:10px; box-sizing:border-box; margin: 0; } #sideLineMenu .sideLineMenuContainer ul li#openMenu #closeMenuIcon { visibility:hidden; opacity:0; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 100%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li #loginIcon { visibility:hidden; opacity:0; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 100%; text-align: right; box-sizing: border-box; -webkit-transition: visibility .1s ease-in-out, opacity .1s ease-in-out; -moz-transition: visibility .1s ease-in-out, opacity .1s ease-in-out; transition: visibility .1s ease-in-out, opacity .1s ease-in-out; } #sideLineMenu .sideLineMenuContainer ul li #loginFloatIcon { visibility:hidden; opacity:0; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 100%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li #loginFloatIcon { visibility:visible; opacity:1; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#openMenu #closeMenuIcon { visibility:visible; opacity:1; } #sideLineMenu .sideLineMenuContainer ul li#openSearch #hiddenHorizontalText { visibility:hidden; opacity:0; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: initial; text-transform:uppercase; text-align: center; white-space:nowrap; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#openSearch #hiddenHorizontalText { visibility:visible; opacity:1; } #sideLineMenu .sideLineMenuContainer ul li#verticalText { position: absolute; top: 56%; left: 0px; width: 100%; white-space: nowrap; border: none; padding: 0; text-transform:uppercase; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); z-index: -1; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#verticalText { visibility:hidden; opacity:0; } #socialMenu { visibility:hidden; opacity:0; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 400px; height: 16px; overflow:hidden; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer.menuOpened #socialMenu { visibility: visible; opacity: 1; } #sideLineMenu .sideLineMenuContainer.menuOpened #socialMenu li { opacity:0; display:inline; padding: 17px; } #sideLineMenu .sideLineMenuContainer.menuOpened #socialMenu li a { font-size:12px; } #sideLineMenu .sideLineMenuContainer ul li#goToTop_container { visibility:hidden; opacity:0; filter:alpha(opacity="0"); position:absolute; bottom:0; width: 100%; padding:0; border-bottom:initial; border-top:solid 1px; -webkit-transition: visibility .1s ease-in-out, opacity .1s ease-in-out, bottom .1s ease-in-out; -moz-transition: visibility .1s ease-in-out, opacity .1s ease-in-out, bottom .1s ease-in-out; transition: visibility .1s ease-in-out, opacity .1s ease-in-out, bottom .1s ease-in-out; } #sideLineMenu.cp_scrolled_down .sideLineMenuContainer ul li#goToTop_container, #sideLineMenu .sideLineMenuContainer.menuOpened ul li#goToTop_container { visibility:visible; opacity:1; filter:alpha(opacity="100"); -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, bottom .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, bottom .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, bottom .3s ease-in-out; } body.logged-in #sideLineMenu .sideLineMenuContainer ul li#goToTop_container { bottom:32px; } body.endOfDocument #sideLineMenu.cp_scrolled_down .sideLineMenuContainer ul li#goToTop_container, body.endOfDocument #sideLineMenu .sideLineMenuContainer.menuOpened ul li#goToTop_container { bottom:45px; } body.logged-in.endOfDocument #sideLineMenu.cp_scrolled_down .sideLineMenuContainer ul li#goToTop_container, body.logged-in.endOfDocument #sideLineMenu .sideLineMenuContainer.menuOpened ul li#goToTop_container { bottom:72px; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#goToTop_container { width: initial; } #sideLineMenu .sideLineMenuContainer.menuOpened ul li#goToTop_container { width: 374px; max-width: 100%; } #sideLineMenu .sideLineMenuContainer.menuOpened ul #goToTop { visibility:hidden; opacity:0; } #sideLineMenu .sideLineMenuContainer #mainMenu { visibility:hidden; opacity:0; margin:50px auto 0; height: 53vh; overflow-y: scroll; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out; } #sideLineMenu .sideLineMenuContainer.menuOpened #mainMenu { visibility:visible; opacity:1; } #sideLineMenu .sideLineMenuContainer #mainMenu li { opacity:0; border-bottom:solid 1px; } #sideLineMenu .sideLineMenuContainer #mainMenu li a { display: block; width: 100%; text-align:left; padding: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; text-decoration: none; } ul.subMenu { visibility: hidden; opacity: 0; height: 0; overflow: hidden; -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, height .3s ease-in-out; -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, height .3s ease-in-out; transition:visibility .3s ease-in-out, opacity .3s ease-in-out, height .3s ease-in-out; } #mainMenu li ul li ul.subMenu { height: 0px; overflow:hidden; } #mainMenu li ul li ul.subMenu.dropDown, ul.subMenu.dropDown { visibility: visible; opacity: 1; height: 100%; overflow:visible; } #sideLineMenu .sideLineMenuContainer #mainMenu li.menu-item-has-children ul li { visibility:visible; opacity:1; border-top: solid 1px; border-bottom: none; text-indent:80px; padding: 0px; } #sideLineMenu .sideLineMenuContainer #mainMenu li.menu-item-has-children ul li ul li { text-indent: 140px; } #sideLineMenu .sideLineMenuContainer #mainMenu li.menu-item-has-children ul li ul li { padding: 10px 0; line-height: normal; } #sideLineMenu .sideLineMenuContainer #mainMenu li.menu-item-has-children ul li ul li:first-child { border-top: none; } #sideLineMenu .sideLineMenuContainer #mainMenu li.menu-item-has-children ul li ul li:last-child { border-bottom: solid 1px; float: left; padding: 5px 0; } #sideLineMenu .sideLineMenuContainer #mainMenu li ul li a { display: block; width: 100%; float: left; padding: 20px 0; } .dropDownList { position: absolute; top: 0; right: 0; padding: 24px 20px; font-size: 14px; text-align: center; text-indent: initial; cursor: pointer; -webkit-animation:initial; animation:initial; z-index: 2; } .menuOpened .dropDownList { -webkit-animation:fadeIn 1s .5s ease-in forwards; animation:fadeIn 1s .5s ease-in forwards; } .dropDownList.down i { -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); transform:rotate(-180deg); } #navElements .fadeInRight { -webkit-animation:fadeInRight .5s ease-in forwards; animation:fadeInRight .5s ease-in forwards; } @media only screen and (max-height:650px){ #sideLineMenu .sideLineMenuContainer #mainMenu { height:32vh; } #sideLineMenu .sideLineMenuContainer ul li#verticalText { top:60%; } } @media only screen and (max-height:350px){ #sideLineMenu .sideLineMenuContainer #mainMenu { height:20vh; } } /*****Button****/ .button-shortcode { background-color: #999; background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 0%, .1)); background-image: -moz-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 0%, .1)); background-image: -ms-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 0%, .1)); background-image: -o-linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 0%, .1)); background-image: linear-gradient(hsla(0, 0%, 100%, .05), hsla(0, 0%, 0%, .1)); border-radius: .5em; border: none; color: #444; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 1em; font-weight: normal; line-height: 1.5; padding: .5em 1.5em .75em; position: relative; text-decoration: none; text-shadow: 0 1px 1px hsla(0, 0%, 100%, .25); vertical-align: middle; transition: All .35s ease; -webkit-transition: All .35s ease; -khtml-transition: All .35s ease; -moz-transition: All .35s ease; -o-transition: All .35s ease; -ms-transition: All .35s ease; box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); -khtml-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); -moz-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); -o-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); -ms-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), 0 .25em .25em hsla(0, 0%, 0%, .1); } .button-shortcode:hover { outline: none; } .button-shortcode:hover, .button-shortcode:focus { box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); -khtml-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); -moz-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); -o-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); -ms-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.2em 0 hsla(0, 0%, 100%, .1), inset 0 -.25em 0 hsla(0, 0%, 0%, .5), inset 0 0 0 3em hsla(0, 0%, 100%, .2), 0 .25em .25em hsla(0, 0%, 0%, .1); } .button-shortcode:active { margin-top: .25em; outline: none; padding-bottom: .5em; box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); -khtml-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); -moz-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); -o-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); -ms-box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .25), inset 0 2px 0 hsla(0, 0%, 100%, .1), inset 0 1.2em 0 hsla(0, 0%, 100%, .1), inset 0 0 0 3em hsla(0, 0%, 100%, .2), inset 0 .25em .5em hsla(0, 0%, 0%, .05), 0 -1px 1px hsla(0, 0%, 0%, .1), 0 1px 1px hsla(0, 0%, 100%, .25); } .Inner-Shadow { -webit-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -khtml-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -moz-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -o-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -ms-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; } .Outer-Shadow { -webit-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; -khtml-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; -o-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; -ms-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) !important; } .Inner-Outer-Shadow { -webit-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -khtml-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -moz-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -o-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; -ms-box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important; box-shadow: 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3), 0em 0em 2.12em 0em rgba(0, 0, 0, 0.3) inset !important } .item.Inner-Shadow { -webit-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -khtml-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -moz-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -o-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -ms-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; } .item.Outer-Shadow { -webit-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; -khtml-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; -o-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; -ms-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) !important; } .item.Inner-Outer-Shadow { -webit-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -khtml-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -moz-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -o-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; -ms-box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important; box-shadow: 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2), 0em 0em 1.12em 0em rgba(0, 0, 0, 0.2) inset !important } .Text-Inner-Shadow { text-shadow: -.01em -.01em 0em rgba(255, 255, 255, 0.3), .01em .01em 0em rgba(0, 0, 0, 0.8) !important; } .Text-Outer-Shadow { text-shadow: 0em 0em .1em rgba(0, 0, 0, 0.8) !important; } .Text-Inner-Outer-Shadow { text-shadow: .01em .01em .01em rgba(0, 0, 0, 0.8), -.01em -.01em 0em rgba(255, 255, 255, 0.3), .01em .01em 0em rgba(0, 0, 0, 0.8), 0em 0em .3em rgba(0, 0, 0, 0.5) !important; } .Icon-Inner-Shadow { box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -webit-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -khtml-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -moz-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -o-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -ms-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; } .Icon-Outer-Shadow { box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; -webit-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; -khtml-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; -o-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; -ms-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5) !important; } .Icon-Inner-Outer-Shadow { box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -webit-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -khtml-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -moz-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -o-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; -ms-box-shadow: 0em 0em .2em rgba(0, 0, 0, 0.5), 0em 0em .2em rgba(0, 0, 0, 0.8) inset !important; } /***Charts***/ .cpchart { text-align: center; margin: 40px 0px 40px 0px; clear: both; } .cpchart .chart_title, .cpchart .caption { text-align: center; font-size: 12px; margin: 12px auto; } /*Blur*/ .Blur:not(.cpcarousel), .blurHover:hover .image_parent_container { filter: url(#effect-blur-1); filter: url("data:image/svg+xml;utf8,#effect-blur-1"); -webkit-transition: -webkit-filter 1s ease-in-out; -khtml-transition: -khtml-filter 1s ease-in-out; -moz-transition: -moz-filter 1s ease-in-out; -o-transition: -o-filter 1s ease-in-out; -ms-transition: -ms-filter 1s ease-in-out; transition: -webkit-filter 1s ease-in-out; -webkit-filter: blur(9px); -khtml-filter: blur(9px); -moz-filter: blur(9px); -o-filter: blur(9px); -ms-filter: blur(9px); filter: blur(9px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='9'); *filter: blur(add 0, direction 0, strength 9); } /*Brightness*/ .Brightness:not(.cpcarousel) { filter: brightness(100%); -webkit-filter: brightness(130%); -khtml-filter: brightness(130%); -moz-filter: brightness(130%); -o-filter: brightness(130%); -ms-filter: brightness(130%); } /*Contrast*/ .Contrast:not(.cpcarousel) { filter: contrast(100%); -webkit-filter: contrast(130%); -khtml-filter: contrast(130%); -moz-filter: contrast(130%); -o-filter: contrast(130%); -ms-filter: contrast(130%); } /*Dim*/ .Dim:not(.cpcarousel) { filter: brightness(50%); -webkit-filter: brightness(50%); -khtml-filter: brightness(50%); -moz-filter: brightness(50%); -o-filter: brightness(50%); -ms-filter: brightness(50%); } /*Grayscale*/ .Grayscale:not(.cpcarousel) { filter: grayscale(100%); -webkit-filter: grayscale(100%); -khtml-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); *filter: gray; } ul.cpcarousel.Grayscale li { filter: grayscale(100%); -webkit-filter: grayscale(100%); -khtml-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); *filter: gray; } /*Hue*/ .Hue:not(.cpcarousel) { filter: hue-rotate(200deg); -webkit-filter: hue-rotate(200deg); -khtml-filter: hue-rotate(200deg); -moz-filter: hue-rotate(200deg); -o-filter: hue-rotate(200deg); -ms-filter: hue-rotate(200deg); } /*Invert*/ .Invert:not(.cpcarousel) { *filter: xray; filter: invert(100%); -webkit-filter: invert(100%); -khtml-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); } /*Saturate*/ .Saturate:not(.cpcarousel) { filter: saturate(10); -webkit-filter: saturate(10); -khtml-filter: saturate(10); -moz-filter: saturate(10); -o-filter: saturate(10); -ms-filter: saturate(10); } /*Sepia*/ .Sepia:not(.cpcarousel) { filter: sepia(100%); -webkit-filter: sepia(100%); -khtml-filter: sepia(100%); -moz-filter: sepia(100%); -o-filter: sepia(100%); -ms-filter: sepia(100%); } /* Bizarre */ #cpbutton.Bizarre { border-radius: 2em 0 2em 0 !important; -webkit-border-radius: 2em 0 2em 0 !important; -khtml-border-radius: 2em 0 2em 0 !important; -moz-border-radius: 2em 0 2em 0 !important; -o-border-radius: 2em 0 2em 0 !important; -ms-border-radius: 2em 0 2em 0 !important; } .Bizarre { border-radius: 30px 0 30px 0 !important; -webkit-border-radius: 30px 0 30px 0 !important; -khtml-border-radius: 30px 0 30px 0 !important; -moz-border-radius: 30px 0 30px 0 !important; -o-border-radius: 30px 0 30px 0 !important; -ms-border-radius: 30px 0 30px 0 !important; } /* Bizarre-Reverse */ #cpbutton.Bizarre-Reverse { -webkit-border-radius: 0 2em 0 2em !important; -khtml-border-radius: 0 2em 0 2em !important; -moz-border-radius: 0 2em 0 2em !important; -o-border-radius: 0 2em 0 2em !important; -ms-border-radius: 0 2em 0 2em !important; border-radius: 0 2em 0 2em !important; } .Bizarre-Reverse { -webkit-border-radius: 0 30px 0 30px !important; -khtml-border-radius: 0 30px 0 30px !important; -moz-border-radius: 0 30px 0 30px !important; -o-border-radius: 0 30px 0 30px !important; -ms-border-radius: 0 30px 0 30px !important; border-radius: 0 30px 0 30px !important; } /* Circle */ .Circle, .flipbox.Circle .front, .flipbox.Circle .back, ul.success_stories.Circle img { border-radius: 100% !important; -webkit-border-radius: 100% !important; -khtml-border-radius: 100% !important; -moz-border-radius: 100% !important; -o-border-radius: 100% !important; -ms-border-radius: 100% !important; } /* Circle Half*/ .Circle-Half, .flipbox.Circle-Half .front, .flipbox.Circle-Half .back, ul.success_stories.Circle-Half img { border-radius: 100% 100% 0% 0% !important; -webkit-border-radius: 100% 100% 0% 0% !important; -khtml-border-radius: 100% 100% 0% 0% !important; -moz-border-radius: 100% 100% 0% 0% !important; -o-border-radius: 100% 100% 0% 0% !important; -ms-border-radius: 100% 100% 0% 0% !important; } /* Circle Half Reverse*/ .Circle-Half-Reverse, .flipbox.Circle-Half-Reverse .front, .flipbox.Circle-Half-Reverse .back, ul.success_stories.Circle-Half-Reverse img { border-radius: 0% 0% 100% 100% !important; -webkit-border-radius: 0% 0% 100% 100% !important; -khtml-border-radius: 0% 0% 100% 100% !important; -moz-border-radius: 0% 0% 100% 100% !important; -o-border-radius: 0% 0% 100% 100% !important; -ms-border-radius: 0% 0% 100% 100% !important; } /* Pill */ .Pill, .flipbox.Pill .front, .flipbox.Pill .back { border-radius: 10em !important; -webkit-border-radius: 10em !important; -khtml-border-radius: 10em !important; -moz-border-radius: 10em !important; -o-border-radius: 10em !important; -ms-border-radius: 10em !important; } /* Rounder Pill */ .Rounder-Pill, .flipbox.Rounder-Pill .front, .flipbox.Rounder-Pill .back, ul.success_stories.Rounder-Pill img { border-radius: 20em !important; -webkit-border-radius: 20em !important; -khtml-border-radius: 20em !important; -moz-border-radius: 20em !important; -o-border-radius: 20em !important; -ms-border-radius: 20em !important; } /* Pill Left */ .Pill-Left, .flipbox.Pill-Left .front, .flipbox.Pill-Left .back, ul.success_stories.Pill-Left img { border-radius: 10em 0 0 10em !important; -webkit-border-radius: 10em 0 0 10em !important; -khtml-border-radius: 10em 0 0 10em !important; -moz-border-radius: 10em 0 0 10em !important; -o-border-radius: 10em 0 0 10em !important; -ms-border-radius: 10em 0 0 10em !important; } /* Pill Right */ .Pill-Right, .flipbox.Pill-Right .front, .flipbox.Pill-Right .back, ul.success_stories.Pill-Right img { border-radius: 0 10em 10em 0 !important; -webkit-border-radius: 0 10em 10em 0 !important; -khtml-border-radius: 0 10em 10em 0 !important; -moz-border-radius: 0 10em 10em 0 !important; -o-border-radius: 0 10em 10em 0 !important; -ms-border-radius: 0 10em 10em 0 !important; } /* Round */ #cpbutton.Round { border-radius: 1em !important; -webkit-border-radius: 1em !important; -khtml-border-radius: 1em !important; -moz-border-radius: 1em !important; -o-border-radius: 1em !important; -ms-border-radius: 1em !important; } .Round, .flipbox.Round .front, .flipbox.Round .back, ul.success_stories.Round img { border-radius: 20px !important; -webkit-border-radius: 20px !important; -khtml-border-radius: 20px !important; -moz-border-radius: 20px !important; -o-border-radius: 20px !important; -ms-border-radius: 20px !important; } /* Round-Half */ #cpbutton.Round-Half { border-radius: 1em 1em 0 0 !important; -webkit-border-radius: 1em 1em 0 0 !important; -khtml-border-radius: 1em 1em 0 0 !important; -moz-border-radius: 1em 1em 0 0 !important; -o-border-radius: 1em 1em 0 0 !important; -ms-border-radius: 1em 1em 0 0 !important; } .Round-Half, .flipbox.Round-Half .front, .flipbox.Round-Half .back, ul.success_stories.Round-Half img { border-radius: 20px 20px 0 0 !important; -webkit-border-radius: 20px 20px 0 0 !important; -khtml-border-radius: 20px 20px 0 0 !important; -moz-border-radius: 20px 20px 0 0 !important; -o-border-radius: 20px 20px 0 0 !important; -ms-border-radius: 20px 20px 0 0 !important; } /* Round-Half-Reverse */ #cpbutton.Round-Half-Reverse { border-radius: 0 0 1em 1em !important; -webkit-border-radius: 0 0 1em 1em !important; -khtml-border-radius: 0 0 1em 1em !important; -moz-border-radius: 0 0 1em 1em !important; -o-border-radius: 0 0 1em 1em !important; -ms-border-radius: 0 0 1em 1em !important; } .Round-Half-Reverse, .flipbox.Round-Half-Reverse .front, .flipbox.Round-Half-Reverse .back, ul.success_stories.Round-Half-Reverse img { border-radius: 0 0 20px 20px !important; -webkit-border-radius: 0 0 20px 20px !important; -khtml-border-radius: 0 0 20px 20px !important; -moz-border-radius: 0 0 20px 20px !important; -o-border-radius: 0 0 20px 20px !important; -ms-border-radius: 0 0 20px 20px !important; } /* Semi-Round */ #cpbutton.Semi-Round { border-radius: .3em !important; -webkit-border-radius: .3em !important; -khtml-border-radius: .3em !important; -moz-border-radius: .3em !important; -o-border-radius: .3em !important; -ms-border-radius: .3em !important; } .Semi-Round, .flipbox.Semi-Round .front, .flipbox.Semi-Round .back, ul.success_stories.Semi-Round img { border-radius: 5px !important; -webkit-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; } /* Semi-Round-Half */ #cpbutton.Semi-Round-Half { border-radius: .3em .3em 0 0 !important; -webkit-border-radius: .3em .3em 0 0 !important; -khtml-border-radius: .3em .3em 0 0 !important; -moz-border-radius: .3em .3em 0 0 !important; -o-border-radius: .3em .3em 0 0 !important; -ms-border-radius: .3em .3em 0 0 !important; } .Semi-Round-Half, .flipbox.Semi-Round-Half .front, .flipbox.Semi-Round-Half .back, ul.success_stories.Semi-Round-Half img { border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -o-border-radius: 5px 5px 0 0 !important; -ms-border-radius: 5px 5px 0 0 !important; } /* Semi-Round-Half-Reverse */ #cpbutton.Semi-Round-Half-Reverse { border-radius: 0 0 .3em .3em !important; -webkit-border-radius: 0 0 .3em .3em !important; -khtml-border-radius: 0 0 .3em .3em !important; -moz-border-radius: 0 0 .3em .3em !important; -o-border-radius: 0 0 .3em .3em !important; -ms-border-radius: 0 0 .3em .3em !important; } .Semi-Round-Half-Reverse, .flipbox.Semi-Round-Half-Reverse .front, .flipbox.Semi-Round-Half-Reverse .back, ul.success_stories.Semi-Round-Half-Reverse img { border-radius: 0 0 5px 5px !important; -webkit-border-radius: 0 0 5px 5px !important; -khtml-border-radius: 0 0 5px 5px !important; -moz-border-radius: 0 0 5px 5px !important; -o-border-radius: 0 0 5px 5px !important; -ms-border-radius: 0 0 5px 5px !important; } /* Square */ .Square { border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important; } .No-Text-Shadow { text-shadow: none !important; } .cpflipbox.No-Text-Shadow .flipcontainer .flipbox .face .frontcontent, .cpflipbox.No-Text-Shadow .flipcontainer .flipbox .face .backcontent { text-shadow: none !important; } .No-Box-Shadow { -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } /*******Counter*******/ .countercontainer { position: relative; width: 100%; height: 10vh; display: block; margin: 40px 0px 60px 0px; clear: both; } .counter { position: relative; padding: 20px 0; text-align: center; animation-duration: 1s; -webkit-animation-duration: 1s; -khtml-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; } .countercontainer .caption { animation-duration: 1s; -webkit-animation-duration: 1s; -khtml-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; color: #333333; text-align: center; position: relative; } /*****Buddypress****/ /***Navigation***/ /* Primary Item Tabs */ #item-header-avatar a { color: #333333; } #item-header-avatar a:hover { color: #555555; } #latest-update a { color: #333333; } #latest-update a:hover { color: #555555; } .bp-wrapper div.item-list-tabs { margin: 0; padding: 0; overflow: hidden; clear: both; position: relative; } .bp-wrapper div.item-list-tabs ul { list-style: none; background-image: none; margin: 0; padding: 0; line-height: 200%; } .bp-wrapper div.item-list-tabs ul li { float: left; margin: 0; padding: 0; position: relative; list-style-type: none; background-image: none; background: #555; border-right: solid 1px; } .bp-wrapper div.item-list-tabs ul li.selected { z-index: 3; background-color: #333333; } .bp-wrapper div.item-list-tabs ul li a, .bp-wrapper div.item-list-tabs ul li span { padding: 10px; height: 15px; line-height: 12px; display: block; margin: 0; font-weight: bold; color: #fff; } .bp-wrapper div.item-list-tabs ul li a:hover { color: #218df3; } .bp-wrapper div.item-list-tabs ul li a span { display: inline; font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 3px; padding: 3px 5px; color: #fff; background: #666; color: #000; font-weight: bold; } .bp-wrapper div.item-list-tabs ul li a:hover span, .bp-wrapper div.item-list-tabs ul li.selected span { background: #999; } .bp-wrapper div.item-list-tabs ul li.last { float: right; } .bp-wrapper ul li.loading a { background-image: url(lib/images/loader.gif); background-position: 94% 50%; background-repeat: no-repeat; padding-right: 32px !important; } /* Sub Navigation Tabs */ .bp-wrapper div.item-list-tabs#subnav { padding: 5px 10px; margin: 0 0 30px 0; background: #323232; border: 0; position: relative; z-index: 1; } .bp-wrapper div.item-list-tabs#subnav ul li { margin: 0; padding: 0; border-width: 0; background: none; } .bp-wrapper div.item-list-tabs#subnav ul li a, .bp-wrapper div.messages-options-nav a { padding: 5px 15px 5px 0; font-size: 11px; } .bp-wrapper div.item-list-tabs#subnav ul li select { position: relative; width: initial; margin: 0; padding: 6px 8px 6px 10px; height: 28px; line-height: 14px; font-size: 12px; color: #62717a; text-shadow: 0 1px white; background: #f2f2f2; background: rgba(255, 255, 255, 0.8) !important; border: 0; border-radius: 0; text-shadow: none; outline: none; } .bp-wrapper div#subnav.item-list-tabs ul li.feed a { display: block; line-height: 1; padding: 3px 5px 0 5px; margin-top: 3px; color: #fff; border-top: 1px solid #f0a33e; background-color: #ee8600; background-image: -moz-linear-gradient(#ee8600, #b25f0f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee8600), to(#b25f0f)); background-image: -webkit-linear-gradient(#ee8600, #b25f0f); background-image: -o-linear-gradient(#ee8600, #b25f0f); background-image: -ms-linear-gradient(#ee8600, #b25f0f); -pie-background: linear-gradient(#ee8600, #b25f0f); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .bp-wrapper div#subnav.item-list-tabs ul li.feed a:hover { background: #b25f0f; } /*************************** Item Header ***************************/ .bp-wrapper #item-header { padding: 5px 0 15px 5px; overflow: hidden; } .bp-wrapper #item-header div#item-actions { float: right; width: 20%; margin: 0 0 15px 15px; text-align: right; } #item-header-avatar .avatar { width: 120px; height: 120px; } .bp-wrapper #item-header img.avatar { float: left; margin: 12px 0 20px 20px; } .bp-wrapper div#item-header h2 { font-family: 'Lato', sans-serif; font-size: 24px; line-height: 24px; color: #000; margin-bottom: 10px; } .bp-wrapper div#item-header h2 a { color: #fff; } .bp-wrapper div#item-header div#item-actions h3 { font-size: 12px; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; margin-bottom: 10px; } .bp-wrapper #item-header #item-header-content { margin-left: 180px; float: left; } .bp-wrapper #item-header ul img.avatar, .bp-wrapper #item-header ul.avatars img.avatar { height: 30px; margin: 2px; width: 30px; border: 0; } .bp-wrapper #item-header ul { margin-bottom: 15px; overflow: hidden; } .bp-wrapper #item-header ul li { float: right; list-style: none; background-image: none; padding: 3px 0; margin: 0; } .bp-wrapper span.highlight, .bp-wrapper .user-nicename { font-size: 11px; background: none !important; border: 0; margin: 0; padding: 0 10px 0 0; color: #808080; } .bp-wrapper #item-header #item-header-content .activity, .bp-wrapper span.activity { padding: 2px 8px; line-height: 1; color: #333; background-color: #dddddd; opacity: 1; display: inline-block; font-size: 11px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: normal; margin-top: 3px; text-decoration: none; } .bp-wrapper #item-header #latest-update, .bp-wrapper #item-header #item-meta { line-height: 19px; margin: 10px 0 12px 0; } .bp-wrapper #item-header #item-buttons .generic-button { float: left; margin: 0 4px 4px 0; } .bp-wrapper .dir-form div.dir-search { float: right; width: auto; margin: -45px 0 15px 0; width: auto; line-height: 33px; } .bp-wrapper .dir-form div.dir-search input[type="text"] { margin-right: 5px; width: 120px; } .bp-wrapper .dir-form h3 { font-family: 'Lato', sans-serif; font-size: 24px; line-height: 24px; } /*************************** Lists ***************************/ .bp-wrapper ul.item-list { width: 100%; border-bottom: 1px solid #E7E7E7; } #members-list { padding: 12px 0; } .bp-wrapper ul.item-list li { list-style-type: none; background-image: none; margin: 0; } .bp-wrapper ul.item-list .item, .bp-wrapper li .admin-links, .bp-wrapper .item-list .activity-content, .bp-wrapper .post-content { margin-left: 50px; } .bp-wrapper ul#topic-post-list.item-list .post-content { margin-left: 45px; } .bp-wrapper .item-list .ac-form { display: none; margin: 15px 0 0 25px; } .bp-wrapper .item-list .avatar, .bp-wrapper .activity-comments form div.ac-reply-avatar { float: left; } .bp-wrapper .post-content, .bp-wrapper .item-list .activity-content .activity-inner { margin-bottom: 10px; } .bp-wrapper .item-list .activity-content .activity-inner p { overflow: hidden; } .bp-wrapper ul.item-list > li:first-child, .bp-wrapper .item-list li, .bp-wrapper .item-list li.mini { position: relative; overflow: hidden; padding: 15px; background: #333; } .bp-wrapper .widget ul.item-list li.has-comments { padding-bottom: 12px; } .bp-wrapper .item-list .activity-header a:first-child, .bp-wrapper .item-list .activity-header a:hover:first-child { background: none !important; border: 0; padding: 0; margin: 0; } .bp-wrapper div.poster-meta, .bp-wrapper .item-list .activity-content .activity-header, .bp-wrapper .item-list .activity-content .comment-header { color: #808080; font-size: 11px; } .bp-wrapper div.poster-meta, .bp-wrapper .item-list .activity-content .activity-header p, .bp-wrapper .item-list .activity-content .comment-header p { margin-bottom: 5px; } .bp-wrapper .item-list li div.activity-inreplyto { margin: 0 0 10px 5px; padding: 0 0 0 25px; color: #666; background: url(../../../plugins/buddypress/bp-themes/bp-default/_inc/images/replyto_arrow.gif) no-repeat 7px 0; font-size: 11px; line-height: 19px; } .bp-wrapper #whats-new-content, .bp-wrapper div.activity-comments form div.ac-reply-content { padding: 12px; font-size: 12px } .bp-wrapper div.activity-comments form .ac-textarea, .bp-wrapper #whats-new-textarea { width: 90%; padding: 7px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e7e7e7; background: #ffffff } .bp-wrapper .activity-comments form textarea, .bp-wrapper #whats-new { width: 100%; height: 50px; font-size: 12px; font-family: inherit; color: #333333; color: rgba(37, 37, 37, 0.7); background: none; border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bp-wrapper div.activity-comments form input { margin-top: 5px; margin-bottom: 3px; } .bp-wrapper div.activity-comments ul { background: none; } .bp-wrapper div.activity-comments li { background: none !important; border: 0 !important; } .bp-wrapper div.activity-comments ul li:last-child { padding-bottom: 0; } .bp-wrapper div.activity-comments div.acomment-avatar img { float: left; } .bp-wrapper div.activity-comments div.acomment-content { font-size: 11px; margin-left: 39px; margin-top: 5px; } .bp-wrapper div.activity-comments ul li p:last-child { margin-bottom: 10px; } .bp-wrapper div.activity-comments .acomment-options { margin-left: 39px; height: 20px; margin-bottom: 3px; } .bp-wrapper form#whats-new-form h5 { margin: 0 0 10px 40px; padding-left: 10px; font-size: 20px; } .bp-wrapper #item-body form#whats-new-form { padding-bottom: 70px; } #aw-whats-new-submit { border: solid 1px #e7e7e7; } .bp-wrapper #whats-new-avatar, .bp-wrapper .item-list div.activity-avatar { float: left; padding: 0; line-height: 0; } .bp-wrapper div.activity-comments div.acomment-meta { font-size: 11px; line-height: 1; } .messages.bp-wrapper .avatar, .bp-wrapper .thread-avatar .avatar, .item-list li .avatar, .bp-wrapper #whats-new-avatar .avatar, .bp-wrapper .item-list div.activity-avatar img { float: left; width: 35px; height: 35px; margin: 0 10px 0 0; } .ac-reply-avatar img.avatar, .bp-wrapper .item-list li ul li img.avatar { float: left; width: 20px; height: 20px; padding: 3px; margin: 0 10px 0 0; } .ac-reply-avatar { padding-left: 20px; } .bp-wrapper #whats-new-options { height: 0; overflow: hidden; float: left; width: 100%; margin: 10px 0; } .bp-wrapper #whats-new-post-in-box { float: left; } #new-submit, #whats-new-submit { float: right; margin: 3px 3px 0 0; } .widget #whats-new-options select { max-width: 110px; } .activity-read-more { margin-left: 5px; } .bp-wrapper a.loading { background-image: url(lib/images/loader.gif); background-position: 95% 50%; background-repeat: no-repeat; padding-right: 25px; } /*************************** Buttons ***************************/ .bp-wrapper a.button, .button.submit, .bp-wrapper .generic-button a, .bp-wrapper ul.button-nav li a, .bp-wrapper .item-list a.button, .bp-wrapper .item-list .activity-meta a, .bp-wrapper .item-list .acomment-options a, .bp-wrapper .activity-meta a:hover span, .widget .item-options a { cursor: pointer; font-family: Helvetica Neue, Arial, sans-serif; font-size: 9px; font-weight: normal; line-height: 1; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; border: 1px solid #d6d6d6; background-color: #fefefe; background-image: -moz-linear-gradient(#fefefe, #f2f2f2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f2f2f2)); background-image: -webkit-linear-gradient(#fefefe, #f2f2f2); background-image: -o-linear-gradient(#fefefe, #f2f2f2); background-image: -ms-linear-gradient(#fefefe, #f2f2f2); -pie-background: linear-gradient(#fefefe, #f2f2f2); } .bp-wrapper a.button:hover, .button.submit:hover, .bp-wrapper .generic-button a:hover, .bp-wrapper ul.button-nav li a:hover, .bp-wrapper .item-list a.button:hover, .bp-wrapper .item-list .activity-meta a:hover, .bp-wrapper .item-list .acomment-options a:hover, .bp-wrapper .acomment-options a:hover, .bp-wrapper .activity-meta a span, .widget .item-options a:hover, .widget .item-options a.selected { border: 1px solid #d6d6d6; background-color: #eee; background-image: -moz-linear-gradient(#eee, #fefefe); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fefefe)); background-image: -webkit-linear-gradient(#eee, #fefefe); background-image: -o-linear-gradient(#eee, #fefefe); background-image: -ms-linear-gradient(#eee, #fefefe); -pie-background: linear-gradient(#eee, #fefefe); } .bp-wrapper .item-list .activity-meta a span, .bp-wrapper .item-list .activity-meta a:hover span { display: inline; background-color: #ccc; background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 3px; padding: 0 3px; } .widget .item-options a:hover, .widget .item-options a.selected { color: #218df3; } .bp-wrapper .item-list .acomment-options, .bp-wrapper div.activity-meta { clear: none; height: 20px; margin: 0; } .bp-wrapper .accepted a, .bp-wrapper .accepted a:hover, .bp-wrapper .pending a, .bp-wrapper .pending a:hover, .bp-wrapper .disabled a, .bp-wrapper .disabled a:hover { cursor: default !important; background: #eee !important; color: #999 !important; } .bp-wrapper .generic-button.group-button { margin-bottom: 10px; } /*************************** BuddyPress Groups/Members ***************************/ .bp-wrapper ul.item-list li div.item-title, .bp-wrapper ul.item-list li h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; font-weight: normal; width: 75%; margin: 0 0 5px 0; } .bp-wrapper ul.item-list h5 { font-family: Helvetica Neue, Arial, sans-serif; margin-bottom: 5px; font-size: 13px; } .bp-wrapper ul.item-list div.action .meta { font-size: 11px; } .bp-wrapper ul.item-list div.action .generic-button { margin-left: 3px; } .bp-wrapper ul.item-list .item-desc { margin: 5px 0 0; width: 50%; font-size: 11px; } .bp-wrapper ul.item-list div.action { position: absolute; text-align: right; top: 20px; right: 20px; } /* Group Admin Settings */ .bp-wrapper #group-settings-form ul.item-list li { padding: 15px 0; } .bp-wrapper #group-settings-form ul.item-list li img.avatar { width: 30px; height: 30px; } .bp-wrapper ul.item-list li h5 span.small { float: right; font-size: 11px; font-weight: normal; } .bp-wrapper ul.item-list li h5 span.small a { font-size: 11px; padding: 4px 8px; } /*************************** Create Groups/Invitiations ***************************/ /* Send Invites Form */ .bp-wrapper form#send-invite-form { margin-top: 20px; } .bp-wrapper .left-menu { float: left; width: 150px; margin-right: 30px; } .bp-wrapper #invite-list { border-right-width: 1px; border-style: solid; border-color: #323232; height: 400px; overflow: auto; padding-top: 1px; } .bp-wrapper #invite-list li { list-style: none; background-image: none; margin: 0; } .bp-wrapper .main-column { margin-left: 180px; } .bp-wrapper .main-column #message { clear: none; } .bp-wrapper #avatar-upload-form #avatar-crop-pane img, .bp-wrapper #create-group-form #avatar-crop-pane img, .bp-wrapper #group-settings-form #avatar-crop-pane img, .bp-wrapper #avatar-upload-form .jcrop-holder img, .bp-wrapper #create-group-form .jcrop-holder img, .bp-wrapper #group-settings-form .jcrop-holder img { max-width: none; padding: 0; } .bp-wrapper #group-creation-next { float: right; } /*************************** Group Forums ***************************/ /* Forums */ .bp-wrapper div.pagination { font-size: 11px; margin: 10px 0; } .bp-wrapper table.forum { border: 1px solid #323232; margin: 20px 0; width: 100%; } .bp-wrapper table.forum tr th { padding: 10px; vertical-align: middle; background: #323232; border-bottom: 1px solid #323232; } .bp-wrapper #th-postcount, .bp-wrapper #th-freshness, .bp-wrapper .td-postcount, .bp-wrapper .td-freshness { text-align: center; } .bp-wrapper table.forum tr td { vertical-align: middle; padding: 10px; border: 1px solid #323232; background-color: #000; } .bp-wrapper .forumTitle { float: left; } .bp-wrapper .createForumButton { float: left; line-height: 33px; } .bp-wrapper .forum-list-container { margin: 10px 0 20px; padding: 0; border: 1px solid #323232; background: #323232; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bp-wrapper ul.forum-list { margin: 0; padding: 0; } .bp-wrapper ul.forum-list .thread-poster, .bp-wrapper ul.forum-list .thread-info { float: left; } .bp-wrapper ul.forum-list .thread-history { float: right; text-align: right; } .bp-wrapper ul.forum-list .thread-poster .avatar { margin: 0 15px 0 0; } .bp-wrapper ul.forum-list li { list-style-type: none; background-image: none; padding: 12px 16px; border-top: 1px solid #323232; border-bottom: 1px solid #323232; } .bp-wrapper ul.forum-list li:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .bp-wrapper ul.forum-list li:last-child { border-bottom-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .bp-wrapper table.forum tr td.td-title a.topic-title { font-size: 13px; } .bp-wrapper table.forum tr.sticky td { background: #242424; } .bp-wrapper table.forum td img.avatar { display: none; float: none; padding: 3px; margin: 0 5px -8px 0; } .bp-wrapper table.forum p.topic-meta { font-size: 11px; margin: 5px 0 0 0; } .bp-wrapper table.forum td.td-freshness span.time-since { font-size: 11px; } /* Topics */ .bp-wrapper #item-body h3 { font-size: 26px; } .bp-wrapper div#topic-meta { position: relative; padding: 0; } .bp-wrapper div.topic-tags { float: none; margin: 0 0 20px 0; font-size: 11px; } .bp-wrapper #post-topic-reply { float: left; width: 100%; margin-top: 20px; } .bp-wrapper #post-topic-reply h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; } .bp-wrapper #topic-meta .sub-tabs.admin-links { line-height: 200%; } .bp-wrapper #topic-meta .sub-tabs.admin-links a { padding: 0 3px 0 4px; } .bp-wrapper div.admin-links { position: relative; font-size: 11px; margin-bottom: 10px; } .bp-wrapper div#new-topic-post { margin: 20px 0 0 0; } /*************************** Messages (Inbox) ***************************/ /* Message List */ .bp-wrapper #message-threads { margin: 0 0 10px 0; } .bp-wrapper #message-threads tr td { border: 1px solid #323232; border-bottom: 0; background-color: #000; } .bp-wrapper #message-threads tr:last-child td { border-bottom: 1px solid #323232; } .bp-wrapper #message-threads.notice-threads td { vertical-align: top; } .bp-wrapper #message-threads td { vertical-align: top; padding: 10px; line-height: 19px; } .bp-wrapper #message-threads tr.unread td { background-color: #fff4d5; } .bp-wrapper #message-threads .m-sender, .bp-wrapper #message-threads .m-recipient, .bp-wrapper #message-threads .m-date, .bp-wrapper #message-threads .m-subject, .bp-wrapper #message-threads .thread-excerpt { overflow: hidden; } .bp-wrapper #message-threads .thread-count { text-align: right; } .bp-wrapper #message-threads .thread-avatar { width: 14%; } .bp-wrapper #message-threads .thread-info { width: 30%; } .bp-wrapper #message-threads .thread-info p { margin-bottom: 5px; } .bp-wrapper #message-threads .thread-options { width: 20%; } .bp-wrapper #message-threads .thread-select { line-height: 1; } .bp-wrapper #message-threads .thread-select input { margin: 0; } .bp-wrapper #message-threads .m-date, .bp-wrapper #message-threads .m-from, .bp-wrapper #message-threads .m-to { text-transform: uppercase; font-size: 11px; color: #999; } .bp-wrapper #message-threads .m-sender .m-from { display: none; } /* Message Single */ .bp-wrapper #message-thread .message-date { font-size: 10px; color: #666; text-transform: uppercase; font-weight: bold; float: right; } .bp-wrapper #message-thread .message-metadata { margin-bottom: 5px; } .bp-wrapper #message-thread #message-subject { font-size: 12px; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; margin-bottom: 5px; } .bp-wrapper #message-thread #MessageContainers .message-box { border: 1px solid #323232; } .bp-wrapper #message-thread .envelope-info { border: 1px solid #323232; background: #fff; padding: 2px 8px 3px 8px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /*************************** Register Page ***************************/ .bp-wrapper .register-section .textInput, .bp-wrapper .register-section input[type="text"], .bp-wrapper .create-form .textInput, .bp-wrapper .create-form input[type="text"] { width: 100%; text-align: center; font-size: 1.2em; } .bp-wrapper .register-section #signup_username, .bp-wrapper .register-section #signup_password, .bp-wrapper .register-section #signup_password_confirm { width: 340px; text-align: center; font-size: 1.2em; } .bp-wrapper .register-section, .bp-wrapper .create-form { padding: 20px; margin: 15px 0; } .bp-wrapper .register-section h4, .bp-wrapper .create-form h4 { line-height: 1; color: #333333; } .bp-wrapper .create-form label { font-weight: bold; } .bp-wrapper .standard-form#signup_form div div.error { color: #8a1f11; margin: 10px 0 5px 0; } /*************************** Notices ***************************/ #message { margin: 15px 0; padding: 10px; overflow: hidden; clear: both; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; color: #333; border: 1px solid #e1ca82; background-color: #ffeaa6; background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); -pie-background: linear-gradient(rgba(255, 255, 255), rgba(255, 255, 255)); } .bp-wrapper #message.updated { background-color: #e3f8bf; border-color: #9bd23a; color: #5e8a11; } .bp-wrapper #message.error { background-color: #FBE3E4; border-color: #FBC2C4; color: #8a1f11; } #message.info.notice { margin: 0 0 30px 0; } #message p { margin-bottom: 0; } .bp-wrapper div.message-box { border-bottom: 1px solid #323232; padding: 15px 0; } .bp-wrapper div#message-thread div.message-content { margin-left: 50px; } /*************************** Tables ***************************/ .bp-wrapper table { width: 100%; } .bp-wrapper table tr td, .bp-wrapper table tr th { padding: 10px; } .bp-wrapper table tr td.label { border-right: 1px solid #323232; font-weight: bold; width: 25%; } /*************************** Forms ***************************/ .bp-wrapper form.standard-form .button-nav li, .bp-wrapper #send_message_form.standard-form li { float: left; margin: 0 4px 4px 0; padding: 5px 0 5px 0; border: 0; list-style: none; background-image: none; } .bp-wrapper .profile .data p { margin-bottom: 0; } .bp-wrapper form.standard-form label, .bp-wrapper form.standard-form span.label { display: block; font-size: 18px; margin: 15px 0 5px 0; text-align: center; } .bp-wrapper form.standard-form div.checkbox label, .bp-wrapper form.standard-form div.radio label { font-weight: normal; margin: 15px 0 0 0; } .bp-wrapper .standard-form div.radio ul { margin: 10px 0 15px 0; } .bp-wrapper .standard-form div.radio ul li { margin-bottom: 5px; } .bp-wrapper .standard-form input[type="password"], .bp-wrapper .standard-form input[type="text"], .bp-wrapper .standard-form input[name="email"], .bp-wrapper form.standard-form textarea { width: 340px; display: block; margin: 0 auto; padding: 12px; text-align: center; color: #333333; background: #dddddd; background: rgba(255, 255, 255, 0.9); border-bottom: solid 1px #E7E7E7; font-size: 15px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .bp-wrapper form.standard-form textarea { width: 612px; height: 160px; border: solid 1px #E7E7E7; } .bp-wrapper form.standard-form .showpass { display: block; width: 180px; text-align: center; color: #555; border: solid 1px #E7E7E7; padding: 12px; margin: 20px auto 0; } .bp-wrapper form.standard-form .submit { margin: 36px auto 0; } /*************************** Notifications ***************************/ .bp-wrapper #settings-form .notification-settings { width: 100%; margin: 15px 0; border: 1px solid #323232; } .bp-wrapper #settings-form .notification-settings thead { background: #323232; } .bp-wrapper #settings-form .notification-settings .yes, .bp-wrapper #settings-form .notification-settings .no { width: 50px; text-align: center; } .bp-wrapper #settings-form .notification-settings .icon { width: 1px; padding: 0; } .bp-wrapper table.notification-settings { margin-bottom: 20px; } .bp-wrapper table.notification-settings th.icon, .bp-wrapper table.notification-settings td:first-child { display: none; } .bp-wrapper #settings-form .submit { margin: 1em auto; clear: both; border: solid 1px; width: 300px; display: block; } .bp-wrapper #settings-form #submit { font-family: FontAwesome, Raleway, sans-serif, Lucida Grande, Arial; } .bp-wrapper #send_message_form #subject { width: 400px; } .bp-wrapper hr { margin: 15px auto !important; } /*************************** Widgets ***************************/ /* Lists */ .widget ul.item-list { clear: both; margin-top: 5px; } .widget ul.item-list .item { margin-left: 50px; } .widget ul.item-list li { width: 50%; background: none !important; border-top: 1px solid #E7E7E7 !important; border-bottom: 0 !important; padding: 15px 0 0 0 !important; margin: 15px 0 0 0 !important; overflow: hidden; line-height: 15px; } .widget.widget_display_views li, .widget.widget_display_replies li { font-size: 11px; line-height: 15px; padding-left: 0; width: 100%; background: none; overflow: hidden; } .widget .avatar-block .item-avatar img { float: left; width: 28px; height: 28px; margin: 4px; padding: 3px; border: 1px solid #323232; } /* Titles */ .widget.buddypress h3 { float: left; margin-right: 10px; margin-bottom: 10px; } .widget ul.item-list li div.item-title, .widget ul.item-list li h4 { font-family: Helvetica Neue, Arial, sans-serif; margin: 0; font-size: 12px !important; line-height: 16px; } .widget.bbp_widget_login h4 { font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; } /* Meta */ .widget .item-options { display: inline-block; color: transparent; line-height: 19px; font-size: 11px; margin: 2px 0 5px 0; } .widget span.activity { font-size: 11px; opacity: 1 !important; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; color: #808080 !important; } .widget.bbp_widget_login fieldset { padding: 0; border: 0; } /*************************** bbPress Site-wide Forums 2.1+ ***************************/ /* General Styling */ #content .bbp-forum-topic-count, #content .bbp-forum-reply-count, #content .bbp-topic-voice-count { text-align: center; } #content #bbpress-forums ul li { margin: 0; padding: 0; background-image: none; } #content #bbpress-forums li.bbp-header, #content #bbpress-forums li.bbp-footer { padding: 8px; } #content .bbp-forums, #content .bbp-topics, #content .bbp-replies { border: 1px solid #323232; margin: 0 0 10px 0; } #content span.bbp-admin-links, #content span.bbp-admin-links a, #content table a.bbp-topic-permalink, #content table a.bbp-reply-permalink, #content table.bbp-replies tr.bbp-reply-header td, #content table.bbp-topic tr.bbp-topic-header td, #content .bbp-author-ip { font-weight: normal; font-size: 11px; text-transform: none; color: #666; } #content span.bbp-admin-links a:hover { color: #999; } #content .bbp-template-notice .bbp-author-avatar, #content .bbp-forums .bbp-author-avatar, #content .bbp-topics .bbp-author-avatar, #content .bbp-template-notice .avatar, #content .bbp-forums .avatar, #content .bbp-topics .avatar { display: none; } #content #bbpress-forums div.bbp-search-form { margin-bottom: 20px; } #content .bbp-search-results h3 { font-size: 13px; } /* Topics */ #content .bbp-topic-started-by { font-weight: normal; } #content .bbp-topic-meta { font-size: 11px; line-height: 15px; margin-top: 5px; } /* Forums */ #content .bbp-forums .bbp-forum-description { font-size: 11px; line-height: 15px; margin-top: 5px; } #content p.bbp-topic-meta span { white-space: normal; } /* Replies */ #content .bbp-author-ip { line-height: 20px; font-size: 9px; } #content .bbp-reply-revision-log li { border: 0; background: none; color: #666; padding: 0 0 10px 0; } #content .bbp-replies .bbp-author-avatar img { width: 80px; height: 80px; background: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #content .bbp-replies .bbp-author-name { display: block; font-size: 11px; margin-top: 5px; } #content .form-allowed-tags { width: 100% !important; } #content p.form-allowed-tags code { overflow-y: hidden; width: 100% !important; } /* Forms */ #content .bbp-form { border: 1px solid #323232; padding: 10px 20px; clear: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .bbp-form legend { padding: 5px; } #content tbody .bbp-topic-content, #content tbody .bbp-reply-content { vertical-align: top; overflow: auto; } #content fieldset.bbp-form label, #content #container fieldset.bbp-form label, #content #wrapper fieldset.bbp-form label { width: 275px; } #content .bbp-submit-wrapper { margin: 10px 0 0 0; } #content .bbp-submit-wrapper .button.submit { font-weight: bold; font-size: 12px; padding: 8px 12px; } #content .bbp-pagination { font-size: 11px; margin-bottom: 10px; } /* Breadcrumbs */ #content .bbp-breadcrumb p { margin-bottom: 30px; } #content .bbp-breadcrumb, #content .bbp-breadcrumb a { font-size: 11px; color: #fff; } /* Tags */ #content div.bbp-topic-tags { font-size: 11px; } #content .wp_themeSkin *, #content .wp_themeSkin a:hover, #content .wp_themeSkin a:link, #content .wp_themeSkin a:visited, #content .wp_themeSkin a:active { color: #000; } #content #bbpress-forums table tr td, #content #bbpress-forums table tr th { padding: 0; } /* Widgets */ .widget .bbp-login-links { float: left; width: 100%; } .widget .bbp-login-form .bbp-username label, .widget .bbp-login-form .bbp-password label { min-width: 70px; width: auto; } .widget .bbp-login-form .bbp-submit-wrapper { float: left; } .widget .bbp-login-form .bbp-submit-wrapper button { font-size: 11px; font-weight: bold; } .widget .bbp-login-form .bbp-username input, .widget .bbp-login-form .bbp-email input, .widget .bbp-login-form .bbp-password input { padding: 7px; } .widget .bbp-login-form .bbp-login-links a { clear: none; margin: 10px 10px 0 0; } /****Google Map*****/ @-webkit-keyframes mapMarkerSpin { 0% { -webkit-transform:rotateY(0deg); } 100% { -webkit-transform:rotateY(320deg); } } @keyframes mapMarkerSpin { 0% { transform:rotateY(0deg); } 100% { transform:rotateY(320deg); } } .cp_map_loader { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; -webkit-transition:visibility .5s ease-out, opacity 1s ease-out; -moz-transition:visibility .5s ease-out, opacity 1s ease-out; transition:visibility .5s ease-out, opacity 1s ease-out; pointer-events:none; z-index:1; } .cp_map_loader span { position: absolute; top: 60%; left: 50%; display: block; font-size:50px; border-radius: 100%; margin: 0 auto; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cp_map_loader span .fa, .cp_map_loader span .bt-map-marker { -webkit-animation:mapMarkerSpin 1s linear 0s infinite normal; animation: mapMarkerSpin 1s linear 0s infinite normal; } .map_marker_fadeout { visibility:hidden; opacity:0; } body.single-cpgooglemaps .leftbar-menu, body.single-cpgooglemaps #wpadminbar { display: none !important } .vc_row-fluid [class*="vc_span"] { margin-bottom: -40px; } #map-canvas { width: 100%; min-height: 100vh; margin: 0px; padding: 0px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } #panel { position: absolute; top: 30px; z-index: 1; width: 100%; text-align: center; } #address { width: 300px; height: 27px; line-height: 27px; text-indent: 10px; font-family: inherit; font-size: 1em; color: #333; background: #fff; border: solid 1px #d9d9d9; border-top: solid 1px #c0c0c0; border-right: none; position: relative; top: 40px; } #googlemapcontent { font-family: inherit; padding: 12px; border-radius: 1.5em 9em 1.5em 1.5em; -webkit-border-radius: 1.5em 9em 1.5em 1.5em; -khtml-border-radius: 1.5em 9em 1.5em 1.5em; -moz-border-radius: 1.5em 9em 1.5em 1.5em; -o-border-radius: 1.5em 9em 1.5em 1.5em; -ms-border-radius: 1.5em 9em 1.5em 1.5em; } #googlemapcontent p { font-size: 14px; line-height:1.7 } a.cpbutton.cp_google_map { text-transform: uppercase; } a.cpbutton.cp_google_map { opacity:0; width: initial; position: absolute; right: 20px; bottom: 2px; font-size: 10px; font-weight: bold; border:solid 1px; } #firstHeading { font-family: inherit; font-size: 24px; text-indent: 0; margin: 0 auto 12px; } /***Accordion***/ .accordionactive { position: relative; margin: 0px auto; } .cp_accordion_arrow { display: inline; display: inline-block; position: absolute; right: 36px; -webkit-transition: color .5s ease-in-out, transform .5s ease-in-out; -moz-transition: color .5s ease-in-out, transform .5s ease-in-out; transition: color .5s ease-in-out, transform .5s ease-in-out; pointer-events: none; } .accordionactive .cp_accordion_arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .cpaccordion { padding-bottom: 30px; padding: 0; position: relative; margin: 0px auto; width: 50%; max-width: 100%; } .cpaccordion li { display: block; position: relative; margin: 0 auto 1px; overflow: hidden; } .cpaccordiontitle { display: block; position: relative; text-align: left; text-decoration: none; margin: -1px auto 0; padding: 23px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .cpaccordioncontent { display: none; position: relative; text-align: center; padding: 22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin: 0px auto; } .loveit, .loveit2 { background-repeat: no-repeat; background-color: transparent; background-attachment: fixed; background-position: center 0px; background-size: cover; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; } img.loveit, img.loveit2 { width: 100%; } .content1, .content2, .content3 { position: relative; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; -khtml-animation-duration: 2.5s; -moz-animation-duration: 2.5s; -o-animation-duration: 2.5s; -ms-animation-duration: 2.5s; display: block; } /***Lightbox***/ div.pp_default .pp_description { font-size: 14px !important; font-weight: 200 !important; line-height: 14px !important; margin: 13px 50px 5px 0 !important; } /**Portfolio Size**/ .10 { width: 10em; height: 10em; } .20 { width: 20em; height: 20em; } .30 { width: 30em; height: 30em; } .40 { width: 40em; height: 40em; } .50 { width: 50em; height: 50em; } .60 { width: 60em; height: 60em; } .70 { width: 70em; height: 70em; } .80 { width: 80em; height: 80em; } /***Portfolio Columns***/ .c2 { width: 41%; } .c3 { width: 25.3%; } .c4 { width: 17.5%; } .iconzoom { position: absolute; top: -50%; left: -50%; } .portfolioOverlay:hover > .iconzoom { z-index: 1; top: 50%; left: 30%; background: #fff; padding: 5px; border-radius: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)inset; -webkit-animation-duration: .45s; -khtml-animation-duration: .45s; -moz-animation-duration: .45s; -o-animation-duration: .45s; -ms-animation-duration: .45s; -webkit-animation-name: lightSpeedIn; } .iconlink { position: absolute; top: -50%; left: -50%; } .portfolioOverlay:hover > .iconlink { z-index: 1; top: 50%; left: 50%; background: #fff; padding: 5px; border-radius: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)inset; -webkit-animation-duration: .45s; -khtml-animation-duration: .45s; -moz-animation-duration: .45s; -o-animation-duration: .45s; -ms-animation-duration: .45s; -webkit-animation-name: lightSpeedIn; } .portfolioItem-excerpt { padding: 12px 0px 12px 0px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5) inset; width: 100%; height: 0px; position: relative; text-align: center; line-height: 0; } /****Portfolio****/ .portfolio_single .flexslider, .portfolio_single .portfolio_single_text_holder, .portfolio_single .portfolio_images img, .portfolio_single .portfolio_images .fluid-width-video-wrapper { margin: 0px 0px 8px; } .video_holder { position: relative; width: 100%; display: block; min-height: 1px; } .portfolio_navigation { display: inline-block; width: 100%; text-align: center; padding: 40px 0; margin: 30px 0 0; border-top: 1px solid #ededed; z-index: 100; position: relative; } .portfolio_navigation .portfolio_prev, .portfolio_navigation .portfolio_next, .portfolio_navigation .portfolio_button { display: inline-block; height: 20px; line-height: 20px; } .portfolio_navigation .portfolio_prev { position: absolute; left: 0; } .portfolio_navigation .portfolio_next { position: absolute; right: 0; } .portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a { color: #929292; line-height: 40px; width: 40px; text-align: center; text-decoration: none; display: block; text-align: center; background-color: #ededed; margin: 0 4px 0px 0; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .portfolio_navigation .portfolio_button a { line-height: 40px; width: 40px; text-align: center; } .portfolio_navigation .portfolio_button a i { line-height: 46px; font-size: 28px; color: #ededed; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .portfolio_navigation .portfolio_button a:hover i { color: #2c2c2c; } .portfolio_navigation .portfolio_prev a:hover, .portfolio_navigation .portfolio_next a:hover { background-color: #2c2c2c; color: #ffffff; } .portfolio-item { font-size: 0.1px; line-height: 0; list-style-type: none; text-align: center; padding: 0; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .portfolio-item:after, .portfolio-item:before { content: ""; display: inline-block; width: 100%; } .portfolio-item > .mix { display: none; position: relative; vertical-align: top; text-align: center; overflow: hidden; -webkit-transition: all .7s ease-out; -khtml-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -ms-transition: all .7s ease-out; transition: all .7s ease-out; } .filter_container { display: block; position: relative; height: 37px; margin: 0 0 40px; text-align: center; } /* Filter Nav */ ul.filter_nav { display: inline-block; } ul.filter_nav { display: inline-block; list-style: none; } ul.filter_nav li { background-color: transparent; /* background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1)); */ border: none; /* -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),0 .25em .25em hsla(0,0%,0%,.1); */ color: #333333; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 600; line-height: 1.5; margin: 0 .5em 1em; padding: .5em 1.5em .75em; position: relative; text-decoration: none; /* text-shadow: 0 1px 1px hsla(0,0%,100%,.25); */ vertical-align: middle; } ul.filter_nav li:hover { outline: none; } ul.filter_nav li:hover, ul.filter_nav li:focus { /* -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 -.2em 0 hsla(0,0%,100%,.1),inset 0 -.25em 0 hsla(0,0%,0%,.5),inset 0 0 0 3em hsla(0,0%,100%,.2),0 .25em .25em hsla(0,0%,0%,.1); */ } /* ul.filter_nav li:active { -webkit-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -khtml-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -moz-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -o-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); -ms-box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); box-shadow: inset 0 0 0 0 hsla(0,0%,0%,.25),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 1.2em 0 hsla(0,0%,100%,.1),inset 0 0 0 3em hsla(0,0%,100%,.2),inset 0 .25em .5em hsla(0,0%,0%,.05),0 -1px 1px hsla(0,0%,0%,.1),0 1px 1px hsla(0,0%,100%,.25); margin-top: .25em; outline: none; padding-bottom: .5em; } */ ul.filter_nav li.active { background-color: inherit; color: #333333; } .portfolioContainer { margin: 39px auto; } .portfolio-item li { float: left; } .contentContainer { display: block; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .textContent { font-weight: bold; } .portfolioImage { position: relative; width: 100%; height: auto; opacity: 1; transition: all 2s ease; -webkit-transition: all 2s ease; -khtml-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; } .contentContainer:hover .portfolioImage { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: .2; filter: alpha(opacity="20"); } .contentContainer:hover .portfolioImage:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 9; } .contentContainer:hover .showloveback { display: none; } .contentContainer:hover .heartstate { display: block; } .contentContainer .imageBack { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; transition: all .45s ease; z-index: -1; } .contentContainer .showloveback { position: absolute; width: 100%; height: 50%; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #000; font-size: 45px; opacity: 0.5; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); z-index: inherit; } .iconsContainer { visibility: hidden; } .contentContainer .iconsContainer { width: 102%; height: 50%; position: absolute; top: 60%; left: 0%; margin: 0 auto; text-align: center; z-index: 2; visibility: hidden; -webkit-transition: visibility .45s ease-in-out; -khtml-transition: visibility .45s ease-in-out; -moz-transition: visibility .45s ease-in-out; -o-transition: visibility .45s ease-in-out; -ms-transition: visibility .45s ease-in-out; transition: visibility .45s ease-in-out; } ul.iconsContainer li { display: inline; margin: 0 12px; padding: 0; float: none; } ul.iconsContainer li a { vertical-align: middle; font-size: 17px; padding: 6px; cursor: pointer; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; transition: all .45s ease; } .contentContainer .textContainer { position: absolute; line-height: .5; top: 30%; left: 0%; margin: 0; text-align: center; width: 100%; height: 50%; visibility: hidden; -webkit-transition: visibility .45s ease-in-out; -khtml-transition: visibility .45s ease-in-out; -moz-transition: visibility .45s ease-in-out; -o-transition: visibility .45s ease-in-out; -ms-transition: visibility .45s ease-in-out; transition: visibility .45s ease-in-out; } li.portfoliopiece:hover .textContainer, li.portfoliopiece:hover .iconsContainer, li.portfoliopiece:focus .textContainer, li.portfoliopiece:focus .iconsContainer { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .portfolioTitle a { font-size: 17px; } .heartstate { width: 100%; position: absolute; z-index: 1; top: 20%; left: 0%; color: rgba(0, 0, 0, 0.5); display: block; font-size: 70px; float: left; text-align: center; } .cp-showlove:hover span.heartstateBefore { opacity: 1; filter: alpha(opacity="100"); visibility: visible; } span.portfolioShowlove { cursor: pointer; } .cp-showlove-count { font-size: 8px; display: block; margin-top: 6px; margin-bottom: 6px; } .portfolio_category { color: #333333; padding: 12px 0; font-size: 15px; } .portfolioTitle { padding-bottom: 9px; } .portfolio-item li:hover { z-index: 2; } /***Column Sizes***/ .portfolio-item.one, .portfolio-item.two, .portfolio-item.three, .portfolio-item.four, .portfolio-item.five, .portfolio-item.six { width: 100%; } .portfoliopiece { padding: 0 .5%; margin: 0 auto 12px; } .portfolio-item.one .portfoliopiece { width: 99%; } .portfolio-item.two .portfoliopiece { width: 49%; } .portfolio-item.three .portfoliopiece { width: 32.333%; } .portfolio-item.four .portfoliopiece { width: 24%; } .portfolio-item.five .portfoliopiece { width: 19%; } .portfolio-item.six .portfoliopiece { width: 15.666%; } .tablet_btn, .close-ipadminimenu, .ipad-menu-link { display: none; } /****Price Tables****/ .softred { background-color: #FF6E69; } .softblue { background-color: #96CEB5; } .softyellow { background-color: #FFCD5E; } .darkblue { background-color: #1B3647; } .softsteel { background-color: #4A6E90; } .softredtext { color: #FF6E69; } .softbluetext { color: #96CEB5; } .softyellowtext { color: #FFCD5E; } .darkbluetext { color: #1B3647; } .Text-Shadow { text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5); } ul.pricetablecontainer { padding: 0; color: #fff; text-align: center; font-family: sans-serif; opacity: 0; filter: alpha(opacity=0); } ul.pricetablecontainer li { display: inline; padding: 12px 0px; margin: 0; } .pricetable.Hover:hover { position: relative; z-index: 5 !important; } .pricetable { display: inline-block; position: relative; min-width: 184px; padding: 0; margin: 0; text-align: center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pt_inner_content { position: relative; z-index: 1; padding: 0 20px; box-sizing: border-box; } .pt_backdrop { position: absolute; z-index: 0; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.3; } .pricetable.ptsingle { display: block } .sale_offer { padding: 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pricetable .icon { font-size: 65px; margin: 20px auto 20px; display: inline-block; padding: 5px 20px; z-index: 2; position: relative; line-height: 1.3; } .pricetable .icon .back { position: absolute; width: 100%; height: 100%; z-index: -1; padding: 0; margin: 0; left: 0; top: 0; } .pricetable .pttitle { font-size: 25px; margin: 20px auto 20px; text-transform: uppercase; } .pricetable .ptprice { font-size: 25px; margin: 20px auto 20px; } .pricetable .ptdescription { font-size: 15px; margin: 20px auto 20px; line-height: 1.7; } .pricetable ul li { display: block } .pricetable a.ptbutton { width: 70%; font-size: 15px; padding: 12px; color: #fff; background-color: transparent; text-decoration: none; text-transform: uppercase; border: solid 2px #ffffff; border-radius: 5px; margin: 20px auto; display: inline-block; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .pricetable a.ptbutton.shadow:hover { box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); } .pricetable a.ptbutton.shadow:active { box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; -khtml-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)inset; } .Hover, .Hover img { transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; } .Hover:active, .Hover img:active, .Hover:focus, .Hover img:focus, .Hover:hover, .Hover img:hover, img.Hover:active, img.Hover:focus, img.Hover:hover { transform: scale(1.3); -webkit-transform: scale(1.3); -khtml-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); z-index: 2 !important; } ul.pricetablecontainer.Inset-Shadow li .pricetable { box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; -khtml-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)inset; } .Glass-All { background: #ffffff; background: rgba(255, 255, 255, 0.2); } ul.pricetablecontainer li .pricetable.Glass-Title .pttitle:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; padding: 22px 0px 0px 0px; background: #fff; top: -12px; left: 0; opacity: 0.2; filter: alpha(opacity=20); } ul.pricetablecontainer li .pricetable.Glass-Price .ptprice:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; padding: 23px 0px 0px 0px; background: #fff; top: -12px; left: 0; opacity: 0.2; filter: alpha(opacity=20); } ul.pricetablecontainer li .pricetable.Glass-Description .ptdescription:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; padding: 23px 0px 0px 0px; background: #fff; top: -12px; left: 0; opacity: 0.2; filter: alpha(opacity=20); } .pt1 { position: static; } .pt2 { transform: scale(1.15); -webkit-transform: scale(1.15); -khtml-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); position: relative; z-index: 1; } .pt3 { transform: scale(1.25); -webkit-transform: scale(1.25); -khtml-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); position: relative; z-index: 3 !important; } .Hide { display: none !important; } /***Progress Bar***/ .cpprogress { visibility: hidden; opacity: 0; filter: alpha(opacity="0") } . progressbar { display: inline-block; width: 100px; margin: 25px; } .cp_progressbar { display: block; position: relative; max-width: 100%; margin: 50px auto; } .cp_progressbar_text { position: absolute; top: 0; } .percContainer { position: relative; left: 0%; width: 0; line-height: 0; -webkit-transition: left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -o-transition: left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -ms-transition: left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: left 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .barContainer { width: 0%; -webkit-transition: width 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: width 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -o-transition: width 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); -ms-transition: width 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: width 1s cubic-bezier(0.45, 0.05, 0.55, 0.95); } .circle { width: 100%; margin: 0 auto; margin-top: 10px; display: inline-block; position: relative; text-align: center; } .circle canvas { vertical-align: middle; } .circle > div { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; line-height: 40px; font-size: 20px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .circle > strong > i { font-style: normal; font-size: 0.6em; font-weight: normal; } .circle > span { display: block; color: #aaa; margin-top: 12px; } .progressbar p { position: relative; display: block; padding: 12px; top: 14px; } .progresscontainer { position: relative; width: 50%; height: 20px; padding: 0; margin: 50px auto; -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } .progresscontainer:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*-webkit-box-shadow: 0px 5px 5px -5px rgba(255, 255, 255, 0.5),0px -3px 3px -3px rgba(255, 255, 255, 0.25),inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 5px -5px rgba(255, 255, 255, 0.5),0px -3px 3px -3px rgba(255, 255, 255, 0.25),inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);*/ border-radius: inherit; -webkit-border-radius: inherit; -khtml-border-radius: inherit; -moz-border-radius: inherit; -o-border-radius: inherit; -ms-border-radius: inherit; } .progresscontainer .bar { display: block; position: relative; width: 0px; height: 20px; overflow: hidden; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .progresscontainer .bar:before { position: absolute; display: block; content: ""; width: 100%; height: 150%; top: -25%; left: -25px; background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(50%, rgba(255, 255, 255, 0.01)), color-stop(51%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff', GradientType=1); } .progresscontainer .bar:after { position: absolute; display: block; content: ""; width: 20%; height: 20px; right: -3px; top: 0; -webkit-border-radius: inherit; border-radius: inherit; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(98%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); } .progresscontainer .bar span { position: absolute; display: block; width: 100%; height: 64px; top: 0; left: 0; } .progresscontainer .labelcontainer { font-family: sans-serif; position: absolute; display: block; width: 60px; /*height: 60px; line-height: 63px;*/ bottom: 35px; left: 0px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; z-index: 1; -webkit-transition: left .5s ease-in; -moz-transition: left .5s ease-in; transition: left .5s ease-in; } .progresscontainer .labelcontainer:before { display: block; content: ""; width: 18px; height: 18px; position: absolute; bottom: 20px; right: 46px; background: inherit; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .label_top .labelcontainer { top: -30px; } .label_bottom .labelcontainer { position: absolute; top: 30px; } .progresscontainer .label { display: inline-block; text-shadow: none; color: inherit; } .progresscontainer .title { position: absolute; left: 0; width: 100%; font-size: 22px; } .Bubbles:before { display: block; content: ''; height: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zXecfP1J2Z7cut7E2FKlShLEs241iKjCiA4fhN3uRFkC+QD+F8hSBBkOICO0YQIYoCJ4FsSbGsLpORKJImRbEtKZJLbu8zO+3mXuH36P73aNqy+AJH3Jm599znPL2do0QQBIedc38UjoFwJMJxKxwvhaMQjkm3+Yp+7w3HCH8vhmM2HKlwjIVjG5+n3NavbczTFY5vheORcGTDUQvHejiuh+Mf5f7ot/Fw5IBlNRw3geP74djDGtLhqIfjdDh+wb055oi+XwnHtLfG7nDs4h0XwrHm7s2V5j394TjBd0fC8Vw49oZjEHiCcJwKx8/Ccc0eXGHRfSBp0VuI3dcTjnw4DoajHI4NkJyC2DcgWvU2FzEnf7/FYkYB+gcN7o/eswQcSY9Z+oA3xfMO2IfCUZTvkhBHrwMQKlpjJRwZd++uJMwT4XcHzLkMXvv4PcEac6whurca/ecKiHoURPxOFlxnYcMsegxkziEFOT4fgdjH78JiepnvYeb8QZP76sC7xALtKvFbje9tHUm0yiKIcdxTFuZ8MhzPs75IQj/nnoQQ+25eZfB/hc8pGLIgDBUgWAvgpupEjVwMx2Wo3AX1Uzyc56Es361yT/T91+BKx/ezDdTrVq+AOaP5znf4TN1TdZHEzANvAuQv8XkaJrT71pDOb4bjT9EoEQwvhOPVcLyNVvp9XJG0PxaOX4bj2XDsQzjWRPK+5LIu1FI3C3xGqB3ZkEPh+Cwcb6COivx2lH9NleTQyzeEi1tJVYpnZ7zfIoL9N8MJJ+Y6tDVVGHEV5gpY102kqASMzlOtT4RjP0RMAuNRCH7hDojR3SHcOezyBIzya3AzzudTaMMvCXcEju0H8VnRrWmoHKmXs/ydYvJ+0dFmQyL19mYbAIdhjt08E0nAT9s8MwhsB5DGl1vcGyHpt8y/D8RF8H+I5mh0rUDQFENV2XYcpRL4mMYOtbLlkfN2P3iKtNAnLd6t7/oMnKRw1k7CNIv4EX28+wtARrhxCDE11ZmUyU7AtVUBeIPFmIMSqaZLHXLWk6KuIo56MRz/20RSI7v0bTHY0T1/CSL+Mxz3gdzjEK0KLPPAvR8tMc8abN01sVsZYUpbW4V7+mCaKeC1a76J7YvgeRzbn4FRIyn+rw7U/SqEGeBzZGs/hkZ/xvv+xhZg0hX9e1VUUyD2YQLKl5lwEtX5BIsqIZGvdUC4g0hBWry6PXwuN/BmH0FCeyBEGoT0wAArELGZOrokHlw/76oiCdMSWlQYN0DY57ynINrHMUcXeDHm1asHROe4J4emiGD9qA1u1lHp5kssQYc+woaCeZ9pzyVOA0hNuDIpnGDeWRqEnEfVFjuI3ew93SDCuLuCKqw0eCYhbn9ZuDtgriW0Q6srJd7xfhaeQSKmBWGfs6Y6xKvDDPY5JcRLMEfC00JOYM3KvRbvtrsiPH7K0Ct69gxMEDHGfuXyBThonUUlIOIKkliAkDuQmgeJO/61DTBdjDLzHUd9PIADcAH7k2jiaJwFnlHP/pSaeHtdEGiQz5dhqgHCmQyEzyAZM6z7dWzj11F1ERL/jrWaM5WEwdY8504JtwieUtxrhG9l4zIiySYkqoIX8HAHjBnTcEgXgJ7GKB7AbpSIMQog+gGM7jAqMs3nv26RGRhlzgpqYJrMzDeQvsswRr1JaFCFQXaInc2wmGnvXSaJQ6iXBO+eksyKqcqaJ+U15jwJLKMSs9r8eYi8JNKU9mCehxGHwFMVSW6myseBY5x1JWV+X412awB+CoBNFcwgHb0AXkcl5tCzfXCHBYOP41y82sQV3s0za3BjwOKPMXfQQN2oNznMgtZhIHt2zpOyIVHXCfk3JxJ6GQKdasH9N3huCkIbIhO8PyVMVZPwSK8LHYREBQTkD5ljlvdcFdyVBT9FGLXbuGhBvJqKTNojEfwqnFQRR6YsKZiVFtxkxJ4DsBuSfxyUWGvaM/Tm8X4dOAKxLeteLBYIs62DOJPQy8BrtvJUB7bmOmNCmMFCo7RI90YThit38I5I7f0Bat0YaxEYH4BhL8LwfeB/ymiS9hZvWYscUtXP4nfxr+nzFTjPEtHXIcAgABRRtQ/DAAl+O0BMY1mZEbGdVY8YGRBXkCA/wdhNXLMqiJqTYPom406Sv4Oo82W85arYriSjdJvz9+Ep7xDc52C8Md6dQa2vg6d5YEi4BvrZJK9Xks4OIgzDYWsiKZG0/go7Zx5bgQj/lhj1gIVGfx9m7jyq+FwTW5FCLSQbxIGD/FYUGA3OQ3Dzv7P4ym0gtirpwIqXEK66O79yECjredCWhkuJN9orxJ2zxEcjwpmkaC7TJv4UlfY9pO9TkaYRvrPY6yPJa1qgusZvB8QhWsKGLjSwj4OeJ+kz1i35Po+n+wLviEo7fxuOD4QRMluQkkgt/YcQ7W5e0wTWo6wzKwF/hKt3kPQkztVO1loBX72NCLcbhGU9otm/EZJ/TIJ5RfRzxVN7Q9gXU8FmI/rMM+Id6yxkrUHcN4uqTYt7XUY1+wnoLKq1j7ENG/IBf+8DGZ9tEckJL0lR81z1hAxTpbUO5v0AOL8JHuexaW95zDLHCCTuXUw3iCfMQOZFUgLxOuch0AxSE4D8YwTjSfGQZiUDcQPkPSQLXAf4hSYcX4cjj4pt/YiYq1GgXUPKV1FHEWzfhWBj2FdFeLAF4iU8JnbyfL94r8tbKLy+KxmSZXClcye893ypdXzCVeDmExBhAOKsgbRZyQ58AtK7+dsSxtdkgYMQuSzc8yYV7i4k8hUPQWn+LXOPxWx9MEu2CRLmUTFrwDCNtI4iiSVP2syOVOSzqfV1D1k1bPycl1gvsMak1NL6RDO0uywh3sxuak1xE/ESQRA0K7tETsTTcISlt642UGfJJi/uQp3uBICXRKrHWdg4330icVKvEPAxpLRLpD7SCP/QxmN7EmcpJxxbxBF6X+Cw8GYAAnRBlOtSMdnO7xqwnwe+XhhpTYhpoc68mIW5u124S7coc7wLpy/D6ZUmHmi9BQJ9W2lSPU/G/wAILSEl/WJPerGT2n5Qb7EW60/JoBbN6GclZBjw4HDiAFi1wqrn3cxTgKCWHF+B4T6T2l2FexaYYwiCj4CHFF6uXv1oqXVJB94x4ew6cxv2QFM0UyCy6OKeCntvvxcvXvOyEiUIbOUcJ47BuBenpUDSs+KF1cWhCFzctqAqOQ9cVc+GFbi/Dxgr3D8AQ82J3csBzwEIcEqyRZbLjHDxx1S2TcXuRStsMN80puOuEM43wjnsxeUO9fdx99U+lIQkf63QuA4s2pxTQzV3S1hSRnWPeoRLS+BqDlRSEs2WWrP2hV6IOwFiKyL5NZ7vBZY+4CvybvOId4nntyipqXkXd585SVyMYnqO8e77kFhL7e3Gjh67m4Sze6P006NwXuQB/WSLbnVaMg4b2IoiqmWGv/MQyDyzm/xd4ZlA6lwlIcw6w4lH+5A4N1eB2VJWe0WN5sQlLwPLMPMvc18GqbB6oM2dxWP+DQSsS6CuZaA6BBwhSaD212DKdZo0SG+BaI9CuBGAiLIlf07mZLZDouVExSRd3CpnHt003LosFeaS2DbLSd7yFldBgisg3LzFT5jHNMWGeHsbEjJsCMKviqqvSw0yA1xW7UijHgusP3rfj5CikuQzjWhFKi0TzJVp4Lmm7jbhqgCTlcVYMXS2wzmSXlxyje+64NQVvj8ndsuS23mxF/Pc6we5GwSwM9itHLajhzhwHIfhXWp8FfGGy7x3j1cDW+C+dRd3Wg26uMe0Xxyxp3FYpvGEzeno4e9PpXz1oNjNBHg1aRsAruOspXanqnJWMhlJybxvNf+XFDtSFDVVFIL1s4hZ3pEWD7Edo2ygugaQjIdBlDkjSRjlNPazB6Isubib2Aj3ObYzLcXXIaRs3YvV1nDGrDf1Os/087w5etd496Mu7iawhPuIxJBrEj/fEeFmMJwrLu61eKeFagw856bOM0lRBeUGRcM8xlsbeMqoqU6uDYZlT/aJ42JqdTfcP+llh/xQZ0HypVY5uejijrAszLHO97f4e060TKMqxSQEnWBtoy7u57HnHoEBz90p4RK4umeZeK1FPNWo5GFORbs8ngX8B8neWL3urOusi8yubag+a9wxKbFOYSu8NoufrFP6lhB9zcVdxSkXNxZNeqmuZAfMdZb3r0OkXtZquLISz20Trlsq3nXXvLu4i3vs3pL7atPLVjzYMdRdxsW9LjfFc2wGwwYwP0TsNCRFVJu70GGlIOCdZQhVcnFPThqVuwgBAsmXFoA/L6k1a9tI8psVaWeALylhTw1Ve+F2nZNR0kcjAlhkhP/Fm2MA7t7m4m6uSgvCJdtkQawaPCrvHYIpmhEuhfNxFG/vvBcDbkh6a1aSAe0cqgLzBKLW0mKDZiUGjdb9FBXs03xOiASvMEcB73ea789BrAPAt4oZmm6q/prkKg0ReyQhnBR7YD34FepKEeDPweUJ8UIjLvsp3J6Thfj9iFYc3c4789gMayZdxiadbqHGdwLDIxB4DG+vCoLzcPdlYDrfoXnoR2VbW18ZApxjZEB+itzq00hTjXBkVuz5FWEYC4us22wb7xoE3jdbFW3Tbbit3ytpBHDfqItbz/YC3A6GGvshamLvCOETkpiuimQfBfndkiU5w70LUnVoBGc3da1DEDrr4paJVQmsr6OeOt1MYsGxptwsm3IQ5p2T38oSo1WEaOaR9nglNNuzMQ7hAnHIRt1X9zh0RLi629zvYUSz9ugBr0o7DsICCTz7uC8v+cCUeI8rUo3Yyb9WyjjA76+2QW6dnN9hcWTMEbIQ4ApIjJDywy3aW/Nqs5IrTaENDgjhrHV/u2ichJd7XfRwvwe8VUUKrTw0CMzlrRKuIPGXVZR7JPVjxvYK6rRXAnMtBCaI0YwTJ5BMa/c+AXBVL0PSLd5cu+sWUvS4pL+m4Oi1OyCaESTnecMJ8fz0WibAP8ZvVh0pozFmvUzJnFQlEp5n3t3KO023ye5Po393eS6xxXKTcNIAn7PCpRXJNljKaxe2Jyf5wu1SDklJ1dta4A+69tucIgSclERtXYL6c9jh4m16uHXx9NKSTJ6VoNpXr9PY9QVhnjmP+BswVzeMXBdClV28HWDLhAuIm/bCSRkvw76HF7xHFTfj1a+KOAO2vXgbeluJa65+kRTPLskgDGK3HoODX2kBq3mw+5A6y3suEC997GRT4BZLVcsQfztEsGrBJWyn2tpx1HaKpPOG3JNlfVZ87UIKbTfquHjjFsv2SNjRlHBp1Jj1Op6FSIvCwYG34Bq/XWIxR3CFFwHoNwC3IVKW9AqjGd5zmt8el0S2hRpReujtNpVkKyNNwsUXmXfFc+ft6nFxm99N17y3vwLhrkK4YRB7sUnyoY81HQKHWljeB+EOgeNfuXjDZZF1TwPXfV5V/uVmhLN9a7q54kOArDeIv+YgWFlUx5SLG1WvA+wqxL4MEazKnZQ0UlkC0F0ubvNLi4MxAXJbxX+TDLOnEZKeERf7Jio1A5MdBYaIKd5qMa82IV1voVLnsdt5j2hOCsaHYU7TYBfA2UVwGjH+81JJyUHUl1upyqx8NyQpKL+3vwqRroCQmtTOfgE370U9fkfcXHMYjPutMWdW4r/PWFw3CKiB+F7XeA9dIy0ywr8HJck7ig207PuYuOAHIV430m0bQCyRbCmujQ7ivnmJxxbELNh6MhIX94gDM4JU90oRNynP/5VjU6NPOAPWJp2U6u6HAGPl/DUQvN4g95jC2I6LmAcSNsxJxXlBsuHmxETzRrtTvy8ppjMgxCdcQmplSRA7CoJsk0qPpO0Sko3Is44huD7F/c8JQ9mRIJZcLzXJHSbRCHtQg+8JbFZA7YJA80hjmvdmSBrYc4NeHc9JBb2hxEWIfF2Qb+mhHMi0NE+9TaLYMiBZCWDzUh34wDU+ykLtp+2XK0gGP9Eg3WWBdgE4TeWad3pLYq6MVCfMyXofhH8M3E+IVAwwd584W+ZQ/LxBavBZFzcGHUH7vA6MvcB2VbztdT4XXXwsxwIwpIQx1dZG24lfUsLZYpPiyu+DAD18fkcQ3SXpqGue1NSlmpsQ7re/Sw24NRC1YGr0baRhm5eF8J8dEIlLispNYI9WQZwd5xFITTC675+A7zABtZVwChA1IVkPO0SggBf7HvdOiAcY8HcP389wfxVpnxXnzGLcyzgoB3FKDqPpJiX8sF7WL7IyaZEw4yxzVB4VVWNR/xlJ0Yy7+Pgka0A1Tp6S+dSTrDUx6k6C97pXA5wB2EZ5u34IOyyMd0IKpCsu7jKzTSIJSUlNioe53cXd23lsTo+LO8QGJba0UOhTVP8UCM/IWsymO/7NA6fVCLVuaPOW0BIzLt5wkkQi33TS0JuWwDcrXJ8XohkHfQv9bDGWpbHMEZiVZGvSbd78uMHvMy16KoIWcVWj+20f93MuPkhnhXc/CGPNS2rJOqqnkUTb63CO5z7lOXMOtJ9zD5/XvBKW7Vhd4l09ECDr5VZtb0UGqX6Bd1/F3q2Ap0Wx59clbfi+8w7+SYsdUvVj7WL9cIs5ANa9OyGZ8mW46Clc7V64tyY2ZQWHo51XttUc4k6J9zTIHUHN7sXzXZFyk1UMlkFMVLN7DXUVwfiiFIJT4hGbx10UVarmxgqjViw+3yCkqJNQmGCOB1y8/23VxS2JU8Cz3izjk5b0i/XpR4v9BkixLMgUfRR1CZrzqBDrqbfW8SyEL4vLX7zLRDPYu6TFoSS27hRe2rqo6UVgWXLxeSgJCfbXsDMDlGaWQeYwoUNFCH4VwphXaHvZliRXqtcYduuCi09wSrq4yywtKv2mp2kSqNZr6lGn5QbbNLfM50sAXQCgX/PCGVTHsIs3hBTh6mH31dMTEu7u7y/T2CgQdW/M8S5rOySxoLYEXHHx/uqfyW9LVCPOQEDTPhMgbkYyLdMNPD9L+9mWq8/AyVG8zhfFw91wcXu/9ZnugJGyEr8+zJzHGF90ivkBuB32siJ26yapGYtFAlz6pyTgDNzmIyisIWjFxRsg7va1BIGeFO0wyHd7xTtNu81nqli66pzbvK3Jz4CYVrmOfbnSwNZq76QD8Y+IFD/Cb88AU0qY/++R4Dz2+Jo4LwHPPCYeeTfqPwpFVtINHIQi0rbTxV1KzwOUHUcxgzoaE7toqsuKgkss+EN3706fi1R4dNTSt1FvSRjqAgx4Chd7jEVf4f7jLarLJnlLHRZa61L96HHxGSuWKtzu4g0gFqf+Dtd+D96oMUhNwpVuFx/mU+eeaO6oETnfiHCLGGm7IlH9mos7kOzlhyS9k5FK8XYX9wpa9Xm1AyRkXWd7yhr1hCTFa6tCrFnUygm4dwQmPOXiYy+qLj4KqnYbjKNdawUIYWk2q3pcBVcZIcK4i4/L+I6Ld+5WJQ6dQkVvk7h4FbU70K5ZKC9le1UJBY9gJnFVt/lAzCLibs0whqQDkkwu8N0ZXHI/JLATgcyWzgmHjzD/Dsmc5IQRbIfOPxM2XBFVlBCnYMPd2fG9FvvlpQRmuJgXW1fj9xuSibEGXqucX0LSrL5YEjyXWWuqk/a8cRd3LzsRZ/OweqVHouzijRVWiB0GYRnUwhGAtLOQrWBozTTrnrG3GltVktBnYZz7gU/7WUx9FcWrvYDazrvNR2/0SWLAYtnbKbharGv2cVkcDGubuCXh1Yc8cwzYrstvfmX/fhh0EiaPGLC3HeGsDXxdiqCrLO7nxEBjcI6dGTyH9FiOLgD5s0jamMQxdmZVHmJu8wi3A6J1C7IHXLwR0LjcnA7tY7RT76bE6Qg8J2RVbNQENqSf+U+4zac6dGJv35ccZ8SUv2S+CNb/ATfzXuW+5OKdQX7b4nUX750wLzpS9f3tCLeM6BawE9Y7eQYu6JW0VkqyCj7xyxKjHGZhRckhOgncp4SYB+UdRcmldkvOMyehgGkCC6Ctd+VxCFHxYDWVugaCRyQv+RiI/b8OCVdGKl5DI9iO1oyYlyWPOLbpxQ7+LuGJWhrxrPTi2CmGbzYKBxrFSnq24zjARZLwF/x2SzIq1vBp+92UIDdQcw/z+w5pwrGDQMfEBplqzIljZO1vlgiwHkfbNboMgm5ILGX9HgNifywlZ2dPT0qS2Nz8w/we5Wx/3CHxKlJALYkWMPsfiN02ZjO7nXVxa7ydWWaEK0nMWtMkc6tGGatxWeCppZolvsti20wiLBQYgNvtgM9X4eAB7N2QBPE3JTVlyDsPs+xz8YHYyxL83sT56EMNLxNz3sdipxn9lEvspPdTwH9EuPsVmKwgHuqQa38kbyuPc140UgkByLt4f501XFne1E4PKntq2rSHJf/3pDswuhWJ3zQcSLjNPe95qSmdBmGj4rWVMcSBi1ut7Wx9M+j7RDWZ83Ocf61P/5qLD4ez4ysWgdM2w/9WHKQCBLpfCqq2Wd/c+THiQPsfMxRRefe5OzsTrCrPVyTDowVgS1h389sZiSFTrGkVHFqpabATr7IEMkdwT524psYdebd535tlu8+5uLvrpLi7b4iaTMNdRRefNrQmAbI18iQly2720TYD7hKvbre0BZiqPCw5S9tnZ2ce2+aMA0hESRyas3chSVDxBKHk4gOAyjgm1ltTl1aGBel1GRIn5Ytwp9XeAd/BsCaWLN5OtMiPUGV7QJTVps56HtyXp3fLFQH8PRcf7hbglZ0UN972WPudZdYzMiYV7gk+F138/xKw9vX9ks03ZvwcNWUtddF3P3FfPcvlXl3a6a17xW1vxTo4i9bxXQj2Iyu0prfANaclSLXTz+3EnvOS+diQmlsg3qkP9AJV9TEQbzFgVwMPUdvga+L0pGT+PsmwD0q6qAtHabdkLkyFncX2dUmvzO+LcJZe7PHKamaellx8fop1g1mi4kynEqeXNa5YXKf7xhbFuTBvqVmqKiWqzpjD0kFVFzeKJqV/xVzjHkKFjNiNUVRiILUzS4XdkqahDTTGD7F3f4LB/xzH5hLzZFD1q/eQeCmx9Wlh9AUId1u7dZrlE0dFL+d4adFtPgI+Lc05ay3aFWz3SyAceLHBvSW3eZtXVpKx2geTFbs2KIT9N4hUFztpFYY3SPqe57cnUE1pJPmk6+xY/tv1PK0DugLz1D2i6bEgt024QAJekxLrR8k0qKa32w20IVzWLtWUlxaCRS8pa2p6Rlxva4i1Hv5bLZIM9v8T6saOD0hBeBdJ4Av3gHDDSPs21rKKlAei3fYT+x6Tlgv3/wIMAGfxS3lASyEZAAAAAElFTkSuQmCC") 0 0; -webkit-animation: sparkle 1500ms linear infinite; -khtml-animation: sparkle 1500ms linear infinite; -moz-animation: sparkle 1500ms linear infinite; -o-animation: sparkle 1500ms linear infinite; -ms-animation: sparkle 1500ms linear infinite; animation: sparkle 1500ms linear infinite; opacity: 0.2; } .Candy-Cane:before { display: block; content: ''; height: 100%; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; overflow: hidden; } .Snake:before { display: block; content: ''; height: 100%; background-image: -webkit-gradient(linear, 0 0, 107% 0%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; } .Zebra:before { display: block; content: ''; height: 100%; background-image: -webkit-gradient(linear, 0 0, 30% -20%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; z-index: 1; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-moz-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-webkit-keyframes sparkle { from { background-position: 0 0; } to { background-position: 0 -64px; } } @-moz-keyframes sparkle { from { background-position: 0 0; } to { background-position: 0 -64px; } } @-o-keyframes sparkle { from { background-position: 0 0; } to { background-position: 0 -64px; } } @keyframes sparkle { from { background-position: 0 0; } to { background-position: 0 -64px; } } /****Sequential Animation****/ .childitem span { display: inline-block; position: relative; margin: 0; font-weight: 200; font-size: 18px; text-shadow: none; text-align: center; text-transform: uppercase; line-height: initial; width: 100%; padding: 10px 0px; clear: both; } .childitem .fa { transition: background .45s ease; -webkit-transition: background .45s ease; -khtml-transition: background .45s ease; -moz-transition: background .45s ease; -o-transition: background .45s ease; -ms-transition: background .45s ease; } /****Success Story****/ .ssitem { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /****Pagination*****/ .pagination { width: 50%; text-align: center; clear: both; padding: 20px 10px; margin: 5% auto; position: relative; font-size: 11px; line-height: 13px; border-top: solid 1px #ddd; } .pagination span, .pagination a { margin: 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: transparent; border: solid 1px #ddd; } .pagination a:hover { color: #fff; background: #3279BB; } .pagination .current { padding: 6px 9px 5px 9px; background: #3279BB; color: #fff; } /***Contact Form 7***/ .wpcf7 button { padding: 12px; } /******Media Queries Width:1430px*******/ @media only screen and (max-width: 1430px) { .footer-container button, #footer input[type="submit"], #footer input[type="text"], #footer input[type="email"], #footer textarea { width: 100%; } } /******Media Queries Width:1350px*******/ @media only screen and (max-width: 1350px) { ul.norm { height: auto; } .logo img, #topmenu-logo img { margin-top: -70px; margin-left: 108px; top: 70px; width: 110px; } h1.logo { width: 0%; top: 67px; float: left; z-index: 2; } .hero-title { font-size: 22px; } #video, #video_background, #videofixed { top: -300px; } /***Menu***/ #nav ul.meganav .threecolumn .sub-menu li, #nav ul.meganav .fourcolumn .sub-menu li { min-width: 182px; } } /******Media Queries Width:1200px*******/ @media only screen and (max-width: 1200px) { /***Columns***/ .two, .three, .four, .five, .onehalf, .onethird, .twothirds, .onefourth, .threefourths { width: 50%; } } /******Media Queries Width:1250px*******/ @media only screen and (max-width: 1250px) { #ytThumbsPlayer { left: 18%; } #full-status { left: 55%; } #video, #video_background, #videofixed { width: 180%; height: 180%; } /***Menu***/ #nav ul.meganav .threecolumn .sub-menu li, #nav ul.meganav .fourcolumn .sub-menu li { min-width: 172px; } } /******Media Queries Width:1150px*******/ @media only screen and (max-width: 1150px) { /***Blog Menu***/ #nav ul.blognav li { margin-left: -18px } /***Masonry***/ .blog_container.packery, .blog_container_sc.packery { -webkit-transform: translate(4%, 0%); -khtml-transform: translate(4%, 0%); -moz-transform: translate(4%, 0%); -o-transform: translate(4%, 0%); -ms-transform: translate(4%, 0%); transform: translate(4%, 0%); } .itemSmall { height: 181px; } .itemMedium { width: 50%; height: 375px } #stickynavlogo a span { display: none; } .logo img { margin-left: 88px; } .logo img { margin-left: 73px; } .social-full img { width: 40px; } /* Search */ .sticky_search_content { padding: 0 36px 0 23px } /***YOUTUBE GALLERY***/ #ytThumbsPlayer { left: 13%; } /***Portfolio***/ .contentContainer .showloveback { font-size: 28px; } #breadcrumbs { position: relative; } /***Mega Menu***/ #nav ul.meganav li, #nav ul.blognav li { padding-left: 8px; } } /******Media Queries Width:1100px*******/ @media only screen and (max-width: 1100px) { /***WP ADMIN***/ #wpadminbar .ab-top-secondary, #wp-admin-bar-custom_menu, #wp-admin-bar-custom_menu2, #wp-admin-bar-w3tc { display: none !important } /***Codie Pie Customizer***/ #cpcustomizer { display: none; } /***PAGE ELEMENTS***/ #screen, .background_img { background-attachment: scroll !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important; background-position-y: 0 !Important; -webkit-transform: none !Important; -moz-transform: none !Important; transform: none !Important; } #pageheader, #pageheader #pageheadercontent ul li span.header_width_layout, #pageheader #pageheadercontent ul li div.header_width_layout { margin-left: 0 !important; margin-right: 0 !important; } #pageheader #pageheadercontent ul li span.header_width_layout .cart-contents, #pageheader #pageheadercontent ul li div.header_width_layout .cart-contents { position: relative; margin: 0 auto; display: block; float: none; width: 150px } .description-background { background-attachment: scroll !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important; background-position: top center; } ul.homelisters { margin: 20px 12% 0 -1%; } .section_inner_margin, body .vc_column_container>.vc_column-inner { padding: 0 15px; } /***Sidebar***/ .columns_two_75_25 .column-1-left, .columns_two_75_25 .column-1-right { width:63%; } /******Color Presets******/ .aqua, .blue, .beige, .black, .crimson, .green, .gray, .jade, .indigo, .ivory, .lavender, .lemon, .moss, .olive, .orange, .peach, .plum, .pear, .periwinkle.pumpkin, .purple, .red, .saffron, .scarlet, .steel, .tangerine, .teal, .viridian, .white, .wheat, .wisteria, .yellow { display: block; } .aqua-last, .blue-last, .beige-last, .black-last, .crimson-last, .green-last, .gray-last, .jade-last, .indigo-last, .ivory-last, .lavender-last, .lemon-last, .moss-last, .olive-last, .orange-last, .peach-last, .plum-last, .pear-last, .periwinkle-last.pumpkin-last, .purple-last, .red-last, .saffron-last, .scarlet-last, .steel-last, .tangerine-last, .teal-last, .viridian-last, .white-last, .wheat-last, .wisteria-last, .yellow-last { border-right: solid 0px transparent; } /***Contact***/ .contactinfo { float:initial; } ul.cpcontactinputs li { width: 100% } /***NOTIFICATION***/ .alertcloud { right: 50px; top: 14px; } .cpnotifications { top: 47px; right: -130px; } .cpnotifications:before { right: 190px; } .featuresdesc { width: 90%; } .leftbar-menu { bottom: 0px; height: 40px; top: initial !important; overflow: hidden; z-index: 11; } .leftbar-menu:hover { overflow: visible; } .leftbar_bottom { top: 0; margin-bottom: 0; } .leftbar-menu .fa, .leftbar-menu a [class^="icon-"], .leftbar-menu a [class*=" icon-"] { width: 100%; } #wrapper { padding: 0 !important; } .leftbar-menu li { position: relative; display: inline-block; width: 67px; overflow: visible; } .leftbar-menu:hover, nav.leftbar-menu.expanded { width: 100%; } .leftbar-menu .nav-text { width: 150px; height: 36px; text-align: center; position: absolute; bottom: -53px; left: -50px; line-height: 2.5; background: #ffffff; background: rgba(255, 255, 255, 0.5); color: #333333; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .leftbar-menu .nav-text:before { display: block; content: ''; position: absolute; top: 36px; left: 44%; width: 0; height: 0; border-top: solid 9px rgba(255, 255, 255, 0.5); border-left: solid 9px transparent; border-right: solid 9px transparent; } .leftbar-menu li>a { width: 50px; margin: -4px auto 0; } .leftbar-menu li:hover .nav-text { background: rgba(255, 255, 255, 0.7); bottom: 53px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .leftbar-menu .nav-text:hover:before { content: ''; position: absolute; top: 36px; left: 44%; width: 0; height: 0; border-top: solid 9px rgba(255, 255, 255, 0.7); border-left: solid 9px transparent; border-right: solid 9px transparent; display: block; } li.tabletleftbar-menu { display: block; text-indent: -10px; } .leftbar-menu:hover li.tabletleftbar-menu { display: none; } /***STICKYHEADER***/ #nav { display: none !important; } .header_width_layout { max-width:95%; } .menupanellink { display: none !important; } .ipadmini-menu { display: none; } .ipad-menu { display: none; } .ipad-menu { display: block; } .ipadmini-menu { display: block; } .tablet_btn { display: block; font-family: Black Tie; font-size: 24px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 5; } header.dark .tablet_btn, header.cpslider_dark .tablet_btn, .stickyheader.cp_scrolled_down.dark .tablet_btn { color: #000000; } header.cpslider_light .tablet_btn, header.light .tablet_btn, .stickyheader.cp_scrolled_down.light .tablet_btn { color: #ffffff; } header.light .tablet_btn:hover, .stickyheader.cp_scrolled_down.light .tablet_btn:hover { color: initial; } .ipadmini-menucontainer { position: relative; top: -260px; } .ipadmininav { position: relative; display: block; z-index: 2; } .ipadmini-bottom { position: absolute; top: 92px; width: 100%; height: 80px; z-index: 1; } .ipadmini-logo { position: relative; top: -6px; } .ipadmini-background { background: #fff; width: 100%; height: 177px; position: absolute; z-index: 1; opacity: 0.5; filter: alpha(opacity="50"); } .close-ipadminimenu { float: right; position: relative; top: 0px; right: 3%; font: 100 45px Lato, Helvetica Neue, Arial; color: #333333 !important; } .desktop-menu { display: none; } .stickyheader, .stickybackground { width: 100% !important; min-height: initial; } body.leftbarsquare .stickyheader, body.leftbarsquareroundglass .stickyheader { left: 0; } #status { top: initial; z-index: 1; display: none; } body.megamenu #left-panel, body.megamenu #right-panel, body.cpcustomizer_on #left-panel, body.cpcustomizer_on #right-panel { display: block; visibility: visible; } /***Hero Section***/ .hero-title span { width: initial !important; padding-top: 3px; } body.cp_header_absolute .hero-title span { width: 95% !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /***LOGO***/ .desktop-logo { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 1 !important; } a#logo-img img { width: 80px; height: auto; } .logoimgtext img { width: 47px; } .columns { width: 95%; } /***Parallax***/ .backimage { width: auto; min-width: 100%; } /* Search */ .sticky_search_content { padding: 0 30px; } /***SOCIAL***/ ul.social, ul.socialmobile { top: -6px; } /***Success Story Block***/ #quoteBackgroundImage { background-attachment: scroll; -webkit-background-size: contain; -moz-background-size: cover; background-size: cover; } /***Team Members***/ .team_member_backdrop .parallax_inner > img { min-height: 150%; width: initial; } .team_column_half { padding: 15px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .team_info_section { -webkit-transform: translate(0%, 0%); -khtml-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } aside.sidebar_information .fb_iframe_widget { display: inline-block; width: 0%; margin: 0 auto; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); } /***YOUTUBE GALLERY***/ #ytThumbsPlayer { top: 14%; left: -60px; width: 100%; } #video-player { left: 0px; } #video, #video_background, #videofixed { top: -500px; width: 220%; height: 220%; } #utubenailscpplayer iframe { width: 90% !important; left: 0%; border: none; } /***AVATAR ACCOUNT/SETTINGS***/ .avatar-tooltip:before { margin-left: -21.8px; } /***FOOTER***/ .footer-section { width: 100% !important; padding-bottom: 80px; } /***PRICETABLE***/ .pricetable { min-width: 100% } .pt1, .pt2, .pt3 { transform: scale(1); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); z-index: 1; } /***CPSHARE***/ a.cpshare { right: 0px; } ul.cpsharelistdesktop { width: initial; height: 25px; padding: 5px; margin-right: 0px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /***CodiePie Slider***/ #slider_arrows li a#cpprevarrow, .slider_arrows li a.cpprevarrow { left: 2% } #slider_arrows li a#cpnextarrow, .slider_arrows li a.cpnextarrow { right: 2% } .cpslidecontent_inner, body.leftbarsquare .cpslidecontent_inner, body.leftbarsquareroundglass .cpslidecontent_inner { padding-right: 0; } /***Visual Composer***/ #content .wpb_alert p:last-child, #content .wpb_text_column:last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column:last-child, .wpb_text_column p:last-child { padding: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .wpb_alert p:last-child b, #content .wpb_text_column:last-child b, #content .wpb_text_column p:last-child b, .vc_message_box>p:last-child b, .wpb_alert p:last-child b, .wpb_text_column:last-child b, .wpb_text_column p:last-child b { padding: 0; } /***WooCommerce***/ ul.shop_gridchoice { left: 0; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100%; height: initial; overflow: hidden; margin: 30px auto; clear: both; float: initial; } .woocommerce div.product div.images img { width: 95% } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 95%; margin: 0 auto; text-align: center; float: initial; } .woocommerce-tabs.wc-tabs-wrapper { width: 95%; float: initial; margin: 0 auto; display: block; } .woocommerce div.product form.cart .button { width: 40%; margin: 0 auto; } .woocommerce div.product form.cart div.quantity { float: initial; margin: 0 auto; display: block; width: 100%; } .woocommerce .quantity .qty { width: 30%; font-size: 1.2em; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none; } /* Comments */ #post-content > #comments { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /******Media Queries Width:1050px*******/ @media only screen and (max-width: 1050px) { /***Image Box***/ .cpimagebox { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important } /***Parallax***/ #post-content .background_img { min-height: 650px; } /***Sidebar***/ .columns_two_75_25 .column-1-left, .columns_two_75_25 .column-1-right { width:61%; } } /******Media Queries Width:1000px*******/ @media only screen and (max-width: 1000px) { /***PORTFOLIO***/ .portfolio-item li { margin-left: 8.6%; margin-top: 2%; margin-bottom: 2%; width: 36% !important; } /***Sidebar***/ .columns_two_75_25 .column-1-left, .columns_two_75_25 .column-1-right { width:100%; } /***Success Stories***/ .success_stories2 ul li a img { width: 140% } } /******Media Queries Width:900px*******/ @media only screen and (max-width: 900px) { /***Grid Showcase***/ .gridShowCase li { width: 100% !important; background-attachment: scroll; background-size: cover; } /* Image Gallery */ .cp_image_gallery.fourth .item, .cp_image_gallery.third .item, .cp_image_gallery.half .item, .cp_image_gallery.whole .item { width: 50%; } /***Masonry***/ .blog_container.packery, .blog_container_sc.packery { -webkit-transform: translate(3.5%, 0%); -khtml-transform: translate(3.5%, 0%); -moz-transform: translate(3.5%, 0%); -o-transform: translate(3.5%, 0%); -ms-transform: translate(3.5%, 0%); transform: translate(3.5%, 0%); } .blog_container.packery.hover .item:active .image_container a img, .blog_container.packery.hover .item:focus .image_container a img, .blog_container.packery.hover .item:hover .image_container a img, .blog_container_sc.packery.hover .item:active .image_container a img, .blog_container_sc.packery.hover .item:focus .image_container a img, .blog_container_sc.packery.hover .item:hover .image_container a img { -webkit-transform: translate(0%, 0%)scale(1.2); -khtml-transform: translate(0%, 0%)scale(1.2); -moz-transform: translate(0%, 0%)scale(1.2); -o-transform: translate(0%, 0%)scale(1.2); -ms-transform: translate(0%, 0%)scale(1.2); transform: translate(0%, 0%)scale(1.2); } .blog_container.tile, .blog_container_sc.tile { -webkit-transform: translate(3.5%, 0%); -khtml-transform: translate(3.5%, 0%); -moz-transform: translate(3.5%, 0%); -o-transform: translate(3.5%, 0%); -ms-transform: translate(3.5%, 0%); transform: translate(3.5%, 0%); } .blog_container.tile.hover .item .image_container a img, .blog_container_sc.tile.hover .item .image_container a img, .blog_container.packery.hover .item .image_container a img, .blog_container_sc.packery.hover .item .image_container a img { -webkit-transform: scale(1.05); -khtml-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .blog_container.tile.hover .item:active .image_container a img, .blog_container.tile.hover .item:focus .image_container a img, .blog_container.tile.hover .item:hover .image_container a img, .blog_container_sc.tile.hover .item:active .image_container a img, .blog_container_sc.tile.hover .item:focus .image_container a img, .blog_container_sc.tile.hover .item:hover .image_container a img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .itemSmall { width: 30%; } .itemMedium { width: 30%; } /***PostIt***/ .postit_outer_container ul.cppostit li { display: block; width: 70%; height: auto; margin: 0 auto 9%; } .postit_outer_container ul.cppostit_buttons li { width: 100%; max-width: 100%; margin: 0px auto; } /***PriceTable***/ ul.pricetablecontainer li .pricetable { margin: 20px; } /***Stagger Animation***/ .childitemextra { visibility: hidden; opacity: 0; filter: alpha(opacity=0) } /***Success Stories***/ .success_stories2 ul li a img { width: 170% } /***Team Member***/ .team_column_half { width: 100% !important; float: none; margin:0 auto; } .team_info_section:after { width: 0 !important; } body.single-teammember .singlepost .team_info_section .team_member_image { width: 180px; } .team_member_image img { width: 100%; height:auto; } .team_info_section, .team_info_section ul.team_social { text-align: center; } aside.sidebar_information .fb_iframe_widget { display: block; width: 630px; max-width: 100%; text-align: center; -webkit-transform: none; -moz-transform: none; transform: none; } .team_header_text span, .team_info_section h2, .team_position { text-align: center; } } /******Media Queries Width:850px*******/ @media only screen and (max-width: 850px) { /***Landing Page***/ .landinglogopadding { top: 2%; } .logodropin { width: 160px; line-height: 1.3; font-size: 140px; } ul.landingbox { top: 22%; } ul.landingbox li { position: relative; display: block; padding: 0px; width: 200px; margin: 0px auto; transform: scale(1); -webkit-transform: scale(1); } ul.landingbox li:nth-last-child(1) { transform: scale(1); -webkit-transform: scale(1); z-index: -1; } ul.landingbox li:hover { transform: scale(1.3); -webkit-transform: scale(1.3); z-index: 1; } ul.landingbox li div { width: 100%; height: 160px; display: block; overflow: hidden; } ul.landingbox li div:nth-last-child(2) { height: 300px; } /***Single Post***/ .sidebarlocation { padding: 0; } .columns_two_75_25 .column-1-left, .columns_two_75_25 .column-2-left, .columns_two_75_25 .column-1-right, .columns_two_75_25 .column-2-right { display: block; width: 100%; margin: 0 auto 12%; padding: 0 32px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Search */ .sticky_search_content { padding: 0 20px 0 25px; } /***Success Stories***/ .success_stories2 ul li a img { width: 170% } } /******Media Queries Width:823px*******/ @media only screen and (max-width: 823px) { /***Row Parallax***/ /* .backgroundimage_overlaycolor, .videooverlaycolor { position: fixed; top: -104px; bottom: -25%; } */ } /******Media Queries Width:800px*******/ @media only screen and (max-width: 800px) { /* =WordPress Core -------------------------------------------------------------- */ .right { float: none !important; } .alignnone { display: block; margin: 0 auto; } .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .alignright { /* float: none; */ display: block; margin: 0 auto; } .alignleft { /* float: none; */ display: block; margin: 0 auto; } .aligncenter { display: block; margin: 0 auto; } a img.alignright { float: none; display: block; margin: 0 auto; } a img.alignnone { display: block; margin: 0 auto; } a img.alignleft { float: none; display: block; padding: 8px 0 16px 0; margin: 0 auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } a img.aligncenter { display: block; margin: 0 auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 0 auto; } .wp-caption.alignleft { margin: 0 auto; } .wp-caption.alignright { margin: 0 auto; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } body { overflow-x: hidden; /*font-size: 1em !important;*/ } /***CP Slider***/ ul.multi_fold li { display: block; width: 100% !important; background-attachment: scroll; float: none; } /***PAGE ELEMENTS***/ body.header1 #pageheader, body.header2 #pageheader, body.header3 #pageheader { visibility: visible; } #pageheader #pageheadercontent ul li.floatleft { display: inline-block; float: none; line-height: 2.5; border-bottom: solid 1px rgba(0, 0, 0, 0.2); width: 100%; text-align: center; margin: 0px auto; } #pageheader #pageheadercontent ul li span.header_width_layout, #pageheader #pageheadercontent ul li div.header_width_layout { width: 100%; text-align: center; float: none !important; } #pageheader #pageheadercontent ul li ul { text-align: center; padding: 12px; margin: 0 auto; width: 30%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.homelisters { width: 100%; text-align: center; margin: 0px 3%; padding: 0; } ul.homelisters li { display: inline-block; width: 40%; } .two, .three, .four, .five, .onehalf, .onethird, .twothirds, .onefourth, .threefourths { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /***Buddypress***/ #register-page { width: 70%; } form#signup_form button, form#signup_form input[type="submit"] { width: 80%; } .cart-contents { position: absolute; } /***FOOTER***/ .footer-section .blog_container article .item .image_container, .footer-section .blog_container_sc article .item .image_container, .footer-section .blog_container.normal_post article .item .image_container, .footer-section .blog_container_sc.normal_post article .item .image_container { display: block; width: 45% !important; padding: 12px 0; margin: 0 auto; } .footer-section .blog_container_sc.normal_post article .item .image_parent_container { width: 100%; float: none; padding: 0; padding-right: 0; margin-top: 0; margin: 23px auto; } .footer-section .blog_container_sc.normal_post article .item .image_parent_container .image_container { width: 90% !important; min-height: 300px !important; background-size: cover; } .footer-section .blog_container_sc.normal_post article .item .image_parent_container .image_container:before { width: 90% !important; min-height: 300px !important; } .footer-section .blog_container article .item .image_container, .footer-section .blog_container_sc article .item .image_container, .footer-section .blog_container.normal_post article .item .image_container, .footer-section .blog_container_sc.normal_post article .item .image_container { width: 100% !important; float: right; padding: 0; } .footer-section .blog_container .title_container, .footer-section .blog_container_sc .title_container, .footer-section .blog_container.normal_post .title_container, .footer-section .blog_container_sc.normal_post.title_container { display: block; text-align: center; width: initial; font-size: 20px !important; margin: 0 auto 20px; } .footer-section .blog_container .excerpt_container, .footer-section .blog_container_sc .excerpt_container, .footer-section .blog_container.normal_post .excerpt_container, .footer-section .blog_container_sc.normal_post.excerpt_container { font-size: 18px !important; text-align: center; } .footer-section .blog_container article .item, .footer-section .blog_container article, .footer-section .blog_container_sc article .item, .footer-section .blog_container_sc article, .footer-section .blog_container.normal_post article .item, .footer-section .blog_container.normal_post article, .footer-section .blog_container_sc.normal_post article .item, .footer-section .blog_container_sc.normal_post article { margin: 2px -11px 0; } .footer-section p, .footer-section h1, .logotop, ul.footer-links, ul.footer-links-nt { text-align: center; } .footer-section .logotop { text-align: center; display: block; margin-left: -42px; } .footer-section .blog_container.normal_post article .item .footer_datecontainer, .footer-section .blog_container_sc.normal_post article .item .footer_datecontainer { display: block } .blog_container.masonry, .blog_container_sc.masonry { margin: 9% auto; text-align: center; display: block; width: 82.6% !important; -webkit-transform: initial; -moz-transform: initial; transform: initial; } .blog_container.masonry .item, .blog_container_sc.masonry .item, .blog_container.normal_post .item, .blog_container_sc.normal_post.item { width: 100% !important; margin: 0 auto 20px } /***Carousel Blog***/ .cpcarouselpost-item.gallery-cell { width: 50% !important; } /***Isotope Blog***/ .blog_container.packery, .blog_container_sc.packery { -webkit-transform: translate(1.5%, 0); -khtml-transform: translate(1.5%, 0); -moz-transform: translate(1.5%, 0); -o-transform: translate(1.5%, 0); -ms-transform: translate(1.5%, 0); transform: translate(1.5%, 0); } .blog_container.tile, .blog_container_sc.tile { -webkit-transform: translate(3%, 0); -khtml-transform: translate(3%, 0); -moz-transform: translate(3%, 0); -o-transform: translate(3%, 0); -ms-transform: translate(3%, 0); transform: translate(3%, 0); } .blog_container.packery .item .image_container a img, .blog_container_sc.packery .item .image_container a img { width: 130% } /***Isotope Blog***/ .blogcontainer, .blognormalcontainer, .blogcontainer_sc, .blognormalcontainer_sc, .cpcarouselposts, .blog_container.packery, .blog_container.tile, .blog_container_sc.packery, .blog_container_sc.tile { font-size: 1.2em } .blog_container.packery, .blog_container.tile, .blog_container_sc.packery, .blog_container_sc.tile { width: 100% !important; -webkit-transform: translate(8%, 0); -khtml-transform: translate(8%, 0); -moz-transform: translate(8%, 0); -o-transform: translate(8%, 0); -ms-transform: translate(8%, 0); transform: translate(8%, 0); } .blog_container.packery .item .image_container img, .blog_container_sc.packery .item .image_container img { -webkit-transform: translate(0%, 0%)scale(1.05) !important; -khtml-transform: translate(0%, 0%)scale(1.05) !important; -moz-transform: translate(0%, 0%)scale(1.05) !important; -o-transform: translate(0%, 0%)scale(1.05) !important; -ms-transform: translate(0%, 0%)scale(1.05) !important; transform: translate(0%, 0%)scale(1.05) !important; } .blog_container.packery.hover .item:active .image_container a img, .blog_container.packery.hover .item:focus .image_container a img, .blog_container.packery.hover .item:hover .image_container a img, .blog_container_sc.packery.hover .item:active .image_container a img, .blog_container_sc.packery.hover .item:focus .image_container a img, .blog_container_sc.packery.hover .item:hover .image_container a img { -webkit-transform: translate(0%, 0%)scale(1.2) !important; -khtml-transform: translate(0%, 0%)scale(1.2) !important; -moz-transform: translate(0%, 0%)scale(1.2) !important; -o-transform: translate(0%, 0%)scale(1.2) !important; -ms-transform: translate(0%, 0%)scale(1.2) !important; transform: translate(0%, 0%)scale(1.2) !important; } .blog_container.carousel.image_container img: { transform: translate(0%, -30%); } .blog_container.carousel .item:active .image_container a img, .blog_container.carousel .item:focus .image_container a img, .blog_container.carousel .item:hover .image_container a img { transform: translate(0%, -30%); } .itemSmall { width: 83%; height: auto; } .itemMedium { width: 83%; height: auto; } .footer-section .blog_container, .footer-section .blog_container_sc, .footer-section .blog_container.normal_post, .footer-section .blog_container_sc.normal_post { width: 100% !important; -webkit-transform: translate(0%, 0%); -khtml-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .footer-section .footer_datecontainer { position: relative; right: 0; bottom: 0; text-align: center; margin: 20px auto 0; } .footer-container { padding: 5% 0; } .footer-container li { float: none; width: 100%; } .footer-section h1, .footer-section h2 { text-align: center; } /***Image Text Grid***/ .cpimagetextgrid { overflow: visible; overflow-wrap: initial; } .cpimagetextgrid .two { width: 100%; } .cpimagetextgrid .two div { position: relative; top: 0; left: 0; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; padding: 0px 12px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 12% auto; } /***Logo***/ #full-logo img { width: 130px; } #full-logo { top: 100px; } .logo img, #topmenu-logo img { width: 110px; margin-left: 73px; } h1.logo { width: 0%; } #full-status { margin-bottom: 20px; } #video, #video_background, #videofixed { top: -700px; width: 260%; height: 260%; } .columns { width: 95%; } /***Portfolio***/ .contentContainer .showloveback { font-size: 25px; } /***PriceTable***/ .stButton .stLarge { height: 22px !important; width: 22px !important; background-size: 100% !important; } #sharethis > .stButton:hover, .stLarge:hover { height: 22px !important; width: 22px !important; background-position: 100% !important; } #sharethis { bottom: 0; zoom: 1; transform: scale(1.7); -webkit-transform: scale(1.7); -khtml-transform: scale(1.7); -moz-transform: scale(1.7); -o-transform: scale(1.7); -ms-transform: scale(1.7); } #utubenailscpplayer iframe { width: 100%; top: 5%; padding: 6% 0%; } /***Blog Cover Size***/ .Ninety, .Eighty, .Seventy, .Sixty, .Fifty, .Fourty, .Thirty, .Twenty, .Ten { width: 90%; } .Hundred { width: 100%; } /***Success Stories***/ ul.success_stories li .success_item .success_testimonial { font-size: 17px; } ul.success_stories li .success_item .success_testimonial span { font-size: 15px; } /***Success Story Block***/ #quoteBlock { font-size: 23px; } #quoteBackgroundImage { width: 100%; opacity: 0.3; } .success_stories2 p { left: 50%; top: 35%; width: 75% } .column_info { display: block; width: 100%; } .column_faces { display: block; width: 100%; } /***Video***/ .cpvideo { width: 80% !important; padding: 0 !important; margin: 0 auto !important; } } /******Media Queries Width:767px*******/ @media only screen and (max-width: 767px) { body .vc_column_container>.vc_column-inner { padding:0 15px !important; } .vc_row.wpb_row.vc_row-fluid .wpb_text_column { padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .vc_row.wpb_row.vc_row-fluid .section .wpb_text_column { padding:0; } } /******Media Queries Width:700px*******/ @media only screen and (max-width: 700px) { /***Unordered List***/ .cpunorderedlist_container { font-size: 1.1em; width: 100% !important } h1 span, h1 strong span { font-size: inherit !important; } } /******Media Queries Portrait********/ @media screen and (orientation: portrait) { .cpslidecontent { height: 40% } } /******Media Queries Min Height:600px*******/ @media screen and (min-height: 600px) { .cpslidecontent { height: 100% } } /******Media Queries Width:600px*******/ @media only screen and (max-width: 600px) { body h1 { font-size: 1.6em !important; } body h2 { font-size: 1em; } /* body h3, body h4 { font-size: 1em; } */ p { font-size: 1em; width: initial; line-height: 1.6; } .cpslidecontent_inner { position: absolute; top: 33%; } /* Image Gallery */ .cp_image_gallery { width: 100% !important; } .cp_image_gallery.fourth .item, .cp_image_gallery.third .item, .cp_image_gallery.half .item, .cp_image_gallery.whole .item { width: 100%; } /* Logo */ #logoimg-desc, #logo-txt, #logotxt-desc, .logoimgtext a span { left: 0; right: 0 } /***Parallax***/ .cpparallax_sc { margin: 0 auto; } /* PostIt */ body .postit_outer_container ul li { width: 100%; max-width: 100%; box-sizing: border-box; margin: 20px auto; } /* Search */ .sticky_search_content { top: 58%; padding: 0 20px; } body.logged-in.safari .sticky_search_content { top: 26%; } /***Codie Pie Slider***/ #cpslider, .cpslider_outer { overflow: hidden; } ul.cpsliderpath > li { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center !important; background-position-y: center !important; } .cpslider_outer { position: absolute; } .cpslideitem { background-attachment: scroll !important; } /***Icon List***/ ul.cpiconlist li .cpiconback .fa { margin: 0; } ul.cpiconlist li { margin: 12px; } /***Page Title***/ .hero-title span { font-size: 1.5em !important; } /***Body Class Determine***/ body.full-width.leftbarsquare .footer-section, body.full-width.leftbarsquareroundglass .footer-section { overflow: visible; margin-bottom: -9px } body.full-width.leftbarsquare ul.footer-controls, body.full-width.leftbarsquareroundglass ul.footer-controls { top: -117px } /***Blog Menu***/ body.blogmenu .cpdivider { margin: 0 auto !important } /***Service Table***/ .cpservicetable_container { width: 90%; height: auto; display: block; clear: both; margin: 20px auto !important; font-size: 1.2em } /***Codie Pie Slider***/ .cpslidecontent span { width: 80%; margin: 0 auto; } .full_page_width { background-size: auto 100%; } /***CP Subscribe Form***/ .cpsubscribe_form { width: 90% } form.cpsubscribeform input { font-size: 1em; } /***Home List***/ ul.homelisters li { width: 63%; } /***MOBILE HEADER***/ ul.mobileheader { display: block; text-align: center; height: 111px; background: rgba(255, 255, 255, 0.5); position: relative; z-index: 4; } ul.mobileheader li { display: inline-block; padding: 0 3%; } ul.mobileheader li.menuicon { padding: 40px 20px 0; float: left; } ul.mobileheader li.cart { padding: 50px 20px 0; float: right; } ul.mobileheader li.search { padding: 50px 20px 0; float: right; } .searchmobile { display: block; } #mobile-menu-link { display: block; font-family: inherit; font-size: 25px; position: relative; text-align: center; line-height: 1.2; padding: 0; transition: all .45s ease; -webkit-transition: all .45s ease; -khtml-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; -ms-transition: all .45s ease; z-index: 2; } #mobile-menu-link:active { transform: rotate(180deg); -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #right-panel { left: 0; right: initial; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } /***PAGE HEADER***/ #pageheader #pageheadercontent ul li span.header_width_layout .cart-contents span.amount, #pageheader #pageheadercontent ul li span.header_width_layout .cart-contents span.amount, #pageheader #pageheadercontent ul li div.header_width_layout .cart-contents span.amount, #pageheader #pageheadercontent ul li div.header_width_layout .cart-contents span.amount, #pageheader #pageheadercontent ul li span.header_width_layout .cart-contents span.tagged_as a, #pageheader #pageheadercontent ul li span.header_width_layout .cart-contents span.tagged_as a, #pageheader #pageheadercontent ul li div.header_width_layout .cart-contents span.tagged_as a, #pageheader #pageheadercontent ul li div.header_width_layout .cart-contents span.tagged_as a { display: inline; border-top: none; } /***Parallax Effect***/ .parallax-image, .shop_landing { background-attachment: scroll !important; } a.title_container, .normal_date_container, .footer_datecontainer { padding: 16px 0 0; text-align: center; float: none; width: initial; } /***Revealer***/ .reveal_background_image { background-attachment: initial; } .recreatedCursor { background-size: initial; } /***Team Member***/ .team_info_section { left: 0% } .team_member_backdrop .parallax_inner > img { min-height: 100%; } /***PORTFOLIO***/ .portfolio-item li { margin-left: 8.6%; margin-top: 0%; margin-bottom: 10%; width: 83% !important; float: none; } .hero-title { margin: 0 auto; } .clearfix { display: block; } #breadcrumbs { font-size: 12px; } /***Shortcodes***/ /***Accordion***/ .cpaccordion { width: 93% !important; } /***BANNER***/ .tipshape { width: 60px !important; height: 60px !important; } .tipicon { width: 36px; height: 36px; line-height: 36px; font-size: 36px; } /***BlockQuote***/ .blockquote { width: 90% !important; margin: 0 auto !important; } /***Buddypress***/ #register-page { width: 90%; } #buddypress .item-list .avatar, #buddypress .activity-comments form div.ac-reply-avatar { width: 10%; } #buddypress button, #buddypress input[type="text"], #buddypress input[type="password"], #buddypress input[type="email"], #buddypress textarea { width: 90% !important; font-size: 2em; margin: 40px auto; text-align: center; display: block; } #buddypress button, #buddypress input[type="submit"] { margin: 0px auto 40px; width: 90%; display: block; } form#signup_form button, form#signup_form input[type="submit"] { width: 90% !important; font-size: 1.2em; display: block; } #buddypress div.pagination { font-size: 1.2em; text-align: center; } #buddypress div.item-list-tabs ul li.last { float: none; width: 100%; margin-bottom: 30px; } #buddypress div.item-list-tabs#subnav ul li select { width: 100%; height: 70px; font-size: 1.2em; margin: 20px auto; display: block; } #buddypress div.item-list-tabs#subnav ul li { font-size: 1.2em; } #buddypress div.item-list-tabs#subnav ul li label {} .bp-wrapper .standard-form input[type="password"], .bp-wrapper .standard-form input[type="text"], .bp-wrapper .standard-form input[name="email"], .bp-wrapper form.standard-form textarea, .bp-wrapper #settings-form .submit { width: 75%; } /***Button***/ /* .cpbutton:not(.cptoggler_btn), input[type="submit"].cpbutton { width: 60%; } */ /***Comment***/ textarea#comment, #respond textarea { width: 100%; margin: 0 auto; } .column-1, .column-3 { width: 100%; float: initial; padding: 0; margin: 12px auto; } #post-content p, #post-content #comments h3 { padding: 0; } #comments p label { float: left; } .comment-avatar img { width: 80px !important; } /***Cup Of Joe***/ .flickity-prev-next-button { width: 45px !important; height: 45px !important; } /***FAQ Form***/ .faqtitle { margin-top: 60px; } button.cpfaqsubmit { width: 100%; margin: 20px auto; font-size: 2em; float: initial; } /***Notification***/ .alertcloud { zoom: 100%; z-index: 3; animation-name: none !important; -webkit-animation-name: none !important; -khtml-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; -ms-animation-name: none !important; transform: scale(1); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .alertcloud span i { font-size: 185px; bottom: -40px; right: 44px; } ul.mobileheader li a.alertcloud { position: relative; top: 0; right: 0; width: initial; height: auto; } ul.mobileheader li a.alertcloud i { font-size: 24px; margin: 0; } ul.mobileheader li a.alertcloud .notifcount { font-size: 24px; right: initial; margin-left: 37px; } .cpnotifications { position: relative; top: 0px; right: 9px; float: right; font-size: 20px; text-align: left; width: 550px; z-index: 3; } .cpnotifications:before { right: 155px; } .cpnotifications img { width: 80px; } .cpnotifications ul li { width: 100% } .cpnotifications ul li .title { font: 100 23px sans-serif; } .cpnotifications ul li .excerpt { font: 100 18px sans-serif; } .cp-notif { padding: 30px 0px; border-bottom: dashed 3px; } a.gonotif { font-size: 38px; margin: -89px 0px 0px 400px; } /***Portfolio***/ .contentContainer .showloveback { font-size: 55px; } .portfolioTitle a { font-size: 25px; } .portfolio_category { font-size: 20px; } .contentContainer .iconsContainer { top: 50%; } ul.iconsContainer li a { font-size: 27px; padding: 16px; } ul.iconsContainer li { margin: 0 12px; } /***PriceTable***/ ul.pricetablecontainer li .pricetable { width: 80%; margin: 20px auto; font-size: 1.5em; } ul.pricetablecontainer li .pricetable .icon { font-size: 6em; } ul.pricetablecontainer li .pricetable .pttitle, ul.pricetablecontainer li .pricetable .ptprice { font-size: 45px; } ul.pricetablecontainer li .pricetable .ptdescription { font-size: 35px; } ul.pricetablecontainer li .pricetable a.ptbutton { font-size: 26px !important; width: 68%; } /***Social***/ ul.cpsharelistdesktop { display: none } /***Shop***/ ul.shop_gridchoice { display: none !important } /***Author***/ .author-avatar:hover, .author-avatar:focus { width: 95%; } .author-avatar:hover p, .author-avatar:focus p { clear: both; width: initial !important; } .author-avatar img { float: none; } .author-avatar:hover img { margin: 20px auto; } .author-avatar { margin: 30px auto; } .authorpostscontent { display: block; width: initial; } /***Carousel Blog***/ .cpcarouselpost-item.gallery-cell { width: 75% !important; } /***Contact Form***/ form.cpcontact { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } ul.cpcontactinputs li { display: block; padding: 0; margin: 0 auto; clear: both } .cpcontacticon { margin: 0 auto 6px; padding: 0; } button.cpcontactsubmit { width: 100% !important; float: none; font-size: 27px; margin: 40px auto 0; } ul.contactsocial li a { font-size: 25px; } form.cpcontact textarea { text-indent: 1.5em; } .cpcontacticon i { line-height: 3.5 } .cpcontacticon.cpcontact_textarea_container i { top:-4px; } .cpcontacticon.cpcontacticon_key i { top:-5px; } .cpcontact .fa { font-size:1em; } .cpcontacttxt, .cpcontactkey{ text-indent: 1.5em; } .cpcontacticon.cpcontact_textarea_container h2 { font-size: 1em; } /***FlipBox***/ .flipcontainer { width: 94% !important; margin: 0 auto; } /***Icon***/ .iconbox span { padding-top: 12%; } /***404 Page***/ .fourofour { top: 80px; } #background404 img { display: block; } /***Modal Window Sizes***/ .smallwindow { width: 90%; } .mediumwindow { width: 90%; } .largewindow { width: 90%; } .xlargewindow { width: 90%; } /***Modal Button Sizes***/ .xbtn { width: intial; margin: -9px 10px 0px 0px; font-size: 30px; } .xsmallbtn { width: 90%; } .smallbtn { width: 90%; } .mediumbtn { width: 90%; } .largebtn { width: 90%; } .xlargebtn { width: 90%; } .cpmodalcontainer { top: 14%; } /***Success Stories***/ ul.success_stories li .success_item .successimage img { width: 150px !important; height: auto; margin: 25px auto 0; } ul.successcontrols { left: initial; right: initial; top: initial; bottom: initial; } .success_stories2 ul li a img { width: 160% } /***Tabs***/ ul.cptabs li label { font-size: 1.3em; } ul.cptabs { width: 100% !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important; } ul.cptabs .tabscontent { font-size: 1.3em; } /***Team Member***/ .team_member_backdrop { background-attachment: scroll; } .team_info_section { min-width: 100%; padding: 0; } body.single-teammember .singlepost .team_member_image { height: auto } .team_header_text { left: 0; right: 0; margin: 0; } .team_info_section h2, .team_info_section span, .team_position { margin: 0 auto !important; } ul.team_members.tm_thumbnail li { min-height: 300px; } ul.team_members.tm_medium li { min-height: 400px; } ul.team_members.tm_large li { min-height: 650px; } .tm_thumbnail, .tm_thumbnail .team_image { width: 200px; height: 200px; } .tm_medium, .tm_medium .team_image { width: 300px; height: 300px; } .tm_large, .tm_large .team_image { width: 450px; height: 450px; } .team_info_section span { margin: 0 auto; } .team_info_section { height: 100%; } .team_header_text { float: initial; width: 100%; display: block; line-height: normal; padding: 0; vertical-align: bottom; clear: both; text-align: center !important; } .team_info_section .team_position { text-align: center !important; } /***Video Playlist***/ #video_playlist_video iframe { width: 90% !important; } #video_playlist_video { margin: 15% auto 0; } /***Toggler***/ .cptogglers { width: 90% !important; } /***Page Elements***/ #wpadminbar { position: fixed; } .closeleftpanel, .closerightpanel { font-size: 25px; margin-top: 45px; } .leftbar-menu { display: none !important; height: auto; min-height: 80px; z-index: 2 !important; } .leftbar-menu:hover { height: 55px; } .leftbar-menu li { width: 135.7px; padding-left: 12px; } .leftbar-menu li>a { font-size: 24px; width: 100%; height: 60px; } .leftbar-menu ul li a [class^="icon-"], .leftbar-menu ul li a [class*=" icon-"], .leftbar-menu ul li a [class^="fa fa-"], .leftbar-menu ul li a [class*="fa fa-"] { font-size: 45px; } .leftbar-menu li:hover .nav-text { bottom: 83px; } .logged_in_fr, .logged_out_fr { display: none; } h2.widgettitle:first-child { font-size: 1.5em; margin-bottom: 20px; } /*****Mobile Menu Hide****/ #wrapper { width: 100% !important; position: static !important; } .stickyheader { display: none !important; } .ipadmini-menu { display: none; } /***Logo***/ .logoimgtext { position: relative; top: 0px; min-width: 220px; } .logoimgtext img { width: 45px; } .mobile-menu { display: block; } .mobile { display: block; clear: both; white-space: nowrap; position: relative; } #mobilelogo { position: relative; top: -30px; width: 100%; margin-bottom: 80px; } #full-logo img { width: 120px; } #full-logo { position: relative; top: -120px; z-index: 2; } h1#full-logo { font-size: 2.8em; } /***Login, Lost Password, Sign Up Form***/ #login-signup-retrieve { z-index: 7; } form#login input[type="checkbox"] { display: block; } form#login span.iconuser, form#login span.iconpass, #lostpass form span.iconuser, #lostpass form span.iconpass, #signup form span.iconuser, #signup form span.iconpass { padding: 10px; clear: both; margin: 0px 0 5px; } p.form_paragraph_links { padding: 0; } /***STATUS***/ #stat-full { display: none; } #full-status { top: 0px; right: .6%; left: 0px; width: auto; margin: 0px auto; position: relative; z-index: 1; } /***POST CONTENT AND CONTAINER***/ ul.leftbar_social { display: none !important; } .desktop-menu { display: none; } .desktop { display: none; } #full-container { margin-top: 0px; top: -102px; } #container { padding: 0px; margin: 0px; overflow-x: visible; } #post-content p { padding: 12px; } .excerpt_container { text-align: center; margin: 20px auto } /***LOGO***/ .logo img { width: 100px; height: auto; margin-bottom: 0px; float: left; margin-top: -90px; margin-left: 2px; position: relative; top: 80px; z-index: 2; } h1.logo, h1#topmenu-logo { font-size: 3em; } .logo { position: relative !important; top: -100px !important; left: -7px !important; width: 100% !important; text-align: center !important; font-size: 3em; display: inline; margin: 0px auto; } .stButton .stLarge { height: 100px !important; width: 100px !important; background-size: 100% !important; left: 46px; top: 20px; } .stButton:hover .stLarge:hover { height: 100px !important; width: 100px !important; background-size: 100% !important; background-position: 0% !important; left: 46px !important; top: 20px !important; float: none !important; position: relative !important; } .button { font-size: 1.2em !important; border-radius: 0px; } button, input[type="text"], input[type="password"], input[type="email"], textarea { width: 100%; font-size: 1.2em; margin-bottom: 0; } #phone-icon { display: block; background: #A1DCD9; position: relative; color: #ffffff; z-index: 3; } .login-link { border-radius: 0px 12px 12px 0px; -webkit-border-radius: 0px 12px 12px 0px; -khtml-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px; -o-border-radius: 0px 12px 12px 0px; -ms-border-radius: 0px 12px 12px 0px; z-index: 3; } .signup-link { z-index: 3; float: right; } .boxed-button-status { border-radius: 32px; position: relative; top: -320px; font-size: 3em; left: 20px; } .mobile-status { display: none; float: left; } .ver-divider { display: none; } a.cpshare { display: none; } ul.cpsharelistmobile { display: block; position: relative; font-family: FontAwesome; text-align: center; } ul.cpsharelistmobile li { display: inline; margin: 20px auto 60px; } ul.socialmobile li { width: 20%; font-size: 80px; } #social-content, #share-content { width: 100%; padding-top: 50px; z-index: 12; } .close-social { font-size: 24px; } .socialblur { z-index: 8; } ul.mobheaderbuttons { position: relative; width: 100%; text-align: center; display: block; font-size: 1.3em; z-index: 3; } ul.mobheaderbuttons li a { display: block; width: 100%; text-align: center; padding: 20px 0px 20px 3%; } ul.mobheaderbuttons li a .fa { display: block; } a#phone-icon { border-right: solid 2px #888; } #signout_btn { position: absolute; top: -255px; left: -1px; border-radius: 0px 0px 5px 0px; } #left-panel, #right-panel { width: 70%; overflow-x: hidden; z-index: 7; } ul.menu, ul.settingsmenu { margin-bottom: 28px; } .menu li a, .settingsmenu li a { padding-top: 1.2em; padding-bottom: 1.2em; line-height: 3; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -moz-touch-callout: none; -moz-user-select: none; -o-touch-callout: none; -o-user-select: none; -ms-touch-callout: none; -ms-user-select: none; } .menu .sub-menu a, .settingsmenu .sub-menu a { width: 100%; } .menu .sub-menu li, .settingsmenu .sub-menu li { display: block; min-height: 86px; } .menu li.menu-item-has-children:before { font-size: 1.1em; text-align: center; width: 120px; height: initial; left: initial; padding: 21px; box-sizing: border-box; position: absolute; top: 0; right: 0; margin: 0; z-index: 1; } .menu .sub-menu li, .settingsmenu .sub-menu li { top: 0px; } .menu li .sub-menu .em-arrow a { margin-left: -1px; left: 4px; margin-right: -6px; margin-bottom: 2px; margin-top: 10px; } .panel-title { margin-bottom: 20px; font-size: 1em; } .panel-title:first-child { margin-bottom: 20px; } #container { width: 100% !important; float: none !important; } #post-content > p { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ column-count: 1; font-size: 1.5em; white-space: pre; } #status { width: 600px; } #mobile-search { display: block; float: right; z-index: 2; } #full-panel { display: none; } #initial_content { width: 60% !important; } a.showcontact.button { width: 60%; margin: 20px auto; display: block; } /***SEARCH FORM***/ .searchlabel, .searchlabel span .bt-minus, form#searchform input, a.searchclose { font-size: 16px; } a.mobclosesearch { position: relative; right: 22px; top: 1px; font-weight: 300; font-size: 30px; font-family: inherit; float: right; margin: 0px auto -50px; z-index: 1; } #post-content form#searchform input { background: transparent !important; color: initial !important; font-size: inherit !important; } #post-content #searchsubmit .fa-search { color: initial !important; } ul.social, #sharethis { display: none !important; } /***Columns***/ .one, .two, .three, .four, .five, .onehalf, .onethird, .twothirds, .onefourth, .threefourths { width: 100%; margin-left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .columns { float: none; width: 94.5%; font-size: 1.6em; } .column { margin: 0px auto; } /***PAGE-LAYOUT AND IMAGES***/ #my_video_1 { width: 100% !important; } .ad-widget img, .notif-widget img { width: 100%; height: auto; margin-left: 0px; border-radius: 0px; } #top-sponsors img, #top-sponsors { width: 100% !important; height: auto !important; margin-left: 0px !important; border-radius: 0px !important; margin-top: 20px !important; margin-bottom: -110px !important; right: 0px !important; float: none !important; min-width: 60vh; } #top-notif { width: 100%; left: 0px; margin-top: 30px; } /***YOUTUBE GALLERY***/ .vidtitle { font-size: 33px; padding: 12px; } #video-player { left: 0px; top: 120px; overflow-y: hidden; overflow-x: visible; } .utubevids, iframe { left: 0%; top: 2%; padding-left: 0px; border-left: 0px; border-right: 0px; border-radius: 0px; } .utubevids { height: 140px; padding: 12px 0 22px; margin-bottom: 230px; } .thumbsize .trigger img { width: 230px; height: 151px; display: inline-block; *display: inline; zoom: 1; } .trigger img { margin: 0 20px 0; } /***FOOTER***/ #footer { width: 100% !important; left: 0px !important; z-index: 3 !important; } a.minimize { font-size: 3.6em; height: initial; float: none; text-indent: 11px; border-right: none; border-top: solid 1px; } a.maximize { font-size: 3.6em; height: initial; float: initial; text-indent: 11px; } ul.footercontent { margin: 5% auto; text-align: center; font-size: 1.2em } ul.footer-controls { height: initial; box-shadow: none; -webkit-shadow: none; -khtml-shadow: none; -moz-shadow: none; -o-shadow: none; -ms-shadow: none; } .footer-section { width: 100.1% !important; padding-bottom: 96px; } .footer-container li { display: inline-block !important; width: 90%; margin: 0 auto; text-align: center; } .footer-section img { width: 80% !important; height: auto; margin: 2px auto !important; float: none !important; display: block !important; } .footer-section span { text-align: center; display: block; margin: 12px auto; } .footer-section a { text-align: center; margin: 12px auto; display: block; } .footer-update { padding: 20px; display: block; width: 100%; margin-top: 0; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.footer-controls ~ .footer-update { padding: 20px; display: block; width: 100%; margin-top: -60px; margin-bottom: 250px; padding-bottom: 160px; } .copyright { text-align: center; font-size: .8em; left: 0px; line-height: inherit; padding: 0; margin: 0; } /***CLOSE BUTTONS***/ #close-pt { padding: 2px 32px; height: 70px; font-size: 32px; text-indent: -10px; margin-left: 55px; position: absolute; top: -115px; right: 30px; } #close-pt2 { padding: 2px 32px; height: 70px; font-size: 32px; text-indent: -10px; margin-left: 55px; top: 60px; } .close-pt { width: 100%; margin: 30px auto 20px; font-size: 1.5em; padding: 0; } /***Login Form***/ #login, #lostpass, #signup { z-index: 6; padding: 0; width: 100%; height: 100%; background-color: transparent; margin: 0 auto; border: none; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; } form#login span, #lostpass form span, #signup form span { display: block; width: 30%; height: initial; line-height: inherit; color: #ddd; float: left; line-height: 47px; text-align: center; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#login input[type="text"], form#login input[type="password"], #lostpass form input[type="text"], #signup form input[type="text"], #signup form input[type="password"] { width: 70%; height: initial; color: #606468; font-size: 1em; padding: 21px; margin-bottom: 0; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#login input[type="submit"], #lostpass form input[type="submit"], #signup form input[type="submit"] { font-weight: 900; text-transform: uppercase; width: 80%; display: block; padding: 22px; margin: 0 auto 12px; height: initial; box-sizing: border-box; clear: both; -webkit-border-radius: 12px; border-radius: 12px; } form#login > p span, #lostpass form > p span, #signup form > p span { padding-left: 5px; } form#login > h1, #lostpass form > h1, #signup form > h1 { font-size: 2em !important; } form p { padding: 12px 0 0px; font-size: 18px; font-weight: bold; color: #333333; } .lostpass-link p { line-height: 2; } label.usernamereset { text-align: center; display: block; padding: 12px 0px; } #resetusername { text-align: center; } #submit { width: 100%; float: none; } .roundremember { width: 250px; max-width: 60%; height: auto; } .roundremember label { zoom: 1.2; top: 10px; left: 20px; } .roundremember label span { width: 155px !important; padding: 0; } /***WooCommerce***/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% } .cart-contents span.carttext { display: none; } /***Related Products***/ body.single-product #post-content .related ul li { display: block; width: initial; margin: 0 auto; overflow: hidden; clear: both; } /***BuddyPress***/ #mobavatar-link { display: block; } .avatar-link { position: relative; top: -455px; left: 425px; width: 52px; height: 50px; display: none; } .bp-wrapper .dir-form div.dir-search > input[type="text"], .bp-wrapper .dir-form div.dir-search > input[type="text"], .bp-wrapper .dir-form div.dir-search > input[type="password"] { margin-right: 5px; width: 100%; display: inline; margin-top: 60px; padding: 20px 20px; font-size: 1.5em; } button:not(.vjs-big-play-button):not(.cpfaqsubmit):not(.cpsubscribesubmit):not(.flickity-prev-next-button), input[type="submit"] { margin: 12px 0px; padding: 20px 63px; font-size: 1.1em; border-radius: 0px; width: 72%; } /***Visual Composer***/ .wpb_wrapper .wpb_text_column { max-width: 100%; } } /******Media Queries Width:550px*******/ @media only screen and (max-width: 550px) { /***Page Title***/ .description-background { background-position: center; } input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus { /* font-size: 16px !important; */ /* Adding 16px on focus will prevent page zoom */ } } @media only screen and (max-width: 500px) { /***Notification***/ a.alertcloud { display: none } } /******Media Queries Width:450px*******/ @media only screen and (max-width: 450px) { /***Mobile Header***/ ul.mobileheader li.cart { display: none; } } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 100%, 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 100%, 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 100% { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 100% { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }